templates/extended-rating.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: 'Rating'}) }}
  7.         {{ include('partials/head-css.html.twig') }}
  9.     </head>
  11.     {{ include('partials/body.html.twig') }}
  13.         <!-- Begin page -->
  14.         <div id="layout-wrapper">
  16.             {{ include('partials/menu.html.twig') }}
  18.             <!-- ============================================================== -->
  19.             <!-- Start right Content here -->
  20.             <!-- ============================================================== -->
  21.             <div class="main-content">
  23.                 <div class="page-content">
  24.                     <div class="container-fluid">
  26.                         {{ include('partials/page-title.html.twig', {pagetitle: 'Extended', title: 'Rating'}) }}
  27.                         
  28.                         <div class="row">
  29.                             <div class="col-lg-12">
  30.                                 <div class="card">
  31.                                     <div class="card-header">
  32.                                         <h4 class="card-title">Rater Js</h4>
  33.                                         <p class="card-title-desc">Rater Js Different Example For Rating</p>
  34.                                     </div>
  35.                                     <div class="card-body">
  36.                                         
  37.                                         <div class="row">
  38.                                             <div class="col-sm-6">
  39.                                                 <div class="p-lg-5 p-4 text-center" dir="ltr">
  40.                                                     <h5 class="font-size-15 mb-4">Basic Rater</h5>
  41.                                                     <div id="basic-rater"></div>
  42.                                                 </div>
  43.                                             </div>
  44.                                             <!-- end col -->
  45.                                             <div class="col-sm-6">
  46.                                                 <div class="p-lg-5 p-4 text-center" dir="ltr">
  47.                                                     <h5 class="font-size-15 mb-4">Rater with Step</h5>
  48.                                                     <div id="rater-step"></div>
  49.                                                 </div>
  50.                                             </div>
  51.                                             <!-- end col -->
  52.                                             <div class="col-sm-6">
  53.                                                 <div class="p-lg-5 p-4 text-center" dir="ltr">
  54.                                                     <h5 class="font-size-15 mb-4">Custom Messages</h5>
  55.                                                     <div id="rater-message"></div>
  56.                                                 </div>
  57.                                             </div>
  58.                                             <!-- end col -->
  59.                                             <div class="col-sm-6">
  60.                                                 <div class="p-lg-5 p-4 text-center" dir="ltr">
  61.                                                     <h5 class="font-size-15 mb-4">Example with unlimited number of stars. readOnly option is set to true.</h5>
  62.                                                     <div id="rater-unlimitedstar"></div>
  63.                                                 </div>
  64.                                             </div>
  65.                                             <!-- end col -->
  66.                                             <div class="col-sm-6">
  67.                                                 <div class="p-lg-5 p-4 text-center" dir="ltr">
  68.                                                     <h5 class="font-size-15 mb-4">On Hover event</h5>
  69.                                                     <div id="rater-onhover" class="align-middle"></div>
  70.                                                     <span class="ratingnum badge bg-info align-middle ms-2"></span>
  71.                                                 </div>
  72.                                             </div>
  73.                                             <!-- end col -->
  74.                                             <div class="col-sm-6">
  75.                                                 <div class="p-lg-5 p-4 text-center" dir="ltr">
  76.                                                     <h5 class="font-size-15 mb-4">Clear/Reset rater</h5>
  77.                                                     <div id="raterreset" class="align-middle"></div>
  78.                                                     <span class="clear-rating"></span>
  79.                                                     <button id="raterreset-button" class="btn btn-outline-primary btn-sm ms-2">Reset</button>
  80.                                                 </div>
  81.                                             </div>
  82.                                             <!-- end col -->
  83.                                         </div>
  84.                                         <!-- end row -->
  86.                                     </div>
  87.                                 </div>
  88.                             </div>
  89.                             <!-- end col -->
  90.                         </div>
  91.                         <!-- end row -->
  92.                         
  93.                     </div> <!-- end container-fluid -->
  94.                 </div>
  95.                 <!-- End Page-content -->
  97.                 
  98.                 {{ include('partials/footer.html.twig') }}
  99.             </div>
  100.             <!-- end main content-->
  102.         </div>
  103.         <!-- END layout-wrapper -->
  105.         {{ include('partials/right-sidebar.html.twig') }}
  107.         {{ include('partials/vendor-scripts.html.twig') }}
  109.         <!-- rater-js plugin -->
  110.         <script src="/libs/rater-js/index.js"></script>
  111.         <!-- rating init -->
  112.         <script src="/js/pages/rating.init.js"></script>
  114.         <script src="/js/app.js"></script>
  116.     </body>
  117. </html>