Le repo des sources pour le site web des JM2L
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

154 lines
8.0 KiB

  1. <%inherit file="jm2l:templates/layout.mako"/>
  2. <%namespace name="profil" file="jm2l:templates/Profil/Profil.mako"/>
  3. <%namespace name="sejour" file="jm2l:templates/Profil/Sejour.mak"/>
  4. <%namespace name="intendance" file="jm2l:templates/Logistique/Logistique.mako"/>
  5. <%namespace name="intervention" file="jm2l:templates/Interventions/Interventions.mako"/>
  6. <%namespace name="h" file="jm2l:templates/helpers.mako"/>
  7. <%def name="jsAddOn()">
  8. <script src="/vendor/select2/js/select2.js"></script>
  9. <script src="/vendor/leaflet/js/leaflet.js"></script>
  10. <script src="/vendor/leaflet/js/leaflet-routing-machine.min.js"></script>
  11. ## <script src="/static/jquery-ui/jquery-ui.min.js"></script>
  12. <script src="/vendor/repeatable-fields/js/repeatable-fields.js"></script>
  13. <script src="/js/jm2l.js"></script>
  14. </%def>
  15. <%def name="cssAddOn()">
  16. <link rel="stylesheet" href="/vendor/select2/css/select2.css" type="text/css" media="screen" />
  17. <link rel="stylesheet" href="/vendor/fileupload/css/jquery.fileupload.css">
  18. <link rel="stylesheet" href="/vendor/fileupload/css/jquery.fileupload-ui.css">
  19. <link rel="stylesheet" href="/vendor/leaflet/css/leaflet.css" />
  20. <link rel="stylesheet" href="/css/jm2l.css" />
  21. <!-- CSS adjustments for browsers with JavaScript disabled -->
  22. <noscript><link rel="stylesheet" href="/vendor/fileupload/css/jquery.fileupload-noscript.css"></noscript>
  23. <noscript><link rel="stylesheet" href="/vendor/fileupload/css/jquery.fileupload-ui-noscript.css"></noscript>
  24. </%def>
  25. <div id="AjaxModal" class="modal hide fade" tabindex="-1" role="dialog"
  26. aria-labelledby="AjaxModalLabel" aria-hidden="true">
  27. <div class="modal-header">
  28. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  29. <h3 id="AjaxModalLabel">Modal header</h3>
  30. </div>
  31. <div class="modal-body">
  32. <form id="ModalForm">
  33. <div id="ModalContent">bla bla</div>
  34. </form>
  35. </div>
  36. <div class="modal-footer">
  37. <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
  38. <button class="btn btn-primary">Enregistrer les modifications</button>
  39. </div>
  40. </div>
  41. <div id="AjaxPlaceModal" class="modal hide fade" tabindex="-1" role="dialog"
  42. aria-labelledby="AjaxPlaceModalLabel" aria-hidden="true">
  43. <div class="modal-header">
  44. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  45. <h3 id="AjaxPlaceModalLabel">Modal header</h3>
  46. </div>
  47. <div class="modal-body">
  48. <form id="ModalPlaceForm">
  49. <div id="ModalPlaceContent">bla bla</div>
  50. </form>
  51. </div>
  52. <div class="modal-footer">
  53. <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
  54. <button class="btn btn-primary">Enregistrer les modifications</button>
  55. </div>
  56. </div>
  57. <div class="row">
  58. <div class="tabbable" id="main_tab">
  59. <ul class="nav nav-tabs" style="margin-bottom: 5px;">
  60. <li class="active"><a href="#Profil" id="Map_Profil" data-toggle="tab">Mon Profil</a></li>
  61. <li><a href="#Sejour" id="Map_Sejour" data-toggle="tab">Mon S&eacute;jour</a></li>
  62. <li><a href="#Logistique" id="Map_Logistique" data-toggle="tab">Logistique</a></li>
  63. <li><a href="#Interventions" id="Map_Interventions" data-toggle="tab">Mes Interventions</a></li>
  64. <li><a href="#Frais" id="Map_Frais" data-toggle="tab">Mes Frais</a></li>
  65. </ul>
  66. <div class="tab-content" style="padding:0 10px">
  67. <div class="tab-pane fade active in" id="Profil">
  68. ${profil.profil_wrapper(uprofil, profil_form)}
  69. </div>
  70. <div class="tab-pane fade" id="Sejour">
  71. ${sejour.sejour_wrapper(Places)}
  72. </div>
  73. <div class="tab-pane fade" id="Interventions">
  74. <div class="tabbable tabs-left" id="Interventions_tab">
  75. <ul class="nav nav-tabs navbar" style="margin-bottom:0;">
  76. <li class="active"> <a href="#ResumePart" data-toggle="tab">Resumé</a> </li>
  77. <li> <a href="#Conference" data-toggle="tab">Conf&eacute;rence</a> </li>
  78. <li> <a href="#Stand" data-toggle="tab">Stand</a> </li>
  79. <li> <a href="#Atelier" data-toggle="tab">Atelier</a> </li>
  80. <li> <a href="#TableRonde" data-toggle="tab">Table Ronde</a> </li>
  81. <li> <a href="#Organisation" data-toggle="tab">Organisation</a> </li>
  82. </ul>
  83. <div class="tab-content">
  84. <div class="tab-pane fade active in" id="ResumePart">
  85. ${intervention.Resume()}
  86. </div>
  87. <div class="tab-pane fade" id="Conference">
  88. ${intervention.wrapper('C')}
  89. </div>
  90. <div class="tab-pane fade" id="Stand">
  91. ${intervention.wrapper('S')}
  92. </div>
  93. <div class="tab-pane fade" id="Atelier">
  94. ${intervention.wrapper('A')}
  95. </div>
  96. <div class="tab-pane fade" id="TableRonde">
  97. ${intervention.wrapper('T')}
  98. </div>
  99. <div class="tab-pane fade" id="Organisation">
  100. ${intervention.wrapper('O')}
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. <div class="tab-pane fade" id="Logistique">
  106. ${intendance.Main(Exchanges)}
  107. </div>
  108. <div class="tab-pane fade" id="Frais">
  109. <fieldset>
  110. <legend>Une participation à mes frais ?</legend>
  111. Comment ? L'équipe des JM2L participe à mes <u>frais de transport</u> ? NOon... <br /><br />
  112. Et bien si, mais cette participation ne sera effective que si vous remplissez <u>toutes les conditions</u> suivantes:
  113. <ul style="list-style:circle;">
  114. <li>Vous animez <strong>un atelier, une conférence ou une table ronde</strong> aux JM2L 2015.</li>
  115. <li>Votre fiche est renseignée avec <strong>votre RIB</strong>.</li>
  116. <li>Votre fiche est renseignée avec <strong>les preuves</strong> de vos achats.</li>
  117. <li>Vous <strong>présentez l'original de vos tickets</strong> à l'accueil pendant l'évenement.</li>
  118. <li>Tous vos documents sont conformes.</li>
  119. </ul>
  120. <p>
  121. <u>Nota Bene</u>: Ce remboursement s'effectue <u>uniquement par virement bancaire</u>
  122. <br />
  123. Par exemple, si vous achetez votre ticket d'avion en ligne, demandez une facture à la
  124. compagnie aérienne.
  125. <br />
  126. Si vous n'avez pas de scanner vous permettant de compléter votre fiche,
  127. ces opérations pourront être effectués à l'accueil pendant l'évenement.
  128. N'oublez pas d'apporter tous vos documents le cas échéant.<br />
  129. Si vous remplissez toutes les conditions,
  130. le remboursement sera effectif au maximum 2 semaines après la fin des JM2L.
  131. </p>
  132. <br />
  133. Mais, mais, je sais faire :
  134. <label >Je joins mon <strong>Relevé d'identité Bancaire</strong></label>
  135. ${h.uploader("RIB", request.user.uid, "mon RIB")}
  136. <label for="edit-rib-upload">Je joins une ou plusieurs <strong>preuve d'achat</strong></label>
  137. ${h.uploader("Justif", request.user.uid, "un Justificatif")}
  138. </fieldset>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. ##${h.uploader_js()}