src/pyams_content/shared/imagemap/zmi/templates/summary.pt
changeset 70 ba26f4023bc2
parent 69 8c5bbc396670
child 79 5726318eeb90
--- a/src/pyams_content/shared/imagemap/zmi/templates/summary.pt	Fri Jan 20 15:42:51 2017 +0100
+++ b/src/pyams_content/shared/imagemap/zmi/templates/summary.pt	Wed Jan 25 11:26:00 2017 +0100
@@ -1,12 +1,20 @@
-<div class="padding-y-10">
-	<img usemap="#imagemap_preview"
-		 tal:define="image i18n:context.image"
-		 tal:attributes="src extension:absolute_url(image);" />
-	<map name="imagemap_preview">
-		<area tal:repeat="area context.areas.values()"
-			  shape="poly"
-			  tal:attributes="coords area.area;
-					 		  href view.get_url(area.link);
-							  title i18n:area.title;" />
-	</map>
+<div class="inner no-padding" i18n:domain="pyams_content">
+	<fieldset>
+		<legend class="inner" i18n:translate="">Image areas preview</legend>
+		<div class="padding-y-5"
+			 data-ams-plugins="pyams_content"
+			 data-ams-plugin-pyams_content-src="/--static--/pyams_content/js/pyams_content{MyAMS.devext}.js">
+			<img usemap="#imagemap_preview"
+				 tal:define="image i18n:context.image"
+				 tal:attributes="src extension:absolute_url(image);"
+				 data-ams-callback="PyAMS_content.imgmap.initSummary" />
+			<map name="imagemap_preview">
+				<area tal:repeat="area context.areas.values()"
+					  shape="poly"
+					  tal:attributes="coords area.area;
+									  href view.get_url(area.link);
+									  title i18n:area.title;" />
+			</map>
+		</div>
+	</fieldset>
 </div>