--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/src/pyams_content/component/gallery/zmi/templates/gallery-medias.pt Wed Feb 07 11:21:14 2018 +0100
@@ -0,0 +1,90 @@
+<div class="form-group" i18n:domain="pyams_content"
+ data-ams-plugins="pyams_content"
+ tal:attributes="data-ams-plugin-pyams_content-src extension:resource_path('pyams_content.skin:pyams_content');
+ id string:gallery_medias_${context.__name__};"
+ data-ams-plugin-pyams_content-async="false">
+ <fieldset class="margin-top-10 padding-top-5 padding-bottom-0">
+ <legend
+ class="inner switcher margin-bottom-5 padding-right-10 no-y-padding pull-left width-auto"
+ tal:attributes="data-ams-switcher-state 'open' if context.values() else None">
+ <i18n:var translate="">Gallery medias</i18n:var>
+ </legend>
+ <div class="btn-group pull-right">
+ <a class="btn btn-xs btn-primary"
+ tal:attributes="href extension:absolute_url(context, 'get-medias.zip')"
+ i18n:translate="">Download medias</a>
+ </div>
+ <div class="pull-left persistent">
+ <tal:var content="structure provider:pyams.widget_title" />
+ </div>
+ <div class="clearfix"></div>
+ <div class="sortable fancybox gallery"
+ tal:attributes="data-ams-location extension:absolute_url(context);
+ class '{0} fancybox gallery'.format('sortable' if request.has_permission(view.permission) else '');"
+ data-ams-sortable-stop="PyAMS_content.galleries.setOrder"
+ data-ams-sortable-helper="clone"
+ data-ams-fancybox-type="image"
+ data-ams-fancybox-loop="false"
+ data-ams-fancybox-elements="a.fancyimg"
+ data-ams-fancybox-after-load="PyAMS_content.galleries.afterFancyboxLoad">
+ <div tal:repeat="media context.values()"
+ class="media margin-5 margin-bottom-10 radius-4 padding-5 pull-left text-center"
+ style="position: relative;"
+ tal:attributes="data-ams-element-name media.__name__">
+ <tal:var define="thumbnails extension:thumbnails(media.data);">
+ <tal:if condition="thumbnails">
+ <tal:if condition="media.data.content_type.startswith('image/')">
+ <a class="fancyimg hint" data-toggle
+ data-ams-hint-gravity="sw"
+ title="Zoom image" i18n:attributes="title"
+ tal:define="target thumbnails.get_thumbnail('800x600')"
+ tal:attributes="class 'fancyimg hint {0}'.format('not-visible' if not media.visible else '');
+ href extension:absolute_url(target);
+ rel string:gallery_${context.__name__};">
+ <img class="thumbnail"
+ data-ams-hint-gravity="s"
+ tal:define="thumbnail thumbnails.get_thumbnail('128x128');
+ image_size thumbnail.get_image_size();
+ margin_left 64 - image_size[0] / 2;
+ margin_top 64 - image_size[1] / 2;
+ title i18n:media.title;"
+ tal:attributes="src extension:absolute_url(thumbnail);
+ id 'media_{0}_{1}'.format(context.__name__, media.__name__);
+ original-title title or '--';
+ style string:margin-left: ${margin_left}px;; margin-right: ${margin_left}px;; margin-top: ${margin_top}px;; margin-bottom: ${margin_top}px;;" />
+ </a>
+ </tal:if>
+ <tal:if condition="not:media.data.content_type.startswith('image/')">
+ <a tal:define="thumbnail thumbnails.get_thumbnail('128x128');
+ target view.get_thumbnail_target(media.data);
+ image_size thumbnail.get_image_size();
+ margin_left 64 - image_size[0] / 2;
+ margin_top 64 - image_size[1] / 2;
+ title i18n:media.title;"
+ tal:omit-tag="not:target"
+ tal:attributes="href target" data-toggle="modal">
+ <img class="thumbnail no-border"
+ data-ams-hint-gravity="s"
+ tal:attributes="src extension:absolute_url(thumbnail);
+ id 'media_{0}_{1}'.format(context.__name__, media.__name__);
+ original-title title or '--';
+ style string:margin-left: ${margin_left}px;; margin-right: ${margin_left}px;; margin-top: ${margin_top}px;; margin-bottom: ${margin_top}px;;" />
+ </a>
+ </tal:if>
+ </tal:if>
+ <tal:if condition="not:thumbnails">
+ <img class="thumbnail hint" src="/--static--/pyams_skin/img/mimetypes/unknown.png"
+ tal:attributes="title i18n:media.title"
+ style="padding: 48px;" />
+ </tal:if>
+ </tal:var>
+ <div class="btn-group margin-top-10"
+ tal:define="actions extension:context_actions(media);">
+ <tal:loop repeat="viewlet actions.viewlets"
+ content="structure viewlet.render()" />
+ </div>
+ <span class="clearfix"></span>
+ </div>
+ </div>
+ </fieldset>
+</div>