|
1 <div class="media margin-5 margin-bottom-10 radius-4 padding-5 pull-left text-center" |
|
2 style="position: relative;" |
|
3 tal:attributes="data-ams-element-name media.__name__"> |
|
4 <tal:var define="thumbnails tales:thumbnails(media.data);"> |
|
5 <tal:if condition="thumbnails"> |
|
6 <tal:if condition="media.data.content_type.startswith('image/')"> |
|
7 <a class="fancyimg hint" data-toggle |
|
8 data-ams-hint-gravity="sw" |
|
9 title="Zoom image" i18n:attributes="title" |
|
10 tal:define="target thumbnails.get_thumbnail('800x600')" |
|
11 tal:attributes="class 'fancyimg hint {0}'.format('not-visible' if not media.visible else ''); |
|
12 href tales:absolute_url(target); |
|
13 rel string:gallery_${context.__name__};"> |
|
14 <img class="thumbnail" |
|
15 data-ams-hint-gravity="s" |
|
16 tal:define="thumbnail thumbnails.get_thumbnail('128x128'); |
|
17 image_size thumbnail.get_image_size(); |
|
18 margin_left 64 - image_size[0] / 2; |
|
19 margin_top 64 - image_size[1] / 2; |
|
20 title i18n:media.title; |
|
21 src tales:absolute_url(thumbnail);" |
|
22 tal:attributes="src string:${src}?_=${tales:timestamp(thumbnail)}; |
|
23 id 'media_{0}_{1}'.format(context.__name__, media.__name__); |
|
24 original-title title or '--'; |
|
25 style string:margin-left: ${margin_left}px;; margin-right: ${margin_left}px;; margin-top: ${margin_top}px;; margin-bottom: ${margin_top}px;;" /> |
|
26 </a> |
|
27 </tal:if> |
|
28 <tal:if condition="not:media.data.content_type.startswith('image/')"> |
|
29 <a tal:define="thumbnail thumbnails.get_thumbnail('128x128'); |
|
30 target view.get_thumbnail_target(media.data); |
|
31 image_size thumbnail.get_image_size(); |
|
32 margin_left 64 - image_size[0] / 2; |
|
33 margin_top 64 - image_size[1] / 2; |
|
34 title i18n:media.title;" |
|
35 tal:omit-tag="not:target" |
|
36 tal:attributes="href target" data-toggle="modal"> |
|
37 <img class="thumbnail no-border" |
|
38 data-ams-hint-gravity="s" |
|
39 tal:attributes="src tales:absolute_url(thumbnail); |
|
40 id 'media_{0}_{1}'.format(context.__name__, media.__name__); |
|
41 original-title title or '--'; |
|
42 style string:margin-left: ${margin_left}px;; margin-right: ${margin_left}px;; margin-top: ${margin_top}px;; margin-bottom: ${margin_top}px;;" /> |
|
43 </a> |
|
44 </tal:if> |
|
45 </tal:if> |
|
46 <tal:if condition="not:thumbnails"> |
|
47 <img class="thumbnail hint" src="/--static--/pyams_skin/img/mimetypes/unknown.png" |
|
48 tal:attributes="title i18n:media.title" |
|
49 style="padding: 48px;" /> |
|
50 </tal:if> |
|
51 </tal:var> |
|
52 <div class="btn-group margin-top-10" |
|
53 tal:define="actions tales:context_actions(media);"> |
|
54 <tal:loop repeat="viewlet actions.viewlets" |
|
55 content="structure viewlet.render()" /> |
|
56 </div> |
|
57 <span class="clearfix"></span> |
|
58 </div> |