templates/includes/actions.html.twig line 1

Open in your IDE?
  1. <style>
  2.   /* Remove default button styles and adjust cursor */
  4.   .btn_menu {
  5.     border: none;
  6.     background-color: transparent;
  7.     padding: 0;
  8.     cursor: pointer;
  9.   }
  10.   #disabled-text {
  11.     background: rgb(150, 147, 147);cursor: not-allowed;
  12.   }
  13. </style>
  15. <div class="py-4 align-items-center" style="text-align:right !important">
  16.     <div class="dropdown" style="">
  17.         <!-- Add the 'btn' class to the SVG to make it clickable like a button -->
  19.         <svg class="icon btn btn_menu" fill="black" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  20.             <circle cx="12" cy="5" r="2"></circle>
  21.             <circle cx="12" cy="12" r="2"></circle>
  22.             <circle cx="12" cy="19" r="2"></circle>
  23.         </svg>
  24.         <div class="dropdown-menu dashboard-dropdown dropdown-menu-start mt-2 py-1">
  25.             {% for operation in operations %}
  26.                 {% if operation.align is null and operation.designation != 'index' %}
  27.                     {% if operation.idTag == 'valider_periode'%} 
  28.                         <a class="dropdown-item d-flex align-items-center text-capitalize {{operation.classTag}}" {% if periode.isValider  %} id="disabled-text" {% else %} id="{{operation.idTag}}" {% endif %} href="{{operation.link}}"   >
  29.                             <i class="{{operation.icon}} text-gray-400 me-2"></i>
  30.                             {{operation.designation}}
  31.                         </a>
  32.                     {% elseif operation.idTag == 'integre_periode'%} 
  33.                         <a class="dropdown-item d-flex align-items-center text-capitalize {{operation.classTag}}" {% if periode.isIntegrer  %} id="disabled-text" {% else %}  id="{{operation.idTag}}" {% endif %} href="{{operation.link}}"   >
  34.                             <i class="{{operation.icon}} text-gray-400 me-2"></i>
  35.                             {{operation.designation}}
  36.                         </a>
  37.                     {% else %}
  38.                         <a class="dropdown-item d-flex align-items-center text-capitalize {{operation.classTag}}" id="{{operation.idTag}}" href="{{operation.link}}">
  39.                             <i class="{{operation.icon}} text-gray-400 me-2"></i>
  40.                             {{operation.designation}}
  41.                         </a>
  42.                     {% endif %}
  43.                 {% endif %}
  44.             {% endfor %}
  45.         </div>
  46.     </div>
  47. </div>