src/Ox/HoardBundle/Resources/views/default/dashboard.html.twig line 1

Open in your IDE?
  1. {% extends '@OxHoardBundle/home.html.twig' %}
  2. {% block title %}Coin Hoards of the Roman Empire{% endblock %}
  3.       
  4.       
  5.       
  6. {% block stylesheets %}
  7.     {{ parent() }}
  8.     <script src="//cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.js"></script>
  9.     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.css" />
  10.     <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.4.1/leaflet.markercluster.js"></script>
  11.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.4.1/MarkerCluster.css" />
  12.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.4.1/MarkerCluster.Default.css" />
  13.     <script src='https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/Leaflet.fullscreen.min.js'></script>
  14.     <link href='https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/leaflet.fullscreen.css' rel='stylesheet' />
  15.     <script src="https://cdn.jsdelivr.net/npm/leaflet-easyprint@2.1.9/dist/bundle.min.js"></script>
  16. {% endblock %}
  18. {% block javascripts %}
  19.     {{ parent() }}
  20.     <script type="text/javascript" src="/bundles/oxhoard/js/utils.js"></script>
  21.     {% embed 'import-libs/underscore.js.html.twig' %}{% endembed %}
  22.     <script> var hoardPath = "/hoard/";  var isAuthenticated = {% if is_authenticated %}true{% else %}false{% endif %};var addMapExport = true;</script>
  23. {% endblock %}
  25. {% block body %}
  27.     <!-- content -->
  28.     <div class="marginTop clearfix"></div>
  30.     {% embed '@OxHoardBundle/flash.html.twig' %}{% endembed %}
  32.     <div id="content" class="container"> <!-- page content -->
  33.         <div class="row">
  34.             <div class="col-md-8">
  35.                 <div class="row">
  36.                     <div id="homepage_about" class="col-xs-4 col-sm-4 col-md-4 dashboard-img">
  37.                         <img src="/bundles/oxhoard/img/about.jpg" alt=""/>
  38.                         <div class="headingBg"><a href="/content/about"><h2>About</h2><span class="fa fa-chevron-right"></span></a></div>
  39.                     </div>
  40.                     <div id="homepage_team" class="col-xs-4 col-sm-4 col-md-4 dashboard-img">
  41.                         <img src="/bundles/oxhoard/img/team.jpg" alt=""/>
  42.                         <div class="headingBg"><a href="/content/team"><h2>Team</h2><span class="fa fa-chevron-right"></span></a></div>
  43.                     </div>
  44.                     <div id="homepage_contribute" class="col-xs-4 col-sm-4 col-md-4 dashboard-img">
  45.                         <img src="/bundles/oxhoard/img/collaborations.jpg" alt=""/>
  46.                         <div class="headingBg"><a href="/content/collaborations"><h2>Collaborations</h2><span class="fa fa-chevron-right"></span></a></div>
  47.                     </div>
  48.                 </div>
  49.             </div>
  51.             <div class="col-md-4">
  52.                 <div class="row">
  53.                     <div id="homepage_news" class="col-xs-12 col-sm-12 col-md-12">
  54.                         <div class="headingBg"><a href="/content/news"><h2>News</h2><span class="fa fa-chevron-right"></span></a></div>
  55.                         {% for news in news_items %}
  56.                             <div class="news-teaser">
  57.                                 <h3><a href="{{ path('content_show_path', { 'path': news.path }) }}">{{ news.title }}</a></h3>
  58.                                 <div class="teasertext">{{ news.teaser }}<a href=""><span> <a href="{{ path('content_show_path', { 'path': news.path }) }}">more&hellip;</a></span></a></div>
  59.                             </div>
  60.                         {% endfor %}
  61.                     </div>
  62.                 </div>
  63.             </div>
  66.         </div>
  67.             
  68.         <div class="row"><h3 id="validated-entries-counter" class="col-lg-12 hidden">Currently in the database: {{validated_coins | number_format(0, '.', ',')}} coins in {{validated_hoards | number_format(0, '.', ',')}} validated hoards</h3></div>
  69.         <div class="row"><h3 id="all-entries-counter" class="col-lg-12">Currently in the database: {{all_coins | number_format(0, '.', ',')}} coins in all {{all_hoards | number_format(0, '.', ',')}} hoards</h3></div>
  70.         <div class="row"> 
  71.             <div class="col-lg-12">
  72.                 <div id="map" class="map-view large"></div>
  73.                 <input id="toggle-cluster-results" type="checkbox" checked="checked"> Cluster results</input>
  74.                 <div class="marginTop">
  75.                     <input type="radio" id="map-show-all-hoards" name="map-show-validated-hoards" value="all" {% if is_authenticated %}checked{% endif%}>
  76.                     <label for="map-show-all-hoards">Show all hoards</label>
  77.                     <input type="radio" id="map-show-validated-hoards" name="map-show-validated-hoards" value="validated" {% if not is_authenticated%}checked{% endif%}
  78.                       style="margin-left: 20px">
  79.                     <label for="map-show-validated-hoards">Show only validated hoards</label><br>
  80.                 </div>
  81.                 <div id="slider-range"></div>           
  82.                 <p class="" style="margin-top: 5px">
  83.                   <label for="year">Closing dates of Hoards:</label>
  84.                   <input type="text" id="range" readonly style="border:0; color:#D69E40; font-weight:bold;">
  85.                 </p>
  86.             </div>
  87.         </div>
  89.     </div><!-- end page container -->    
  91.     <!-- footer -->
  92.     <div class="marginTop clearfix"></div>
  93. {% endblock %}