Le repo des sources pour le site web des JM2L
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
 
 
 
 
 

701 lignes
28 KiB

  1. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  2. ## Afficher un form
  3. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  4. <%def name="DisplayRespForm(form, DicFormat)">
  5. <%
  6. TabJs = {'select':[], 'desc':[]}
  7. %>
  8. <div class="row-fluid">
  9. % for FieldName, Field in form._fields.items():
  10. % if DicFormat.has_key(Field.name) and DicFormat[Field.name].get("Ignore"):
  11. <% continue %>
  12. % endif
  13. % if Field.type in ['HiddenField', 'CSRFTokenField']:
  14. ${Field}
  15. <% continue %>
  16. % elif Field.type=="SelectField":
  17. <% TabJs['select'].append(Field.label.field_id) %>
  18. % endif
  19. <div class="${DicFormat[Field.name].get("ContainerClass")}">
  20. <label for="${Field.label.field_id}">${Field.label.text}
  21. % if Field.description:
  22. <% TabJs['desc'].append(Field.label.field_id) %>
  23. <a id="${Field.label.field_id}-help" data-toggle="popover"
  24. data-original-title="${Field.label.text}"
  25. data-content="${Field.description}">
  26. <i class="icon-me" style="background-image: url('/img/Help.png');background-position:0 0;"></i>
  27. </a>
  28. % endif
  29. </label>
  30. % if DicFormat.has_key(Field.name):
  31. <%
  32. PlaceHolder = DicFormat[Field.name].get("PlaceHolder")
  33. Class = [False,"ckeditor"][ "ckeditor" in DicFormat[Field.name] ]
  34. %>
  35. % if Field.type == "date":
  36. ${Field(placeholder=PlaceHolder or False, class_="datepicker", style="width:100%" )}
  37. % else:
  38. ${Field(placeholder=PlaceHolder or False, class_=Class, style="width:100%")}
  39. % endif
  40. % else:
  41. ${Field(style="width:100%")}
  42. % endif
  43. % for error in Field.errors:
  44. <div class="alert alert-error">
  45. <button type="button" class="close" data-dismiss="alert">&times;</button>
  46. <h4>Erreur!</h4>
  47. ${ error }
  48. </div>
  49. % endfor
  50. </div>
  51. % if DicFormat.has_key(Field.name) and DicFormat[Field.name].get("next")==True:
  52. </div>
  53. <div class="row-fluid">
  54. % endif
  55. % endfor
  56. </div>
  57. <%
  58. for jsitem in TabJs['select']:
  59. context._kwargs['postpone_js'].append( "$('#%s').select2({});" % jsitem )
  60. for jsitem in TabJs['desc']:
  61. context._kwargs['postpone_js'].append( "$('#%s-help').popover();" % jsitem )
  62. %>
  63. </%def>
  64. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  65. ## Afficher un form
  66. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  67. <%def name="DisplayForm(form, DicFormat)">
  68. <%
  69. TabJs = {'select':[], 'desc':[]}
  70. %>
  71. % for FieldName, Field in form._fields.items():
  72. % if DicFormat.has_key(Field.name) and DicFormat[Field.name].get("Ignore"):
  73. <% continue %>
  74. % endif
  75. % if Field.type in ['HiddenField', 'CSRFTokenField']:
  76. ${Field}
  77. <% continue %>
  78. % elif Field.type=="SelectField":
  79. <% TabJs['select'].append(Field.label.field_id) %>
  80. % endif
  81. % if DicFormat.has_key(Field.name) and DicFormat[Field.name].get("fieldset"):
  82. <fieldset>
  83. <legend>${Field.label.text}</legend>
  84. % else:
  85. % if DicFormat.has_key(Field.name) and DicFormat[Field.name].get("ContainerStyle"):
  86. <div style="padding-right:5px;${DicFormat[Field.name].get("ContainerStyle")}">
  87. % else:
  88. <div style="padding-right:5px;">
  89. % endif
  90. <label for="${Field.label.field_id}">${Field.label.text}
  91. % if Field.description:
  92. <% TabJs['desc'].append(Field.label.field_id) %>
  93. <a id="${Field.label.field_id}-help" data-toggle="popover"
  94. data-original-title="${Field.label.text}"
  95. data-content="${Field.description}">
  96. <i class="icon-me" style="background-image: url('/img/Help.png');background-position:1px 2px;"></i>
  97. </a>
  98. % endif
  99. </label>
  100. % endif
  101. % if DicFormat.has_key(Field.name):
  102. <%
  103. PlaceHolder = DicFormat[Field.name].get("PlaceHolder")
  104. FieldStyle = DicFormat[Field.name].get("FieldStyle")
  105. Class = [False,"ckeditor"][ "ckeditor" in DicFormat[Field.name] ]
  106. %>
  107. % if Field.type == "date":
  108. ${Field(placeholder=PlaceHolder or False, style=FieldStyle, class_="datepicker" )}
  109. % else:
  110. ${Field(placeholder=PlaceHolder or False, style=FieldStyle, class_=Class)}
  111. % endif
  112. % else:
  113. ${Field()}
  114. % endif
  115. % for error in Field.errors:
  116. <div class="alert alert-error">
  117. <button type="button" class="close" data-dismiss="alert">&times;</button>
  118. <h4>Erreur!</h4>
  119. ${ error }
  120. </div>
  121. % endfor
  122. % if DicFormat.has_key(Field.name) and DicFormat[Field.name].get("fieldset"):
  123. </fieldset>
  124. % else:
  125. </div>
  126. % endif
  127. % endfor
  128. <%
  129. for jsitem in TabJs['select']:
  130. context._kwargs['postpone_js'].append( "$('#%s').select2({});" % jsitem )
  131. for jsitem in TabJs['desc']:
  132. context._kwargs['postpone_js'].append( "$('#%s-help').popover();" % jsitem )
  133. %>
  134. </%def>
  135. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  136. ## Wrapper pour la form Sejour
  137. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  138. <%def name="sejour_wrapper(Places)">
  139. <div class="form-inline">
  140. Départ :
  141. <select style="width:12em;" id="Arrival:Place" name="Arrival:Place" title="Lieu">
  142. % for place in Places:
  143. <option value="${place.place_id}">${place.display_name}</option>
  144. % endfor
  145. </select>
  146. </div>
  147. <br />
  148. <div class="form-inline">
  149. Arrivée :
  150. <select style="width:12em;" id="Arrival:Place" name="Arrival:Place" title="Lieu">
  151. % for place in Places:
  152. <option value="${place.place_id}">${place.display_name}</option>
  153. % endfor
  154. </select>
  155. </div>
  156. </%def>
  157. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  158. ## Wrapper pour la form Itineraire
  159. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  160. <%def name="itin_wrapper(itin_form)">
  161. <div style="padding:5px;">
  162. <div style="float:left;padding-right:5px;">
  163. <label for="${itin_form.start_place.label.field_id}">
  164. ${itin_form.start_place.label}
  165. </label>
  166. % for error in itin_form.start_place.errors:
  167. <div class="alert error">Le Depart ${ error }</div>
  168. % endfor
  169. ${itin_form.start_place(style='width:17em;')},
  170. </div>
  171. <div>
  172. <label for="${itin_form.arrival_place.label.field_id}">
  173. ${itin_form.arrival_place.label}
  174. </label>
  175. % for error in itin_form.arrival_place.errors:
  176. <div class="alert error">Arrivee ${ error }</div>
  177. % endfor
  178. ${itin_form.arrival_place(style='width:17em;')}
  179. </div>
  180. <div style="padding:5px;">
  181. <small style="color:#999">Si je n´ai pas trouvé le lieu dont j´ai besoin dans ces listes...</small>
  182. <br />
  183. <small style="color:#999">Je peux </small>
  184. <a class="btn btn-mini btn-info" role="button" href="javascript:DoGetLieu('/2015/modal/Place/0');">
  185. <i class="icon-plus-sign icon-white"></i> Ajouter un lieu
  186. </a>
  187. </div>
  188. </div>
  189. <script>
  190. $("#${itin_form.start_place.label.field_id}").select2({});
  191. $("#${itin_form.arrival_place.label.field_id}").select2({});
  192. </script>
  193. </%def> \
  194. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  195. ## Wrapper pour afficher les fichiers
  196. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  197. <%def name="medias(Entity, UID=None, desc=None)"> \
  198. <hr>
  199. <ul class="thumbnails">
  200. % for filelink, thumb in Entity.DocLinks:
  201. <li class="span2">
  202. <div class="media">
  203. <a class="pull-left" href="${filelink}">
  204. <img class="media-object" src="${thumb}" />
  205. </a>
  206. </div>
  207. </li>
  208. % endfor
  209. </ul>
  210. </%def>
  211. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  212. ## Wrapper pour uploader
  213. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  214. <%def name="uploader(MediaType, UID, desc=None)"> \
  215. <!-- The file upload form used as target for the file upload widget -->
  216. <form class="fileupload" id="fileupload_${MediaType}" action="/uploader/${MediaType}/${UID}/proceed" method="POST" enctype="multipart/form-data">
  217. <!-- Redirect browsers with JavaScript disabled to the origin page -->
  218. <noscript><input type="hidden" name="redirect" value="/"></noscript>
  219. <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
  220. <div class="fileupload-buttonbar">
  221. <!-- The fileinput-button span is used to style the file input field as button -->
  222. <span class="btn btn-success fileinput-button">
  223. <i class="icon-plus icon-white"></i>
  224. % if desc:
  225. <span>Ajouter ${desc}</span>
  226. % else:
  227. <span>Ajouter</span>
  228. % endif:
  229. <input type="file" name="files[]" multiple>
  230. </span>
  231. <!-- The global file processing state -->
  232. <span class="fileupload-process"></span>
  233. <!-- The global progress state -->
  234. <div class="fileupload-progress fade" style="float:right;">
  235. <!-- The global progress bar -->
  236. <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
  237. <div class="bar progress-bar progress-bar-success" style="width:0%;"></div>
  238. </div>
  239. <!-- The extended global progress state -->
  240. <div class="progress-extended">&nbsp;</div>
  241. </div>
  242. </div>
  243. <!-- The table listing the files available for upload/download -->
  244. <table role="presentation" class="table table-striped"><tbody class="files"></tbody></table>
  245. </form>
  246. </%def> \
  247. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  248. ## Wrapper pour uploader - Partie JavaScript
  249. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  250. <%def name="uploader_js()"> \
  251. <!-- The template to display files available for upload -->
  252. <script id="template-upload" type="text/x-tmpl">
  253. {% for (var i=0, file; file=o.files[i]; i++) { %}
  254. <tr class="template-upload fade">
  255. <td style="width: 80px;">
  256. <span class="preview"></span>
  257. </td>
  258. <td>
  259. <p class="name">{%=file.name%}</p>
  260. <strong class="error text-danger"></strong>
  261. <p class="size">Processing...</p>
  262. <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar progress-bar progress-bar-success" style="width:0%;"></div></div>
  263. </td>
  264. <td style="width: 85px;">
  265. {% if (!i && !o.options.autoUpload) { %}
  266. <button class="btn-mini btn-primary start" disabled style="width: 80px;">
  267. <i class="icon-upload icon-white"></i>
  268. <span>Upload</span>
  269. </button>
  270. {% } %}
  271. {% if (!i) { %}
  272. <button class="btn-mini btn-warning cancel" style="width: 80px;">
  273. <i class="icon-ban-circle icon-white"></i>
  274. <span>Annuler</span>
  275. </button>
  276. {% } %}
  277. </td>
  278. </tr>
  279. {% } %}
  280. </script>
  281. <!-- The template to display files available for download -->
  282. <script id="template-download" type="text/x-tmpl">
  283. {% for (var i=0, file; file=o.files[i]; i++) { %}
  284. <tr class="template-download fade">
  285. <td style="width: 80px;">
  286. <span class="preview">
  287. {% if (file.thumbnailUrl) { %}
  288. <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a>
  289. {% } %}
  290. </span>
  291. </td>
  292. <td>
  293. <p class="name">
  294. {% if (file.url) { %}
  295. <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a>
  296. {% } else { %}
  297. <span>{%=file.name%}</span>
  298. {% } %}
  299. </p>
  300. <p><span class="size">{%=o.formatFileSize(file.size)%}</span></p>
  301. {% if (file.error) { %}
  302. <div><span class="label label-danger">Erreur</span> {%=file.error%}</div>
  303. {% } %}
  304. </td>
  305. <td style="width: 85px;">
  306. {% if (file.deleteUrl) { %}
  307. <button class="btn-mini btn-danger delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
  308. <i class="icon-trash icon-white"></i>
  309. <span>Suppr.</span>
  310. </button>
  311. <input type="checkbox" name="delete" value="1" class="toggle">
  312. {% } else { %}
  313. <button class="btn-mini btn-warning cancel">
  314. <i class="icon-ban-circle icon-white"></i>
  315. <span>Annuler</span>
  316. </button>
  317. {% } %}
  318. </td>
  319. </tr>
  320. {% } %}
  321. </script>
  322. </%def> \
  323. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  324. ## Wrapper pour les intervention utilisateur
  325. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  326. <%def name="show_Interventions(ListEvent, HeadTitle=None, NotFoundTitle=None)"> \
  327. <table class="table table-striped table-bordered table-hover">
  328. <thead>
  329. <tr>
  330. <th style="width:6em;text-align:center;">Date</th>
  331. % if HeadTitle:
  332. <th style="text-align:center;">${HeadTitle}</th>
  333. % else:
  334. <th style="text-align:center;">L'historique des interventions</th>
  335. % endif
  336. </tr>
  337. </thead>
  338. <tbody>
  339. % if len(ListEvent)==0:
  340. <tr>
  341. <td style="text-align:center;" colspan="2">
  342. % if NotFoundTitle:
  343. <i>${NotFoundTitle}</i>
  344. % else:
  345. <i>Désolé, Il n'y a rien dans l'historique.</i>
  346. % endif
  347. </td>
  348. </tr>
  349. % else:
  350. % for event in ListEvent:
  351. <tr>
  352. <td style="text-align:center;">
  353. <%
  354. start = event.start_time.time()
  355. end = event.end_time.time()
  356. vid = event.video.first()
  357. pres = event.presentation.first()
  358. %>
  359. ${event.start_time.strftime('%d %b %Y').decode('utf-8')}
  360. ${start.hour}:${"%.2d" % start.minute}-${end.hour}:${"%.2d" % end.minute}
  361. </td>
  362. <td style="position: relative;">${event.event_type}:
  363. <strong>
  364. <a href="/event/${event.for_year}/${event.slug}">${event.name}</a>
  365. </strong>
  366. <span style="float:right;">
  367. % if vid:
  368. <a href="${vid.get_path}">
  369. <i class="icon-film"></i>
  370. </a>
  371. % endif
  372. % if pres:
  373. <a href="${pres.get_path}">
  374. <i class="icon-list-alt"></i>
  375. </a>
  376. % endif
  377. </span>
  378. % if event.Salle:
  379. <div style="position: absolute; bottom: 2px; right: 5px;">
  380. ${event.Salle.name}
  381. </div>
  382. % endif
  383. <br/>
  384. % if event.intervenants.count()>1:
  385. avec
  386. % for num, inter in enumerate(event.intervenants.all()):
  387. <%
  388. if inter==uprofil:
  389. continue
  390. %>
  391. <a href="/user/${inter.slug}">${inter.prenom} ${inter.nom}</a>,
  392. % endfor
  393. % endif
  394. </td>
  395. </tr>
  396. % endfor
  397. % endif
  398. </tbody>
  399. </table>
  400. </%def>
  401. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  402. ## Wrapper pour les badges des entités utilisateur
  403. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  404. <%def name="show_SummaryEntities(ListEntities)"> \
  405. <ul class="thumbnails">
  406. % for tiers in ListEntities:
  407. <% Entity = tiers.get_entity_type %>
  408. <li class="span3 tiers">
  409. <div class="media">
  410. <a class="pull-left" href="/entity/${Entity.entity_type}/${tiers.slug}">
  411. % if tiers.ThumbLinks:
  412. <img class="media-object" src="${tiers.ThumbLinks.pop()}" />
  413. % else:
  414. <img class="media-object" src="/img/no-image-thumb.jpg" />
  415. % endif
  416. </a>
  417. <div class="media-body">
  418. %if Entity.entity_subtype!=Entity.entity_type:
  419. <h5 style="margin:0">${Entity.entity_type} ${Entity.entity_subtype}</h5>
  420. %else:
  421. <h5 style="margin:0">${Entity.entity_type}</h5>
  422. %endif
  423. <a href="/entity/${Entity.entity_type}/${tiers.slug}">
  424. <h4 class="media-heading">${tiers.name}</h4>
  425. </a>
  426. % if Entity.entity_role:
  427. <span><i>${Entity.entity_role}</i></span>
  428. % endif
  429. </div>
  430. </div>
  431. </li>
  432. % endfor
  433. </ul>
  434. </%def>
  435. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  436. ## Wrapper pour les photos
  437. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  438. <%def name="show_my_pictures(uprofil)"> \
  439. <div class="profile-icon">
  440. <% photos = uprofil.PhotosLinks %>
  441. <div style="text-align: center;line-height:20px;"><b>${request.user.slug}</b></div>
  442. <div style="text-align: center;line-height:20px;">
  443. <a data-target="#AjaxModal" Myhref="/2015/modal/Password/1" role="button" handle="modal">Changer mon mot de passe</a>
  444. </div>
  445. <div id="MyPictureCarousel" class="carousel slide">
  446. % if len(photos)>1:
  447. <!-- Carousel nav -->
  448. <a class="Ucarousel-control left" href="#MyPictureCarousel" data-slide="prev">&lsaquo;</a>
  449. <a class="Ucarousel-control right" href="#MyPictureCarousel" data-slide="next">&rsaquo;</a>
  450. % endif
  451. <!-- Carousel items -->
  452. <div class="carousel-inner">
  453. % if len(photos):
  454. % for num, link in enumerate(photos):
  455. <div class="${['','active '][num==0]}item" id="UserPic${num}">
  456. <div style="margin:auto;text-align:center;">
  457. <img src="${link}" class="img-polaroid" style="max-height:310px;" alt="Photo ${uprofil.slug}" />
  458. </div>
  459. </div>
  460. % endfor
  461. % else:
  462. <div class="active item" id="UserPic0">
  463. <div style="margin:auto;text-align:center;">
  464. <img src="/img/default-user.png" style="max-height:310px;" class="img-polaroid" alt="Photo ${uprofil.slug}" />
  465. </div>
  466. </div>
  467. % endif
  468. </div>
  469. </div>
  470. <div style="text-align: center;line-height:20px;">
  471. <a data-target="#AjaxModal" Myhref="/2015/modal/UserPicture/${uprofil.uid}" handle="modal">Changer ma photo</a>
  472. </div>
  473. </div>
  474. </%def> \
  475. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  476. <%def name="show_pictures(uprofil)"> \
  477. <div class="profile-icon pull-right">
  478. <% photos = uprofil.PhotosLinks %>
  479. <div id="MyPictureCarousel" class="carousel slide">
  480. % if len(photos)>1:
  481. <!-- Carousel nav -->
  482. <a class="Ucarousel-control left" href="#MyPictureCarousel" data-slide="prev">&lsaquo;</a>
  483. <a class="Ucarousel-control right" href="#MyPictureCarousel" data-slide="next">&rsaquo;</a>
  484. % endif
  485. <!-- Carousel items -->
  486. <div class="carousel-inner" style="height: 220px;">
  487. % if len(photos):
  488. % for num, link in enumerate(photos):
  489. <div class="${['','active '][num==0]}item" id="UserPic${num}">
  490. <div style="margin:auto;">
  491. <img src="${link}" class="img-polaroid" style="max-height:205px;max-width:235px;" alt="Photo ${uprofil.nom} ${uprofil.prenom}" />
  492. </div>
  493. </div>
  494. % endfor
  495. % else:
  496. <div class="active item" id="UserPic0">
  497. <div style="margin:auto;width:170px;">
  498. <img src="/img/default-user.png" class="img-polaroid" alt="Photo ${uprofil.nom} ${uprofil.prenom}" style="max-height:205px;" />
  499. </div>
  500. </div>
  501. % endif
  502. </div>
  503. </div>
  504. </div>
  505. </%def> \
  506. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  507. <%def name="show_salles(Salles, IdSalle)"> \
  508. <div class="profile-icon pull-right" style="padding: 0 15px;">
  509. <%
  510. if not IdSalle:
  511. return ""
  512. SallePhy = Salles.by_id(IdSalle).phy
  513. if not SallePhy:
  514. return ""
  515. photos = SallePhy.PhotosLinks
  516. %>
  517. <div id="CarName" style="text-align: center;line-height:20px;"><strong>Salle</strong>: ${Salles.by_id(IdSalle).name}</div>
  518. <div id="MyPictureCarousel" class="carousel slide">
  519. % if len(photos)>1:
  520. <!-- Carousel nav -->
  521. <a class="Ucarousel-control left" href="#MyPictureCarousel" data-slide="prev">&lsaquo;</a>
  522. <a class="Ucarousel-control right" href="#MyPictureCarousel" data-slide="next">&rsaquo;</a>
  523. % endif
  524. <!-- Carousel items -->
  525. <div class="carousel-inner">
  526. % if len(photos):
  527. % for num, link in enumerate(photos):
  528. <div class="${['','active '][num==0]}item" id="UserPic${num}">
  529. <div style="margin:auto;">
  530. <img src="${link}" class="img-polaroid" style="max-height:205px;max-width:235px;" alt="Photo ${SallePhy.name}" />
  531. </div>
  532. </div>
  533. % endfor
  534. % else:
  535. <div class="active item" id="UserPic0">
  536. <div style="margin:auto;width:170px;">
  537. <center>
  538. <img src="/img/no-image.jpg" class="img-polaroid" alt="Photo ${SallePhy.name}" style="max-height:130px;" />
  539. <center>
  540. </div>
  541. </div>
  542. % endif
  543. </div>
  544. </div>
  545. </div>
  546. </%def> \
  547. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  548. ## Wrapper pour les échanges utilisateurs
  549. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  550. <%def name="show_exchange(Exchange, Asker, Provider)"> \
  551. <div class="media">
  552. % if Asker:
  553. <a class="pull-left" href="/user/${Asker.slug}">
  554. % if Asker.PhotosThumb:
  555. <img class="media-object"
  556. src="${Asker.PhotosThumb.pop()}"
  557. alt="${Asker.prenom} ${Asker.nom}"/>
  558. % else:
  559. <img class="media-object"
  560. src="/img/no-image-thumb.jpg"
  561. alt="${Asker.prenom} ${Asker.nom}"/>
  562. % endif
  563. </a>
  564. % else:
  565. <a class="pull-left" href="#">
  566. <img class="media-object" src="/img/personne.jpg" alt="Personne"/>
  567. </a>
  568. % endif
  569. % if Provider:
  570. <a class="pull-right" href="/user/${Provider.slug}">
  571. % if Provider.PhotosThumb:
  572. <img class="media-object"
  573. src="${Provider.PhotosThumb.pop()}"
  574. alt="${Provider.prenom} ${Provider.nom}"/>
  575. % else:
  576. <img class="media-object"
  577. src="/img/no-image-thumb.jpg"
  578. alt="${Provider.prenom} ${Provider.nom}"/>
  579. % endif
  580. </a>
  581. % else:
  582. <a class="pull-right" href="#">
  583. <img class="media-object" src="/img/personne.jpg" alt="Personne"/>
  584. </a>
  585. %endif
  586. <div class="media-body">
  587. <table style="width:100%">
  588. <tr>
  589. <td style="text-align:left;vertical-align:middle;width:40%">
  590. % if Asker:
  591. Demande de<br>
  592. <a href="/user/${Asker.slug}">${Asker.prenom} ${Asker.nom}</a>
  593. % else:
  594. <i>Pas de réponse</i>
  595. % endif
  596. </td>
  597. <td>
  598. % if Exchange.exch_done:
  599. <img class="media-object" src="/img/echange.png" alt="Echange"/>
  600. % elif Exchange.exch_state=='Ask':
  601. <img class="media-object" src="/img/asker.png" alt="Cherche"/>
  602. % elif Exchange.exch_state=='Proposal':
  603. <img class="media-object" src="/img/provider.png" alt="Propose"/>
  604. % endif
  605. </td>
  606. <td style="text-align:right;vertical-align:middle;width:40%">
  607. %if Provider:
  608. Proposition de<br>
  609. <a href="/user/${Provider.slug}">${Provider.prenom} ${Provider.nom}</a>
  610. % else:
  611. <i>Pas de réponse</i>
  612. % endif
  613. </td>
  614. </tr>
  615. </table>
  616. </div>
  617. </div>
  618. </%def> \
  619. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  620. ## Wrapper pour les addresses pour les utilisateurs
  621. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  622. <%def name="show_address(Place)"> \
  623. <address>
  624. <strong>${Place.display_name}</strong> ( ${Place.place_type} )<br>
  625. ${Place.name}<br>
  626. % if Place.specific:
  627. ${Place.specific}<br>
  628. % endif
  629. ${Place.adresse}<br>
  630. ${Place.codePostal} ${Place.ville}<br>
  631. </address>
  632. </%def> \
  633. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  634. ## Wrapper pour la description des places
  635. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  636. <%def name="show_desc(Place)"> \
  637. % if Place.description:
  638. ${Place.description | n}
  639. % endif
  640. </%def> \
  641. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  642. ## Wrapper pour les sponsors
  643. ## -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  644. <%def name="participants(Year)"> \
  645. <div id='right_panel'>
  646. <table class="ShowEntities table">
  647. <thead>
  648. <tr>
  649. <th colspan="3">Sponsors ${Year}</th>
  650. </tr>
  651. </thead>
  652. <tr>
  653. <% num = -1 %>
  654. % for entity in request.sponsors(Year):
  655. % for thumb in entity.ThumbLinks:
  656. <% num+=1 %>
  657. % if (num%3==0):
  658. </tr><tr>
  659. % endif
  660. <td>
  661. <a href="/entity/${entity.get_entity_type.entity_type}/${entity.slug}">
  662. <img src="${thumb}" alt="${entity.name}" />
  663. </a>
  664. </td>
  665. % endfor
  666. % endfor
  667. </tr>
  668. </table>
  669. <br />
  670. <table class="ShowEntities table">
  671. <thead>
  672. <tr>
  673. <th colspan="3">Exposants ${Year}</th>
  674. </tr>
  675. </thead>
  676. <tr>
  677. <% num = -1 %>
  678. % for entity in request.exposants(Year):
  679. % for thumb in entity.ThumbLinks:
  680. <% num+=1 %>
  681. % if (num%3==0):
  682. </tr><tr>
  683. % endif
  684. <td>
  685. <a href="/entity/${entity.get_entity_type.entity_type}/${entity.slug}">
  686. <img src="${thumb}" alt="${entity.name}" />
  687. </a>
  688. </td>
  689. % endfor
  690. % endfor
  691. </tr>
  692. </table>
  693. </div>
  694. </%def> \