jaghoub/izitools

professional notifications and modals from izimodal + izitosat for Laravel

0.0.1 2017-06-27 14:44 UTC

This package is not auto-updated.

Last update: 2020-05-29 19:33:51 UTC


README

Using Composer

composer require jaghoub/izitools

Add the service provider to config/app.php

jaghoub\izitools\izitoolsServiceProvider::class,

Optionally include the Facade in config/app.php if you'd like.

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

Usage

Basic

From your application, call the izime method with a options and type.

include styles

<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" />

include 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>

if use 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'
]);

without 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'
]);

Within a view, you can now check if a flash message exists and output it.

@if (izitools::ready())

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

Options

You can pass additional options to the izime method, which are then easily accessible within your view.

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

Then, in your view without 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

with using 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

its not suggested to use {!! !!} method on real app it will allow the attack of XSS unless you are sure about data will be pushed .

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

Built With

The above example uses izimodal,izitosat but the flexibily of izitools means you can easily use it with any JavaScript alert solution.

Issues and contribution

Just submit an issue or pull request through GitHub. Thanks!