Chargement des vignettes après coup pour les tables lumineuses.
[Portfolio.git] / skins / photo_view.pt
1 <html xmlns="http://www.w3.org/1999/xhtml"
2 xmlns:tal="http://xml.zope.org/namespaces/tal"
3 xmlns:metal="http://xml.zope.org/namespaces/metal"
4 xmlns:portfolio="http://xml.plinn.org/namespaces/portoflio"
5 metal:use-macro="here/main_template/macros/master"
6 >
7
8 <head>
9 <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
10 <metal:block metal:fill-slot="javascript_head_slot">
11 <script type="text/javascript" tal:attributes="src string:${portal_url}/cart_widgets.js"></script>
12 <script type="text/javascript" tal:attributes="src string:${portal_url}/photo_film_viewer.js"></script>
13 <script type="text/javascript" tal:attributes="src string:${portal_url}/DHTMLapi.js"></script>
14 <script type="text/javascript" tal:attributes="src string:${portal_url}/navigateur.js"></script>
15 <script type="text/javascript" tal:attributes="src string:${portal_url}/mosaique.js"></script>
16 <script type="text/javascript" tal:attributes="src string:${portal_url}/swfobject.js"></script>
17 </metal:block>
18 <title>photo_view</title>
19 </head>
20
21 <body i18n:domain="portfolio">
22 <div metal:fill-slot="main_no_tabs" tal:omit-tag=""
23 tal:define="contextInfos options/contextInfos|here/getPhotoContextInfos;
24 index contextInfos/index;
25 translate nocall:modules/Products/Portfolio/utils/translate;
26 _ python:lambda msg : translate(msg, here)">
27 <div id="photo_viewer">
28 <table cellspacing="0" class="photo_viewer">
29 <tr>
30 <td id="medium_image" tal:attributes="class python:contextInfos['isSelected'] and 'selected' or None">
31 <div tal:condition="not:here/size" i18n:translate="">Empty image: upload an image file in "Edit" tab.</div>
32 <div tal:condition="here/size" tal:omit-tag="">
33 <img src="corse_071.jpg" border="0"
34 tal:define="dummy python:here.getOrSetSessionVar(key='preferedImageSize', value=(600, 600));
35 size python:here.getResizedImageSize(request);
36 width python:size[0];
37 height python:size[1];"
38 tal:attributes="src string:${here/absolute_url}/getResizedImage?size=600;
39 alt here/Title;
40 width width;
41 height height"/>
42 </div>
43 </td>
44 <td class="metadata_bar">
45 <div id="image_toolbar" class="image_toolbar">
46 <a title="Previous" rel="prev"
47 tal:attributes="href contextInfos/previous"
48 i18n:attributes="title">
49 <img tal:attributes="src string:${portal_url}/prev_img_btn.gif" width="23" height="27" alt="Previous" i18n:attributes="alt"
50 name="previous" />
51 </a>
52 <a title="Next" rel="next"
53 tal:attributes="href contextInfos/next"
54 i18n:attributes="title">
55 <img tal:attributes="src string:${portal_url}/next_img_btn.gif" width="23" height="27" alt="Next" i18n:attributes="alt"
56 name="next" />
57 </a>
58 <img tal:attributes="src string:${portal_url}/slide_show_btn.gif" width="33" height="27" alt="slide show" i18n:attributes="alt"
59 id="slide_show"/>
60 <script type="text/javascript" tal:content="python:'''
61 (function(){
62 var params = {'allowFullScreen' : true
63 ,'allowScriptAccess' : 'always'};
64 swfobject.embedSWF('%s/slide_show.swf', 'slide_show', '33', '27', '9.0.0', undefined, undefined, params);
65 })();
66 ''' % portal_url">
67 </script>
68 <img tal:attributes="src string:${portal_url}/imgtoolbar_sep.gif" style="padding:0" width="2" height="27" alt="|" />
69 <a title="Back to portfolio..." rel="index"
70 tal:attributes="href contextInfos/backUrl"
71 i18n:attributes="title" tal:on-error="string:">
72 <img tal:attributes="src string:${portal_url}/lightbox_btn.gif" width="31" height="27" alt="Back to portfolio..." i18n:attributes="alt"
73 name="back_to_portfolio" />
74 </a>
75 <a title="Full screen (f)" i18n:attributes="title"
76 tal:attributes="href string:${here/absolute_url}/zoom_view">
77 <img tal:attributes="src string:${portal_url}/full_screen_btn.gif" width="31" height="27" alt="Full screen (f)" i18n:attributes="alt"
78 name="full_screen"/>
79 </a>
80 <img tal:attributes="src string:${portal_url}/imgtoolbar_sep.gif" style="padding:0" width="2" height="27" alt="|" />
81 <a tal:define="selected contextInfos/isSelected;
82 msg python:selected and 'Retirer de la sélection' or 'Ajouter à la sélection';
83 action python:selected and 'remove_to_selection' or 'add_to_selection';
84 imgSrc python:'%s/%s' % (portal_url, selected and 'unselect_flag_btn.gif' or 'select_flag_btn.gif');"
85 tal:attributes="href python:'%s/%s' % (here.absolute_url(), action); title msg">
86 <img tal:attributes="src imgSrc; alt msg" width="31" height="27"
87 name="toggle_selection"/>
88 </a>
89 <div style="display:inline;position:relative">
90 <div id="cart_slide"></div>
91 <a tal:attributes="href python:'%s/get_slide_buyable_items' % here.absolute_url();
92 class python:(contextInfos.get('buyable') and [None] or['hidden'])[0]"
93 title="Add to cart" i18n:attributes="title">
94 <img width="31" height="27" alt="Add to cart" name="show_buyable"
95 tal:attributes="src string:$portal_url/cart_btn.gif" i18n:attributes="alt"/>
96 </a>
97 </div>
98 <img tal:attributes="src string:${portal_url}/imgtoolbar_sep.gif" style="padding:0" width="2" height="27" alt="|" />
99 <a title="Edit metadata"
100 tal:define="ModifyPortalContent python:modules['Products.CMFCore'].permissions.ModifyPortalContent"
101 tal:condition="python:mtool.checkPermission(ModifyPortalContent, here)"
102 tal:attributes="href string:${here/absolute_url}/photo_edit_form"
103 i18n:attributes="title">
104 <img tal:attributes="src string:${portal_url}/edit_metadata_btn.gif" width="31" height="27" alt="Edit metadata" i18n:attributes="alt"
105 name="edit_metadata"/>
106 </a>
107 </div>
108 <div id="image_metadata" class="image_metadata">
109 <div metal:define-macro="image_metadata" tal:omit-tag="">
110 <span tal:define="title here/Title" tal:condition="title" tal:omit-tag="">
111 <span class="photographer" tal:define="creator here/Creator" tal:content="python:'%s :' % creator" tal:condition="creator">Benoît PIN</span>
112 <span class="title_summary" tal:content="title"></span>
113 </span>
114 <div tal:condition="here/showDateTimeOriginal|nothing"
115 tal:content="python:here.DateTimeOriginal().strftime(_('%m/%d/%Y %H:%M:%S'))"></div>
116 <div class="description" tal:content="here/Description"></div>
117 <div tal:define="keywords here/Subject" tal:condition="keywords">
118 <h4 i18n:translate="">Keywords</h4>
119 <ul class="keywords"
120 tal:define="mq nocall:modules/ZTUtils/make_query;
121 kwurl python:lambda k: '%s/search?%s' % (portal_url, mq(Subject=k, portal_type=['Photo']))">
122 <li tal:repeat="k keywords"><a tal:content="k" tal:attributes="href python:kwurl(k)">bla</a></li>
123 </ul>
124 </div>
125 <div><span i18n:translate="" tal:omit-tag="">reference:</span> <span tal:replace="context/getId">bidule.jpg</span></div>
126 <div tal:define="rights here/Rights"
127 tal:condition="rights"
128 tal:content="python:rights.startswith('©') and rights or '© %s' % rights"></div>
129 <div tal:define="ViewRawImage python:modules['Products.Portfolio.permissions'].ViewRawImage"
130 tal:condition="python:mtool.checkPermission(ViewRawImage, here)" style="font-weight:bold; margin-top:1em">
131 <a tal:attributes="href string:${here/absolute_url}/photo_download" i18n:translate="">download picture</a>
132 </div>
133 </div>
134 </div>
135 </td>
136 </tr>
137 </table>
138 </div>
139
140 <!-- film bar -->
141 <div metal:use-macro="here/photo_layout_macros/macros/film_bar">
142 film bar
143 </div>
144
145 </div>
146
147
148
149 <div metal:fill-slot="footer" tal:omit-tag="">
150 <div metal:use-macro="here/viewThreadsAtBottom/macros/threadsDisplay" />
151 </div>
152 </body>
153
154 </html>