Le repo des sources pour le site web des JM2L
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 
 
 
 

162 linhas
8.4 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.mako"/>
  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-fluid">
  58. <div class="span10 offset1">
  59. <div class="tabbable" id="main_tab">
  60. <ul class="nav nav-tabs nav-pills" style="margin-bottom: 5px;">
  61. <li class="active"><a href="#Profil" id="Map_Profil" data-toggle="tab">Mon Profil</a></li>
  62. <li><a href="#Sejour" id="Map_Sejour" data-toggle="tab">Mon S&eacute;jour</a></li>
  63. <li><a href="#Logistique" id="Map_Logistique" data-toggle="tab">Logistique</a></li>
  64. <li><a href="#Interventions" id="Map_Interventions" data-toggle="tab">Mes Interventions</a></li>
  65. <li><a href="#Frais" id="Map_Frais" data-toggle="tab">Mes Frais</a></li>
  66. </ul>
  67. <div class="tab-content" style="padding:0 10px">
  68. <div class="tab-pane fade active in" id="Profil">
  69. ${profil.profil_wrapper(uprofil, profil_form)}
  70. </div>
  71. <div class="tab-pane fade" id="Sejour">
  72. ${sejour.sejour_wrapper(Places)}
  73. </div>
  74. <div class="tab-pane fade" id="Interventions">
  75. <div class="tabbable tabs-left" id="Interventions_tab">
  76. <ul class="nav nav-tabs navbar" style="margin-bottom:0;">
  77. <li class="active"> <a href="#ResumePart" data-toggle="tab">Resumé</a> </li>
  78. <li> <a href="#Conference" data-toggle="tab">Conf&eacute;rence</a> </li>
  79. <li> <a href="#Stand" data-toggle="tab">Stand</a> </li>
  80. <li> <a href="#Atelier" data-toggle="tab">Atelier</a> </li>
  81. <li> <a href="#TableRonde" data-toggle="tab">Table Ronde</a> </li>
  82. <li> <a href="#Organisation" data-toggle="tab">Organisation</a> </li>
  83. </ul>
  84. <div class="tab-content">
  85. <div class="tab-pane fade active in" id="ResumePart">
  86. ${intervention.Resume()}
  87. </div>
  88. <div class="tab-pane fade" id="Conference">
  89. ${intervention.wrapper('C')}
  90. </div>
  91. <div class="tab-pane fade" id="Stand">
  92. ${intervention.wrapper('S')}
  93. </div>
  94. <div class="tab-pane fade" id="Atelier">
  95. ${intervention.wrapper('A')}
  96. </div>
  97. <div class="tab-pane fade" id="TableRonde">
  98. ${intervention.wrapper('T')}
  99. </div>
  100. <div class="tab-pane fade" id="Organisation">
  101. ${intervention.wrapper('O')}
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="tab-pane fade" id="Logistique">
  107. ${intendance.Main(Exchanges, miam_form)}
  108. </div>
  109. <div class="tab-pane fade" id="Frais">
  110. <fieldset>
  111. <legend class="lowshadow">Une participation à mes frais ?</legend>
  112. L'équipe des JM2L participe aux <u>frais de transport</u> des intervenants !<br /><br />
  113. Et bien oui, mais cette participation ne sera effective que si vous remplissez <u>toutes les conditions</u> suivantes:
  114. <ul style="list-style:circle;">
  115. <li>Vous animez <strong>un atelier, une conférence ou une table ronde</strong> aux JM2L 2015.</li>
  116. <li>Votre fiche est renseignée avec <strong>votre RIB</strong>.</li>
  117. <li>Votre fiche est renseignée avec <strong>les preuves</strong> de vos achats.</li>
  118. <li>Vous <strong>présentez l'original de vos tickets</strong> à l'accueil pendant l'évenement.</li>
  119. <li>Tous vos documents sont conformes.</li>
  120. </ul>
  121. <p>
  122. <u>Nota Bene</u>: Ce remboursement s'effectue <u>uniquement par virement bancaire</u>
  123. <br />
  124. Par exemple, si vous achetez votre ticket d'avion en ligne, demandez une facture à la
  125. compagnie aérienne.
  126. <br />
  127. Si vous n'avez pas de scanner vous permettant de compléter votre fiche,
  128. ces opérations pourront être effectuées à l'accueil pendant l'évenement.
  129. N'oublez pas d'apporter tous vos documents le cas échéant.<br />
  130. Si vous remplissez toutes les conditions,
  131. le remboursement sera effectif au maximum 2 semaines après la fin des JM2L.
  132. </p>
  133. <br />
  134. <h4>Téléverser vos documents </h4>
  135. <div class="container-fluid">
  136. <div class="span6">
  137. <label >Je joins mon <strong>Relevé d'identité Bancaire</strong></label>
  138. ${h.uploader("RIB", request.user.uid, "mon RIB")}
  139. </div>
  140. <div class="span6">
  141. <label for="edit-rib-upload">Je joins une ou plusieurs <strong>preuve d'achat</strong></label>
  142. ${h.uploader("Justif", request.user.uid, "un Justificatif")}
  143. </div>
  144. </div>
  145. </fieldset>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. </div>
  151. ##${h.uploader_js()}