Le repo des sources pour le site web des JM2L
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
 
 
 
 
 

162 rindas
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()}