1: | <?php
|
2: | |
3: | |
4: | |
5: | |
6: | |
7: | |
8: | |
9: |
|
10: |
|
11: | |
12: | |
13: | |
14: | |
15: | |
16: | |
17: | |
18: | |
19: |
|
20: | class XoopsFormRendererBootstrap4 implements XoopsFormRendererInterface
|
21: | {
|
22: |
|
23: | |
24: | |
25: | |
26: | |
27: | |
28: | |
29: |
|
30: | public function renderFormButton(XoopsFormButton $element)
|
31: | {
|
32: | return '<button type="' . $element->getType() . '"'
|
33: | . ' class="btn btn-secondary" name="' . $element->getName() . '"'
|
34: | . ' id="' . $element->getName() . '" title="' . $element->getValue() . '"'
|
35: | . ' value="' . $element->getValue() . '"'
|
36: | . $element->getExtra() . '>' . $element->getValue() . '</button>';
|
37: | }
|
38: |
|
39: |
|
40: | |
41: | |
42: | |
43: | |
44: | |
45: | |
46: |
|
47: | public function renderFormButtonTray(XoopsFormButtonTray $element)
|
48: | {
|
49: | $ret = '';
|
50: | if ($element->_showDelete) {
|
51: | $ret .= '<button type="submit" class="btn btn-danger mr-1" name="delete" id="delete" onclick="this.form.elements.op.value=\'delete\'">' . _DELETE
|
52: | . '</button>';
|
53: | }
|
54: | $ret .= '<button class="btn btn-danger mr-1" onClick="history.go(-1);return true;">'
|
55: | . _CANCEL . '</button>'
|
56: | . '<button type="reset" class="btn btn-warning mr-1" name="reset" id="reset">' . _RESET . '</button>'
|
57: | . '<button type="' . $element->getType() . '" class="btn btn-success" name="' . $element->getName()
|
58: | . '" id="' . $element->getName() . '" ' . $element->getExtra()
|
59: | . '>' . $element->getValue() . '</button>';
|
60: |
|
61: | return $ret;
|
62: | }
|
63: |
|
64: | |
65: | |
66: | |
67: | |
68: | |
69: | |
70: |
|
71: | public function renderFormCheckBox(XoopsFormCheckBox $element)
|
72: | {
|
73: | $elementName = $element->getName();
|
74: | $elementId = $elementName;
|
75: | $elementOptions = $element->getOptions();
|
76: | if (count($elementOptions) > 1 && substr($elementName, -2, 2) !== '[]') {
|
77: | $elementName .= '[]';
|
78: | $element->setName($elementName);
|
79: | }
|
80: |
|
81: | switch ((int) ($element->columns)) {
|
82: | case 0:
|
83: | return $this->renderCheckedInline($element, 'checkbox', $elementId, $elementName);
|
84: | case 1:
|
85: | return $this->renderCheckedOneColumn($element, 'checkbox', $elementId, $elementName);
|
86: | default:
|
87: | return $this->renderCheckedColumnar($element, 'checkbox', $elementId, $elementName);
|
88: | }
|
89: | }
|
90: |
|
91: | |
92: | |
93: | |
94: | |
95: | |
96: | |
97: | |
98: | |
99: |
|
100: | protected function renderCheckedInline($element, $type, $elementId, $elementName)
|
101: | {
|
102: | $class = $type . '-inline';
|
103: | $ret = '';
|
104: |
|
105: | $idSuffix = 0;
|
106: | $elementValue = $element->getValue();
|
107: | $elementOptions = $element->getOptions();
|
108: | foreach ($elementOptions as $value => $name) {
|
109: | ++$idSuffix;
|
110: |
|
111: | $ret .= '<div class="form-check form-check-inline m-2">';
|
112: | $ret .= "<input class='form-check-input' type='" . $type . "' name='{$elementName}' id='{$elementId}{$idSuffix}' title='"
|
113: | . htmlspecialchars(strip_tags($name), ENT_QUOTES) . "' value='"
|
114: | . htmlspecialchars($value, ENT_QUOTES) . "'";
|
115: |
|
116: | if (is_array($elementValue) ? in_array($value, $elementValue): $value == $elementValue) {
|
117: | $ret .= ' checked';
|
118: | }
|
119: | $ret .= $element->getExtra() . '>';
|
120: | $ret .= '<label class="form-check-label" for="'.$elementId.$idSuffix.'">' . $name . $element->getDelimeter().'</label>';
|
121: | $ret .= '</div>';
|
122: | }
|
123: |
|
124: | return $ret;
|
125: | }
|
126: |
|
127: | |
128: | |
129: | |
130: | |
131: | |
132: | |
133: | |
134: | |
135: |
|
136: | protected function renderCheckedOneColumn($element, $type, $elementId, $elementName)
|
137: | {
|
138: | $class = $type;
|
139: | $ret = '';
|
140: |
|
141: | $idSuffix = 0;
|
142: | $elementValue = $element->getValue();
|
143: | $elementOptions = $element->getOptions();
|
144: | foreach ($elementOptions as $value => $name) {
|
145: | ++$idSuffix;
|
146: | $ret .= '<div class="' . $class . '">';
|
147: | $ret .= '<label>';
|
148: | $ret .= "<input type='" . $type . "' name='{$elementName}' id='{$elementId}{$idSuffix}' title='"
|
149: | . htmlspecialchars(strip_tags($name), ENT_QUOTES) . "' value='"
|
150: | . htmlspecialchars($value, ENT_QUOTES) . "'";
|
151: |
|
152: | if (is_array($elementValue) ? in_array($value, $elementValue): $value == $elementValue) {
|
153: | $ret .= ' checked';
|
154: | }
|
155: | $ret .= $element->getExtra() . '>' . $name . $element->getDelimeter();
|
156: | $ret .= '</label>';
|
157: | $ret .= '</div>';
|
158: | }
|
159: |
|
160: | return $ret;
|
161: | }
|
162: |
|
163: | |
164: | |
165: | |
166: | |
167: | |
168: | |
169: | |
170: | |
171: |
|
172: | protected function renderCheckedColumnar($element, $type, $elementId, $elementName)
|
173: | {
|
174: | $class = $type;
|
175: | $ret = '';
|
176: |
|
177: | $idSuffix = 0;
|
178: | $elementValue = $element->getValue();
|
179: | $elementOptions = $element->getOptions();
|
180: | foreach ($elementOptions as $value => $name) {
|
181: | ++$idSuffix;
|
182: |
|
183: | $ret .= '<div class="form-check m-2">';
|
184: | $ret .= "<input class='form-check-input' type='" . $type . "' name='{$elementName}' id='{$elementId}{$idSuffix}' title='"
|
185: | . htmlspecialchars(strip_tags($name), ENT_QUOTES) . "' value='"
|
186: | . htmlspecialchars($value, ENT_QUOTES) . "'";
|
187: |
|
188: | if (is_array($elementValue) ? in_array($value, $elementValue): $value == $elementValue) {
|
189: | $ret .= ' checked';
|
190: | }
|
191: | $ret .= $element->getExtra() . '>';
|
192: | $ret .= '<label class="form-check-label" for="'.$elementId.$idSuffix.'">'. $name . $element->getDelimeter().'</label>';
|
193: | $ret .= '</div>';
|
194: | }
|
195: |
|
196: | return $ret;
|
197: | }
|
198: | |
199: | |
200: | |
201: | |
202: | |
203: | |
204: |
|
205: | public function renderFormColorPicker(XoopsFormColorPicker $element)
|
206: | {
|
207: | if (isset($GLOBALS['xoTheme'])) {
|
208: | $GLOBALS['xoTheme']->addScript('include/spectrum.js');
|
209: | $GLOBALS['xoTheme']->addStylesheet('include/spectrum.css');
|
210: | } else {
|
211: | echo '<script type="text/javascript" src="' . XOOPS_URL . '/include/spectrum.js"></script>';
|
212: | echo '<link rel="stylesheet" type="text/css" href="' . XOOPS_URL . '/include/spectrum.css">';
|
213: | }
|
214: | return '<input class="form-control" style="width: 25%;" type="color" name="' . $element->getName()
|
215: | . "' title='" . $element->getTitle() . "' id='" . $element->getName()
|
216: | . '" size="7" maxlength="7" value="' . $element->getValue() . '"' . $element->getExtra() . '>';
|
217: | }
|
218: |
|
219: | |
220: | |
221: | |
222: | |
223: | |
224: | |
225: |
|
226: | public function renderFormDhtmlTextArea(XoopsFormDhtmlTextArea $element)
|
227: | {
|
228: | static $js_loaded;
|
229: |
|
230: | xoops_loadLanguage('formdhtmltextarea');
|
231: | $ret = '';
|
232: |
|
233: | $ret .= $this->renderFormDhtmlTAXoopsCode($element) . "<br>\n";
|
234: |
|
235: | $ret .= $this->renderFormDhtmlTATypography($element);
|
236: |
|
237: |
|
238: | $ret .= "<br>\n";
|
239: |
|
240: | $ret .= "<textarea class='form-control' id='" . $element->getName() . "' name='" . $element->getName()
|
241: | . "' title='" . $element->getTitle() . "' onselect=\"xoopsSavePosition('" . $element->getName()
|
242: | . "');\" onclick=\"xoopsSavePosition('" . $element->getName()
|
243: | . "');\" onkeyup=\"xoopsSavePosition('" . $element->getName() . "');\" cols='"
|
244: | . $element->getCols() . "' rows='" . $element->getRows() . "'" . $element->getExtra()
|
245: | . '>' . $element->getValue() . "</textarea>\n";
|
246: |
|
247: | if (empty($element->skipPreview)) {
|
248: | if (empty($GLOBALS['xoTheme'])) {
|
249: | $element->js .= implode('', file(XOOPS_ROOT_PATH . '/class/textsanitizer/image/image.js'));
|
250: | } else {
|
251: | $GLOBALS['xoTheme']->addScript(
|
252: | '/class/textsanitizer/image/image.js',
|
253: | array('type' => 'text/javascript')
|
254: | );
|
255: | }
|
256: | $button = "<button type='button' class='btn btn-primary' onclick=\"form_instantPreview('" . XOOPS_URL
|
257: | . "', '" . $element->getName() . "','" . XOOPS_URL . "/images', " . (int)$element->doHtml . ", '"
|
258: | . $GLOBALS['xoopsSecurity']->createToken() . "')\" title='" . _PREVIEW . "'>" . _PREVIEW . "</button>";
|
259: |
|
260: | $ret .= '<br>' . "<div id='" . $element->getName() . "_hidden' style='display: block;'> "
|
261: | . ' <fieldset>' . ' <legend>' . $button . '</legend>'
|
262: | . " <div id='" . $element->getName() . "_hidden_data'>" . _XOOPS_FORM_PREVIEW_CONTENT
|
263: | . '</div>' . ' </fieldset>' . '</div>';
|
264: | }
|
265: |
|
266: | if (empty($js_loaded)) {
|
267: | $javascript = ($element->js ? '<script type="text/javascript">' . $element->js . '</script>' : '')
|
268: | . '<script type="text/javascript" src="' . XOOPS_URL . '/include/formdhtmltextarea.js"></script>';
|
269: | $ret = $javascript . $ret;
|
270: | $js_loaded = true;
|
271: | }
|
272: |
|
273: | return $ret;
|
274: | }
|
275: |
|
276: | |
277: | |
278: | |
279: | |
280: | |
281: | |
282: |
|
283: | protected function renderFormDhtmlTAXoopsCode(XoopsFormDhtmlTextArea $element)
|
284: | {
|
285: | $textarea_id = $element->getName();
|
286: | $code = '';
|
287: | $code .= "<div class='row'><div class='col-lg-12'>";
|
288: | $code .= "<button type='button' class='btn btn-secondary btn-sm' onclick='xoopsCodeUrl(\"{$textarea_id}\", \"" . htmlspecialchars(_ENTERURL, ENT_QUOTES) . "\", \"" . htmlspecialchars(_ENTERWEBTITLE, ENT_QUOTES) . "\");' onmouseover='style.cursor=\"hand\"' title='" . _XOOPS_FORM_ALT_URL . "'><span class='fa fa-fw fa-link' aria-hidden='true'></span></button>";
|
289: | $code .= "<button type='button' class='btn btn-secondary btn-sm' onclick='xoopsCodeEmail(\"{$textarea_id}\", \"" . htmlspecialchars(_ENTEREMAIL, ENT_QUOTES) . "\", \"" . htmlspecialchars(_ENTERWEBTITLE, ENT_QUOTES) . "\");' onmouseover='style.cursor=\"hand\"' title='" . _XOOPS_FORM_ALT_EMAIL . "'><span class='fa fa-fw fa-envelope-o' aria-hidden='true'></span></button>";
|
290: | $code .= "<button type='button' class='btn btn-secondary btn-sm' onclick='xoopsCodeImg(\"{$textarea_id}\", \"" . htmlspecialchars(_ENTERIMGURL, ENT_QUOTES) . "\", \"" . htmlspecialchars(_ENTERIMGPOS, ENT_QUOTES) . "\", \"" . htmlspecialchars(_IMGPOSRORL, ENT_QUOTES) . "\", \"" . htmlspecialchars(_ERRORIMGPOS, ENT_QUOTES) . "\", \"" . htmlspecialchars(_XOOPS_FORM_ALT_ENTERWIDTH, ENT_QUOTES) . "\");' onmouseover='style.cursor=\"hand\"' title='" . _XOOPS_FORM_ALT_IMG . "'><span class='fa fa-fw fa-file-image-o' aria-hidden='true'></span></button>";
|
291: | $code .= "<button type='button' class='btn btn-secondary btn-sm' onclick='openWithSelfMain(\"" . XOOPS_URL . "/imagemanager.php?target={$textarea_id}\",\"imgmanager\",400,430);' onmouseover='style.cursor=\"hand\"' title='" . _XOOPS_FORM_ALT_IMAGE . "'><span class='fa fa-file-image-o' aria-hidden='true'></span><small> Manager</small></button>";
|
292: | $code .= "<button type='button' class='btn btn-secondary btn-sm' onclick='openWithSelfMain(\"" . XOOPS_URL . "/misc.php?action=showpopups&type=smilies&target={$textarea_id}\",\"smilies\",300,475);' onmouseover='style.cursor=\"hand\"' title='" . _XOOPS_FORM_ALT_SMILEY . "'><span class='fa fa-fw fa-smile-o' aria-hidden='true'></span></button>";
|
293: |
|
294: | $myts = \MyTextSanitizer::getInstance();
|
295: |
|
296: | $extensions = array_filter($myts->config['extensions']);
|
297: | foreach (array_keys($extensions) as $key) {
|
298: | $extension = $myts->loadExtension($key);
|
299: | @list($encode, $js) = $extension->encode($textarea_id);
|
300: | if (empty($encode)) {
|
301: | continue;
|
302: | }
|
303: |
|
304: | $encode = str_replace('btn-default', 'btn-secondary', $encode);
|
305: |
|
306: | $code .= $encode;
|
307: | if (!empty($js)) {
|
308: | $element->js .= $js;
|
309: | }
|
310: | }
|
311: | $code .= "<button type='button' class='btn btn-secondary btn-sm' onclick='xoopsCodeCode(\"{$textarea_id}\", \"" . htmlspecialchars(_ENTERCODE, ENT_QUOTES) . "\");' onmouseover='style.cursor=\"hand\"' title='" . _XOOPS_FORM_ALT_CODE . "'><span class='fa fa-fw fa-code' aria-hidden='true'></span></button>";
|
312: | $code .= "<button type='button' class='btn btn-secondary btn-sm' onclick='xoopsCodeQuote(\"{$textarea_id}\", \"" . htmlspecialchars(_ENTERQUOTE, ENT_QUOTES) . "\");' onmouseover='style.cursor=\"hand\"' title='" . _XOOPS_FORM_ALT_QUOTE . "'><span class='fa fa-fw fa-quote-right' aria-hidden='true'></span></button>";
|
313: | $code .= "</div></div>";
|
314: |
|
315: | $xoopsPreload = XoopsPreload::getInstance();
|
316: | $xoopsPreload->triggerEvent('core.class.xoopsform.formdhtmltextarea.codeicon', array(&$code));
|
317: |
|
318: | return $code;
|
319: | }
|
320: |
|
321: | |
322: | |
323: | |
324: | |
325: | |
326: | |
327: |
|
328: | protected function renderFormDhtmlTATypography(XoopsFormDhtmlTextArea $element)
|
329: | {
|
330: | $textarea_id = $element->getName();
|
331: | $hiddentext = $element->_hiddenText;
|
332: |
|
333: | $fontarray = !empty($GLOBALS['formtextdhtml_fonts']) ? $GLOBALS['formtextdhtml_fonts'] : array(
|
334: | 'Arial',
|
335: | 'Courier',
|
336: | 'Georgia',
|
337: | 'Helvetica',
|
338: | 'Impact',
|
339: | 'Verdana',
|
340: | 'Haettenschweiler');
|
341: |
|
342: | $colorArray = array(
|
343: | 'Black' => '000000',
|
344: | 'Blue' => '38AAFF',
|
345: | 'Brown' => '987857',
|
346: | 'Green' => '79D271',
|
347: | 'Grey' => '888888',
|
348: | 'Orange' => 'FFA700',
|
349: | 'Paper' => 'E0E0E0',
|
350: | 'Purple' => '363E98',
|
351: | 'Red' => 'FF211E',
|
352: | 'White' => 'FEFEFE',
|
353: | 'Yellow' => 'FFD628',
|
354: | );
|
355: |
|
356: | $fontStr = '<div class="row"><div class="col-lg-12"><div class="btn-group" role="toolbar">';
|
357: | $fontStr .= '<div class="btn-group">'
|
358: | . '<button type="button" class="btn btn-secondary btn-sm dropdown-toggle" title="'. _SIZE .'"'
|
359: | . ' data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">'
|
360: | . '<span class = "fa fa-text-height"></span><span class="caret"></span></button>'
|
361: | . '<ul class="dropdown-menu">';
|
362: |
|
363: | foreach ($GLOBALS['formtextdhtml_sizes'] as $value => $name) {
|
364: | $fontStr .= '<li class="dropdown-item"><a href="javascript:xoopsSetElementAttribute(\'size\', \'' . $value . '\', \''
|
365: | . $textarea_id . '\', \'' . $hiddentext . '\');">' . $name . '</a></li>';
|
366: | }
|
367: | $fontStr .= '</ul></div>';
|
368: |
|
369: | $fontStr .= '<div class="btn-group">'
|
370: | . '<button type="button" class="btn btn-secondary btn-sm dropdown-toggle" title="'. _FONT .'"'
|
371: | . ' data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">'
|
372: | . '<span class = "fa fa-font"></span><span class="caret"></span></button>'
|
373: | . '<ul class="dropdown-menu">';
|
374: |
|
375: | foreach ($fontarray as $font) {
|
376: | $fontStr .= '<li class="dropdown-item"><a href="javascript:xoopsSetElementAttribute(\'font\', \'' . $font . '\', \''
|
377: | . $textarea_id . '\', \'' . $hiddentext . '\');">' . $font . '</a></li>';
|
378: | }
|
379: | $fontStr .= '</ul></div>';
|
380: |
|
381: | $fontStr .= '<div class="btn-group">'
|
382: | . '<button type="button" class="btn btn-secondary btn-sm dropdown-toggle" title="'. _COLOR .'"'
|
383: | . ' data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">'
|
384: | . '<span class = "fa fa-tint"></span><span class="caret"></span></button>'
|
385: | . '<ul class="dropdown-menu">';
|
386: |
|
387: | foreach ($colorArray as $color => $hex) {
|
388: | $fontStr .= '<li class="dropdown-item"><a href="javascript:xoopsSetElementAttribute(\'color\', \'' . $hex . '\', \''
|
389: | . $textarea_id . '\', \'' . $hiddentext . '\');">'
|
390: | . '<span style="color:#' . $hex . ';">' . $color .'</span></a></li>';
|
391: | }
|
392: | $fontStr .= '</ul></div>';
|
393: | $fontStr .= '</div>';
|
394: |
|
395: |
|
396: | $styleStr = "<div class='btn-group' role='group'>";
|
397: | $styleStr .= "<button type='button' class='btn btn-secondary btn-sm' onclick='xoopsMakeBold(\"{$hiddentext}\", \"{$textarea_id}\");' title='" . _XOOPS_FORM_ALT_BOLD . "' aria-label='Left Align'><span class='fa fa-bold' aria-hidden='true'></span></button>";
|
398: | $styleStr .= "<button type='button' class='btn btn-secondary btn-sm' onclick='xoopsMakeItalic(\"{$hiddentext}\", \"{$textarea_id}\");' title='" . _XOOPS_FORM_ALT_ITALIC . "' aria-label='Left Align'><span class='fa fa-italic' aria-hidden='true'></span></button>";
|
399: | $styleStr .= "<button type='button' class='btn btn-secondary btn-sm' onclick='xoopsMakeUnderline(\"{$hiddentext}\", \"{$textarea_id}\");' title='" . _XOOPS_FORM_ALT_UNDERLINE . "' aria-label='Left Align'>" . '<span class="fa fa-underline"></span></button>';
|
400: | $styleStr .= "<button type='button' class='btn btn-secondary btn-sm' onclick='xoopsMakeLineThrough(\"{$hiddentext}\", \"{$textarea_id}\");' title='" . _XOOPS_FORM_ALT_LINETHROUGH . "' aria-label='Left Align'>" . '<span class="fa fa-strikethrough"></span></button>';
|
401: | $styleStr .= "</div>";
|
402: |
|
403: | $alignStr = "<div class='btn-group' role='group'>";
|
404: | $alignStr .= "<button type='button' class='btn btn-secondary btn-sm' onclick='xoopsMakeLeft(\"{$hiddentext}\", \"{$textarea_id}\");' title='" . _XOOPS_FORM_ALT_LEFT . "' aria-label='Left Align'><span class='fa fa-align-left' aria-hidden='true'></span></button>";
|
405: | $alignStr .= "<button type='button' class='btn btn-secondary btn-sm' onclick='xoopsMakeCenter(\"{$hiddentext}\", \"{$textarea_id}\");' title='" . _XOOPS_FORM_ALT_CENTER . "' aria-label='Left Align'><span class='fa fa-align-center' aria-hidden='true'></span></button>";
|
406: | $alignStr .= "<button type='button' class='btn btn-secondary btn-sm' onclick='xoopsMakeRight(\"{$hiddentext}\", \"{$textarea_id}\");' title='" . _XOOPS_FORM_ALT_RIGHT . "' aria-label='Left Align'><span class='fa fa-align-right' aria-hidden='true'></span></button>";
|
407: | $alignStr .= "</div>";
|
408: |
|
409: | $fontStr .= " {$styleStr} {$alignStr} \n";
|
410: |
|
411: | $fontStr .= "<button type='button' class='btn btn-secondary btn-sm' onclick=\"XoopsCheckLength('"
|
412: | . $element->getName() . "', '" . (isset($element->configs['maxlength'])?$element->configs['maxlength']:'') . "', '"
|
413: | . _XOOPS_FORM_ALT_LENGTH . "', '" . _XOOPS_FORM_ALT_LENGTH_MAX . "');\" title='"
|
414: | . _XOOPS_FORM_ALT_CHECKLENGTH . "'><span class='fa fa-check-square-o' aria-hidden='true'></span></button>";
|
415: | $fontStr .= "</div></div>";
|
416: |
|
417: | return $fontStr;
|
418: | }
|
419: |
|
420: | |
421: | |
422: | |
423: | |
424: | |
425: | |
426: |
|
427: | public function renderFormElementTray(XoopsFormElementTray $element)
|
428: | {
|
429: | $count = 0;
|
430: | $ret = '<span class="form-inline">';
|
431: | foreach ($element->getElements() as $ele) {
|
432: | if ($count > 0) {
|
433: | $ret .= $element->getDelimeter();
|
434: | }
|
435: | if ($ele->getCaption() != '') {
|
436: | $ret .= $ele->getCaption() . ' ';
|
437: | }
|
438: | $ret .= $ele->render() . NWLINE;
|
439: | if (!$ele->isHidden()) {
|
440: | ++$count;
|
441: | }
|
442: | }
|
443: | |
444: | |
445: | |
446: | |
447: | |
448: | |
449: | |
450: | |
451: |
|
452: | $ret .= '</span>';
|
453: | return $ret;
|
454: | }
|
455: |
|
456: | |
457: | |
458: | |
459: | |
460: | |
461: | |
462: |
|
463: | public function renderFormFile(XoopsFormFile $element)
|
464: | {
|
465: | return '<input type="hidden" name="MAX_FILE_SIZE" value="' . $element->getMaxFileSize() . '">'
|
466: | . '<input type="file" class="form-control-file" name="' . $element->getName()
|
467: | . '" id="' . $element->getName()
|
468: | . '" title="' . $element->getTitle() . '" ' . $element->getExtra() . '>'
|
469: | . '<input type="hidden" name="xoops_upload_file[]" id="xoops_upload_file[]" value="'
|
470: | . $element->getName() . '">';
|
471: | }
|
472: |
|
473: | |
474: | |
475: | |
476: | |
477: | |
478: | |
479: |
|
480: | public function renderFormLabel(XoopsFormLabel $element)
|
481: | {
|
482: | return '<div class="form-control-static">' . $element->getValue() . '</div>';
|
483: | }
|
484: |
|
485: | |
486: | |
487: | |
488: | |
489: | |
490: | |
491: |
|
492: | public function renderFormPassword(XoopsFormPassword $element)
|
493: | {
|
494: | return '<input class="form-control" type="password" name="'
|
495: | . $element->getName() . '" id="' . $element->getName() . '" size="' . $element->getSize()
|
496: | . '" maxlength="' . $element->getMaxlength() . '" value="' . $element->getValue() . '"'
|
497: | . $element->getExtra() . ' ' . ($element->autoComplete ? '' : 'autocomplete="off" ') . '/>';
|
498: | }
|
499: |
|
500: | |
501: | |
502: | |
503: | |
504: | |
505: | |
506: |
|
507: | public function renderFormRadio(XoopsFormRadio $element)
|
508: | {
|
509: |
|
510: | $elementName = $element->getName();
|
511: | $elementId = $elementName;
|
512: |
|
513: | switch ((int) ($element->columns)) {
|
514: | case 0:
|
515: | return $this->renderCheckedInline($element, 'radio', $elementId, $elementName);
|
516: | case 1:
|
517: | return $this->renderCheckedOneColumn($element, 'radio', $elementId, $elementName);
|
518: | default:
|
519: | return $this->renderCheckedColumnar($element, 'radio', $elementId, $elementName);
|
520: | }
|
521: | }
|
522: |
|
523: | |
524: | |
525: | |
526: | |
527: | |
528: | |
529: |
|
530: | public function renderFormSelect(XoopsFormSelect $element)
|
531: | {
|
532: | $ele_name = $element->getName();
|
533: | $ele_title = $element->getTitle();
|
534: | $ele_value = $element->getValue();
|
535: | $ele_options = $element->getOptions();
|
536: | $ret = '<select class="form-control" size="'
|
537: | . $element->getSize() . '"' . $element->getExtra();
|
538: | if ($element->isMultiple() != false) {
|
539: | $ret .= ' name="' . $ele_name . '[]" id="' . $ele_name . '" title="' . $ele_title
|
540: | . '" multiple="multiple">';
|
541: | } else {
|
542: | $ret .= ' name="' . $ele_name . '" id="' . $ele_name . '" title="' . $ele_title . '">';
|
543: | }
|
544: | foreach ($ele_options as $value => $name) {
|
545: | $ret .= '<option value="' . htmlspecialchars($value, ENT_QUOTES) . '"';
|
546: | if (count($ele_value) > 0 && in_array($value, $ele_value)) {
|
547: | $ret .= ' selected';
|
548: | }
|
549: | $ret .= '>' . $name . '</option>';
|
550: | }
|
551: | $ret .= '</select>';
|
552: |
|
553: | return $ret;
|
554: | }
|
555: | |
556: | |
557: | |
558: | |
559: | |
560: | |
561: |
|
562: | public function renderFormText(XoopsFormText $element)
|
563: | {
|
564: | return "<input class='form-control' type='text' name='"
|
565: | . $element->getName() . "' title='" . $element->getTitle() . "' id='" . $element->getName()
|
566: | . "' size='" . $element->getSize() . "' maxlength='" . $element->getMaxlength()
|
567: | . "' value='" . $element->getValue() . "'" . $element->getExtra() . '>';
|
568: | }
|
569: |
|
570: | |
571: | |
572: | |
573: | |
574: | |
575: | |
576: |
|
577: | public function renderFormTextArea(XoopsFormTextArea $element)
|
578: | {
|
579: | return "<textarea class='form-control' name='"
|
580: | . $element->getName() . "' id='" . $element->getName() . "' title='" . $element->getTitle()
|
581: | . "' rows='" . $element->getRows() . "' cols='" . $element->getCols() . "'"
|
582: | . $element->getExtra() . '>' . $element->getValue() . '</textarea>';
|
583: | }
|
584: |
|
585: | |
586: | |
587: | |
588: | |
589: | |
590: | |
591: |
|
592: | public function renderFormTextDateSelect(XoopsFormTextDateSelect $element)
|
593: | {
|
594: | static $included = false;
|
595: | if (file_exists(XOOPS_ROOT_PATH . '/language/' . $GLOBALS['xoopsConfig']['language'] . '/calendar.php')) {
|
596: | include_once XOOPS_ROOT_PATH . '/language/' . $GLOBALS['xoopsConfig']['language'] . '/calendar.php';
|
597: | } else {
|
598: | include_once XOOPS_ROOT_PATH . '/language/english/calendar.php';
|
599: | }
|
600: |
|
601: | $ele_name = $element->getName();
|
602: | $ele_value = $element->getValue(false);
|
603: | if (is_string($ele_value)) {
|
604: | $display_value = $ele_value;
|
605: | $ele_value = time();
|
606: | } else {
|
607: | $display_value = date(_SHORTDATESTRING, $ele_value);
|
608: | }
|
609: |
|
610: | $jstime = formatTimestamp($ele_value, 'm/d/Y');
|
611: | if (isset($GLOBALS['xoTheme']) && is_object($GLOBALS['xoTheme'])) {
|
612: | $GLOBALS['xoTheme']->addScript('include/calendar.js');
|
613: | $GLOBALS['xoTheme']->addStylesheet('include/calendar-blue.css');
|
614: | if (!$included) {
|
615: | $included = true;
|
616: | $GLOBALS['xoTheme']->addScript('', '', '
|
617: | var calendar = null;
|
618: |
|
619: | function selected(cal, date)
|
620: | {
|
621: | cal.sel.value = date;
|
622: | }
|
623: |
|
624: | function closeHandler(cal)
|
625: | {
|
626: | cal.hide();
|
627: | Calendar.removeEvent(document, "mousedown", checkCalendar);
|
628: | }
|
629: |
|
630: | function checkCalendar(ev)
|
631: | {
|
632: | var el = Calendar.is_ie ? Calendar.getElement(ev) : Calendar.getTargetElement(ev);
|
633: | for (; el != null; el = el.parentNode)
|
634: | if (el == calendar.element || el.tagName == "A") break;
|
635: | if (el == null) {
|
636: | calendar.callCloseHandler(); Calendar.stopEvent(ev);
|
637: | }
|
638: | }
|
639: | function showCalendar(id)
|
640: | {
|
641: | var el = xoopsGetElementById(id);
|
642: | if (calendar != null) {
|
643: | calendar.hide();
|
644: | } else {
|
645: | var cal = new Calendar(true, "' . $jstime . '", selected, closeHandler);
|
646: | calendar = cal;
|
647: | cal.setRange(1900, 2100);
|
648: | calendar.create();
|
649: | }
|
650: | calendar.sel = el;
|
651: | calendar.parseDate(el.value);
|
652: | calendar.showAtElement(el);
|
653: | Calendar.addEvent(document, "mousedown", checkCalendar);
|
654: |
|
655: | return false;
|
656: | }
|
657: |
|
658: | Calendar._DN = new Array
|
659: | ("' . _CAL_SUNDAY . '",
|
660: | "' . _CAL_MONDAY . '",
|
661: | "' . _CAL_TUESDAY . '",
|
662: | "' . _CAL_WEDNESDAY . '",
|
663: | "' . _CAL_THURSDAY . '",
|
664: | "' . _CAL_FRIDAY . '",
|
665: | "' . _CAL_SATURDAY . '",
|
666: | "' . _CAL_SUNDAY . '");
|
667: | Calendar._MN = new Array
|
668: | ("' . _CAL_JANUARY . '",
|
669: | "' . _CAL_FEBRUARY . '",
|
670: | "' . _CAL_MARCH . '",
|
671: | "' . _CAL_APRIL . '",
|
672: | "' . _CAL_MAY . '",
|
673: | "' . _CAL_JUNE . '",
|
674: | "' . _CAL_JULY . '",
|
675: | "' . _CAL_AUGUST . '",
|
676: | "' . _CAL_SEPTEMBER . '",
|
677: | "' . _CAL_OCTOBER . '",
|
678: | "' . _CAL_NOVEMBER . '",
|
679: | "' . _CAL_DECEMBER . '");
|
680: |
|
681: | Calendar._TT = {};
|
682: | Calendar._TT["TOGGLE"] = "' . _CAL_TGL1STD . '";
|
683: | Calendar._TT["PREV_YEAR"] = "' . _CAL_PREVYR . '";
|
684: | Calendar._TT["PREV_MONTH"] = "' . _CAL_PREVMNTH . '";
|
685: | Calendar._TT["GO_TODAY"] = "' . _CAL_GOTODAY . '";
|
686: | Calendar._TT["NEXT_MONTH"] = "' . _CAL_NXTMNTH . '";
|
687: | Calendar._TT["NEXT_YEAR"] = "' . _CAL_NEXTYR . '";
|
688: | Calendar._TT["SEL_DATE"] = "' . _CAL_SELDATE . '";
|
689: | Calendar._TT["DRAG_TO_MOVE"] = "' . _CAL_DRAGMOVE . '";
|
690: | Calendar._TT["PART_TODAY"] = "(' . _CAL_TODAY . ')";
|
691: | Calendar._TT["MON_FIRST"] = "' . _CAL_DISPM1ST . '";
|
692: | Calendar._TT["SUN_FIRST"] = "' . _CAL_DISPS1ST . '";
|
693: | Calendar._TT["CLOSE"] = "' . _CLOSE . '";
|
694: | Calendar._TT["TODAY"] = "' . _CAL_TODAY . '";
|
695: |
|
696: | // date formats
|
697: | Calendar._TT["DEF_DATE_FORMAT"] = "' . _SHORTDATESTRING . '";
|
698: | Calendar._TT["TT_DATE_FORMAT"] = "' . _SHORTDATESTRING . '";
|
699: |
|
700: | Calendar._TT["WK"] = "";
|
701: | ');
|
702: | }
|
703: | }
|
704: | return '<div class="input-group">'
|
705: | . '<input class="form-control" type="text" name="' . $ele_name . '" id="' . $ele_name
|
706: | . '" size="' . $element->getSize() . '" maxlength="' . $element->getMaxlength()
|
707: | . '" value="' . $display_value . '"' . $element->getExtra() . '>'
|
708: | . '<div class="input-group-append"><button class="btn btn-secondary" type="button"'
|
709: | . ' onclick="return showCalendar(\'' . $ele_name . '\');">'
|
710: | . '<i class="fa fa-calendar" aria-hidden="true"></i></button>'
|
711: | . '</div>'
|
712: | . '</div>';
|
713: | }
|
714: |
|
715: | |
716: | |
717: | |
718: | |
719: | |
720: | |
721: |
|
722: | public function renderThemeForm(XoopsThemeForm $form)
|
723: | {
|
724: | $ele_name = $form->getName();
|
725: |
|
726: | $ret = '<div>';
|
727: | $ret .= '<form name="' . $ele_name . '" id="' . $ele_name . '" action="'
|
728: | . $form->getAction() . '" method="' . $form->getMethod()
|
729: | . '" onsubmit="return xoopsFormValidate_' . $ele_name . '();"' . $form->getExtra() . '>'
|
730: | . '<h3>' . $form->getTitle() . '</h3>';
|
731: | $hidden = '';
|
732: |
|
733: | foreach ($form->getElements() as $element) {
|
734: | if (!is_object($element)) {
|
735: | $ret .= $element;
|
736: | continue;
|
737: | }
|
738: | if ($element->isHidden()) {
|
739: | $hidden .= $element->render();
|
740: | continue;
|
741: | }
|
742: |
|
743: | $ret .= '<div class="form-group row">';
|
744: | if (($caption = $element->getCaption()) != '') {
|
745: | $ret .= '<label for="' . $element->getName() . '" class="col-3 col-form-label text-sm-right">'
|
746: | . $element->getCaption()
|
747: | . ($element->isRequired() ? '<span class="caption-required text-danger">*</span>' : '')
|
748: | . '</label>';
|
749: | } else {
|
750: | $ret .= '<div class="col-3"> </div>';
|
751: | }
|
752: | $ret .= '<div class="col-9">';
|
753: | $ret .= $element->render();
|
754: | if (($desc = $element->getDescription()) != '') {
|
755: | $ret .= '<p class="form-text text-muted">' . $desc . '</p>';
|
756: | }
|
757: | $ret .= '</div>';
|
758: | $ret .= '</div>';
|
759: | }
|
760: | $ret .= $hidden;
|
761: | $ret .= '</form></div>';
|
762: | $ret .= $form->renderValidationJS(true);
|
763: |
|
764: | return $ret;
|
765: | }
|
766: |
|
767: | |
768: | |
769: | |
770: | |
771: | |
772: | |
773: | |
774: | |
775: |
|
776: | public function addThemeFormBreak(XoopsThemeForm $form, $extra, $class)
|
777: | {
|
778: | $class = ($class != '') ? preg_replace('/[^A-Za-z0-9\s\s_-]/i', '', $class) : '';
|
779: | $form->addElement('<div class="col-md-12 ' . $class .'">'. $extra . '</div>');
|
780: | }
|
781: | }
|
782: | |