1 <div class="form-group" i18n:domain="pyams_content" |
|
2 data-ams-plugins="pyams_content" |
|
3 tal:attributes="data-ams-plugin-pyams_content-src extension:resource_path('pyams_content.skin:pyams_content'); |
|
4 id string:gallery_images_${context.__name__};" |
|
5 data-ams-plugin-pyams_content-async="false"> |
|
6 <fieldset class="margin-top-10 padding-top-5 padding-bottom-0"> |
|
7 <legend |
|
8 class="inner switcher margin-bottom-5 padding-right-10 no-y-padding pull-left width-auto" |
|
9 tal:attributes="data-ams-switcher-state 'open' if context.values() else None"> |
|
10 <i18n:var translate="">Gallery images</i18n:var> |
|
11 </legend> |
|
12 <div class="btn-group pull-right"> |
|
13 <a class="btn btn-xs btn-primary" |
|
14 tal:attributes="href extension:absolute_url(context, 'get-images.zip')" |
|
15 i18n:translate="">Download images</a> |
|
16 </div> |
|
17 <div class="pull-left persistent"> |
|
18 <tal:var content="structure provider:pyams.widget_title" /> |
|
19 </div> |
|
20 <div class="clearfix"></div> |
|
21 <div class="sortable fancybox gallery" |
|
22 tal:attributes="data-ams-location extension:absolute_url(context); |
|
23 class '{0} fancybox gallery'.format('sortable' if request.has_permission(view.permission) else '');" |
|
24 data-ams-sortable-stop="PyAMS_content.galleries.setOrder" |
|
25 data-ams-sortable-helper="clone" |
|
26 data-ams-fancybox-type="image" |
|
27 data-ams-fancybox-loop="false" |
|
28 data-ams-fancybox-elements="a.fancyimg" |
|
29 data-ams-fancybox-after-load="PyAMS_content.galleries.afterFancyboxLoad"> |
|
30 <div tal:repeat="image context.values()" |
|
31 class="image margin-5 margin-bottom-10 radius-4 padding-5 pull-left text-center" |
|
32 style="position: relative;" |
|
33 tal:attributes="data-ams-element-name image.__name__"> |
|
34 <tal:var define="thumbnails extension:thumbnails(image.data);"> |
|
35 <tal:if condition="thumbnails"> |
|
36 <tal:if condition="image.data.content_type.startswith('image/')"> |
|
37 <a class="fancyimg hint" data-toggle |
|
38 data-ams-hint-gravity="sw" |
|
39 title="Zoom image" i18n:attributes="title" |
|
40 tal:define="target thumbnails.get_thumbnail('800x600')" |
|
41 tal:attributes="class 'fancyimg hint {0}'.format('not-visible' if not image.visible else ''); |
|
42 href extension:absolute_url(target); |
|
43 rel string:gallery_${context.__name__};"> |
|
44 <img class="thumbnail" |
|
45 data-ams-hint-gravity="s" |
|
46 tal:define="thumbnail thumbnails.get_thumbnail('128x128'); |
|
47 image_size thumbnail.get_image_size(); |
|
48 margin_left 64 - image_size[0] / 2; |
|
49 margin_top 64 - image_size[1] / 2; |
|
50 title i18n:image.title;" |
|
51 tal:attributes="src extension:absolute_url(thumbnail); |
|
52 id 'image_{0}_{1}'.format(context.__name__, image.__name__); |
|
53 original-title title or '--'; |
|
54 style string:margin-left: ${margin_left}px;; margin-right: ${margin_left}px;; margin-top: ${margin_top}px;; margin-bottom: ${margin_top}px;;" /> |
|
55 </a> |
|
56 </tal:if> |
|
57 <tal:if condition="not:image.data.content_type.startswith('image/')"> |
|
58 <a tal:define="thumbnail thumbnails.get_thumbnail('128x128'); |
|
59 target view.get_thumbnail_target(image.data); |
|
60 image_size thumbnail.get_image_size(); |
|
61 margin_left 64 - image_size[0] / 2; |
|
62 margin_top 64 - image_size[1] / 2; |
|
63 title i18n:image.title;" |
|
64 tal:omit-tag="not:target" |
|
65 tal:attributes="href target" data-toggle="modal"> |
|
66 <img class="thumbnail no-border" |
|
67 data-ams-hint-gravity="s" |
|
68 tal:attributes="src extension:absolute_url(thumbnail); |
|
69 id 'media_{0}_{1}'.format(context.__name__, image.__name__); |
|
70 original-title title or '--'; |
|
71 style string:margin-left: ${margin_left}px;; margin-right: ${margin_left}px;; margin-top: ${margin_top}px;; margin-bottom: ${margin_top}px;;" /> |
|
72 </a> |
|
73 </tal:if> |
|
74 </tal:if> |
|
75 <tal:if condition="not:thumbnails"> |
|
76 <img class="thumbnail hint" src="/--static--/pyams_skin/img/mimetypes/unknown.png" |
|
77 tal:attributes="title i18n:image.title" |
|
78 style="padding: 48px;" /> |
|
79 </tal:if> |
|
80 </tal:var> |
|
81 <div class="btn-group margin-top-10" |
|
82 tal:define="actions extension:context_actions(image);"> |
|
83 <tal:loop repeat="viewlet actions.viewlets" |
|
84 content="structure viewlet.render()" /> |
|
85 </div> |
|
86 <span class="clearfix"></span> |
|
87 </div> |
|
88 </div> |
|
89 </fieldset> |
|
90 </div> |
|