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

Revision 467, 6.6 KB checked in by vahur, 13 years ago (diff)

closes #515 spent 20m
added slide numbers

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