templates/maps/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block stylesheets %}
  3.        {{parent()}} 
  4.        <!-- INTERNAL Jvectormap css -->
  5.        <link href="{{absolute_url(asset('build/plugins/jvectormap/jquery-jvectormap-2.0.2.css'))}}" rel="stylesheet" />
  7. {% endblock %}
  9. {% block body %}
  11.                             <!-- PAGE-HEADER -->
  12.                             <div class="page-header">
  13.                                 <div>
  14.                                     <h1 class="page-title">Vector Maps</h1>
  15.                                 </div>
  16.                                 <div class="ms-auto pageheader-btn">
  17.                                     <ol class="breadcrumb">
  18.                                         <li class="breadcrumb-item"><a href="javascript:void(0);">Maps</a></li>
  19.                                         <li class="breadcrumb-item active" aria-current="page">Vector Maps</li>
  20.                                     </ol>
  21.                                 </div>
  22.                             </div>
  23.                             <!-- PAGE-HEADER END -->
  25.                             <!-- ROW -->
  26.                             <div class="row">
  27.                                 <div class="col-lg-12">
  28.                                     <div class="card">
  29.                                         <div class="card-header border-bottom">
  30.                                             <h3 class="card-title">World Map</h3>
  31.                                         </div>
  32.                                         <div class="card-body">
  33.                                             <div id="world-map-markers" class="worldh h-300"></div>
  34.                                         </div>
  35.                                     </div>
  36.                                 </div><!-- end col -->
  37.                             </div>
  38.                             <!-- END ROW -->
  40.                             <!-- ROW -->
  41.                             <div class="row">
  42.                                 <div class="col-lg-6">
  43.                                     <div class="card">
  44.                                         <div class="card-header border-bottom">
  45.                                             <h3 class="card-title">Asia Map</h3>
  46.                                         </div>
  47.                                         <div class="card-body">
  48.                                             <div id="vmap2" class="stateh h-300"></div>
  49.                                         </div>
  50.                                     </div>
  51.                                 </div><!-- end col -->
  53.                                 <div class="col-lg-6">
  54.                                     <div class="card">
  55.                                         <div class="card-header border-bottom">
  56.                                             <h3 class="card-title">Australia Map</h3>
  57.                                         </div>
  58.                                         <div class="card-body">
  59.                                             <div id="vmap3" class="stateh h-300"></div>
  60.                                         </div>
  61.                                     </div>
  62.                                 </div><!-- end col -->
  64.                                 <div class="col-lg-6">
  65.                                     <div class="card">
  66.                                         <div class="card-header border-bottom">
  67.                                             <h3 class="card-title">Canada Map</h3>
  68.                                         </div>
  69.                                         <div class="card-body">
  70.                                             <div id="vmap4" class="stateh h-300"></div>
  71.                                         </div>
  72.                                     </div>
  73.                                 </div><!-- end col -->
  74.                                 <div class="col-lg-6">
  75.                                     <div class="card">
  76.                                         <div class="card-header border-bottom">
  77.                                             <h3 class="card-title">Germany Map</h3>
  78.                                         </div>
  79.                                         <div class="card-body">
  80.                                             <div id="vmap5" class="stateh h-300"></div>
  81.                                         </div>
  82.                                     </div>
  83.                                 </div><!-- end col -->
  85.                                 <div class="col-lg-6">
  86.                                     <div class="card">
  87.                                         <div class="card-header border-bottom">
  88.                                             <h3 class="card-title">Europe Map</h3>
  89.                                         </div>
  90.                                         <div class="card-body">
  91.                                             <div id="vmap6" class="stateh h-300"></div>
  92.                                         </div>
  93.                                     </div>
  94.                                 </div><!-- end col -->
  96.                                 <div class="col-lg-6">
  97.                                     <div class="card">
  98.                                         <div class="card-header border-bottom">
  99.                                             <h3 class="card-title">India Map</h3>
  100.                                         </div>
  101.                                         <div class="card-body">
  102.                                             <div id="vmap7" class="stateh h-300"></div>
  103.                                         </div>
  104.                                     </div>
  105.                                 </div><!-- end col -->
  106.                                 <div class="col-lg-6">
  107.                                     <div class="card">
  108.                                         <div class="card-header border-bottom">
  109.                                             <h3 class="card-title">UK Map</h3>
  110.                                         </div>
  111.                                         <div class="card-body">
  112.                                             <div id="vmap8" class="stateh h-300"></div>
  113.                                         </div>
  114.                                     </div>
  115.                                 </div><!-- end col -->
  117.                                 <div class="col-lg-6">
  118.                                     <div class="card">
  119.                                         <div class="card-header border-bottom">
  120.                                             <h3 class="card-title">USA Map</h3>
  121.                                         </div>
  122.                                         <div class="card-body">
  123.                                             <div id="vmap9" class="stateh h-300"></div>
  124.                                         </div>
  125.                                     </div>
  126.                                 </div><!-- end col -->
  127.                             </div>
  128.                             <!-- END ROW -->
  129. {% endblock %}
  131. {% block javascripts %}
  132.    {{parent()}}
  133.         <!-- INTERNAL Vector js -->
  134.         <script src="{{absolute_url(asset('build/plugins/jvectormap/jquery-jvectormap-2.0.2.min.js'))}}"></script>
  135.         <script src="{{absolute_url(asset('build/plugins/jvectormap/jquery-jvectormap-world-mill-en.js'))}}"></script>
  136.         <script src="{{absolute_url(asset('build/plugins/jvectormap/jquery-jvectormap-asia-mill.js'))}}"></script>
  137.         <script src="{{absolute_url(asset('build/plugins/jvectormap/jquery-jvectormap-au-mill.js'))}}"></script>
  138.         <script src="{{absolute_url(asset('build/plugins/jvectormap/jquery-jvectormap-ca-lcc.js'))}}"></script>
  139.         <script src="{{absolute_url(asset('build/plugins/jvectormap/jquery-jvectormap-de-mill.js'))}}"></script>
  140.         <script src="{{absolute_url(asset('build/plugins/jvectormap/jquery-jvectormap-europe-mill-en.js'))}}"></script>
  141.         <script src="{{absolute_url(asset('build/plugins/jvectormap/jquery-jvectormap-uk-mill-en.js'))}}"></script>
  142.         <script src="{{absolute_url(asset('build/plugins/jvectormap/jquery-jvectormap-us-aea-en.js'))}}"></script>
  143.         <script src="{{absolute_url(asset('build/plugins/jvectormap/jquery-jvectormap-in-mill.js'))}}"></script>
  144.         {{ encore_entry_script_tags('js/jvectormap') }}
  145. {% endblock %}