first drop

1 files changed, 154 insertions, 0 deletions

diff --git a/jm2l/templates/jm2l.mako b/jm2l/templates/jm2l.mako
new file mode 100644
index 0000000..018104f
--- /dev/null
+++ b/jm2l/templates/jm2l.mako
@@ -0,0 +1,154 @@
+<%inherit file="jm2l:templates/layout.mako"/>
+<%namespace name="profil" file="jm2l:templates/Profil/Profil.mako"/>
+<%namespace name="sejour" file="jm2l:templates/Profil/Sejour.mak"/>
+<%namespace name="intendance" file="jm2l:templates/Logistique/Logistique.mako"/>
+<%namespace name="intervention" file="jm2l:templates/Interventions/Interventions.mako"/>
+<%namespace name="h" file="jm2l:templates/helpers.mako"/>
+<%def name="jsAddOn()">
+  <script src="/static/select2.js"></script>  
+  <script src="/static/leaflet.js"></script>  
+  <script src="/static/leaflet-routing-machine.min.js"></script>
+  <script src="/static/jquery-ui/jquery-ui.min.js"></script>  
+  <script src="/static/repeatable-fields.js"></script>
+  <script src="/static/js/jm2l.js"></script>
+  //<script src="/static/third-party/ckeditor/ckeditor.js"></script>  
+</%def>
+<%def name="cssAddOn()">
+  <link rel="stylesheet" href="/static/select2.css" type="text/css" media="screen" />
+  <link rel="stylesheet" href="/static/css/jquery.fileupload.css">
+  <link rel="stylesheet" href="/static/css/jquery.fileupload-ui.css">
+  <link rel="stylesheet" href="/static/leaflet.css" />
+  <link rel="stylesheet" href="/static/jm2l.css" />
+  <!-- CSS adjustments for browsers with JavaScript disabled -->
+  <noscript><link rel="stylesheet" href="/static/css/jquery.fileupload-noscript.css"></noscript>
+  <noscript><link rel="stylesheet" href="/static/css/jquery.fileupload-ui-noscript.css"></noscript>  
+</%def>
+<div id="AjaxModal" class="modal hide fade" tabindex="-1" role="dialog"
+    aria-labelledby="AjaxModalLabel" aria-hidden="true">
+    <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+        <h3 id="AjaxModalLabel">Modal header</h3>
+    </div>
+    <div class="modal-body">
+        <form id="ModalForm">
+            <div id="ModalContent">bla bla</div>
+        </form>
+    </div>
+    <div class="modal-footer">
+        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
+        <button class="btn btn-primary">Enregistrer les modifications</button>
+    </div>
+</div>
+
+<div id="AjaxPlaceModal" class="modal hide fade" tabindex="-1" role="dialog"
+    aria-labelledby="AjaxPlaceModalLabel" aria-hidden="true">
+    <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+        <h3 id="AjaxPlaceModalLabel">Modal header</h3>
+    </div>
+    <div class="modal-body">
+        <form id="ModalPlaceForm">
+            <div id="ModalPlaceContent">bla bla</div>
+        </form>
+    </div>
+    <div class="modal-footer">
+        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
+        <button class="btn btn-primary">Enregistrer les modifications</button>
+    </div>
+</div>
+
+<div class="row">
+    <div class="tabbable" id="main_tab">
+        <ul class="nav nav-tabs" style="margin-bottom: 5px;">
+            <li class="active"><a href="#Profil" id="Map_Profil" data-toggle="tab">Mon Profil</a></li>
+            <li><a href="#Sejour" id="Map_Sejour" data-toggle="tab">Mon S&eacute;jour</a></li>
+            <li><a href="#Logistique" id="Map_Logistique" data-toggle="tab">Logistique</a></li>            
+            <li><a href="#Interventions" id="Map_Interventions" data-toggle="tab">Mes Interventions</a></li>
+            <li><a href="#Frais" id="Map_Frais" data-toggle="tab">Mes Frais</a></li>
+        </ul>
+        <div class="tab-content" style="padding:0 10px">
+            <div class="tab-pane fade active in" id="Profil">
+                ${profil.profil_wrapper(uprofil, profil_form)}
+            </div>
+
+            <div class="tab-pane fade" id="Sejour">
+                ${sejour.sejour_wrapper(Places)}
+            </div>
+        
+            <div class="tab-pane fade" id="Interventions">
+                <div class="tabbable tabs-left" id="Interventions_tab">
+                    
+                    <ul class="nav nav-tabs navbar" style="margin-bottom:0;">
+                        <li class="active"> <a href="#ResumePart" data-toggle="tab">Resumé</a> </li>
+                        <li> <a href="#Conference" data-toggle="tab">Conf&eacute;rence</a> </li>
+                        <li> <a href="#Stand" data-toggle="tab">Stand</a> </li>
+                        <li> <a href="#Atelier" data-toggle="tab">Atelier</a> </li>
+                        <li> <a href="#TableRonde" data-toggle="tab">Table Ronde</a> </li>
+                        <li> <a href="#Organisation" data-toggle="tab">Organisation</a> </li>
+                    </ul>
+                    
+                    <div class="tab-content">
+                        <div class="tab-pane fade active in" id="ResumePart">
+                            ${intervention.Resume()}
+                        </div>                        
+                        <div class="tab-pane fade" id="Conference">
+                            ${intervention.wrapper('C')}
+                        </div>
+                        <div class="tab-pane fade" id="Stand"> 
+                            ${intervention.wrapper('S')}
+                        </div>
+                        <div class="tab-pane fade" id="Atelier">
+                            ${intervention.wrapper('A')}
+                        </div>
+                        <div class="tab-pane fade" id="TableRonde">
+                            ${intervention.wrapper('T')}
+                        </div>
+                        <div class="tab-pane fade" id="Organisation">
+                            ${intervention.wrapper('O')}
+                        </div>                        
+                    </div>
+                    
+                </div>
+            </div>
+        
+            <div class="tab-pane fade" id="Logistique">
+                ${intendance.Main(Exchanges)}
+            </div>        
+        
+            <div class="tab-pane fade" id="Frais">
+                <fieldset>
+                    <legend>Une participation à mes frais ?</legend>
+                Comment ? L'équipe des JM2L participe à mes <u>frais de transport</u> ? NOon... <br /><br />
+                Et bien si, mais cette participation ne sera effective que si vous remplissez <u>toutes les conditions</u> suivantes:
+                <ul style="list-style:circle;">
+                    <li>Vous animez <strong>un atelier, une conférence ou une table ronde</strong> aux JM2L 2015.</li>
+                    <li>Votre fiche est renseignée avec <strong>votre RIB</strong>.</li>
+                    <li>Votre fiche est renseignée avec <strong>les preuves</strong> de vos achats.</li>                    
+                    <li>Vous <strong>présentez l'original de vos tickets</strong> à l'accueil pendant l'évenement.</li>                    
+                    <li>Tous vos documents sont conformes.</li>
+                </ul>
+                <p>
+                    <u>Nota Bene</u>: Ce remboursement s'effectue <u>uniquement par virement bancaire</u>
+                    <br />
+                    Par exemple, si vous achetez votre ticket d'avion en ligne, demandez une facture à la
+                    compagnie aérienne.
+                    <br />
+                    Si vous n'avez pas de scanner vous permettant de compléter votre fiche,
+                    ces opérations pourront être effectués à l'accueil pendant l'évenement. 
+                    N'oublez pas d'apporter tous vos documents le cas échéant.<br />
+                    Si vous remplissez toutes les conditions, 
+                le remboursement sera effectif au maximum 2 semaines après la fin des JM2L.
+                </p>
+                <br />
+                Mais, mais, je sais faire :
+                <label >Je joins mon <strong>Relevé d'identité Bancaire</strong></label>
+                ${h.uploader("RIB", request.user.uid, "mon RIB")}
+                <label for="edit-rib-upload">Je joins une ou plusieurs <strong>preuve d'achat</strong></label>
+                ${h.uploader("Justif", request.user.uid, "un Justificatif")}
+                </fieldset>
+            </div>
+        
+        </div>
+    </div>
+</div>
+${h.uploader_js()}