templates/rating/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">Rating</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">Rating</li>
  14.                                     </ol>
  15.                                 </div>
  16.                             </div>
  17.                             <!-- PAGE-HEADER END -->
  19.                             <!-- ROW -->
  20.                             <div class="row row-cards">
  21.                                 <div class="col-md-6">
  22.                                     <div class="card">
  23.                                         <div class="card-header">
  24.                                             <div class="card-title">
  25.                                                 Star Rating
  26.                                             </div>
  27.                                         </div>
  28.                                         <div class="card-body">
  29.                                             <div class="rating-stars block" id="rating-1" data-stars="2">
  30.                                             </div>
  31.                                         </div>
  32.                                     </div>
  33.                                 </div>
  34.                                 <div class="col-md-6">
  35.                                     <div class="card">
  36.                                         <div class="card-header">
  37.                                             <div class="card-title">
  38.                                                 Heart Rating
  39.                                             </div>
  40.                                         </div>
  41.                                         <div class="card-body">
  42.                                             <div class="rating-stars block" id="rating-2" data-stars="2">
  43.                                             </div>
  44.                                         </div>
  45.                                     </div>
  46.                                 </div>
  47.                                 <div class="col-md-6">
  48.                                     <div class="card">
  49.                                         <div class="card-header">
  50.                                             <div class="card-title">
  51.                                                 Multi Star Rating
  52.                                             </div>
  53.                                         </div>
  54.                                         <div class="card-body">
  55.                                             <div class="rating-stars block" id="rating-3" data-stars="2">
  56.                                             </div>
  57.                                         </div>
  58.                                     </div>
  59.                                 </div>
  60.                                 <div class="col-md-6">
  61.                                     <div class="card">
  62.                                         <div class="card-header">
  63.                                             <div class="card-title">
  64.                                                 Multi Heart Rating
  65.                                             </div>
  66.                                         </div>
  67.                                         <div class="card-body">
  68.                                             <div class="rating-stars block" id="rating-6" data-stars="2">
  69.                                             </div>
  70.                                         </div>
  71.                                     </div>
  72.                                 </div>
  73.                                 <div class="col-md-6">
  74.                                     <div class="card">
  75.                                         <div class="card-header">
  76.                                             <div class="card-title">
  77.                                                 Multi circle Rating
  78.                                             </div>
  79.                                         </div>
  80.                                         <div class="card-body">
  81.                                             <div class="rating-stars block" id="rating-4" data-stars="2">
  82.                                             </div>
  83.                                         </div>
  84.                                     </div>
  85.                                 </div>
  86.                                 <div class="col-md-6">
  87.                                     <div class="card">
  88.                                         <div class="card-header">
  89.                                             <div class="card-title">
  90.                                                 Thumbs-up Rating
  91.                                             </div>
  92.                                         </div>
  93.                                         <div class="card-body">
  94.                                             <div class="rating-stars block" id="rating-5" data-stars="2">
  95.                                             </div>
  96.                                         </div>
  97.                                     </div>
  98.                                 </div>
  99.                             </div>
  100.                              <!-- END ROW -->
  102.                              <!-- ROW -->
  103.                             <div class="row row-cards">
  104.                                 <div class="col-md-6">
  105.                                     <div class="card">
  106.                                         <div class="card-header">
  107.                                             <div class="card-title">
  108.                                                 Basic Star Rating
  109.                                             </div>
  110.                                         </div>
  111.                                         <div class="card-body">
  112.                                             <div class="rating-stars block my-rating">
  113.                                             </div>
  114.                                         </div>
  115.                                     </div>
  116.                                 </div>
  117.                                 <div class="col-md-6">
  118.                                     <div class="card">
  119.                                         <div class="card-header">
  120.                                             <div class="card-title">
  121.                                                 Rounded star Rating
  122.                                             </div>
  123.                                         </div>
  124.                                         <div class="card-body">
  125.                                             <div class="rating-stars  block my-rating-4" data-rating="2">
  126.                                             </div>
  127.                                         </div>
  128.                                     </div>
  129.                                 </div>
  130.                                 <div class="col-md-6">
  131.                                     <div class="card">
  132.                                         <div class="card-header">
  133.                                             <div class="card-title">
  134.                                                     Gradients Rating
  135.                                             </div>
  136.                                         </div>
  137.                                         <div class="card-body">
  138.                                             <div class="rating-stars block my-rating-5" data-rating="5">
  139.                                             </div>
  140.                                         </div>
  141.                                     </div>
  142.                                 </div>
  143.                                 <div class="col-md-6">
  144.                                     <div class="card">
  145.                                         <div class="card-header">
  146.                                             <div class="card-title">
  147.                                                 Execute callback when rating
  148.                                             </div>
  149.                                         </div>
  150.                                         <div class="card-body">
  151.                                             <div class="rating-stars block my-rating-6"   data-rating="2">
  152.                                             </div>
  153.                                         </div>
  154.                                     </div>
  155.                                 </div>
  156.                                 <div class="col-md-6">
  157.                                     <div class="card">
  158.                                         <div class="card-header">
  159.                                             <div class="card-title">
  160.                                                 Read only mode
  161.                                             </div>
  162.                                         </div>
  163.                                         <div class="card-body">
  164.                                             <div class="rating-stars block my-rating-7"  data-rating="2">
  165.                                             </div>
  166.                                         </div>
  167.                                     </div>
  168.                                 </div>
  169.                                 <div class="col-md-6">
  170.                                     <div class="card">
  171.                                         <div class="card-header">
  172.                                             <div class="card-title">
  173.                                                 Use fullstars
  174.                                             </div>
  175.                                         </div>
  176.                                         <div class="card-body">
  177.                                             <div class="rating-stars block my-rating-8" data-rating="2">
  178.                                             </div>
  179.                                         </div>
  180.                                     </div>
  181.                                 </div>
  182.                                 <div class="col-md-6">
  183.                                     <div class="card">
  184.                                         <div class="card-header">
  185.                                             <div class="card-title">
  186.                                                 On hover event
  187.                                             </div>
  188.                                         </div>
  189.                                         <div class="card-body">
  190.                                             <div class="rating-stars block my-rating-9" data-rating="2">
  191.                                             </div>
  192.                                             <span class="live-rating"></span>
  193.                                         </div>
  194.                                     </div>
  195.                                 </div>
  196.                                 <div class="col-md-6">
  197.                                     <div class="card">
  198.                                         <div class="card-header">
  199.                                             <div class="card-title">
  200.                                                 Rating level colors
  201.                                             </div>
  202.                                         </div>
  203.                                         <div class="card-body">
  204.                                             <div class="rating-stars block my-rating-10" data-rating="2">
  205.                                             </div>
  206.                                         </div>
  207.                                     </div>
  208.                                 </div>
  209.                             </div>
  210.                             <!-- END ROW -->
  211. {% endblock %}
  213. {% block javascripts %}
  214.    {{parent()}} 
  215.         <!-- STAR RATING JS -->
  216.         <script src="{{absolute_url(asset('build/plugins/rating/jquery-rate-picker.js'))}}"></script>
  217.         <script src="{{absolute_url(asset('build/plugins/rating/rating-picker.js'))}}"></script>
  219.         <!-- STAR RATING-1 JS -->
  220.          <script src="{{absolute_url(asset('build/plugins/ratings-2/jquery.star-rating.js'))}}"></script>
  221.         <script src="{{absolute_url(asset('build/plugins/ratings-2/star-rating.js'))}}"></script>
  223. {% endblock %}