root/branches/release-27/tmpl/cms/list_folder.tmpl @ 1246

Revision 1246, 15.5 kB (checked in by bsmith, 23 months ago)

button positioning inline on List Category and List Folder
  • Property svn:keywords set to Id Revision
Line 
1<mt:setvarblock name="page_title"><__trans phrase="Manage Folders"></mt:setvarblock>
2<mt:setvarblock name="html_head" append="1">
3<script type="text/javascript">
4<!--
5// build array of each folder's id and the header id
6var categoryRows = new Array('0'<mt:loop name="category_loop">,'<mt:var name="category_id">'</mt:loop>);
7
8function submitMoveMode() {
9    var f = getByID('folder-listing-form');
10    f['__mode'].value = 'save_cat';
11    f.submit();
12}
13function setCreateMode (id) {
14    DOM.addClassName(getByID('create-new-link'), 'hidden');
15    var f = getByID('folder-listing-form');
16    f['__mode'].value = 'save_cat';
17    if (getByID('msg-block')) {
18        getByID('msg-block').style.display = 'none'; // hide any messaging
19    }
20    if (document.all) {
21        if (getByID('create-' + id))
22            getByID('create-' + id).style.display = 'block'; // show subcategory creation row
23    } else {
24        if (getByID('create-' + id))
25            getByID('create-' + id).style.display = 'table-row';
26    }
27    // reset any fields that might be set from a previous failed attempt.
28    for (var i = 0; i < categoryRows.length; i++) {
29        getByID('category-new-parent-' + categoryRows[i]).value = '';
30        if (categoryRows[i] != id) {
31            el = getByID('create-' + categoryRows[i]);
32            if (el.style.display != 'none') el.style.display = 'none';
33        }
34    }
35    if (document.forms['folder-listing-form'].move_cat_id)
36    document.forms['folder-listing-form'].move_cat_id.value = '0';
37
38    getByID('category-new-parent-' + id).focus();
39
40    if (getByID('action-col-head'))
41        getByID('action-col-head').style.display = 'none'; // hide header of actions column
42    if (getByID('delete-col-head'))
43        getByID('delete-col-head').style.display = 'none'; // hide header of delete column
44    for (var i = 0; i < categoryRows.length; i++) {
45        if (getByID('action-' + categoryRows[i]))
46            getByID('action-' + categoryRows[i]).style.display = 'none'; // hide actions column for category rows
47        if (getByID('delete-' + categoryRows[i]))
48            getByID('delete-' + categoryRows[i]).style.display = 'none'; // hide delete column for category rows
49    }
50    if (getByID('footer-list-actions')) {
51        getByID('footer-list-actions').style.display = 'none';
52    }
53    return false;
54}
55
56function cancelCreateMode (id) {
57    DOM.removeClassName(getByID('create-new-link'), 'hidden');
58    getByID('create-' + id).style.display = 'none'; // hide subcategory creation row
59    if (document.all) {
60        if (getByID('action-col-head'))
61            getByID('action-col-head').style.display = 'block'; // show header of actions column
62        if (getByID('delete-col-head'))
63            getByID('delete-col-head').style.display = 'block'; // show header of delete column
64    } else {
65        if (getByID('action-col-head'))
66            getByID('action-col-head').style.display = 'table-cell';
67        if (getByID('delete-col-head'))
68            getByID('delete-col-head').style.display = 'table-cell';
69    }
70    for (var i = 0; i < categoryRows.length; i++) {
71        if (document.all) {
72            if (getByID('action-' + categoryRows[i]))
73                getByID('action-' + categoryRows[i]).style.display = 'block'; // show actions column for category rows
74            if (getByID('delete-' + categoryRows[i]))
75                getByID('delete-' + categoryRows[i]).style.display = 'block'; // show delete column for category rows
76        } else {
77            if (getByID('action-' + categoryRows[i]))
78                getByID('action-' + categoryRows[i]).style.display = 'table-cell';
79            if (getByID('delete-' + categoryRows[i]))
80                getByID('delete-' + categoryRows[i]).style.display = 'table-cell';
81        }
82    }
83    if (getByID('footer-list-actions')) {
84        getByID('footer-list-actions').style.display = 'block';
85    }
86}
87
88function setMoveMode (id) {
89    var f = getByID('folder-listing-form');
90    f['__mode'].value = 'save_cat';
91    if (getByID('msg-block')) {
92        getByID('msg-block').style.display = 'none'; // hide any messaging
93    }
94    DOM.addClassName( getByID('category-' + id), "selected" );
95    getByID('move-radio-' + id).style.display = 'none'; // hide radio button of selected row
96    if (document.all) {
97        getByID('move-col-head').style.display = 'block'; // show header of radio button column
98        getByID('move-0').style.display = 'block'; // show top level row
99    } else {
100        getByID('move-col-head').style.display = 'table-cell';
101        getByID('move-0').style.display = 'table-row';
102    }
103    getByID('action-col-head').style.display = 'none'; // hide header of actions column
104    getByID('delete-col-head').style.display = 'none'; // hide header of delete column
105    if (getByID('footer-list-actions')) {
106        getByID('footer-list-actions').style.display = 'none';
107    }
108    document.forms['folder-listing-form'].move_cat_id.value = id;
109    for (var i = 0; i < categoryRows.length; i++) {
110        if (document.all) {
111            getByID('move-col-' + categoryRows[i]).style.display = 'block'; // show radio buttons for category rows
112        } else {
113            getByID('move-col-' + categoryRows[i]).style.display = 'table-cell';
114        }
115        getByID('action-' + categoryRows[i]).style.display = 'none'; // hide actions column for category rows
116        getByID('delete-' + categoryRows[i]).style.display = 'none'; // hide delete column for category rows
117    }
118    return false;
119}
120
121var tableSelect;
122function init()
123{
124    // setup
125    tableSelect = new TC.TableSelect( "folder-listing-table" );
126    tableSelect.rowSelect = true;
127}
128
129TC.attachLoadEvent( init );
130//-->
131</script>
132</mt:setvarblock>
133<mt:setvarblock name="system_msg">
134    <div id="msg-block">
135    <mt:if name="saved">
136        <mtapp:statusmsg
137            id="saved"
138            class="success"
139            rebuild="all">
140            <__trans phrase="Your folder changes and additions have been made.">
141        </mtapp:statusmsg>
142    </mt:if>
143    <mt:if name="saved_deleted">
144        <mtapp:statusmsg
145            id="saved-deleted"
146            class="success"
147            rebuild="all">
148            <__trans phrase="You have successfully deleted the selected folder.">
149        </mtapp:statusmsg>
150    </mt:if>
151    </div>
152</mt:setvarblock>
153<mt:setvarblock name="action_buttons">
154    <a href="javascript:void(0)"
155        onclick="doRemoveItems(getByID('folder-listing-form'), '<mt:var name="object_label" lower_case="1" escape="js">', '<mt:var name="object_label_plural" lower_case="1" escape="js">'); return false;"
156        accesskey="x"
157        title="<__trans phrase="Delete selected folders (x)">"
158        ><__trans phrase="Delete"></a>
159</mt:setvarblock>
160<mt:var name="position_actions_top" value="1">
161<mt:setvarblock name="content_header">
162    <p id="create-new-link"><a href="javascript:void(0)" onclick="return setCreateMode(0)" class="icon-left icon-create"><__trans phrase="Create top level folder"></a></p>
163</mt:setvarblock>
164<mt:include name="include/header.tmpl">
165<mtapp:listing
166    hide_pager="1">
167    <mt:if __first__>
168        <input type="hidden" name="move_cat_id" value="" />
169        <thead>
170            <tr>
171                <th class="cb" id="delete-col-head"><input type="checkbox" name="id-head" value="all" class="select" /></th>
172                <th class="move-col" id="move-col-head">&nbsp;</th>
173                <th id="cat-display-name"><__trans phrase="Display Name"></th>
174                <th id="cat-categories"><__trans phrase="Path"></th>
175                <th id="action-col-head"><__trans phrase="Actions"></th>
176                <th id="cat-entries"><mt:var name="entry_label_plural"></th>
177            </tr>
178        </thead>
179        <tbody>
180    </mt:if>
181            <tr id="create-0" class="create-row create-inline">
182                <td class="move-col" colspan="2">&nbsp;</td>
183                <td colspan="4">
184                    <mt:setvarblock name="new_label"><__trans phrase="New Parent [_1]" params="<mt:var name="object_label">"></mt:setvarblock>
185                    <mtapp:setting
186                        id="new-parent-category"
187                        label="$new_label"
188                        label_class="inline field-no-header"
189                        hint=""
190                        show_hint="0">
191                        <input type="text" name="category-new-parent-0" id="category-new-parent-0" value="" maxlength="100" />
192                    </mtapp:setting>
193                    <mtapp:setting
194                        id="actions"
195                        label="<__trans phrase="Actions">"
196                        label_class="inline field-no-header"
197                        hint=""
198                        show_hint="0">
199                        <span class="buttons">
200                            <a href="javascript:void(0)" mt:command="submit"
201                                title="<__trans phrase="Create Folder">"
202                                ><__trans phrase="Create"></a>
203                            <a href="javascript:void(0)"
204                                onclick="cancelCreateMode(0); return false"
205                                ><__trans phrase="Cancel"></a>
206                        </span>
207                    </mtapp:setting>
208                </td>
209            </tr>
210            <tr class="move-row" id="move-0">
211                <td id="delete-0">&nbsp;</td>
212                <td class="move-col" id="move-col-0"><input type="radio" name="move-radio" id="move-radio-0" value="0" onclick="submitMoveMode()" /></td>
213                <td><__trans phrase="Top Level"></td>
214                <td id="action-0">&nbsp;</td>
215                <td>&nbsp;</td>
216                <td>&nbsp;</td>
217            </tr>
218            <tr class="<mt:if name="__odd__">odd<mt:else>even</mt:if>" id="category-<mt:var name="category_id">">
219                <td class="cb" id="delete-<mt:var name="category_id">"><input type="checkbox" name="id" value="<mt:var name="category_id">" class="select" /></td>
220                <td class="move-col" id="move-col-<mt:var name="category_id">"><input type="radio" name="move-radio" id="move-radio-<mt:var name="category_id">" value="<mt:var name="category_id">" onclick="submitMoveMode()" /></td>
221                <td><a href="<mt:var name="script_url">?__mode=view&amp;_type=<mt:var name="object_type">&amp;blog_id=<mt:var name="blog_id">&amp;id=<mt:var name="category_id">"><$mt:var name="category_label" escape="html"$></a></td>
222                <td><mt:var name="blog_site_url"><mt:var name="category_selector_label"></td>
223                <td id="action-<mt:var name="category_id">">
224                    <a href="javascript:void(0)" onclick="return setCreateMode(<mt:var name="category_id">)" class="icon-left icon-create" title="<__trans phrase="Create Subfolder">"><__trans phrase="Create"></a>
225                    &nbsp;
226                    <a href="javascript:void(0)" onclick="return setMoveMode(<mt:var name="category_id">)" class="icon-left icon-move" title="<__trans phrase="Move Folder">"><__trans phrase="Move"></a>
227                </td>
228                <td><mt:if name="category_entrycount"><mt:if name="can_edit_entries"><a href="<mt:var name="script_url">?__mode=list_<mt:var name="entry_label" lower_case="1">&amp;_type=<mt:var name="entry_type">&amp;blog_id=<mt:var name="blog_id">&amp;filter=category_id&amp;filter_val=<mt:var name="category_id">"></mt:if></mt:if><__trans phrase="[quant,_1,page,pages]" params="<mt:var name="category_entrycount">%%<mt:var name="entry_label" lower_case="1">%%<mt:var name="entry_label_plural" lower_case="1">"><mt:if name="category_entrycount"><mt:if name="can_edit_entries"></a></mt:if></mt:if></td>
229            </tr>
230            <tr class="create-row create-inline" id="create-<mt:var name="category_id">">
231                <td class="move-col" colspan="2">&nbsp;</td>
232                <td colspan="4" style="padding-left: 15px;">
233                    <span style="margin-left: <mt:var name="category_pixel_depth">px;">
234                        <mt:setvarblock name="new_label"><__trans phrase="New [_1]" params="<mt:var name="object_label">"></mt:setvarblock>
235                        <mtapp:setting
236                            id="new-category"
237                            label="$new_label"
238                            label_class="inline field-no-header"
239                            hint=""
240                            show_hint="0">
241                            <input type="text" name="category-new-parent-<mt:var name="category_id">" id="category-new-parent-<mt:var name="category_id">" value="" maxlength="100"/>
242                        </mtapp:setting>
243                        <mtapp:setting
244                            id="actions"
245                            label="<__trans phrase="Actions">"
246                            label_class="inline field-no-header"
247                            hint=""
248                            show_hint="0">
249                            <span class="buttons">
250                                <a href="javascript:void(0)" mt:command="submit"
251                                    title="<__trans phrase="Create Subfolder">"
252                                    ><__trans phrase="Create"></a>
253                                <a href="javascript:void(0)"
254                                    onclick="cancelCreateMode(<mt:var name="category_id">); return false"
255                                    ><__trans phrase="Cancel"></a>
256                            </span>
257                        </mtapp:setting>
258                    </span>
259                </td>
260            </tr>
261    <mt:if __last__>
262        </tbody>
263    </mt:if>
264<mt:else>
265    <mtapp:statusmsg id="zero-state" class="info zero-state">
266        <__trans phrase="No folders could be found.">
267    </mtapp:statusmsg>
268    <form id="folder-listing-form" method="post" action="<$mt:var name="script_url"$>">
269        <input type="hidden" name="__mode" value="save_cat" />
270        <input type="hidden" name="_type" value="folder" />
271        <input type="hidden" name="return_args" value="<$mt:var name="return_args" escape="html"$>" />
272        <input type="hidden" name="blog_id" value="<$mt:var name="blog_id"$>" />
273        <input type="hidden" name="magic_token" value="<$mt:var name="magic_token"$>" />
274        <table width="100%">
275            <tr id="create-0" class="create-row create-inline">
276                <td style="padding: 5px">
277                    <mt:setvarblock name="new_label"><__trans phrase="New [_1]" params="<mt:var name="object_label">"></mt:setvarblock>
278                    <mtapp:setting
279                        id="new_category"
280                        label="$new_label"
281                        label_class="inline field-no-header"
282                        hint=""
283                        show_hint="0">
284                        <input type="text" name="category-new-parent-0" id="category-new-parent-0" value="" maxlength="100" />
285                    </mtapp:setting>
286                    <mtapp:setting
287                        id="actions"
288                        label="<__trans phrase="Actions">"
289                        label_class="inline field-no-header"
290                        hint=""
291                        show_hint="0">
292                        <span class="buttons">
293                            <a href="javascript:void(0)" mt:command="submit"
294                                title="<__trans phrase="Create Subfolder">"
295                                ><__trans phrase="Create"></a>
296                            <a href="javascript:void(0)"
297                                onclick="cancelCreateMode(0); return false"
298                                ><__trans phrase="Cancel"></a>
299                        </span>
300                    </mtapp:setting>
301                </td>
302            </tr>
303        </table>
304    </form>
305</mtapp:listing>
306<mt:include name="include/footer.tmpl">
Note: See TracBrowser for help on using the browser.