|
1 <div class="modal-dialog modal-medium" |
|
2 style="height: calc(100% - 50px);" |
|
3 tal:attributes="class string:modal-dialog ${view.dialog_class}"> |
|
4 <div class="modal-content"> |
|
5 <div class="modal-header" |
|
6 tal:define="header provider:form_header"> |
|
7 <tal:if condition="header"> |
|
8 <tal:var replace="structure header" /> |
|
9 </tal:if> |
|
10 <tal:if condition="not:header"> |
|
11 <button type="button" class="close" data-dismiss="modal" aria-hidden="true" |
|
12 tal:condition="view.is_dialog"> |
|
13 <i class="fa fa-fw fa-times-circle"></i> |
|
14 </button> |
|
15 <h3 class="modal-title" |
|
16 tal:define="config extension:configuration;"> |
|
17 <span class="title" tal:content="view.title | context.title | config.title">Title</span> |
|
18 </h3> |
|
19 <tal:var replace="structure provider:form_toolbar" /> |
|
20 </tal:if> |
|
21 </div> |
|
22 <div class="modal-body no-padding"> |
|
23 <tal:var define="langs view.languages" i18n:domain="pyams_content"> |
|
24 <tal:if condition="len(langs) == 1"> |
|
25 <div class="margin-top-10"> |
|
26 <iframe src="preview.html" frameborder="0" style="width: 100%;" |
|
27 tal:attributes="src string:preview.html?lang=${langs[0]}" |
|
28 onload="this.style.height = (jQuery(parent.window).height() - 150) + 'px'"></iframe> |
|
29 </div> |
|
30 </tal:if> |
|
31 <tal:if condition="len(langs) > 1"> |
|
32 <ul class="nav nav-tabs margin-top-10"> |
|
33 <tal:loop repeat="lang langs"> |
|
34 <li tal:define="active python:'active' if repeat['lang'].start() else ''" |
|
35 tal:attributes="class string:small ${active}"> |
|
36 <a data-toggle="tab" class="xsmall" |
|
37 tal:attributes="href string:#preview-${lang}"> |
|
38 <img tal:attributes="src string:/--static--/pyams_i18n/img/flags/${lang}.png" /> |
|
39 </a> |
|
40 </li> |
|
41 </tal:loop> |
|
42 </ul> |
|
43 <div class="tab-content i18n-content bordered nohover"> |
|
44 <tal:loop repeat="lang langs"> |
|
45 <div tal:define="active python:'active' if repeat['lang'].start() else ''" |
|
46 tal:attributes="class string:clearfix tab-pane ${active} fade in padding-5; |
|
47 id string:preview-${lang};"> |
|
48 <iframe src="preview.html" frameborder="0" style="width: 100%;" |
|
49 tal:attributes="src string:preview.html?lang=${lang}" |
|
50 onload="this.style.height = (jQuery(parent.window).height() - 150) + 'px'"></iframe> |
|
51 </div> |
|
52 </tal:loop> |
|
53 </div> |
|
54 </tal:if> |
|
55 </tal:var> |
|
56 </div> |
|
57 </div> |
|
58 </div> |