templates/range_slider/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">Range slider</h1>
  9.                                 </div>
  10.                                 <div class="ms-auto pageheader-btn">
  11.                                     <ol class="breadcrumb">
  12.                                         <li class="breadcrumb-item"><a href="javascript:void(0);">UI Elements</a></li>
  13.                                         <li class="breadcrumb-item active" aria-current="page">Range Slider</li>
  14.                                     </ol>
  15.                                 </div>
  16.                             </div>
  17.                             <!-- PAGE-HEADER END -->
  19.                             <!-- DIV -->
  20.                             <div class="card">
  21.                                 <div class="card-header border-bottom-0">
  22.                                     <div class="card-title">
  23.                                         Range Slider
  24.                                     </div>
  25.                                 </div>
  26.                                 <div class="card-body">
  27.                                     <div class="row row-sm">
  28.                                         <div class="col-lg-12">
  29.                                             <input class="rangeslider1" name="example_name" type="text" value="">
  30.                                         </div>
  31.                                         <div class="col-lg-12 mt-4">
  32.                                             <input class="rangeslider2" name="example_name" type="text" value="">
  33.                                         </div>
  34.                                     </div>
  35.                                     <div class="row row-sm">
  36.                                         <div class="col-lg-12 mt-4">
  37.                                             <input class="rangeslider3" name="example_name" type="text" value="">
  38.                                         </div>
  39.                                         <div class="col-lg-12 mt-4">
  40.                                             <input class="rangeslider4" name="example_name" type="text" value="">
  41.                                         </div>
  42.                                     </div>
  43.                                 </div>
  44.                             </div>
  45.                             <!-- /DIV -->
  47.                             <!-- DIV -->
  48.                             <div class="card">
  49.                                 <div class="card-header border-bottom-0">
  50.                                     <div class="card-title">
  51.                                         Range Slider (Modern Skin)
  52.                                     </div>
  53.                                 </div>
  54.                                 <div class="card-body">
  55.                                     <div class="row row-sm">
  56.                                         <div class="col-lg-12">
  57.                                             <input class="rangeslider1" data-extra-classes="irs-modern" name="example_name" type="text">
  58.                                         </div>
  59.                                         <div class="col-lg-12 mt-4">
  60.                                             <input class="rangeslider2" data-extra-classes="irs-modern" name="example_name" type="text">
  61.                                         </div>
  62.                                     </div>
  63.                                     <div class="row row-sm">
  64.                                         <div class="col-lg-12 mt-4">
  65.                                             <input class="rangeslider3" data-extra-classes="irs-modern" name="example_name" type="text">
  66.                                         </div>
  67.                                         <div class="col-lg-12 mt-4">
  68.                                             <input class="rangeslider4" data-extra-classes="irs-modern" name="example_name" type="text">
  69.                                         </div>
  70.                                     </div>
  71.                                 </div>
  72.                             </div>
  73.                             <!-- /DIV -->
  75.                             <!-- DIV -->
  76.                             <div class="card">
  77.                                 <div class="card-header border-bottom-0">
  78.                                     <div class="card-title">
  79.                                         Range Slider (Outline Skin)
  80.                                     </div>
  81.                                 </div>
  82.                                 <div class="card-body">
  83.                                     <div class="row row-sm">
  84.                                         <div class="col-lg-12">
  85.                                             <input class="rangeslider1" data-extra-classes="irs-outline" name="example_name" type="text">
  86.                                         </div>
  87.                                         <div class="col-lg-12 mt-4">
  88.                                             <input class="rangeslider2" data-extra-classes="irs-outline" name="example_name" type="text">
  89.                                         </div>
  90.                                     </div>
  91.                                     <div class="row row-sm">
  92.                                         <div class="col-lg-12 mt-4">
  93.                                             <input class="rangeslider3" data-extra-classes="irs-outline" name="example_name" type="text">
  94.                                         </div>
  95.                                         <div class="col-lg-12 mt-4">
  96.                                             <input class="rangeslider4" data-extra-classes="irs-outline" name="example_name" type="text">
  97.                                         </div>
  98.                                     </div>
  99.                                 </div>
  100.                             </div>
  101.                             <!-- /DIV -->
  102. {% endblock %}
  104. {% block javascripts %}
  105.    {{parent()}} 
  106.         <!-- INTERNAL ION-RANGESLIDER.MIN JS -->
  107.         <script src="{{absolute_url(asset('build/plugins/ion-rangeslider/js/ion.rangeSlider.min.js'))}}"></script>
  108.          {{ encore_entry_script_tags('js/rangeslider') }}
  109. {% endblock %}