README

使用 Composer

composer require jaghoub/izitools

将服务提供者添加到 config/app.php

jaghoub\izitools\izitoolsServiceProvider::class,

可选地，如果您想使用 Facade，可以在 config/app.php 中包含它。

'izitools' => jaghoub\izitools\Facades\izitools::class,

使用方法

基本用法

从您的应用程序中，使用选项和类型调用 izime 方法。

包含样式

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.1.1/css/iziToast.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/izimodal/1.4.2/css/iziModal.css" />

包含 JavaScript

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.1.1/js/iziToast.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/izimodal/1.4.2/js/iziModal.min.js"></script>

使用 Facade

izitools()->izime('tosat', [
 'title'=> 'Welcome to laravel Website Test !',
 'message'=>'is simply dummy text of the printing and typesetting industry. ',
 'color'=>'green',
 'position'=>'center'
]);
---
or
---

izitools()->izime('modal', [
 'title'=> 'Welcome to laravel Website Test !',
 'iframe'=>true,
 'iframeHeight'=>800,
 'iframeURL'=>'http://izimodal.dolce.ninja'
]);

不使用 Facade

izitools::izime('tosat', [
 'title'=> 'Welcome to laravel Website Test !',
 'message'=>'is simply dummy text of the printing and typesetting industry. ',
 'color'=>'green',
 'position'=>'center'
]);

---
or
---

izitools::izime('modal', [
 'title'=> 'Welcome to laravel Website Test !',
 'iframe'=>true,
 'iframeHeight'=>800,
 'iframeURL'=>'http://izimodal.dolce.ninja'
]);

在视图中，您现在可以检查是否存在闪存消息并输出它。

@if (izitools::ready())

         {{ izitools::type() }}
@endif

选项

您可以将其他选项传递给 izime 方法，这些选项可以在视图中轻松访问。

izitools::izime('modal', [
 'title'=> 'Welcome to laravel Website Test !',
 etc ...
]);

然后，在您的视图中不使用 Facade。

@if (izitools::ready())
     <script>
     $(document).ready(function(){

 @if (izitools::type() =='tosat')
 iziToast.show({
{!! izitools::options() !!}
  });

 @elseif(izitools::type() =='modal')
$("#modal").iziModal({
 {!! izitools::options() !!}
});

   $('#modal').iziModal('open');
 @else

 iziToast.show({
     title: 'this option not Available',
     message: 'this packages include only modal and tosat type please select one of them while sending data',
     color:'red'
 });

 @endif

     });
      </script>
@endif

使用 Facade

@if (izitools()->ready())
     <script>
     $(document).ready(function(){

 @if (izitools()->type() =='tosat')
 iziToast.show({
{!! izitools::options() !!}
  });

 @elseif(izitools()->type() =='modal')
$("#modal").iziModal({
 {!! izitools()->options() !!}
});

   $('#modal').iziModal('open');
 @else

 iziToast.show({
     title: 'this option not Available',
     message: 'this packages include only modal and tosat type please select one of them while sending data',
     color:'red'
 });

 @endif

     });
      </script>
@endif

不建议在真实应用程序中使用 {!! !!} 方法，因为它将允许 XSS 攻击，除非您确信将要推送的数据是安全的。

'better user the method izitools::option("option_name")'

构建工具

• izimodal - jQueryIZIMODAL v1.5.0
• izitosat - IZITOAST v1.1.2

上面的示例使用了 izimodal 和 izitosat，但 izitools 的灵活性意味着您可以轻松地与任何 JavaScript 弹窗解决方案一起使用。

问题和贡献

只需通过 GitHub 提交问题或拉取请求。谢谢！