31 class="image margin-5 margin-bottom-10 radius-4 padding-5 pull-left text-center" |
31 class="image margin-5 margin-bottom-10 radius-4 padding-5 pull-left text-center" |
32 style="position: relative;" |
32 style="position: relative;" |
33 tal:attributes="data-ams-element-name image.__name__"> |
33 tal:attributes="data-ams-element-name image.__name__"> |
34 <tal:var define="thumbnails extension:thumbnails(image.data);"> |
34 <tal:var define="thumbnails extension:thumbnails(image.data);"> |
35 <tal:if condition="thumbnails"> |
35 <tal:if condition="thumbnails"> |
36 <a class="fancyimg hint" data-toggle |
36 <tal:if condition="image.data.content_type.startswith('image/')"> |
37 data-ams-hint-gravity="sw" |
37 <a class="fancyimg hint" data-toggle |
38 title="Zoom image" i18n:attributes="title" |
38 data-ams-hint-gravity="sw" |
39 tal:define="target thumbnails.get_thumbnail('800x600')" |
39 title="Zoom image" i18n:attributes="title" |
40 tal:attributes="class 'fancyimg hint {0}'.format('not-visible' if not image.visible else ''); |
40 tal:define="target thumbnails.get_thumbnail('800x600')" |
41 href extension:absolute_url(target); |
41 tal:attributes="class 'fancyimg hint {0}'.format('not-visible' if not image.visible else ''); |
42 rel string:gallery_${context.__name__};"> |
42 href extension:absolute_url(target); |
43 <img class="thumbnail" |
43 rel string:gallery_${context.__name__};"> |
44 data-ams-hint-gravity="s" |
44 <img class="thumbnail" |
45 tal:define="thumbnail thumbnails.get_thumbnail('128x128'); |
45 data-ams-hint-gravity="s" |
46 image_size thumbnail.get_image_size(); |
46 tal:define="thumbnail thumbnails.get_thumbnail('128x128'); |
47 margin_left 64 - image_size[0] / 2; |
47 image_size thumbnail.get_image_size(); |
48 margin_top 64 - image_size[1] / 2; |
48 margin_left 64 - image_size[0] / 2; |
49 title i18n:image.title;" |
49 margin_top 64 - image_size[1] / 2; |
50 tal:attributes="src extension:absolute_url(thumbnail); |
50 title i18n:image.title;" |
51 id 'image_{0}_{1}'.format(context.__name__, image.__name__); |
51 tal:attributes="src extension:absolute_url(thumbnail); |
52 original-title title or '--'; |
52 id 'image_{0}_{1}'.format(context.__name__, image.__name__); |
53 style string:margin-left: ${margin_left}px;; margin-right: ${margin_left}px;; margin-top: ${margin_top}px;; margin-bottom: ${margin_top}px;;" /> |
53 original-title title or '--'; |
54 </a> |
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> |
55 </tal:if> |
74 </tal:if> |
56 <tal:if condition="not:thumbnails"> |
75 <tal:if condition="not:thumbnails"> |
57 <img class="thumbnail hint" src="/--static--/pyams_skin/img/mimetypes/unknown.png" |
76 <img class="thumbnail hint" src="/--static--/pyams_skin/img/mimetypes/unknown.png" |
58 tal:attributes="title i18n:image.title" |
77 tal:attributes="title i18n:image.title" |
59 style="padding: 48px;" /> |
78 style="padding: 48px;" /> |