7 <legend |
7 <legend |
8 class="inner switcher margin-bottom-5 padding-right-10 no-y-padding pull-left width-auto" |
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"> |
9 tal:attributes="data-ams-switcher-state 'open' if context.values() else None"> |
10 <i18n:var translate="">Gallery images</i18n:var> |
10 <i18n:var translate="">Gallery images</i18n:var> |
11 </legend> |
11 </legend> |
12 <div class="pull-left"> |
12 <div class="pull-left persistent"> |
13 <tal:var content="structure provider:pyams.widget_title" /> |
13 <tal:var content="structure provider:pyams.widget_title" /> |
14 </div> |
14 </div> |
15 <div class="clearfix"></div> |
15 <div class="clearfix"></div> |
16 <div class="sortable gallery" |
16 <div class="sortable fancybox gallery" |
17 tal:attributes="data-ams-location extension:absolute_url(context); |
17 tal:attributes="data-ams-location extension:absolute_url(context); |
18 class '{0} gallery'.format('sortable' if request.has_permission(view.permission) else '');" |
18 class '{0} fancybox gallery'.format('sortable' if request.has_permission(view.permission) else '');" |
19 data-ams-sortable-stop="PyAMS_content.galleries.setOrder" |
19 data-ams-sortable-stop="PyAMS_content.galleries.setOrder" |
20 data-ams-sortable-helper="clone"> |
20 data-ams-sortable-helper="clone" |
|
21 data-ams-fancybox-type="image" |
|
22 data-ams-fancybox-loop="false" |
|
23 data-ams-fancybox-elements="a.fancyimg" |
|
24 data-ams-fancybox-after-load="PyAMS_content.galleries.afterFancyboxLoad"> |
21 <div tal:repeat="image context.values()" |
25 <div tal:repeat="image context.values()" |
22 class="image margin-5 margin-bottom-10 radius-4 padding-5 pull-left text-center" |
26 class="image margin-5 margin-bottom-10 radius-4 padding-5 pull-left text-center" |
23 style="position: relative;" |
27 style="position: relative;" |
24 tal:attributes="data-ams-element-name image.__name__"> |
28 tal:attributes="data-ams-element-name image.__name__"> |
25 <tal:var define="thumbnails extension:thumbnails(image.data);"> |
29 <tal:var define="thumbnails extension:thumbnails(image.data);"> |
26 <tal:if condition="thumbnails"> |
30 <tal:if condition="thumbnails"> |
27 <a class="fancybox" data-toggle |
31 <a class="fancyimg hint" data-toggle |
28 data-ams-fancybox-type="image" |
32 data-ams-hint-gravity="sw" |
|
33 title="Zoom image" i18n:attributes="title" |
29 tal:define="target thumbnails.get_thumbnail('800x600', 'jpeg')" |
34 tal:define="target thumbnails.get_thumbnail('800x600', 'jpeg')" |
30 tal:attributes="href extension:absolute_url(target);"> |
35 tal:attributes="class 'fancyimg hint {0}'.format('not-visible' if not image.visible else ''); |
31 <img class="thumbnail hint" |
36 href extension:absolute_url(target); |
|
37 rel string:gallery_${context.__name__};"> |
|
38 <img class="thumbnail" |
32 data-ams-hint-gravity="s" |
39 data-ams-hint-gravity="s" |
33 tal:define="thumbnail thumbnails.get_thumbnail('128x128', 'jpeg'); |
40 tal:define="thumbnail thumbnails.get_thumbnail('128x128', 'jpeg'); |
34 image_size thumbnail.get_image_size(); |
41 image_size thumbnail.get_image_size(); |
35 margin_left 64 - image_size[0] / 2; |
42 margin_left 64 - image_size[0] / 2; |
36 margin_top 64 - image_size[1] / 2;" |
43 margin_top 64 - image_size[1] / 2; |
|
44 title i18n:image.title;" |
37 tal:attributes="src extension:absolute_url(thumbnail); |
45 tal:attributes="src extension:absolute_url(thumbnail); |
38 title i18n:image.title; |
46 id 'image_{0}_{1}'.format(context.__name__, image.__name__); |
|
47 original-title title or '--'; |
39 style string:margin-left: ${margin_left}px;; margin-right: ${margin_left}px;; margin-top: ${margin_top}px;; margin-bottom: ${margin_top}px;;" /> |
48 style string:margin-left: ${margin_left}px;; margin-right: ${margin_left}px;; margin-top: ${margin_top}px;; margin-bottom: ${margin_top}px;;" /> |
40 </a> |
49 </a> |
41 </tal:if> |
50 </tal:if> |
42 <tal:if condition="not:thumbnails"> |
51 <tal:if condition="not:thumbnails"> |
43 <img class="thumbnail hint" src="/--static--/pyams_skin/img/mimetypes/unknown.png" |
52 <img class="thumbnail hint" src="/--static--/pyams_skin/img/mimetypes/unknown.png" |