Verzeichnisstruktur phpBB-3.1.0
- Veröffentlicht
- 27.10.2014
So funktioniert es
|
|
Auf das letzte Element klicken. Dies geht jeweils ein Schritt zurück |
Auf das Icon klicken, dies öffnet das Verzeichnis. Nochmal klicken schließt das Verzeichnis. |
|
|
(Beispiel Datei-Icons)
|
Auf das Icon klicken um den Quellcode anzuzeigen |
acp_icons.html
001 <!-- INCLUDE overall_header.html -->
002
003 <a id="maincontent"></a>
004
005 <!-- IF S_EDIT -->
006
007 <script type="text/javascript" defer="defer">
008 // <![CDATA[
009 <!-- IF S_ADD_CODE -->
010
011 var smiley = Array();
012 <!-- BEGIN smile -->
013 smiley['{smile.SMILEY_URL}'] = Array();
014 smiley['{smile.SMILEY_URL}']['code'] = '{smile.CODE}';
015 smiley['{smile.SMILEY_URL}']['emotion'] = '{smile.EMOTION}';
016 smiley['{smile.SMILEY_URL}']['width'] = {smile.WIDTH};
017 smiley['{smile.SMILEY_URL}']['height'] = {smile.HEIGHT};
018 smiley['{smile.SMILEY_URL}']['order'] = {smile.ORDER};
019 <!-- END smile -->
020
021 function update_image(newimage)
022 {
023 var use_element = smiley[newimage];
024
025 document.getElementById('add_image_src').src = '{ROOT_PATH}{IMG_PATH}/' + encodeURI(newimage);
026 document.getElementById('add_code').value = use_element['code'];
027 document.getElementById('add_emotion').value = use_element['emotion'];
028 document.getElementById('add_width').value = use_element['width'];
029 document.getElementById('add_height').value = use_element['height'];
030
031 element = document.getElementById('add_order');
032 for (var i = 0; i < element.length; i++)
033 {
034 if (element.options[i].value == use_element['order'])
035 {
036 document.getElementById('add_order').options.selectedIndex = i;
037 }
038 }
039 }
040
041 <!-- ENDIF -->
042
043
044 function toggle_select(icon, display, select)
045 {
046 var disp = document.getElementById('order_disp_' + select);
047 var nodisp = document.getElementById('order_no_disp_' + select);
048 disp.disabled = !display;
049 nodisp.disabled = display;
050 if (display)
051 {
052 document.getElementById('order_' + select).selectedIndex = 0;
053 nodisp.className = 'disabled-options';
054 disp.className = '';
055 }
056 else
057 {
058 document.getElementById('order_' + select).selectedIndex = {S_ORDER_LIST_DISPLAY_COUNT};
059 disp.className = 'disabled-options';
060 nodisp.className = '';
061 }
062 }
063 // ]]>
064 </script>
065
066 <a href="{U_BACK}" style="float: {S_CONTENT_FLOW_END};">« {L_BACK}</a>
067
068 <h1>{L_TITLE}</h1>
069
070 <p>{L_EXPLAIN}</p>
071
072 <form id="acp_icons" method="post" action="{U_ACTION}">
073
074 <fieldset class="tabulated">
075 <legend>{L_TITLE}</legend>
076
077 <table class="table1 zebra-table" id="smilies">
078 <thead>
079 <tr>
080 <th colspan="{COLSPAN}">{L_CONFIG}</th>
081 </tr>
082 <!-- IF .items or S_ADD_CODE -->
083 <tr class="row3">
084 <td>{L_URL}</td>
085 <td>{L_LOCATION}</td>
086 <!-- IF S_SMILIES -->
087 <td>{L_SMILIES_CODE}</td>
088 <td>{L_SMILIES_EMOTION}</td>
089 <!-- ENDIF -->
090 <td>{L_WIDTH}</td>
091 <td>{L_HEIGHT}</td>
092 <td>{L_DISPLAY_ON_POSTING}</td>
093 <!-- IF ID or S_ADD -->
094 <td>{L_ORDER}</td>
095 <!-- ENDIF -->
096 <!-- IF S_ADD -->
097 <td>{L_ADD} <a href="#" onclick="marklist('smilies', 'add_img', true); return false;">({L_MARK_ALL})</a></td>
098 <!-- ENDIF -->
099 </tr>
100 </thead>
101 <tbody>
102 <!-- BEGIN items -->
103 <tr>
104
105 <td style="text-align: center;"><img src="{items.IMG_SRC}" alt="" title="" /><input type="hidden" name="image[{items.IMG}]" value="1" /></td>
106 <td style="vertical-align: top;">[{items.IMG}]</td>
107 <!-- IF S_SMILIES -->
108 <td><input class="text post" type="text" name="code[{items.IMG}]" value="{items.CODE}" size="10" maxlength="50" /></td>
109 <td><input class="text post" type="text" name="emotion[{items.IMG}]" value="{items.EMOTION}" size="10" maxlength="50" /></td>
110 <!-- ENDIF -->
111 <td><input class="text post" type="number" size="3" name="width[{items.IMG}]" value="{items.WIDTH}" /></td>
112 <td><input class="text post" type="number" size="3" name="height[{items.IMG}]" value="{items.HEIGHT}" /></td>
113 <td>
114 <input type="checkbox" class="radio" name="display_on_posting[{items.IMG}]"{items.POSTING_CHECKED} onclick="toggle_select('{items.A_IMG}', this.checked, '{items.S_ROW_COUNT}');"/>
115 <!-- IF items.S_ID -->
116 <input type="hidden" name="id[{items.IMG}]" value="{items.ID}" />
117 <!-- ENDIF -->
118 </td>
119 <!-- IF ID or S_ADD -->
120 <td><select id="order_{items.S_ROW_COUNT}" name="order[{items.IMG}]">
121 <optgroup id="order_disp_{items.S_ROW_COUNT}" label="{L_DISPLAY_POSTING}" <!-- IF not items.POSTING_CHECKED -->disabled="disabled" class="disabled-options" <!-- ENDIF -->>{S_ORDER_LIST_DISPLAY}</optgroup>
122 <optgroup id="order_no_disp_{items.S_ROW_COUNT}" label="{L_DISPLAY_POSTING_NO}" <!-- IF items.POSTING_CHECKED -->disabled="disabled" class="disabled-options" <!-- ENDIF -->>{S_ORDER_LIST_UNDISPLAY}</optgroup>
123 </select></td>
124 <!-- ENDIF -->
125 <!-- IF S_ADD -->
126 <td><input type="checkbox" class="radio" name="add_img[{items.IMG}]" value="1" /></td>
127 <!-- ENDIF -->
128 </tr>
129 <!-- END items -->
130 <!-- IF S_ADD_CODE -->
131 <tr>
132 <th colspan="{COLSPAN}">{L_ADD_SMILEY_CODE}</th>
133 </tr>
134 <tr class="row1">
135 <td style="text-align: center;"><select name="add_image" id="add_image" onchange="update_image(this.options[selectedIndex].value);">{S_IMG_OPTIONS}</select></td>
136 <td style="vertical-align: top;"><img src="{IMG_SRC}" id="add_image_src" alt="" title="" /></td>
137 <td><input class="text post" type="text" name="add_code" id="add_code" value="{CODE}" size="10" maxlength="50" /></td>
138 <td><input class="text post" type="text" name="add_emotion" id="add_emotion" value="{EMOTION}" size="10" maxlength="50" /></td>
139 <td><input class="text post" type="number" size="3" name="add_width" id="add_width" value="{WIDTH}" /></td>
140 <td><input class="text post" type="number" size="3" name="add_height" id="add_height" value="{HEIGHT}" /></td>
141 <td><input type="checkbox" class="radio" name="add_display_on_posting" checked="checked" onclick="toggle_select('add', this.checked, 'add_order');"/></td>
142 <td><select id="order_add_order" name="add_order">
143 <optgroup id="order_disp_add_order" label="{L_DISPLAY_POSTING}">{S_ADD_ORDER_LIST_DISPLAY}</optgroup>
144 <optgroup id="order_no_disp_add_order" label="{L_DISPLAY_POSTING_NO}" disabled="disabled" class="disabled-options" >{S_ADD_ORDER_LIST_UNDISPLAY}</optgroup>
145 </select></td>
146 <td><input type="checkbox" class="radio" name="add_additional_code" value="1" /></td>
147 </tr>
148 <!-- ENDIF -->
149 <!-- ELSE -->
150 <tr class="row3">
151 <td colspan="{COLSPAN}">{L_NO_ICONS}</td>
152 </tr>
153 <!-- ENDIF -->
154 </tbody>
155 </table>
156
157 <p class="submit-buttons">
158 <input class="button1" type="submit" id="submit" name="submit" value="{L_SUBMIT}" />
159 <input class="button2" type="reset" id="reset" name="reset" value="{L_RESET}" />
160 </p>
161 {S_FORM_TOKEN}
162 </fieldset>
163 </form>
164
165 <!-- ELSEIF S_CHOOSE_PAK -->
166
167 <a href="{U_BACK}" style="float: {S_CONTENT_FLOW_END};">« {L_BACK}</a>
168
169 <h1>{L_TITLE}</h1>
170
171 <p>{L_EXPLAIN}</p>
172
173 <form id="acp_icons" method="post" action="{U_ACTION}">
174
175 <fieldset>
176 <legend>{L_IMPORT}</legend>
177
178 <!-- IF not S_PAK_OPTIONS -->
179 <p>{L_NO_PAK_OPTIONS}</p>
180
181 <!-- ELSE -->
182 <dl>
183 <dt><label for="pak">{L_SELECT_PACKAGE}</label></dt>
184 <dd><select id="pak" name="pak">{S_PAK_OPTIONS}</select></dd>
185 </dl>
186 <dt><label for="current">{L_CURRENT}</label><br /><span>{L_CURRENT_EXPLAIN}</span></dt>
187 <dd><label><input type="radio" class="radio" id="current" name="current" value="keep" checked="checked" /> {L_KEEP_ALL}</label>
188 <label><input type="radio" class="radio" name="current" value="replace" /> {L_REPLACE_MATCHES}</label>
189 <label><input type="radio" class="radio" name="current" value="delete" /> {L_DELETE_ALL}</label></dd>
190 </dl>
191
192 <p class="quick">
193 <input class="button1" type="submit" id="import" name="import" value="{L_IMPORT_SUBMIT}" />
194 </p>
195 <!-- ENDIF -->
196 {S_FORM_TOKEN}
197 </fieldset>
198 </form>
199
200 <!-- ELSE -->
201
202 <h1>{L_TITLE}</h1>
203
204 <p>{L_EXPLAIN}</p>
205
206 <!-- IF NOTICE -->
207 <div class="successbox">
208 <h3>{L_NOTIFY}</h3>
209 <p>{NOTICE}</p>
210 </div>
211 <!-- ENDIF -->
212
213 <form id="acp_icons" method="post" action="{U_ACTION}">
214
215 <div style="text-align: right;"><a href="{U_IMPORT}">{L_IMPORT}</a> | <a href="{U_EXPORT}">{L_EXPORT}</a></div>
216
217 <fieldset class="tabulated">
218
219 <legend>{L_TITLE}</legend>
220
221 <table class="table1 zebra-table">
222 <thead>
223 <tr>
224 <th>{L_TITLE}</th>
225 <!-- IF S_SMILIES -->
226 <th>{L_CODE}</th>
227 <th>{L_EMOTION}</th>
228 <!-- ENDIF -->
229 <th>{L_OPTIONS}</th>
230 </tr>
231 </thead>
232 <tbody>
233 <!-- BEGIN items -->
234 <!-- IF items.S_SPACER -->
235 <tr>
236 <td class="row3" colspan="{COLSPAN}" style="text-align: center;">{L_NOT_DISPLAYED}</td>
237 </tr>
238 <!-- ENDIF -->
239 <tr>
240 <td style="width: 85%; text-align: center;"><img src="{items.IMG_SRC}" width="{items.WIDTH}" height="{items.HEIGHT}" alt="{items.ALT_TEXT}" title="{items.ALT_TEXT}" /></td>
241 <!-- IF S_SMILIES -->
242 <td style="text-align: center;">{items.CODE}</td>
243 <td style="text-align: center;">{items.EMOTION}</td>
244 <!-- ENDIF -->
245 <td class="actions" style="text-align: right;">
246 <span class="up-disabled" style="display:none;">{ICON_MOVE_UP_DISABLED}</span>
247 <span class="up"><a href="{items.U_MOVE_UP}" data-ajax="row_up">{ICON_MOVE_UP}</a></span>
248 <span class="down-disabled" style="display:none;">{ICON_MOVE_DOWN_DISABLED}</span>
249 <span class="down"><a href="{items.U_MOVE_DOWN}" data-ajax="row_down">{ICON_MOVE_DOWN}</a></span>
250 <a href="{items.U_EDIT}">{ICON_EDIT}</a> <a href="{items.U_DELETE}" data-ajax="row_delete">{ICON_DELETE}</a>
251 </td>
252 </tr>
253 <!-- BEGINELSE -->
254 <tr class="row3">
255 <td colspan="{COLSPAN}">{L_ACP_NO_ITEMS}</td>
256 </tr>
257 <!-- END items -->
258 </tbody>
259 </table>
260 <div class="pagination">
261 <!-- IF .pagination -->
262 <!-- INCLUDE pagination.html -->
263 <!-- ENDIF -->
264 </div>
265 <p class="quick">
266 <input class="button2" name="add" type="submit" value="{L_ICON_ADD}" /> <input class="button2" type="submit" name="edit" value="{L_ICON_EDIT}" />
267 </p>
268 {S_FORM_TOKEN}
269 </fieldset>
270 </form>
271
272 <!-- ENDIF -->
273
274 <!-- INCLUDE overall_footer.html -->
275