--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/pyams_content/features/preview/zmi/templates/preview.pt	Fri Mar 16 08:17:54 2018 +0100
@@ -0,0 +1,58 @@
+<div class="modal-dialog modal-medium"
+	 style="height: calc(100% - 50px);"
+	 tal:attributes="class string:modal-dialog ${view.dialog_class}">
+	<div class="modal-content">
+		<div class="modal-header"
+			 tal:define="header provider:form_header">
+			<tal:if condition="header">
+				<tal:var replace="structure header" />
+			</tal:if>
+			<tal:if condition="not:header">
+				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"
+						tal:condition="view.is_dialog">
+					<i class="fa fa-fw fa-times-circle"></i>
+				</button>
+				<h3 class="modal-title"
+					tal:define="config extension:configuration;">
+					<span class="title" tal:content="view.title | context.title | config.title">Title</span>
+				</h3>
+				<tal:var replace="structure provider:form_toolbar" />
+			</tal:if>
+		</div>
+		<div class="modal-body no-padding">
+			<tal:var define="langs view.languages" i18n:domain="pyams_content">
+				<tal:if condition="len(langs) == 1">
+					<div class="margin-top-10">
+						<iframe src="preview.html" frameborder="0" style="width: 100%;"
+								tal:attributes="src string:preview.html?lang=${langs[0]}"
+								onload="this.style.height = (jQuery(parent.window).height() - 150) + 'px'"></iframe>
+					</div>
+				</tal:if>
+				<tal:if condition="len(langs) > 1">
+					<ul class="nav nav-tabs margin-top-10">
+						<tal:loop repeat="lang langs">
+							<li tal:define="active python:'active' if repeat['lang'].start() else ''"
+								tal:attributes="class string:small ${active}">
+								<a data-toggle="tab" class="xsmall"
+								   tal:attributes="href string:#preview-${lang}">
+									<img tal:attributes="src string:/--static--/pyams_i18n/img/flags/${lang}.png" />
+								</a>
+							</li>
+						</tal:loop>
+					</ul>
+					<div class="tab-content i18n-content bordered nohover">
+						<tal:loop repeat="lang langs">
+							<div tal:define="active python:'active' if repeat['lang'].start() else ''"
+								 tal:attributes="class string:clearfix tab-pane ${active} fade in padding-5;
+												 id string:preview-${lang};">
+								<iframe src="preview.html" frameborder="0" style="width: 100%;"
+										tal:attributes="src string:preview.html?lang=${lang}"
+										onload="this.style.height = (jQuery(parent.window).height() - 150) + 'px'"></iframe>
+							</div>
+						</tal:loop>
+					</div>
+				</tal:if>
+			</tal:var>
+		</div>
+	</div>
+</div>