1 <script id="tpl-head" type="text/html"> |
|
2 <form action="#" class="form-info-general-annotation" style="background-color:{{color}}" data-id="{{id}}"> |
|
3 |
|
4 <div class="row"> |
|
5 <div class="span3 text-right"> |
|
6 <input type="text" placeholder="Titre de l'annotation.." name="title" value="{{title}}"> |
|
7 <textarea id="" name="description">{{description}}</textarea> |
|
8 </div> |
|
9 <div class="span3"> |
|
10 <input type="text" class="tag-it" data-type="annotation" value="{{keywords}}"> |
|
11 <table class="table text-right"> |
|
12 <thead> |
|
13 <tr> |
|
14 <th class="span1">Début</th> |
|
15 <th class="span1">Durée</th> |
|
16 <th class="span1">Fin</th> |
|
17 </tr> |
|
18 </thead> |
|
19 <tbody> |
|
20 <tr> |
|
21 <td id="{{id}}-begin" class="span1">{{begin}}</td> |
|
22 <td id="{{id}}-duration" class="span1">{{getDuration}}</td> |
|
23 <td id="{{id}}-end" class="span1">{{end}}</td> |
|
24 </tr> |
|
25 </tbody> |
|
26 </table> |
|
27 </div> |
|
28 </div> |
|
29 <div class="row"> |
|
30 <div class="span6 text-center"> |
|
31 <div data-id="{{id}}" id="" class="slider-duration"></div> |
|
32 </div> |
|
33 <div class="span6 text-right"> |
|
34 <a class="btn btn-danger btn-delete-annotation" data-id="{{id}}" data-no-render> |
|
35 <i class="icon-trash"></i> Delete |
|
36 </a> |
|
37 <a class="btn btn-primary btn-save-annotation" data-id="{{id}}"> |
|
38 <i class="icon-ok"></i> Ok |
|
39 </a> |
|
40 </div> |
|
41 </div> |
|
42 </form> |
|
43 </script> |
|
44 |
|
45 <script id="tpl-onglet" type="text/html"> |
|
46 <li id="onglet-{{id}}"> |
|
47 <a data-id="{{id}}" data-toggle="annotation" href="#tab-annotation-{{id}}"> |
|
48 <i class="icon-{{iconTab}}"></i> |
|
49 <span id="onglet-title-{{id}}">{{title}}</span> |
|
50 <span class="close-tab">×</span> |
|
51 </a> |
|
52 </li> |
|
53 </script> |
|
54 |
|
55 <script id="tpl-audio" type="text/html"> |
|
56 <div class="edit-annotation-title row"> |
|
57 <h3 class="span3"><i class="icon-volume-up"></i> Son</h3> |
|
58 </div> |
|
59 <div class="row annotation-audio-content"> |
|
60 <div class="span6"> |
|
61 <form class="form-horizontal"> |
|
62 <div class="control-group"> |
|
63 <label class="control-label" for="url-source-{{id}}">URL source :</label> |
|
64 <div class="controls"> |
|
65 <input type="text" value="{{content.url}}" name="url" id="url-source-{{id}}" placeholder="http://"> |
|
66 </div> |
|
67 </div> |
|
68 <div class="control-group"> |
|
69 <label class="control-label" for="embed-{{id}}">Code embed :</label> |
|
70 <div class="controls"> |
|
71 <textarea name="embedcode" id="embed-{{id}}" cols="30" rows="10">{{content.embedcode}}</textarea> |
|
72 </div> |
|
73 </div> |
|
74 </form> |
|
75 </div> |
|
76 </div> |
|
77 </script> |
|
78 |
|
79 <script id="tpl-video" type="text/html"> |
|
80 <div class="edit-annotation-title row"> |
|
81 <h3 class="span3"><i class="icon-film"></i> Vidéo</h3> |
|
82 <span class="span3"> |
|
83 Ajouter une vidéo |
|
84 <a data-id="annotation-{{id}}" data-type-media="video" data-title="Ajouter une vidéo" class="btn btn-success open-modal" href="modal-bibliotheque-video.html"><i class="icon-plus"></i></a> |
|
85 </span> |
|
86 </div> |
|
87 <div class="row annotation-video-content"> |
|
88 |
|
89 </div> |
|
90 </script> |
|
91 |
|
92 <script id="tpl-html" type="text/html"> |
|
93 <div class="edit-annotation-title row"> |
|
94 <h3 class="span3"><i class="icon-link"></i> Html</h3> |
|
95 </div> |
|
96 <div class="row edit-annotation-html"> |
|
97 <div class="span6"> |
|
98 <textarea class="" name="" id="" cols="30" rows="10"></textarea> |
|
99 </div> |
|
100 <div class="span6 text-right"> |
|
101 <a href="#" class="btn btn-html-apercu"><i class="icon-eye-open"></i> Aperçu</a> |
|
102 </div> |
|
103 <div class="html-apercu span6"></div> |
|
104 </div> |
|
105 </script> |
|
106 |
|
107 <script id="tpl-text" type="text/html"> |
|
108 <div class="edit-annotation-title row"> |
|
109 <h3 class="span3"><i class="icon-align-left"></i> Texte</h3> |
|
110 </div> |
|
111 <div class="row"> |
|
112 <div class="span6 wysiwyg-wrap"> |
|
113 <textarea class="wysiwyg" name="" id="" cols="30" rows="10">{{content.text}}</textarea> |
|
114 </div> |
|
115 </div> |
|
116 </script> |
|
117 |
|
118 <script id="tpl-slideshow" type="text/html"> |
|
119 <div class="edit-annotation-title row"> |
|
120 <h3 class="span3"><i class="icon-picture"></i> Diaporama</h3> |
|
121 <span class="span3"> |
|
122 Ajouter une image |
|
123 <a data-type-media="image" data-diaporama="diaporama-{{id}}" data-title="Ajouter une image" class="btn btn-success open-modal" href="modal-bibliotheque-image.html"><i class="icon-plus"></i></a> |
|
124 </span> |
|
125 </div> |
|
126 <div class="row config-diaporama"> |
|
127 <form action=""> |
|
128 <div class="span3"> |
|
129 <label for="">Diaporama :</label> |
|
130 <div class="btn-group" data-toggle="buttons-radio"> |
|
131 <button type="button" data-autostart="false" class="{{^content.autostart}}active{{/content.autostart}} btn btn-primary btn-autostart">Manuel</button> |
|
132 <button type="button" class="{{#content.autostart}}active{{/content.autostart}} btn btn-primary btn-autostart" data-autostart="true">Auto</button> |
|
133 </div> |
|
134 </div> |
|
135 <div class="span3"> |
|
136 <label for="">Durée image : </label> |
|
137 <input pattern="[0-9]*" class="span1 number-spin" type="text" name="duration" value="1"> sec |
|
138 </div> |
|
139 </form> |
|
140 </div> |
|
141 <div class="row"> |
|
142 <div class="span6"> |
|
143 <table class="table"> |
|
144 <thead> |
|
145 <tr> |
|
146 <th>Aperçu</th> |
|
147 <th>Titre</th> |
|
148 <th>Description</th> |
|
149 <th>Actions</th> |
|
150 </tr> |
|
151 </thead> |
|
152 <tbody id="diaporama-{{id}}" class="list-image-diaporama ui-sortable"> |
|
153 |
|
154 </tbody> |
|
155 </table> |
|
156 </div> |
|
157 </div> |
|
158 </script> |
|
159 |
|
160 <script id="tpl-links" type="text/html"> |
|
161 <div class="edit-annotation-title row"> |
|
162 <h3 class="span3"><i class="icon-link"></i> Liens</h3> |
|
163 </div> |
|
164 <div class="row annotation-links-content"> |
|
165 <div class="span6"> |
|
166 <form class="form-horizontal"> |
|
167 <table class="table"> |
|
168 <thead> |
|
169 <tr> |
|
170 <th>URL</th> |
|
171 <th>Titre du lien</th> |
|
172 <th>Actions</th> |
|
173 </tr> |
|
174 </thead> |
|
175 <tbody data-id="{{id}}" class="links-rows"> |
|
176 |
|
177 </tbody> |
|
178 <tfoot> |
|
179 <tr> |
|
180 <td colspan="3"><a class="btn btn-success add-link" href="#"><i class="icon-plus"></i> Ajouter un lien</a></td> |
|
181 </tr> |
|
182 </tfoot> |
|
183 </table> |
|
184 </form> |
|
185 </div> |
|
186 </div> |
|
187 </script> |
|
188 |
|
189 <script id="tpl-links-row" type="text/html"> |
|
190 <tr> |
|
191 <td><input class="input-medium url-link" type="text" value="{{url}}" placeholder="http://"></td> |
|
192 <td><input class="input-medium title-link" type="text" value="{{title}}" placeholder="Titre du lien"></td> |
|
193 <td> |
|
194 <a class="btn delete-link" href="#"><i class="icon-trash"></i> </a> |
|
195 </td> |
|
196 </tr> |
|
197 </script> |
|
198 |
|
199 <script id="tpl-diaporama-row" type="text/html"> |
|
200 <tr id="rid-{{ridid}}" class="row-image-diaporama"> |
|
201 <td class="image-slideshow-row"><img data-url="{{url}}" src="{{url}}" alt=""> </td> |
|
202 <td class="title-slideshow-row">{{title}}</td> |
|
203 <td class="description-slideshow-row">{{description}}</td> |
|
204 <td> |
|
205 <table> |
|
206 <tr> |
|
207 <td><a data-type-media="image" data-title="Modifier une image" class="btn open-modal" href="modal-image.html"><i class="icon-pencil"></i></a></td> |
|
208 <td><a data-title="une image" href="#rid-{{id}}" class="btn btn-delete-image"><i class="icon-trash"></i></a></td> |
|
209 </tr> |
|
210 <tr> |
|
211 <td><a href="" class="btn btn-sort down"><i class="icon-angle-down"></i></a></td> |
|
212 <td><a href="" class="btn btn-sort up"><i class="icon-angle-up"></i></a></td> |
|
213 </tr> |
|
214 </table> |
|
215 </td> |
|
216 </tr> |
|
217 </script> |
|
218 |
|
219 <script id="tpl-video-row" type="text/html"> |
|
220 <div class="span6"> |
|
221 <div class="video-container"></div> |
|
222 <table class="table"> |
|
223 <tbody> |
|
224 <tr> |
|
225 <th>Titre</th> |
|
226 <td>{{title}}</td> |
|
227 </tr> |
|
228 <tr> |
|
229 <th>Description</th> |
|
230 <td>{{description}}</td> |
|
231 </tr> |
|
232 </tbody> |
|
233 </table> |
|
234 </div> |
|
235 </script> |
|
236 |
|
237 <script id="tpl-list-annotation-row" type="text/html"> |
|
238 <tr id="row-list-annotation-{{id}}" style="background-color : {{color}};"> |
|
239 <td>{{title}}</td> |
|
240 <td>{{type}}</td> |
|
241 <td>{{begin}}</td> |
|
242 <td>{{getDuration}}</td> |
|
243 <td>{{end}}</td> |
|
244 <td> |
|
245 <a href="#" data-id="{{id}}" class="btn btn-edit-annotation" data-type="{{type}}"> |
|
246 <i class="icon-pencil"></i></a> |
|
247 <a data-id="{{id}}" data-type="annotation" data-title="{{title}}" href="#row-list-annotation-{{id}}" class="btn btn-delete-annotation"> |
|
248 <i class="icon-trash delete-annotation"></i> |
|
249 </a> |
|
250 </td> |
|
251 </tr> |
|
252 </script> |
|
253 |
|
254 <script id="tpl-chapter-row" type="text/html"> |
|
255 <tr id="row-list-chapter-{{id}}" style="background-color : {{color}};"> |
|
256 <td class="list-chapter-title">{{title}}</td> |
|
257 <td class="list-chapter-tags">{{keywords}}</td> |
|
258 <td class="begin">{{begin}}</td> |
|
259 <td class="duration">{{getDuration}}</td> |
|
260 <td class="end">{{end}}</td> |
|
261 <td> |
|
262 <table> |
|
263 <tr> |
|
264 <td> |
|
265 <a href="#" class="btn btn-edit-chapter" data-chapter-id="{{id}}"><i class="icon-pencil"></i></a> |
|
266 </td> |
|
267 <td> |
|
268 <a data-title="{{title}}" data-chapter-id="{{id}}" href="#row-list-chapter-{{id}}" class="btn btn-delete-chapter"><i class="icon-trash delete-annotation"></i></a> |
|
269 </td> |
|
270 </tr> |
|
271 </table> |
|
272 </td> |
|
273 </tr> |
|
274 </script> |
|
275 |
|
276 <script id="tpl-chapter-edit" type="text/html"> |
|
277 <form data-chapter-id="{{id}}" id="form-chapter-edit-{{id}}" action="#" class="form-chapter-edit" style="background-color:{{color}}"> |
|
278 <h4><i class="icon-flag"></i> <i class="icon-pencil"></i> Modifier le chapitre</h4> |
|
279 <div class="row"> |
|
280 <div class="span3 text-right"> |
|
281 <input name="title" type="text" value="{{title}}"> |
|
282 <input name="keywords" type="text" class="tag-it" data-type="chapter" value="{{keywords}}"> |
|
283 </div> |
|
284 <div class="span3"> |
|
285 <table class="table text-right"> |
|
286 <thead> |
|
287 <tr> |
|
288 <th class="span1 ">Début</th> |
|
289 <th class="span1">Durée</th> |
|
290 <th class="span1">Fin</th> |
|
291 </tr> |
|
292 </thead> |
|
293 <tbody> |
|
294 <tr> |
|
295 <td class="span1"><span {{#beginTangle}}class="time-tangle tangle-start begin" data-milliseconds="{{begin.milliseconds}}"{{/beginTangle}}>{{begin}}</span></td> |
|
296 <td class="span1"><span>{{getDuration}}</span></td> |
|
297 <td class="span1"><span {{#endTangle}}class="time-tangle tangle-end end" data-milliseconds="{{end.milliseconds}}"{{/endTangle}}>{{end}}</span></td> |
|
298 </tr> |
|
299 </tbody> |
|
300 </table> |
|
301 </div> |
|
302 </div> |
|
303 <div class="row"> |
|
304 <div class="span6 text-center"> |
|
305 <textarea class="" name="description" id="">{{description}}</textarea> |
|
306 </div> |
|
307 </div> |
|
308 </form> |
|
309 </script> |
|