templates/extended-notifications.html.twig line 1

Open in your IDE?
  1. {{ include('partials/main.html.twig') }}
  3.     <head>
  4.         
  5.         {{ include('partials/title-meta.html.twig', {title: 'Notifications'}) }}
  7.         <!-- alertifyjs Css -->
  8.         <link href="/libs/alertifyjs/build/css/alertify.min.css" rel="stylesheet" type="text/css" />
  10.         <!-- alertifyjs default themes  Css -->
  11.         <link href="/libs/alertifyjs/build/css/themes/default.min.css" rel="stylesheet" type="text/css" />
  13.         {{ include('partials/head-css.html.twig') }}
  15.     </head>
  17.     {{ include('partials/body.html.twig') }}
  19.         <!-- Begin page -->
  20.         <div id="layout-wrapper">
  22.             {{ include('partials/menu.html.twig') }}
  24.             <!-- ============================================================== -->
  25.             <!-- Start right Content here -->
  26.             <!-- ============================================================== -->
  27.             <div class="main-content">
  29.                 <div class="page-content">
  30.                     <div class="container-fluid">
  32.                         {{ include('partials/page-title.html.twig', {pagetitle: 'Extended', title: 'Notifications'}) }}
  35.                         <div class="row">
  36.                             <div class="col-12">
  37.                                 <div class="card">
  38.                                     <div class="card-header">
  39.                                         <h4 class="card-title">AlertifyJs</h4>
  40.                                         <p class="card-title-desc">Notifications examples of using AlertifyJS.</p>
  41.                                     </div>
  42.                                     <div class="card-body">
  43.         
  44.                                         <h4 class="card-title mb-4">Default Dialogs</h4>
  46.                                         <div class="row text-center">
  47.                                             <div class="col-sm-4">
  48.                                                 <div class="my-4">
  49.                                                     <h5 class="mb-4">Alert</h5>
  51.                                                     <a href="javascript: void(0);"  id="alert" class="btn btn-primary waves-effect waves-light">Click me</a>
  52.                                                 </div>
  53.                                             </div>
  54.                                             <div class="col-sm-4">
  55.                                                 <div class="my-4">
  56.                                                     <h5 class="mb-4">Confirm</h5>
  58.                                                     <a href="javascript: void(0);"  id="alert-confirm" class="btn btn-primary waves-effect waves-light">Click me</a>
  59.                                                 </div>
  60.                                             </div>
  61.                                             <div class="col-sm-4">
  62.                                                 <div class="my-4">
  63.                                                     <h5 class="mb-4">Prompt</h5>
  65.                                                     <a href="javascript: void(0);"  id="alert-prompt" class="btn btn-primary waves-effect waves-light">Click me</a>
  66.                                                 </div>
  67.                                             </div>
  68.                                         </div>
  71.                                         <h4 class="card-title mt-5 mb-3">Default Notifications</h4>
  73.                                         <div class="table-responsive">
  74.                                             <table class="table mb-0">
  75.                                                 
  76.                                                 <tbody>
  77.                                                     <tr>
  78.                                                         <td>Default alert</td>
  79.                                                         <td><a href="javascript: void(0);"  id="alert-message" class="btn btn-primary btn-sm waves-effect waves-light">Click me</a></td>
  80.                                                     </tr>
  81.                                                     <tr>
  82.                                                         <td>Success alert</td>
  83.                                                         <td><a href="javascript: void(0);"  id="alert-success" class="btn btn-primary btn-sm waves-effect waves-light">Click me</a></td>
  84.                                                     </tr>
  85.                                                     <tr>
  86.                                                         <td>Error alert</td>
  87.                                                         <td><a href="javascript: void(0);"  id="alert-error" class="btn btn-primary btn-sm waves-effect waves-light">Click me</a></td>
  88.                                                     </tr>
  89.                                                     <tr>
  90.                                                         <td>Warning alert</td>
  91.                                                         <td><a href="javascript: void(0);"  id="alert-warning" class="btn btn-primary btn-sm waves-effect waves-light">Click me</a></td>
  92.                                                     </tr>
  93.                                                     
  94.                                                 </tbody>
  95.                                             </table>
  96.                                         </div>
  97.                                     </div>
  98.                                     <!-- end card body -->
  99.                                 </div>
  100.                                 <!-- end card -->
  101.                             </div>
  102.                             <!-- end col -->
  103.                         </div>
  104.                         <!-- end row -->
  105.                         
  106.                     </div> <!-- container-fluid -->
  107.                 </div>
  108.                 <!-- End Page-content -->
  109.                 
  110.                 {{ include('partials/footer.html.twig') }}
  111.             </div>
  112.             <!-- end main content-->
  114.         </div>
  115.         <!-- END layout-wrapper -->
  117.         {{ include('partials/right-sidebar.html.twig') }}
  119.         {{ include('partials/vendor-scripts.html.twig') }}
  120.         
  121.         <!-- alertifyjs js -->
  122.         <script src="/libs/alertifyjs/build/alertify.min.js"></script>
  124.         <!-- notification init -->
  125.         <script src="/js/pages/notification.init.js"></script>
  126.         
  127.         <script src="/js/app.js"></script>
  128.     </body>
  129. </html>