src/pyams_content/component/gallery/zmi/templates/gallery-images.pt
changeset 0 7c0001cacf8e
child 74 57f97b550c57
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/pyams_content/component/gallery/zmi/templates/gallery-images.pt	Thu Oct 08 13:37:29 2015 +0200
@@ -0,0 +1,51 @@
+<div id="gallery-images" class="sortable gallery" i18n:domain="pyams_content"
+	 data-ams-plugins="pyams_content"
+	 data-ams-plugin-pyams_content-src="/--static--/pyams_content/js/pyams_content{MyAMS.devext}.js"
+	 data-ams-plugin-pyams_content-async="false"
+	 data-ams-sortable-stop="PyAMS_content.galleries.setOrder"
+	 tal:attributes="data-ams-location extension:absolute_url(context);
+					 class '{0} gallery'.format('sortable' if request.has_permission(view.permission) else '');">
+	<div tal:repeat="image context.values()"
+		 class="image margin-5 margin-bottom-10 radius-4 padding-5 pull-left text-center"
+		 style="position: relative;"
+		 tal:attributes="data-ams-element-name image.__name__">
+		<a class="fancybox" data-toggle
+		   data-ams-fancybox-type="image"
+		   tal:define="thumbnails extension:thumbnails(image);
+					   target thumbnails.get_thumbnail('800x600', 'jpeg');
+					   info view.get_info(image);"
+		   tal:attributes="href extension:absolute_url(target);">
+			<i class="fa fa-fw fa-eye-slash txt-color-red pull-right opaque hint"
+			   style="position: absolute; right: 8px; top: 8px;"
+			   title="Hidden image" i18n:attributes="title"
+			   tal:condition="not:info.visible"></i>
+			<img class="thumbnail hint"
+				 data-ams-hint-gravity="s"
+				 tal:define="thumbnail thumbnails.get_thumbnail('128x128', 'jpeg');
+							 image_size thumbnail.get_image_size();
+							 margin_left 64 - image_size[0] / 2;
+							 margin_top 64 - image_size[1] / 2;"
+				 tal:attributes="src extension:absolute_url(thumbnail);
+								 title info.get_title(request);
+								 style string:margin-left: ${margin_left}px;; margin-right: ${margin_left}px;; margin-top: ${margin_top}px;; margin-bottom: ${margin_top}px;;" />
+		</a>
+		<div class="btn-group dropup margin-top-10"
+			 tal:define="actions extension:context_actions(image);"
+			 tal:omit-tag="not:actions">
+			<a class="btn btn-xs btn-default" target="download_window"
+			   tal:attributes="href extension:absolute_url(image)" i18n:translate="">
+				Download
+			</a>
+			<tal:if condition="actions">
+				<button class="btn btn-xs btn-primary dropdown-toggle" data-toggle="dropdown">
+					<i class="fa fa-caret-up"></i>
+				</button>
+				<ul class="dropdown-menu">
+					<tal:loop repeat="viewlet actions.viewlets"
+							  content="structure viewlet.render()" />
+				</ul>
+			</tal:if>
+		</div>
+		<span class="clearfix"></span>
+	</div>
+</div>