templates/FicheAction/show_modal_actions.html.twig line 1

Open in your IDE?
  1. {# Modal #}
  2. <div id="ModalAction-{{idModal}}" class="modalAction modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel{{idModal}}" >
  3. <div class="modal-dialog modal-fullscreen" role="document">
  4. <div class="modal-content">
  5. <div class="modal-header container">
  6. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><span class="visually-hidden" aria-hidden="true">&times;</span></button>
  7. <div class="modal-title" id="myModalLabel{{idModal}}">
  8. <h1 class="title-header">Actions</h1>
  9. <h2 class="title-action">{{entity.title}}</h2>
  10. </div>
  11. {% if app.user %}
  12. <a href="{{path('ficheAction_printPdf', { 'id': entity.id })}}" class="px-5"> <span class="fa-solid fa-print" aria-hidden="true"></span></a>
  13. {% endif %}
  14. </div>
  15. <div class="modal-body container">
  16. <div class="tabbable">
  17. <ul id="myTab" class="nav nav-tabs">
  18. <li class="active nav-item">
  19. <a class="active" href="#description-{{idModal}}" data-bs-toggle="tab" data-bs-target="#description-{{idModal}}">Description</a>
  20. </li>
  21. <li class="nav-item">
  22. <a class="" href="#raison-{{idModal}}" data-bs-toggle="tab" data-bs-target="#raison-{{idModal}}">Raison d'être</a>
  23. </li>
  24. <li class="nav-item">
  25. <a class="" href="#methodologie-{{idModal}}" data-bs-toggle="tab" data-bs-target="#methodologie-{{idModal}}">Méthodologie</a>
  26. </li>
  27. <li class="nav-item">
  28. <a class="" href="#autoEvaluation-{{idModal}}" data-bs-toggle="tab" data-bs-target="#autoEvaluation-{{idModal}}">Auto-évaluation</a>
  29. </li>
  30. </ul>
  31. </div>
  32. <div class="tab-content">
  33. <div id="description-{{idModal}}" class="tab-pane show active" role="tabpanel">
  34. <div class="info-action row">
  35. {% if entity.structure %}
  36. <div class="col-md-6">
  37. <div class="action-card structure-card me-3" id="structure-organisatrice">
  38. <dl>
  39. <dt id="">Structure organisatrice</dt>
  40. <dd class="w-75">
  41. <a href="{{ path('show_structure', { id : entity.structure.id }) }}" >{{entity.structure}}</a>
  42. </dd>
  43. </dl>
  44. </div>
  45. </div>
  46. {% endif %}
  47. <div class="col-md-6">
  48. <div class="action-card files-card">
  49. <dl>
  50. <div id="fichier">
  51. <dt id="">Fichier(s) associé(s)</dt>
  52. <dd>
  53. {% if entity.document1 %}
  54. <div class="file-download">
  55. <span class="fa-solid fa-download"></span>
  56. <a target='_blank' href="{{path('get_document', { id : entity.document1.id}) }}">{{ entity.document1.fileName }}</a>
  57. </div>
  58. {% endif %}
  59. {% if entity.document2 %}
  60. <div class="file-download">
  61. <span class="fa-solid fa-download"></span>
  62. <a target='_blank' href="{{path('get_document', { id : entity.document2.id}) }}">{{ entity.document2.fileName }}</a>
  63. </div>
  64. {% endif %}
  65. {% if entity.document3 %}
  66. <div class="file-download">
  67. <span class="fa-solid fa-download"></span>
  68. <a target='_blank' href="{{path('get_document', { id : entity.document3.id}) }}">{{ entity.document3.fileName }}</a>
  69. </div>
  70. {% endif %}
  71. {% if entity.document4 %}
  72. <div class="file-download">
  73. <span class="fa-solid fa-download"></span>
  74. <a target='_blank' href="{{path('get_document', { id : entity.document4.id}) }}">{{ entity.document4.fileName }}</a>
  75. </div>
  76. {% endif %}
  77. </dd>
  78. </div>
  79. </dl>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="info-action row">
  84. <div class="col-md-8">
  85. <div class="action-card me-3">
  86. <dl>
  87. <dt>Statut de l'action</dt>
  88. <dd>{% if entity.status==1 %}En cours{% elseif entity.status==2 %}Terminée{% endif %}</dd>
  89. {% if entity.status==2 %}
  90. <dt>Raisons pour lesquelles l'action est terminée</dt>
  91. <dd>{{entity.statusDetails|raw}}</dd>
  92. </dl>
  93. {% endif %}
  94. <dl id="dimension">
  95. <dt>Dimension</dt>
  96. <dd>{{entity.dimension}}</dd>
  97. </dl>
  98. </div>
  99. </div>
  100. <div class="col-md-4">
  101. <div class="action-card">
  102. <dl id="keywords">
  103. <dt id="">Mots clés associés à l'action</dt>
  104. <dd>
  105. <ul>
  106. {% if entity.keywords %}
  107. {% for keyword in entity.keywords %}
  108. <li>{{ keyword }}</li>
  109. {% endfor %}
  110. {% endif %}
  111. </ul>
  112. </dd>
  113. </dl>
  114. </div>
  115. </div>
  116. </div>
  117. <div class="action-card">
  118. <dl>
  119. <dt>Résumé</dt>
  120. <dd>{{ entity.summary|raw }}</dd>
  121. </dl>
  122. </div>
  123. </div>
  124. <div id="raison-{{idModal}}" class="tab-pane" role="tabpanel">
  125. <div class="info-action row">
  126. <div class="col-md-6">
  127. <div class="action-card me-3">
  128. <dl id="auteur">
  129. <dt id="">Qui est à l'initiative de l'action ?</dt>
  130. <dd>
  131. <ul>
  132. {% if entity.applicants %}
  133. {% for applicant in entity.applicants %}
  134. <li>{{applicant}}</li>
  135. {% endfor %}
  136. {% endif %}
  137. </ul>
  138. </dd>
  139. {% if entity.applicantOther %}
  140. <dt>Précision ( si autre )</dt>
  141. <dd>{{entity.applicantOther|raw}}</dd>
  142. {% endif %}
  143. </dl>
  144. </div>
  145. </div>
  146. <div class="col-md-3">
  147. <div class="action-card structure-card">
  148. <dl id="territoire">
  149. <dt id="">Territoire concerné</dt>
  150. <dd>{{ entity.ficheActionTerritoire }}</dd>
  151. </dl>
  152. </div>
  153. </div>
  154. <div class="col-md-3">
  155. <div class="action-card action-img action-img-1" style="background-image: url('{{ asset('/build/ressources/img-illustration-6.png') }}')">
  156. </div>
  157. </div>
  158. </div>
  159. <div class="action-card">
  160. <dl id="objectifs">
  161. <dt id="">Description de l'expérience, ses objectifs, ses acteurs et ses différentes phases.</dt>
  162. <dd>{{entity.objective|raw}}</dd>
  163. </dl>
  164. </div>
  165. </div>
  167. <div id="methodologie-{{idModal}}" class="tab-pane" role="tabpanel">
  168. <div class="info-action row">
  169. <div class="col-md-4">
  170. <div class="action-card me-3">
  171. <dl>
  172. <dt id="">Public</dt>
  173. <dd>
  174. {{ entity.public }}
  175. </dd>
  176. </dl>
  177. <dl>
  178. <dt id="">Avec qui cette action a-t-elle été menée ?</dt>
  179. <dd>
  180. <p>Partenaires d'action:</p>
  181. <ul>
  182. {% for partner in entity.actionPartners %}
  183. <li>{{partner}}</li>
  184. {% endfor %}
  185. </ul>
  186. {#
  187. <h5>Partenaires financeurs:</h5>
  188. <ul>
  189. {% for partner in entity.financialPartners %}
  190. <li>{{partner}}</li>
  191. {% endfor %}
  192. </ul>#}
  193. </dd>
  194. </dl>
  195. <dl>
  196. <dt id="">Territoire concerné</dt>
  197. <dd>{{ entity.ficheActionTerritoire }}</dd>
  198. </dl>
  199. </div>
  200. </div>
  201. <div class="col-md-8">
  202. <div class="action-card structure-card">
  203. <dl id="description">
  204. <dt id="">Description générale</dt>
  205. <dd>{{entity.descriptive|raw}}</dd>
  206. </dl>
  207. </div>
  208. </div>
  209. </div>
  210. <div class="info-action row">
  211. <div class="col-md-6">
  212. <div class="action-card">
  213. <dl id='Ressources'>
  214. <dt>Ressources financières mobilisées pour cette action</dt>
  215. <dd>{{entity.financialRessources|raw}}</dd>
  216. </dl>
  217. </div>
  218. </div>
  219. <div class="col-md-6">
  220. <div class="action-card">
  221. <dl>
  222. <dt>Nombre de personnes mobilisés pour cette action</dt>
  223. <dd>{{entity.professionalRessources|raw}}</dd>
  224. </dl>
  225. </div>
  226. </div>
  227. </div>
  228. </div>
  230. <div id="autoEvaluation-{{idModal}}" class="tab-pane" role="tabpanel">
  231. <div class="info-action row">
  232. <div class="col-md-6">
  233. <div class="action-card">
  234. <div id="resultOnTheTerritory">
  235. <dl>
  236. <dt id="">Résultat sur le territoire</dt>
  237. <dd>{{entity.resultOnTheTerritory|raw}}</dd>
  238. </dl>
  239. </div>
  240. </div>
  241. </div>
  242. <div class="col-md-6">
  243. <div class="action-card">
  244. <div id="resultForSocialCenter">
  245. <dl>
  246. <dt id="">Résultat pour le centre social</dt>
  247. <dd>{{entity.resultForSocialCenter|raw}}</dd>
  248. </dl>
  249. </div>
  250. </div>
  251. </div>
  252. </div>
  253. <div class="info-action row info-action-col">
  254. <div class="col-md-10">
  255. <div class="action-card structure-card">
  256. <div id="resultForInhabitants">
  257. <dl>
  258. <dt id="">Résultat pour les habitants</dt>
  259. <dd>{{entity.resultForInhabitants|raw}}</dd>
  260. </dl>
  261. </div>
  262. </div>
  263. </div>
  264. <div class="col-md-2">
  265. <div class="action-card action-img" style="background-image: url('{{ asset('/build/ressources/img-illustration-7.png') }}')">
  266. </div>
  267. </div>
  268. </div>
  269. <div class="info-action row">
  270. <div class="col-md-6">
  271. <div class="action-card">
  272. <div id="afterAction">
  273. <dl>
  274. <dt id="">Suite de l'action : Limites</dt>
  275. <dd>{{entity.afterActionLimits|raw}}</dd>
  276. </dl>
  277. </div>
  278. </div>
  279. </div>
  280. <div class="col-md-6">
  281. <div class="action-card">
  282. <div id="afterAction">
  283. <dl>
  284. <dt id="">Suite de l'action : Perspectives</dt>
  285. <dd>{{entity.afterActionProspects|raw}}</dd>
  286. </dl>
  287. </div>
  288. </div>
  289. </div>
  290. </div>
  291. </div>
  292. </div>
  293. <div class="modal-footer">
  294. <button class="btn" data-bs-dismiss="modal" aria-hidden="true">Fermer</button>
  295. </div>
  296. </div>
  297. </div>
  298. </div>
  299. </div>
  300. <!-- / Modal -->