templates/sweet_alert/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5.                             <!-- PAGE-HEADER -->
  6.                             <div class="page-header">
  7.                                 <div>
  8.                                     <h1 class="page-title">Sweet-Alerts</h1>
  9.                                 </div>
  10.                                 <div class="ms-auto pageheader-btn">
  11.                                     <ol class="breadcrumb">
  12.                                         <li class="breadcrumb-item"><a href="javascript:void(0);">Advanced UI</a></li>
  13.                                         <li class="breadcrumb-item active" aria-current="page">Sweet-Alerts</li>
  14.                                     </ol>
  15.                                 </div>
  16.                             </div>
  17.                             <!-- PAGE-HEADER END -->
  19.                             <!-- ROW -->
  20.                             <div class="row">
  21.                                 <div class="col-sm-12">
  22.                                     <div class="card">
  23.                                         <div class="card-header border-bottom">
  24.                                             <h3 class="card-title">Sample Sweet Alerts</h3>
  25.                                         </div>
  26.                                         <div class="card-body">
  27.                                             <input type='button' class="btn btn-primary mt-2" value='Basic alert' id='swal-basic'>
  28.                                             <input type='button' class="btn btn-success mt-2" value='Success alert' id='swal-success'>
  29.                                             <input type='button' class="btn btn-warning mt-2" value='Warning alert' id='swal-warning'>
  30.                                             <input type='button' class="btn btn-danger mt-2" value='Danger alert' id='swal-danger'>
  31.                                             <input type='button' class="btn btn-info mt-2" value='Info alert' id='swal-info'>
  32.                                             <input type='button' class="btn btn-gray mt-2" value='Title alert' id='swal-title'>
  33.                                             <input type='button' class="btn btn-dark mt-2" value='Passing a parameter' id='swal-parameter'>
  34.                                             <input type='button' class="btn btn-secondary mt-2" value='With a loader' id='swal-ajax'>
  35.                                         </div>
  36.                                     </div>
  37.                                     <div class="card">
  38.                                         <div class="card-header border-bottom">
  39.                                             <h3 class="card-title">Forms Sweet-alert</h3>
  40.                                         </div>
  41.                                         <div class="card-body">
  42.                                             <div class="form-group">
  43.                                                 <label>Title</label>
  44.                                                 <input type='text' class="form-control" placeholder='Title text' id='title'>
  45.                                             </div>
  46.                                             <div class="form-group">
  47.                                                 <label>Message</label>
  48.                                                 <input type='text' class="form-control" placeholder='Your message' id='message'>
  49.                                             </div>
  50.                                             <input type='button' class="btn btn-primary mt-2" value='Simple alert' id='but1'>&nbsp;
  51.                                             <input type='button' class="btn btn-secondary mt-2" value='Alert with title' id='but2'>&nbsp;
  52.                                             <input type='button' class="btn btn-info mt-2" value='Alert with image' id='swal-image'>&nbsp;
  53.                                             <input type='button' class="btn btn-warning mt-2" value='With timer' id='swal-timer'>
  54.                                         </div>
  55.                                     </div>
  56.                                 </div>
  57.                             </div>
  58.                             <!-- END ROW -->
  59. {% endblock %}
  61. {% block javascripts %}
  62.    {{parent()}} 
  63.         <!-- SWEET-ALERT JS -->
  64.         <script src="{{absolute_url(asset('build/plugins/sweet-alert/sweetalert.min.js'))}}"></script>
  65.         <script src="{{absolute_url(asset('build/plugins/sweet-alert/jquery.sweet-alert.js'))}}"></script>
  66.     
  67. {% endblock %}