1: | <?php
|
2: | |
3: | |
4: | |
5: | |
6: | |
7: | |
8: | |
9: | |
10: | |
11: | |
12: | |
13: |
|
14: |
|
15: |
|
16: | $current_path = __DIR__;
|
17: | if (DIRECTORY_SEPARATOR !== '/') {
|
18: | $current_path = str_replace(DIRECTORY_SEPARATOR, '/', $current_path);
|
19: | }
|
20: | $xoops_root_path = substr($current_path, 0, strpos(strtolower($current_path), '/class/xoopseditor/tinymce/'));
|
21: | include_once $xoops_root_path . '/mainfile.php';
|
22: | defined('XOOPS_ROOT_PATH') || exit('XOOPS root path not defined');
|
23: |
|
24: |
|
25: | include_once XOOPS_ROOT_PATH . '/modules/system/constants.php';
|
26: |
|
27: |
|
28: | $admin = false;
|
29: |
|
30: |
|
31: | $gperm_handler = xoops_getHandler('groupperm');
|
32: | $groups = is_object($GLOBALS['xoopsUser']) ? $GLOBALS['xoopsUser']->getGroups() : array(XOOPS_GROUP_ANONYMOUS);
|
33: | $admin = $gperm_handler->checkRight('system_admin', XOOPS_SYSTEM_IMAGE, $groups);
|
34: |
|
35: |
|
36: |
|
37: | $imgcat_handler = xoops_getHandler('imagecategory');
|
38: | $catreadlist = $imgcat_handler->getList($groups, 'imgcat_read', 1);
|
39: | $catwritelist = $imgcat_handler->getList($groups, 'imgcat_write', 1);
|
40: |
|
41: | $canbrowse = ($admin || !empty($catreadlist) || !empty($catwritelist)) ? true : false;
|
42: |
|
43: | echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
|
44: | echo '<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="' . _LANGCODE . '" lang="' . _LANGCODE . '">';
|
45: | ?>
|
46: | <head>
|
47: | <title>{#xoopsimagemanager_dlg.dialog_title}</title>
|
48: | <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
|
49: | <script type="text/javascript" src="../../utils/mctabs.js"></script>
|
50: | <script type="text/javascript" src="../../utils/form_utils.js"></script>
|
51: | <script type="text/javascript" src="../../utils/validate.js"></script>
|
52: | <script type="text/javascript" src="js/xoopsimagemanager.js"></script>
|
53: | <link href="css/xoopsimagemanager.css" rel="stylesheet" type="text/css"/>
|
54: | <base target="_self"/>
|
55: | </head>
|
56: |
|
57: | <body id="xoopsimagemanager" style="display: none;">
|
58: | <form onsubmit="XoopsimagemanagerDialog.insert();return false;" action="#">
|
59: | <div class="tabs">
|
60: | <ul>
|
61: | <li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');"
|
62: | onmousedown="return false;">{#xoopsimagemanager_dlg.tab_general}</a></span></li>
|
63: | <li id="appearance_tab"><span><a href="javascript:mcTabs.displayTab('appearance_tab','appearance_panel');" onmousedown="return false;">{#xoopsimagemanager_dlg.tab_appearance}</a></span>
|
64: | </li>
|
65: | <li id="advanced_tab"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#xoopsimagemanager_dlg.tab_advanced}</a></span>
|
66: | </li>
|
67: | </ul>
|
68: | </div>
|
69: |
|
70: | <div class="panel_wrapper">
|
71: | <div id="general_panel" class="panel current">
|
72: | <fieldset>
|
73: | <legend>{#xoopsimagemanager_dlg.general}</legend>
|
74: | <table class="properties">
|
75: | <tr>
|
76: | <td class="column1">
|
77: | <label id="srclabel" for="src">{#xoopsimagemanager_dlg.src}</label>
|
78: | </td>
|
79: | <td colspan="2">
|
80: | <table border="0" cellspacing="0" cellpadding="0">
|
81: | <tr>
|
82: | <td>
|
83: | <input name="src" type="text" id="src" value=""
|
84: | onchange="XoopsimagemanagerDialog.showPreviewImage(this.value);"/>
|
85: | <?php echo imageBrowser('src', $canbrowse); ?>
|
86: | </td>
|
87: | <td id="srcbrowsercontainer"> </td>
|
88: | </tr>
|
89: | </table>
|
90: | </td>
|
91: | </tr>
|
92: | <tr>
|
93: | <td><label for="src_list">{#xoopsimagemanager_dlg.image_list}</label></td>
|
94: | <td><select id="src_list" name="src_list"
|
95: | onchange="document.getElementById('src').value=this.options[this.selectedIndex].value;document.getElementById('alt').value=this.options[this.selectedIndex].text;document.getElementById('title').value=this.options[this.selectedIndex].text;XoopsimagemanagerDialog.showPreviewImage(this.options[this.selectedIndex].value);"></select>
|
96: | </td>
|
97: | </tr>
|
98: | <tr>
|
99: | <td class="column1"><label id="altlabel" for="alt">{#xoopsimagemanager_dlg.alt}</label></td>
|
100: | <td colspan="2"><input id="alt" name="alt" type="text" value=""/></td>
|
101: | </tr>
|
102: | <tr>
|
103: | <td class="column1"><label id="titlelabel" for="title">{#xoopsimagemanager_dlg.title}</label></td>
|
104: | <td colspan="2"><input id="title" name="title" type="text" value=""/></td>
|
105: | </tr>
|
106: | </table>
|
107: | </fieldset>
|
108: |
|
109: | <fieldset>
|
110: | <legend>{#xoopsimagemanager_dlg.preview}</legend>
|
111: | <div id="prev"></div>
|
112: | </fieldset>
|
113: | </div>
|
114: |
|
115: | <div id="appearance_panel" class="panel">
|
116: | <fieldset>
|
117: | <legend>{#xoopsimagemanager_dlg.tab_appearance}</legend>
|
118: |
|
119: | <table border="0" cellpadding="4" cellspacing="0">
|
120: | <tr>
|
121: | <td class="column1"><label id="alignlabel" for="align">{#xoopsimagemanager_dlg.align}</label></td>
|
122: | <td>
|
123: | <select id="align" name="align"
|
124: | onchange="XoopsimagemanagerDialog.updateStyle('align');XoopsimagemanagerDialog.changeAppearance();">
|
125: | <option value="">{#not_set}</option>
|
126: | <option value="baseline">{#xoopsimagemanager_dlg.align_baseline}</option>
|
127: | <option value="top">{#xoopsimagemanager_dlg.align_top}</option>
|
128: | <option value="middle">{#xoopsimagemanager_dlg.align_middle}</option>
|
129: | <option value="bottom">{#xoopsimagemanager_dlg.align_bottom}</option>
|
130: | <option value="text-top">{#xoopsimagemanager_dlg.align_texttop}</option>
|
131: | <option value="text-bottom">{#xoopsimagemanager_dlg.align_textbottom}</option>
|
132: | <option value="left">{#xoopsimagemanager_dlg.align_left}</option>
|
133: | <option value="right">{#xoopsimagemanager_dlg.align_right}</option>
|
134: | </select>
|
135: | </td>
|
136: | <td rowspan="6" valign="top">
|
137: | <div class="alignPreview">
|
138: | <img id="alignSampleImg" src="img/sample.gif" alt="{#xoopsimagemanager_dlg.example_img}"/>
|
139: | Lorem ipsum, Dolor sit amet, consectetuer adipiscing loreum ipsum edipiscing elit, sed diam
|
140: | nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Loreum ipsum
|
141: | edipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
|
142: | erat volutpat.
|
143: | </div>
|
144: | </td>
|
145: | </tr>
|
146: |
|
147: | <tr>
|
148: | <td class="column1"><label id="widthlabel" for="width">{#xoopsimagemanager_dlg.dimensions}</label></td>
|
149: | <td nowrap="nowrap">
|
150: | <input name="width" type="text" id="width" value="" size="5" maxlength="5" class="size"
|
151: | onchange="XoopsimagemanagerDialog.changeHeight();"/> x
|
152: | <input name="height" type="text" id="height" value="" size="5" maxlength="5" class="size"
|
153: | onchange="XoopsimagemanagerDialog.changeWidth();"/> px
|
154: | </td>
|
155: | </tr>
|
156: |
|
157: | <tr>
|
158: | <td> </td>
|
159: | <td>
|
160: | <table border="0" cellpadding="0" cellspacing="0">
|
161: | <tr>
|
162: | <td><input id="constrain" type="checkbox" name="constrain" class="checkbox"/></td>
|
163: | <td><label id="constrainlabel" for="constrain">{#xoopsimagemanager_dlg.constrain_proportions}</label></td>
|
164: | </tr>
|
165: | </table>
|
166: | </td>
|
167: | </tr>
|
168: |
|
169: | <tr>
|
170: | <td class="column1"><label id="vspacelabel" for="vspace">{#xoopsimagemanager_dlg.vspace}</label></td>
|
171: | <td><input name="vspace" type="text" id="vspace" value="" size="3" maxlength="3" class="number"
|
172: | onchange="XoopsimagemanagerDialog.updateStyle('vspace');XoopsimagemanagerDialog.changeAppearance();"
|
173: | onblur="XoopsimagemanagerDialog.updateStyle('vspace');XoopsimagemanagerDialog.changeAppearance();"/>
|
174: | </td>
|
175: | </tr>
|
176: |
|
177: | <tr>
|
178: | <td class="column1"><label id="hspacelabel" for="hspace">{#xoopsimagemanager_dlg.hspace}</label></td>
|
179: | <td><input name="hspace" type="text" id="hspace" value="" size="3" maxlength="3" class="number"
|
180: | onchange="XoopsimagemanagerDialog.updateStyle('hspace');XoopsimagemanagerDialog.changeAppearance();"
|
181: | onblur="XoopsimagemanagerDialog.updateStyle('hspace');XoopsimagemanagerDialog.changeAppearance();"/></td>
|
182: | </tr>
|
183: |
|
184: | <tr>
|
185: | <td class="column1"><label id="borderlabel" for="border">{#xoopsimagemanager_dlg.border}</label></td>
|
186: | <td><input id="border" name="border" type="text" value="" size="3" maxlength="3" class="number"
|
187: | onchange="XoopsimagemanagerDialog.updateStyle('border');XoopsimagemanagerDialog.changeAppearance();"
|
188: | onblur="XoopsimagemanagerDialog.updateStyle('border');XoopsimagemanagerDialog.changeAppearance();"/></td>
|
189: | </tr>
|
190: |
|
191: | <tr>
|
192: | <td><label for="class_list">{#class_name}</label></td>
|
193: | <td><select id="class_list" name="class_list"></select></td>
|
194: | </tr>
|
195: |
|
196: | <tr>
|
197: | <td class="column1"><label id="stylelabel" for="style">{#xoopsimagemanager_dlg.style}</label></td>
|
198: | <td colspan="2"><input id="style" name="style" type="text" value="" onchange="XoopsimagemanagerDialog.changeAppearance();"/>
|
199: | </td>
|
200: | </tr>
|
201: |
|
202: | <!-- <tr>
|
203: | <td class="column1"><label id="classeslabel" for="classes">{#xoopsimagemanager_dlg.classes}</label></td>
|
204: | <td colspan="2"><input id="classes" name="classes" type="text" value="" onchange="selectByValue(this.form,'classlist',this.value,true);" /></td>
|
205: | </tr> -->
|
206: | </table>
|
207: | </fieldset>
|
208: | </div>
|
209: |
|
210: | <div id="advanced_panel" class="panel">
|
211: | <fieldset>
|
212: | <legend>{#xoopsimagemanager_dlg.swap_image}</legend>
|
213: |
|
214: | <input type="checkbox" id="onmousemovecheck" name="onmousemovecheck" class="checkbox"
|
215: | onclick="XoopsimagemanagerDialog.setSwapImage(this.checked);"/>
|
216: | <label id="onmousemovechecklabel" for="onmousemovecheck">{#xoopsimagemanager_dlg.alt_image}</label>
|
217: |
|
218: | <table border="0" cellpadding="4" cellspacing="0" width="100%">
|
219: | <tr>
|
220: | <td class="column1"><label id="onmouseoversrclabel" for="onmouseoversrc">{#xoopsimagemanager_dlg.mouseover}</label></td>
|
221: | <td>
|
222: | <table border="0" cellspacing="0" cellpadding="0">
|
223: | <tr>
|
224: | <td>
|
225: | <input id="onmouseoversrc" name="onmouseoversrc" type="text" value=""/>
|
226: | <?php echo imageBrowser('onmouseoversrc', $canbrowse); ?>
|
227: | </td>
|
228: | <td id="onmouseoversrccontainer"> </td>
|
229: | </tr>
|
230: | </table>
|
231: | </td>
|
232: | </tr>
|
233: | <tr>
|
234: | <td><label for="over_list">{#xoopsimagemanager_dlg.image_list}</label></td>
|
235: | <td><select id="over_list" name="over_list"
|
236: | onchange="document.getElementById('onmouseoversrc').value=this.options[this.selectedIndex].value;"></select></td>
|
237: | </tr>
|
238: | <tr>
|
239: | <td class="column1"><label id="onmouseoutsrclabel" for="onmouseoutsrc">{#xoopsimagemanager_dlg.mouseout}</label></td>
|
240: | <td class="column2">
|
241: | <table border="0" cellspacing="0" cellpadding="0">
|
242: | <tr>
|
243: | <td>
|
244: | <input id="onmouseoutsrc" name="onmouseoutsrc" type="text" value=""/>
|
245: | <?php echo imageBrowser('onmouseoutsrc', $canbrowse); ?>
|
246: | </td>
|
247: | <td id="onmouseoutsrccontainer"> </td>
|
248: | </tr>
|
249: | </table>
|
250: | </td>
|
251: | </tr>
|
252: | <tr>
|
253: | <td><label for="out_list">{#xoopsimagemanager_dlg.image_list}</label></td>
|
254: | <td><select id="out_list" name="out_list"
|
255: | onchange="document.getElementById('onmouseoutsrc').value=this.options[this.selectedIndex].value;"></select></td>
|
256: | </tr>
|
257: | </table>
|
258: | </fieldset>
|
259: |
|
260: | <fieldset>
|
261: | <legend>{#xoopsimagemanager_dlg.misc}</legend>
|
262: |
|
263: | <table border="0" cellpadding="4" cellspacing="0">
|
264: | <tr>
|
265: | <td class="column1"><label id="idlabel" for="id">{#xoopsimagemanager_dlg.id}</label></td>
|
266: | <td><input id="id" name="id" type="text" value=""/></td>
|
267: | </tr>
|
268: |
|
269: | <tr>
|
270: | <td class="column1"><label id="dirlabel" for="dir">{#xoopsimagemanager_dlg.langdir}</label></td>
|
271: | <td>
|
272: | <select id="dir" name="dir" onchange="XoopsimagemanagerDialog.changeAppearance();">
|
273: | <option value="">{#not_set}</option>
|
274: | <option value="ltr">{#xoopsimagemanager_dlg.ltr}</option>
|
275: | <option value="rtl">{#xoopsimagemanager_dlg.rtl}</option>
|
276: | </select>
|
277: | </td>
|
278: | </tr>
|
279: |
|
280: | <tr>
|
281: | <td class="column1"><label id="langlabel" for="lang">{#xoopsimagemanager_dlg.langcode}</label></td>
|
282: | <td>
|
283: | <input id="lang" name="lang" type="text" value=""/>
|
284: | </td>
|
285: | </tr>
|
286: |
|
287: | <tr>
|
288: | <td class="column1"><label id="usemaplabel" for="usemap">{#xoopsimagemanager_dlg.map}</label></td>
|
289: | <td>
|
290: | <input id="usemap" name="usemap" type="text" value=""/>
|
291: | </td>
|
292: | </tr>
|
293: |
|
294: | <tr>
|
295: | <td class="column1"><label id="longdesclabel" for="longdesc">{#xoopsimagemanager_dlg.long_desc}</label></td>
|
296: | <td>
|
297: | <table border="0" cellspacing="0" cellpadding="0">
|
298: | <tr>
|
299: | <td><input id="longdesc" name="longdesc" type="text" value=""/></td>
|
300: | <td id="longdesccontainer"> </td>
|
301: | </tr>
|
302: | </table>
|
303: | </td>
|
304: | </tr>
|
305: | </table>
|
306: | </fieldset>
|
307: | </div>
|
308: | </div>
|
309: |
|
310: | <div class="mceActionPanel">
|
311: | <div style="float: left;">
|
312: | <input type="button" id="insert" name="insert" value="{#insert}" onclick="XoopsimagemanagerDialog.insert();"/>
|
313: | </div>
|
314: |
|
315: | <div style="float: right;">
|
316: | <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();"/>
|
317: | </div>
|
318: | </div>
|
319: | </form>
|
320: | </body>
|
321: | </html>
|
322: |
|
323: | <?php
|
324: | |
325: | |
326: | |
327: | |
328: | |
329: |
|
330: | function imageBrowser($inputname = 'src', $canbrowse = false)
|
331: | {
|
332: | $html = '';
|
333: | if ($canbrowse) {
|
334: | $html = "<img title=\"{#xoopsimagebrowser.desc}\" class=\"xoopsimagebrowser\" src=\"img/xoopsimagemanager.png\"
|
335: | onclick=\"javascript:XoopsImageBrowser('" . $inputname . "');\" />\n";
|
336: | }
|
337: |
|
338: | return $html;
|
339: | }
|
340: |
|
341: | ?>
|
342: | |