templates/layoutachat.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block stylesheets %}
  5. <link rel="stylesheet" href="{{ asset('bootstrap/dist/css/bootstrap.min.css') }}">
  6. <link rel="stylesheet" href="{{ asset('fontawesome/css/all.min.css') }}" type="text/css" />
  7. <link rel="stylesheet" href="{{ asset('css/fonts.css') }}" type="text/css">
  8. <link rel="stylesheet" href="{{ asset('css/style.css') }}">
  10. <style>
  13. @font-face {
  14. font-family: 'DM Sans';
  15. src: url('{{ asset('fonts/dm-sans-v17-latin-300.woff2') }}') format('woff2');
  16. font-weight: 300; font-style: normal; font-display: swap;
  17. }
  18. @font-face {
  19. font-family: 'DM Sans';
  20. src: url('{{ asset('fonts/dm-sans-v17-latin-regular.woff2') }}') format('woff2');
  21. font-weight: 400; font-style: normal; font-display: swap;
  22. }
  23. @font-face {
  24. font-family: 'DM Sans';
  25. src: url('{{ asset('fonts/dm-sans-v17-latin-500.woff2') }}') format('woff2');
  26. font-weight: 500; font-style: normal; font-display: swap;
  27. }
  28. @font-face {
  29. font-family: 'DM Sans';
  30. src: url('{{ asset('fonts/dm-sans-v17-latin-600.woff2') }}') format('woff2');
  31. font-weight: 600; font-style: normal; font-display: swap;
  32. }
  33. @font-face {
  34. font-family: 'DM Sans';
  35. src: url('{{ asset('fonts/dm-sans-v17-latin-700.woff2') }}') format('woff2');
  36. font-weight: 700; font-style: normal; font-display: swap;
  37. }
  38. @font-face {
  39. font-family: 'DM Mono';
  40. src: url('{{ asset('fonts/dm-mono-v16-latin-300.woff2') }}') format('woff2');
  41. font-weight: 300; font-style: normal; font-display: swap;
  42. }
  43. @font-face {
  44. font-family: 'DM Mono';
  45. src: url('{{ asset('fonts/dm-mono-v16-latin-regular.woff2') }}') format('woff2');
  46. font-weight: 400; font-style: normal; font-display: swap;
  47. }
  48. @font-face {
  49. font-family: 'DM Mono';
  50. src: url('{{ asset('fonts/dm-mono-v16-latin-500.woff2') }}') format('woff2');
  51. font-weight: 500; font-style: normal; font-display: swap;
  52. }
  54. body, .da-wrap { font-family: 'DM Sans', sans-serif !important; }
  55. .topbar-user {
  56. display: flex; align-items: center; gap: .5rem;
  57. background: rgba(255,255,255,.15); border-radius: 8px;
  58. padding: .4rem .85rem; font-size: .78rem; color: #fff; font-weight: 600;
  59. }
  60. .card{ background: url(../img/bg.gif) repeat; }
  62. .color{color:#ffffff;
  63. font-size: 12px;
  64. font-weight: 600;
  66. letter-spacing: 0.3px;
  68. }
  69. /* NAVBAR ERP */
  70. .nav-erp {
  71. background: #343a40;
  72. padding: 10px;
  73. }
  75. .nav-erp a {
  76. color: #fff;
  77. text-decoration: none;
  78. font-size: 13px;
  79. }
  81. .nav-erp a:hover {
  82. color: #ffc107;
  83. }
  85. .erp-icon {
  86. padding: 8px;
  87. border-radius: 8px;
  88. transition: .2s;
  89. }
  91. .erp-icon:hover {
  92. background: rgba(255,255,255,0.1);
  93. transform: translateY(-2px);
  94. }
  96. /* HEADER */
  97. .erp-header {
  98. background: #f8f9fa;
  99. padding: 10px 15px;
  100. border-bottom: 1px solid #ddd;
  101. }
  103. /* CONTENT */
  104. .erp-content {
  105. padding: 15px;
  106. }
  108. /* RESPONSIVE */
  109. @media (max-width: 768px) {
  110. .nav-erp img {
  111. width: 40px;
  112. }
  113. }
  115. </style>
  117. {% block stylesheets2 %}{% endblock %}
  118. {% endblock %}
  120. {% block body %}
  122. <!-- HEADER -->
  123. <div class=" d-flex justify-content-between align-items-center">
  124. <div>
  126. </div>
  128. <div>
  129. <span class="mr-2 topbar-user">
  131. <i class="fas fa-user-circle"></i> Connecté : <strong>{{ app.user.username }}</strong>
  132. <a href="{{ path('app_logout') }}" class="btn btn-danger btn-sm">{{ 'menu.logout'|trans }}</a>
  133. </span>
  135. </div>
  136. </div>
  138. <!-- NAVBAR ERP -->
  140. <div class="container-fluid">
  141. <div class="d-flex flex-wrap justify-content-center">
  143. <a href="{{ path('mstope_intranet_index') }}" class="mx-3 text-center erp-icon">
  144. <img src="{{ asset('img/home.jpg') }}" width="50">
  145. <div class="color">Home</div>
  146. </a>
  148. {% if is_granted('ROLE_VU_DA') %}
  149. <a href="{{ path('mstopes_gestion_demande_achat') }}" class="mx-3 text-center erp-icon">
  150. <img src="{{ asset('img/demachat.jpg') }}" width="50">
  151. <div class="color">Achat</div>
  152. </a>
  153. {% endif %}
  155. {% if is_granted('ROLE_RACHAT') or is_granted('ROLE_VU_BC') %}
  157. <a href="{{ path('cotation_index') }}" class="mx-3 text-center erp-icon">
  158. <img src="{{ asset('img/cotations.jpg') }}" width="50">
  159. <div class="color">Cotations</div>
  160. </a>
  162. <a href="{{ path('analyse_index') }}" class="mx-3 text-center erp-icon">
  163. <img src="{{ asset('img/grille.jpeg') }}" width="50">
  164. <div class="color">Grille</div>
  165. </a>
  167. <a href="{{ path('mstopes_gestion_bc') }}" class="mx-3 text-center erp-icon">
  168. <img src="{{ asset('img/bc.png') }}" width="50">
  169. <div class="color">BC</div>
  170. </a>
  171. <a href="{{ path('reception_dashboard') }}" class="mx-3 text-center erp-icon">
  172. <img src="{{ asset('img/reception.png') }}" width="50">
  173. <div class="color">Reception</div>
  174. </a>
  175. {% endif %}
  177. {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_LOGIS') or is_granted('ROLE_RACHAT') %}
  178. <a href="{{ path('mstopes_gestion_catalog') }}" class="mx-3 text-center erp-icon">
  179. <img src="{{ asset('img/catalog.jpg') }}" width="50">
  180. <div class="color">Catalogue</div>
  181. </a>
  184. <a href="{{ path('fournisseur_index') }}" class="mx-3 text-center erp-icon">
  185. <img src="{{ asset('img/fournisseur.png') }}" width="50">
  186. <div class="color">Fournisseur</div>
  187. </a>
  188. <a href="{{ path('contrat_cadre_index') }}" class="mx-3 text-center erp-icon">
  189. <img src="{{ asset('img/contratCadre.png') }}" width="50">
  190. <div class="color">Contrat cadre</div>
  191. </a>
  192. <a href="{{ path('plan_achat_index') }}" class="mx-3 text-center erp-icon">
  193. <img src="{{ asset('img/planAchat.png') }}" width="50">
  194. <div class="color">Plans d'achats</div>
  195. </a>
  199. {% endif %}
  201. <a href="{{ path('mstopes_rapportDA') }}" class="mx-3 text-center erp-icon">
  202. <img src="{{ asset('img/rapportda.jpeg') }}" width="50">
  203. <div class="color">Rapport</div>
  204. </a>
  206. </div>
  207. </div>
  210. <!-- CONTENU -->
  211. <div class="erp-content container-fluid" id="principal">
  214. {% block section %}
  216. {% endblock %}
  220. </div>
  222. {% endblock %}
  224. {% block javascripts %}
  225. <script src="{{ asset('js/jquery.js')}}"></script>
  228. <script src="{{ asset('bootstrap/dist/js/bootstrap.bundle.min.js')}}"></script>
  230. {% block js %}
  233. {% endblock %}
  234. {% endblock %}