1: | <?php
|
2: | |
3: | |
4: | |
5: | |
6: | |
7: | |
8: | |
9: |
|
10: |
|
11: | |
12: | |
13: | |
14: | |
15: | |
16: | |
17: | |
18: | |
19: | |
20: |
|
21: | class XoopsFormRendererBootstrap5 implements XoopsFormRendererInterface
|
22: | {
|
23: |
|
24: | |
25: | |
26: | |
27: | |
28: | |
29: | |
30: |
|
31: | public function renderFormButton(XoopsFormButton $element)
|
32: | {
|
33: | return '<button type="' . $element->getType() . '"'
|
34: | . ' class="btn btn-secondary" name="' . $element->getName() . '"'
|
35: | . ' id="' . $element->getName() . '" title="' . $element->getValue() . '"'
|
36: | . ' value="' . $element->getValue() . '"'
|
37: | . $element->getExtra() . '>' . $element->getValue() . '</button>';
|
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: | xoops_loadLanguage('formdhtmltextarea');
|
229: | $ret = '';
|
230: |
|
231: | $ret .= $this->renderFormDhtmlTAXoopsCode($element) . "<br>\n";
|
232: |
|
233: | $ret .= $this->renderFormDhtmlTATypography($element);
|
234: |
|
235: |
|
236: | $ret .= "<br>\n";
|
237: |
|
238: | $ret .= "<textarea class='form-control' id='" . $element->getName() . "' name='" . $element->getName()
|
239: | . "' title='" . $element->getTitle() . "' onselect=\"xoopsSavePosition('" . $element->getName()
|
240: | . "');\" onclick=\"xoopsSavePosition('" . $element->getName()
|
241: | . "');\" onkeyup=\"xoopsSavePosition('" . $element->getName() . "');\" cols='"
|
242: | . $element->getCols() . "' rows='" . $element->getRows() . "'" . $element->getExtra()
|
243: | . '>' . $element->getValue() . "</textarea>\n";
|
244: |
|
245: | if (empty($element->skipPreview)) {
|
246: | if (empty($GLOBALS['xoTheme'])) {
|
247: | $element->js .= implode('', file(XOOPS_ROOT_PATH . '/class/textsanitizer/image/image.js'));
|
248: | } else {
|
249: | $GLOBALS['xoTheme']->addScript(
|
250: | '/class/textsanitizer/image/image.js',
|
251: | array('type' => 'text/javascript')
|
252: | );
|
253: | }
|
254: | $button = "<button type='button' class='btn btn-primary' onclick=\"form_instantPreview('" . XOOPS_URL
|
255: | . "', '" . $element->getName() . "','" . XOOPS_URL . "/images', " . (int)$element->doHtml . ", '"
|
256: | . $GLOBALS['xoopsSecurity']->createToken() . "')\" title='" . _PREVIEW . "'>" . _PREVIEW . "</button>";
|
257: |
|
258: | $ret .= '<br>' . "<div id='" . $element->getName() . "_hidden' style='display: block;'> "
|
259: | . ' <fieldset>' . ' <legend>' . $button . '</legend>'
|
260: | . " <div id='" . $element->getName() . "_hidden_data'>" . _XOOPS_FORM_PREVIEW_CONTENT
|
261: | . '</div>' . ' </fieldset>' . '</div>';
|
262: | }
|
263: |
|
264: | $javascript_file = XOOPS_URL . '/include/formdhtmltextarea.js';
|
265: | $javascript_file_element = 'include_formdhtmltextarea_js';
|
266: | $javascript = ($element->js ? '<script type="text/javascript">' . $element->js . '</script>' : '');
|
267: | $javascript .= <<<EOJS
|
268: | <script>
|
269: | var el = document.getElementById('{$javascript_file_element}');
|
270: | if (el === null) {
|
271: | var xformtag = document.createElement('script');
|
272: | xformtag.id = '{$javascript_file_element}';
|
273: | xformtag.type = 'text/javascript';
|
274: | xformtag.src = '{$javascript_file}';
|
275: | document.body.appendChild(xformtag);
|
276: | }
|
277: | </script>
|
278: | EOJS;
|
279: |
|
280: | return $javascript . $ret;
|
281: | }
|
282: |
|
283: | |
284: | |
285: | |
286: | |
287: | |
288: | |
289: |
|
290: | protected function renderFormDhtmlTAXoopsCode(XoopsFormDhtmlTextArea $element)
|
291: | {
|
292: | $textarea_id = $element->getName();
|
293: | $code = '';
|
294: | $code .= "<div class='row'><div class='col-lg-12'>";
|
295: | $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>";
|
296: | $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>";
|
297: | $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>";
|
298: | $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>";
|
299: | $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>";
|
300: |
|
301: | $myts = \MyTextSanitizer::getInstance();
|
302: |
|
303: | $extensions = array_filter($myts->config['extensions']);
|
304: | foreach (array_keys($extensions) as $key) {
|
305: | $extension = $myts->loadExtension($key);
|
306: | @list($encode, $js) = $extension->encode($textarea_id);
|
307: | if (empty($encode)) {
|
308: | continue;
|
309: | }
|
310: |
|
311: | $encode = str_replace('btn-default', 'btn-secondary', $encode);
|
312: |
|
313: | $code .= $encode;
|
314: | if (!empty($js)) {
|
315: | $element->js .= $js;
|
316: | }
|
317: | }
|
318: | $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>";
|
319: | $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>";
|
320: | $code .= "</div></div>";
|
321: |
|
322: | $xoopsPreload = XoopsPreload::getInstance();
|
323: | $xoopsPreload->triggerEvent('core.class.xoopsform.formdhtmltextarea.codeicon', array(&$code));
|
324: |
|
325: | return $code;
|
326: | }
|
327: |
|
328: | |
329: | |
330: | |
331: | |
332: | |
333: | |
334: |
|
335: | protected function renderFormDhtmlTATypography(XoopsFormDhtmlTextArea $element)
|
336: | {
|
337: | $textarea_id = $element->getName();
|
338: | $hiddentext = $element->_hiddenText;
|
339: |
|
340: | $fontarray = !empty($GLOBALS['formtextdhtml_fonts']) ? $GLOBALS['formtextdhtml_fonts'] : array(
|
341: | 'Arial',
|
342: | 'Courier',
|
343: | 'Georgia',
|
344: | 'Helvetica',
|
345: | 'Impact',
|
346: | 'Verdana',
|
347: | 'Haettenschweiler');
|
348: |
|
349: | $colorArray = array(
|
350: | 'Black' => '000000',
|
351: | 'Blue' => '38AAFF',
|
352: | 'Brown' => '987857',
|
353: | 'Green' => '79D271',
|
354: | 'Grey' => '888888',
|
355: | 'Orange' => 'FFA700',
|
356: | 'Paper' => 'E0E0E0',
|
357: | 'Purple' => '363E98',
|
358: | 'Red' => 'FF211E',
|
359: | 'White' => 'FEFEFE',
|
360: | 'Yellow' => 'FFD628',
|
361: | );
|
362: |
|
363: | $fontStr = '<div class="row"><div class="col-lg-12"><div class="btn-group" role="toolbar">';
|
364: | $fontStr .= '<div class="btn-group">'
|
365: | . '<button type="button" class="btn btn-secondary btn-sm dropdown-toggle" title="'. _SIZE .'"'
|
366: | . ' data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">'
|
367: | . '<span class = "fa fa-text-height"></span><span class="caret"></span></button>'
|
368: | . '<ul class="dropdown-menu">';
|
369: |
|
370: | foreach ($GLOBALS['formtextdhtml_sizes'] as $value => $name) {
|
371: | $fontStr .= '<li class="dropdown-item"><a href="javascript:xoopsSetElementAttribute(\'size\', \'' . $value . '\', \''
|
372: | . $textarea_id . '\', \'' . $hiddentext . '\');">' . $name . '</a></li>';
|
373: | }
|
374: | $fontStr .= '</ul></div>';
|
375: |
|
376: | $fontStr .= '<div class="btn-group">'
|
377: | . '<button type="button" class="btn btn-secondary btn-sm dropdown-toggle" title="'. _FONT .'"'
|
378: | . ' data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">'
|
379: | . '<span class = "fa fa-font"></span><span class="caret"></span></button>'
|
380: | . '<ul class="dropdown-menu">';
|
381: |
|
382: | foreach ($fontarray as $font) {
|
383: | $fontStr .= '<li class="dropdown-item"><a href="javascript:xoopsSetElementAttribute(\'font\', \'' . $font . '\', \''
|
384: | . $textarea_id . '\', \'' . $hiddentext . '\');">' . $font . '</a></li>';
|
385: | }
|
386: | $fontStr .= '</ul></div>';
|
387: |
|
388: | $fontStr .= '<div class="btn-group">'
|
389: | . '<button type="button" class="btn btn-secondary btn-sm dropdown-toggle" title="'. _COLOR .'"'
|
390: | . ' data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">'
|
391: | . '<span class = "fa fa-tint"></span><span class="caret"></span></button>'
|
392: | . '<ul class="dropdown-menu">';
|
393: |
|
394: | foreach ($colorArray as $color => $hex) {
|
395: | $fontStr .= '<li class="dropdown-item"><a href="javascript:xoopsSetElementAttribute(\'color\', \'' . $hex . '\', \''
|
396: | . $textarea_id . '\', \'' . $hiddentext . '\');">'
|
397: | . '<span style="color:#' . $hex . ';">' . $color .'</span></a></li>';
|
398: | }
|
399: | $fontStr .= '</ul></div>';
|
400: | $fontStr .= '</div>';
|
401: |
|
402: |
|
403: | $styleStr = "<div class='btn-group' role='group'>";
|
404: | $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>";
|
405: | $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>";
|
406: | $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>';
|
407: | $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>';
|
408: | $styleStr .= "</div>";
|
409: |
|
410: | $alignStr = "<div class='btn-group' role='group'>";
|
411: | $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>";
|
412: | $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>";
|
413: | $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>";
|
414: | $alignStr .= "</div>";
|
415: |
|
416: | $fontStr .= " {$styleStr} {$alignStr} \n";
|
417: |
|
418: | $maxlength = isset($element->configs['maxlength']) ? $element->configs['maxlength'] : 0;
|
419: | $fontStr .= "<button type='button' class='btn btn-secondary btn-sm' onclick=\"XoopsCheckLength('"
|
420: | . $element->getName() . "', '" . $maxlength . "', '"
|
421: | . _XOOPS_FORM_ALT_LENGTH . "', '" . _XOOPS_FORM_ALT_LENGTH_MAX . "');\" title='"
|
422: | . _XOOPS_FORM_ALT_CHECKLENGTH . "'><span class='fa fa-check-square-o' aria-hidden='true'></span></button>";
|
423: | $fontStr .= "</div></div>";
|
424: |
|
425: | return $fontStr;
|
426: | }
|
427: |
|
428: | |
429: | |
430: | |
431: | |
432: | |
433: | |
434: |
|
435: | public function renderFormElementTray(XoopsFormElementTray $element)
|
436: | {
|
437: | $count = 0;
|
438: | $inline = (\XoopsFormElementTray::ORIENTATION_VERTICAL === $element->getOrientation());
|
439: | $ret = '';
|
440: | foreach ($element->getElements() as $ele) {
|
441: | if ($count > 0 && !$inline) {
|
442: | $ret .= $element->getDelimeter();
|
443: | }
|
444: | if ($inline) {
|
445: | $ret .= '<span class="form-inline">';
|
446: | }
|
447: | if ($ele->getCaption() != '') {
|
448: | $ret .= '<label for="' . $ele->getName() . '" class="form-label text-sm-right">'
|
449: | . $ele->getCaption()
|
450: | . ($ele->isRequired() ? '<span class="caption-required">*</span>' : '')
|
451: | . '</label> ';
|
452: |
|
453: | }
|
454: | $ret .= $ele->render() . NWLINE;
|
455: | if ($inline) {
|
456: | $ret .= '</span>';
|
457: | }
|
458: | if (!$ele->isHidden()) {
|
459: | ++$count;
|
460: | }
|
461: | }
|
462: |
|
463: | return $ret;
|
464: | }
|
465: |
|
466: | |
467: | |
468: | |
469: | |
470: | |
471: | |
472: |
|
473: | public function renderFormFile(XoopsFormFile $element)
|
474: | {
|
475: | return '<input type="hidden" name="MAX_FILE_SIZE" value="' . $element->getMaxFileSize() . '">'
|
476: | . '<input type="file" class="form-control" name="' . $element->getName()
|
477: | . '" id="' . $element->getName()
|
478: | . '" title="' . $element->getTitle() . '" ' . $element->getExtra() . '>'
|
479: | . '<input type="hidden" name="xoops_upload_file[]" id="xoops_upload_file[]" value="'
|
480: | . $element->getName() . '">';
|
481: | }
|
482: |
|
483: | |
484: | |
485: | |
486: | |
487: | |
488: | |
489: |
|
490: | public function renderFormLabel(XoopsFormLabel $element)
|
491: | {
|
492: | return '<label class="col-form-label" id="' . $element->getName() . '">' . $element->getValue();
|
493: | }
|
494: |
|
495: | |
496: | |
497: | |
498: | |
499: | |
500: | |
501: |
|
502: | public function renderFormPassword(XoopsFormPassword $element)
|
503: | {
|
504: | return '<input class="form-control" type="password" name="'
|
505: | . $element->getName() . '" id="' . $element->getName() . '" size="' . $element->getSize()
|
506: | . '" maxlength="' . $element->getMaxlength() . '" value="' . $element->getValue() . '"'
|
507: | . $element->getExtra() . ' ' . ($element->autoComplete ? '' : 'autocomplete="off" ') . '/>';
|
508: | }
|
509: |
|
510: | |
511: | |
512: | |
513: | |
514: | |
515: | |
516: |
|
517: | public function renderFormRadio(XoopsFormRadio $element)
|
518: | {
|
519: |
|
520: | $elementName = $element->getName();
|
521: | $elementId = $elementName;
|
522: |
|
523: | switch ((int) ($element->columns)) {
|
524: | case 0:
|
525: | return $this->renderCheckedInline($element, 'radio', $elementId, $elementName);
|
526: | case 1:
|
527: | return $this->renderCheckedOneColumn($element, 'radio', $elementId, $elementName);
|
528: | default:
|
529: | return $this->renderCheckedColumnar($element, 'radio', $elementId, $elementName);
|
530: | }
|
531: | }
|
532: |
|
533: | |
534: | |
535: | |
536: | |
537: | |
538: | |
539: |
|
540: | public function renderFormSelect(XoopsFormSelect $element)
|
541: | {
|
542: | $ele_name = $element->getName();
|
543: | $ele_title = $element->getTitle();
|
544: | $ele_value = $element->getValue();
|
545: | $ele_options = $element->getOptions();
|
546: | $ret = '<select class="form-control" size="'
|
547: | . $element->getSize() . '"' . $element->getExtra();
|
548: | if ($element->isMultiple() != false) {
|
549: | $ret .= ' name="' . $ele_name . '[]" id="' . $ele_name . '" title="' . $ele_title
|
550: | . '" multiple="multiple">';
|
551: | } else {
|
552: | $ret .= ' name="' . $ele_name . '" id="' . $ele_name . '" title="' . $ele_title . '">';
|
553: | }
|
554: | foreach ($ele_options as $value => $name) {
|
555: | $ret .= '<option value="' . htmlspecialchars($value, ENT_QUOTES) . '"';
|
556: | if (count($ele_value) > 0 && in_array($value, $ele_value)) {
|
557: | $ret .= ' selected';
|
558: | }
|
559: | $ret .= '>' . $name . '</option>';
|
560: | }
|
561: | $ret .= '</select>';
|
562: |
|
563: | return $ret;
|
564: | }
|
565: |
|
566: | |
567: | |
568: | |
569: | |
570: | |
571: | |
572: |
|
573: | public function renderFormText(XoopsFormText $element)
|
574: | {
|
575: | return "<input class='form-control' type='text' name='"
|
576: | . $element->getName() . "' title='" . $element->getTitle() . "' id='" . $element->getName()
|
577: | . "' size='" . $element->getSize() . "' maxlength='" . $element->getMaxlength()
|
578: | . "' value='" . $element->getValue() . "'" . $element->getExtra() . '>';
|
579: | }
|
580: |
|
581: | |
582: | |
583: | |
584: | |
585: | |
586: | |
587: |
|
588: | public function renderFormTextArea(XoopsFormTextArea $element)
|
589: | {
|
590: | return "<textarea class='form-control' name='"
|
591: | . $element->getName() . "' id='" . $element->getName() . "' title='" . $element->getTitle()
|
592: | . "' rows='" . $element->getRows() . "' cols='" . $element->getCols() . "'"
|
593: | . $element->getExtra() . '>' . $element->getValue() . '</textarea>';
|
594: | }
|
595: |
|
596: | |
597: | |
598: | |
599: | |
600: | |
601: | |
602: |
|
603: | public function renderFormTextDateSelect(XoopsFormTextDateSelect $element)
|
604: | {
|
605: | static $included = false;
|
606: | if (file_exists(XOOPS_ROOT_PATH . '/language/' . $GLOBALS['xoopsConfig']['language'] . '/calendar.php')) {
|
607: | include_once XOOPS_ROOT_PATH . '/language/' . $GLOBALS['xoopsConfig']['language'] . '/calendar.php';
|
608: | } else {
|
609: | include_once XOOPS_ROOT_PATH . '/language/english/calendar.php';
|
610: | }
|
611: |
|
612: | $ele_name = $element->getName();
|
613: | $ele_value = $element->getValue(false);
|
614: | if (is_string($ele_value)) {
|
615: | $display_value = $ele_value;
|
616: | $ele_value = time();
|
617: | } else {
|
618: | $display_value = date(_SHORTDATESTRING, $ele_value);
|
619: | }
|
620: |
|
621: | $jstime = formatTimestamp($ele_value, 'm/d/Y');
|
622: | if (isset($GLOBALS['xoTheme']) && is_object($GLOBALS['xoTheme'])) {
|
623: | $GLOBALS['xoTheme']->addScript('include/calendar.js');
|
624: | $GLOBALS['xoTheme']->addStylesheet('include/calendar-blue.css');
|
625: | if (!$included) {
|
626: | $included = true;
|
627: | $GLOBALS['xoTheme']->addScript('', '', '
|
628: | var calendar = null;
|
629: |
|
630: | function selected(cal, date)
|
631: | {
|
632: | cal.sel.value = date;
|
633: | }
|
634: |
|
635: | function closeHandler(cal)
|
636: | {
|
637: | cal.hide();
|
638: | Calendar.removeEvent(document, "mousedown", checkCalendar);
|
639: | }
|
640: |
|
641: | function checkCalendar(ev)
|
642: | {
|
643: | var el = Calendar.is_ie ? Calendar.getElement(ev) : Calendar.getTargetElement(ev);
|
644: | for (; el != null; el = el.parentNode)
|
645: | if (el == calendar.element || el.tagName == "A") break;
|
646: | if (el == null) {
|
647: | calendar.callCloseHandler(); Calendar.stopEvent(ev);
|
648: | }
|
649: | }
|
650: | function showCalendar(id)
|
651: | {
|
652: | var el = xoopsGetElementById(id);
|
653: | if (calendar != null) {
|
654: | calendar.hide();
|
655: | } else {
|
656: | var cal = new Calendar(true, "' . $jstime . '", selected, closeHandler);
|
657: | calendar = cal;
|
658: | cal.setRange(1900, 2100);
|
659: | calendar.create();
|
660: | }
|
661: | calendar.sel = el;
|
662: | calendar.parseDate(el.value);
|
663: | calendar.showAtElement(el);
|
664: | Calendar.addEvent(document, "mousedown", checkCalendar);
|
665: |
|
666: | return false;
|
667: | }
|
668: |
|
669: | Calendar._DN = new Array
|
670: | ("' . _CAL_SUNDAY . '",
|
671: | "' . _CAL_MONDAY . '",
|
672: | "' . _CAL_TUESDAY . '",
|
673: | "' . _CAL_WEDNESDAY . '",
|
674: | "' . _CAL_THURSDAY . '",
|
675: | "' . _CAL_FRIDAY . '",
|
676: | "' . _CAL_SATURDAY . '",
|
677: | "' . _CAL_SUNDAY . '");
|
678: | Calendar._MN = new Array
|
679: | ("' . _CAL_JANUARY . '",
|
680: | "' . _CAL_FEBRUARY . '",
|
681: | "' . _CAL_MARCH . '",
|
682: | "' . _CAL_APRIL . '",
|
683: | "' . _CAL_MAY . '",
|
684: | "' . _CAL_JUNE . '",
|
685: | "' . _CAL_JULY . '",
|
686: | "' . _CAL_AUGUST . '",
|
687: | "' . _CAL_SEPTEMBER . '",
|
688: | "' . _CAL_OCTOBER . '",
|
689: | "' . _CAL_NOVEMBER . '",
|
690: | "' . _CAL_DECEMBER . '");
|
691: |
|
692: | Calendar._TT = {};
|
693: | Calendar._TT["TOGGLE"] = "' . _CAL_TGL1STD . '";
|
694: | Calendar._TT["PREV_YEAR"] = "' . _CAL_PREVYR . '";
|
695: | Calendar._TT["PREV_MONTH"] = "' . _CAL_PREVMNTH . '";
|
696: | Calendar._TT["GO_TODAY"] = "' . _CAL_GOTODAY . '";
|
697: | Calendar._TT["NEXT_MONTH"] = "' . _CAL_NXTMNTH . '";
|
698: | Calendar._TT["NEXT_YEAR"] = "' . _CAL_NEXTYR . '";
|
699: | Calendar._TT["SEL_DATE"] = "' . _CAL_SELDATE . '";
|
700: | Calendar._TT["DRAG_TO_MOVE"] = "' . _CAL_DRAGMOVE . '";
|
701: | Calendar._TT["PART_TODAY"] = "(' . _CAL_TODAY . ')";
|
702: | Calendar._TT["MON_FIRST"] = "' . _CAL_DISPM1ST . '";
|
703: | Calendar._TT["SUN_FIRST"] = "' . _CAL_DISPS1ST . '";
|
704: | Calendar._TT["CLOSE"] = "' . _CLOSE . '";
|
705: | Calendar._TT["TODAY"] = "' . _CAL_TODAY . '";
|
706: |
|
707: | // date formats
|
708: | Calendar._TT["DEF_DATE_FORMAT"] = "' . _SHORTDATESTRING . '";
|
709: | Calendar._TT["TT_DATE_FORMAT"] = "' . _SHORTDATESTRING . '";
|
710: |
|
711: | Calendar._TT["WK"] = "";
|
712: | ');
|
713: | }
|
714: | }
|
715: | return '<div class="input-group">'
|
716: | . '<input class="form-control" type="text" name="' . $ele_name . '" id="' . $ele_name
|
717: | . '" size="' . $element->getSize() . '" maxlength="' . $element->getMaxlength()
|
718: | . '" value="' . $display_value . '"' . $element->getExtra() . '>'
|
719: | . '<div class="input-group-append"><button class="btn btn-secondary" type="button"'
|
720: | . ' onclick="return showCalendar(\'' . $ele_name . '\');">'
|
721: | . '<i class="fa fa-calendar" aria-hidden="true"></i></button>'
|
722: | . '</div>'
|
723: | . '</div>';
|
724: | }
|
725: |
|
726: | |
727: | |
728: | |
729: | |
730: | |
731: | |
732: |
|
733: | public function renderThemeForm(XoopsThemeForm $form)
|
734: | {
|
735: | $ele_name = $form->getName();
|
736: |
|
737: | $ret = '<div>';
|
738: | $ret .= '<form name="' . $ele_name . '" id="' . $ele_name . '" action="'
|
739: | . $form->getAction() . '" method="' . $form->getMethod()
|
740: | . '" onsubmit="return xoopsFormValidate_' . $ele_name . '();"' . $form->getExtra() . '>'
|
741: | . '<h3>' . $form->getTitle() . '</h3>';
|
742: | $hidden = '';
|
743: |
|
744: | foreach ($form->getElements() as $element) {
|
745: | if (!is_object($element)) {
|
746: | $ret .= $element;
|
747: | continue;
|
748: | }
|
749: | if ($element->isHidden()) {
|
750: | $hidden .= $element->render();
|
751: | continue;
|
752: | }
|
753: |
|
754: | $ret .= '<div class="form-group row">';
|
755: | if (($caption = $element->getCaption()) != '') {
|
756: | $ret .= '<label for="' . $element->getName() . '" class="col-xs-12 col-sm-2 col-form-label text-sm-right">'
|
757: | . $element->getCaption()
|
758: | . ($element->isRequired() ? '<span class="caption-required">*</span>' : '')
|
759: | . '</label>';
|
760: | } else {
|
761: | $ret .= '<div class="col-xs-12 col-sm-2"> </div>';
|
762: | }
|
763: | $ret .= '<div class="col-xs-12 col-sm-10">';
|
764: | $ret .= $element->render();
|
765: | if (($desc = $element->getDescription()) != '') {
|
766: | $ret .= '<p class="form-text text-muted">' . $desc . '</p>';
|
767: | }
|
768: | $ret .= '</div>';
|
769: | $ret .= '</div>';
|
770: | }
|
771: | $ret .= $hidden;
|
772: | $ret .= '</form></div>';
|
773: | $ret .= $form->renderValidationJS(true);
|
774: |
|
775: | return $ret;
|
776: | }
|
777: |
|
778: | |
779: | |
780: | |
781: | |
782: | |
783: | |
784: | |
785: | |
786: |
|
787: | public function addThemeFormBreak(XoopsThemeForm $form, $extra, $class)
|
788: | {
|
789: | $class = ($class != '') ? preg_replace('/[^A-Za-z0-9\s\s_-]/i', '', $class) : '';
|
790: | $form->addElement('<div class="col-md-12 ' . $class .'">'. $extra . '</div>');
|
791: | }
|
792: | }
|
793: | |