source: trunk/skins/lemill/widget_imageselector.pt @ 459

Revision 459, 6.7 KB checked in by vahur, 13 years ago (diff)

closes #463 spent 2h

Line 
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:i18n="http://xml.zope.org/namespaces/i18n"
5      i18n:domain="plone">
6
7<head>
8    <title></title>
9</head>
10
11<body>
12
13    <!-- Selection Widgets -->
14
15    <!-- view macro... do something useful here! -->
16    <metal:view_macro define-macro="view">
17        <tal:checkTemplate condition="python:context.getTemplateId() == 'presentation'">
18            <tal:def define="value accessor">
19            <tal:slides repeat="slide value">
20                <div class="presentation-edit-box">
21                    <img src="" alt="" title=""
22                    tal:attributes="src string:${slide/getId}/image_large" />
23                </div>
24                <div tal:content="slide/getDescription"></div>
25                <div class="visualClear" style="height:40px">&nbsp;</div>
26            </tal:slides>
27            </tal:def>
28        </tal:checkTemplate>
29    </metal:view_macro>
30    <!--
31                      tal:define="vocab python:field.Vocabulary(here);
32                                  value python:accessor();
33                                  display python:here.displayValue(vocab, value)"
34                                  tal:replace="display" />
35                                  -->
36
37    <metal:define define-macro="edit">
38    <tal:checkTemplate condition="python:context.getTemplateId() == 'presentation'">
39        <metal:use use-macro="field_macro | here/widgets/field/macros/edit">
40            <metal:fill fill-slot="widget_body">
41            <table style="width:100%"
42                tal:define="slide_refs python:test(context.getRefsToSlides(), context.getRefsToSlides(), [0,0,0,0,0,0,0,0,0])">
43                <tr>
44                    <td style="width:550px">
45            <tal:repeat repeat="n python:range(0,len(slide_refs))">
46            <div class="one-presentation-slide" id="one-presentation-slide-n"
47                tal:attributes="id string:one-presentation-slide-$n"
48                tal:define="slide python:slide_refs[n];
49                            slide_id slide/getId | python:0;
50                            slide_uid slide/UID | python:0;
51                            slide_desc slide/getDescription | string:">
52                <div class="presentation-edit-box" id="presentation-edit-box"
53                    tal:attributes="id string:presentation-edit-box-$n;
54                    style python:test(slide_id!=0, 'background-image:url(\''+str(slide_id)+'/image_large\')', '')">
55                    <div style="height:80px" class="visualClear">&nbsp;</div>
56
57                    <div id="presentation-controls-n"
58                        tal:attributes="id string:presentation-controls-$n;
59                                        style python:test(slide_id!=0, 'display:none', '')">
60                    <div>
61                        <div id="pres-text" i18n:translate="">Upload an image...</div>
62                        <div style="height:5px" class="visualClear">&nbsp;</div>
63                        <br />
64                        <input type="hidden"
65                               value="0"
66                               name="presentation-piece-n"
67                               id="presentation-piece-n"
68                               tal:attributes="id string:presentation-piece-$n;
69                                               name string:presentation-piece-$n;
70                                               value slide_uid | python:0"
71                        />
72                        <input id="presentation-file"
73                               type="file"
74                               value=""
75                               name="file_box"
76                               tal:attributes="id string:presentation-file-$n;
77                                               name string:presentation-file-$n"
78                        />
79                        <input id="presentation-uploadbutton"
80                               type="submit"
81                               name="form.button.uploadSlide"
82                               value="Upload Image"
83                               tal:attributes="id string:presentation-uploadbutton-$n" />
84                    </div>
85                    <div style="height:50px" class="visualClear">&nbsp;</div>
86                    <div>
87                        <div id="pres-text" i18n:translate="">... or search from pieces: </div>
88                        <div style="height:5px" class="visualClear">&nbsp;</div>
89                        <br />
90                        <input id="presentation-search"
91                               type="text"
92                               value=""
93                               id="search_box"
94                               tal:attributes="id string:presentation-search-$n" />
95                        <input id="presentation-searchbutton"
96                               type="button"
97                               value="Search"
98                               name="searchButton"
99                               onclick="javascript:search_for_pieces()"
100                               tal:attributes="id string:presentation-searchbutton-$n;
101                                               onclick string:javascript:search_for_pieces(event, $n)"
102                        />
103                    </div>
104                    </div>
105
106                </div>
107                <div id="presentation-caption-div">
108                    <span tal:omit-tag="" i18n:translate="">Caption for slide:</span>
109                    <div class="visualClear" style="height:1px"></div>
110                    <textarea name="presentation-caption-n" id="presentation-caption-n"
111                        tal:attributes="id string:presentation-caption-$n;
112                                        name string:presentation-caption-$n"
113                        tal:content="slide_desc"></textarea>
114                </div>
115                <div class="visualClear">&nbsp;</div>
116                <div class="visualClear">&nbsp;</div>
117            </div>
118            </tal:repeat>
119            <div id="insertHere"></div>
120        </td>
121        <td style="width:200px">
122            <div id="presentation-search-results">
123                <b i18n:translate="">Search results</b>
124                <div id="presentation-search-results-body">
125                    search results here!
126                </div>
127            </div>
128        </td>
129        </tr>
130            </table>
131            </metal:fill>
132            </metal:use>
133    </tal:checkTemplate>
134    </metal:define>
135   
136    <metal:define define-macro="show_small_images">
137    </metal:define>
138
139    <div metal:define-macro="search">
140        <div metal:use-macro="here/imageselection/macros/edit" />
141    </div>
142
143</body>
144
145</html>
Note: See TracBrowser for help on using the repository browser.