templates/admin/dashboard.html.twig line 1

Open in your IDE?
  1. {% extends '@EasyAdmin/layout.html.twig' %}
  2. {% block content_header_wrapper %}{% endblock content_header_wrapper %}
  3. {# The main page content block #}
  4. {% block main %}
  5. <style>
  6. .counter-sec{
  7.   padding: 80px 0;
  8.   width: 100%;
  9.   background: #131416;
  10.   position: absolute;
  11.   top: 50%;
  12.   width: 100%;
  13.   transform: translateY(-50%);
  14. }
  15. .num{
  16.   font-size: 40px;
  17.   margin: 20px 0;
  18. }
  19. .box{
  20.   flex: 1;
  21.   text-align: center;
  22.   padding: 20px;
  23.   color: #000;
  24.   text-transform: uppercase;
  25. }
  26. .box i{
  27.   font-size: 40px;
  28.   color: #333;
  29. }
  30. </style>           
  31. <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v6.0.0-beta2/css/all.css">
  32.     {% if is_granted('ROLE_ADMIN') %}<br />
  33.     <div class="row" style="background-color:white">
  34.         <div class="col-lg-4"><img src="{{ asset('assets/images/logo-eurcaw.jpg') }}" style="width:100%"></div>
  35.         <div class="col-lg-8" style="padding-right:50px;">
  36.         <center><h2>EURCAW-<i> Ruminants & Equines</i> administration panel</h2></center><br />
  37.             <p style="text-align:justify">Welcome to the database of experts listed for the European Reference Centre for Animal Welfare - Ruminants and Equines !
  38.         <br /><br />By registering on this list, you agree to be solicited to work on the different themes of the centre according to your expertise. The centre is mandated by the European Commission and is co-directed by INRAE, UCD, SLU, IZSAM, BOKU and ELGO-VRI.
  39.         <br /><br />You can only register if the administrators have previously added your email to the database. Once your account is created, you can modify your personal information in your profile and your skills/expertise in the menu tabs. 
  40.         <br /><br />We encourage you to be as precise as possible with your skills/expertise. We also invite you to use the “All species” category as a last resort, only if one of your skills is transversal to <b>all the species</b> handled by the centre. In addition to the areas of expertise by species, some “General skills” independent of the species studied are also listed.
  41.         <br /><br />You can update your information at any time by logging into your account. Reminders to update it will be sent from time to time (maximum once a year).
  42.         <br /><br />For any suggestions or technical problems, please contact one of the management team members.</p>
  43.         </div>
  44.         {# <div class="col-lg-3">
  45.             <center><strong>Experts by countries</strong>
  46.             {{ dataCountries|raw }}
  47.         </div> #}
  48.     </div>
  49.     <div class="row">
  50.     <div class="col-md-12">
  51.         <section class="panel panel-primary">
  52.             
  53.             <div class="panel-body">
  54.                 <div class="row">
  55.                     <div class="col-md-4">
  56.                         <div class="counter">
  57.                             <div class="box">
  58.                             {% set url = ea_url()
  59.                             .setController('App\\Controller\\Admin\\ExpertCrudController')
  60.                             .setAction('index') %}
  61.                             <a href="{{ url }}">
  62.                                 <i class="fas fa-users"></i>
  63.                                 <div class="num">{{ entitiesExperts|length }}</div>
  64.                                 Experts</a>
  65.                             </div>
  66.                         </div>
  67.                     </div>
  68.                     <div class="col-md-4">
  69.                         <div class="counter">
  70.                             <div class="box">
  71.                                 <i class="fas fa-earth-americas"></i>
  72.                                 <div class="num">{{ nbCountries }}</div>
  73.                                 Countries
  74.                             </div>
  75.                         </div>
  76.                     </div>
  77.                     <div class="col-md-4">
  78.                         <div class="counter">
  79.                             <div class="box">
  80.                                 <i class="fa-regular fa-cow"></i>
  81.                                 <div class="num">{{ entitiesSpecies|length }}</div>
  82.                                 Groups of species
  83.                             </div>
  84.                         </div>
  85.                     </div>
  86.                 </div>
  87.             </div>
  88.         </section>
  89.     </div>
  90.     {% endif %}
  91. <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
  92.   <script src="https://cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0.0/jquery.counterup.min.js"></script>
  93.   <script>
  94.   $(document).ready(function(){
  95.     $('.num').counterUp({
  96.       time: 1200
  97.     });
  98.   });
  99.   </script>
  100. {% endblock %}