1: <?php
2: /**
3: * You may not change or alter any portion of this comment or credits
4: * of supporting developers from this source code or any supporting source code
5: * which is considered copyrighted (c) material of the original comment or credit authors.
6: * This program is distributed in the hope that it will be useful,
7: * but WITHOUT ANY WARRANTY; without even the implied warranty of
8: * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
9: */
10:
11: /**
12: * Bootstrap5 style form renderer
13: *
14: * @category XoopsForm
15: * @package XoopsFormRendererBootstrap5
16: * @author Tad <tad0616@gmail.com>
17: * @author Richard Griffith <richard@geekwright.com>
18: * @copyright 2018-2021 XOOPS Project (https://xoops.org)
19: * @license GNU GPL 2.0 or later (https://www.gnu.org/licenses/gpl-2.0.html)
20: */
21: class XoopsFormRendererBootstrap5 implements XoopsFormRendererInterface
22: {
23:
24: /**
25: * Render support for XoopsFormButton
26: *
27: * @param XoopsFormButton $element form element
28: *
29: * @return string rendered form element
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: * Render support for XoopsFormButtonTray
42: *
43: * @param XoopsFormButtonTray $element form element
44: *
45: * @return string rendered form element
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: * Render support for XoopsFormCheckBox
66: *
67: * @param XoopsFormCheckBox $element form element
68: *
69: * @return string rendered form element
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: * Render a inline checkbox or radio element
93: *
94: * @param XoopsFormCheckBox|XoopsFormRadio $element element being rendered
95: * @param string $type 'checkbox' or 'radio;
96: * @param string $elementId input 'id' attribute of element
97: * @param string $elementName input 'name' attribute of element
98: * @return string
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: * Render a single column checkbox or radio element
129: *
130: * @param XoopsFormCheckBox|XoopsFormRadio $element element being rendered
131: * @param string $type 'checkbox' or 'radio;
132: * @param string $elementId input 'id' attribute of element
133: * @param string $elementName input 'name' attribute of element
134: * @return string
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: * Render a multicolumn checkbox or radio element
165: *
166: * @param XoopsFormCheckBox|XoopsFormRadio $element element being rendered
167: * @param string $type 'checkbox' or 'radio;
168: * @param string $elementId input 'id' attribute of element
169: * @param string $elementName input 'name' attribute of element
170: * @return string
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: * Render support for XoopsFormColorPicker
200: *
201: * @param XoopsFormColorPicker $element form element
202: *
203: * @return string rendered form element
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: * Render support for XoopsFormDhtmlTextArea
221: *
222: * @param XoopsFormDhtmlTextArea $element form element
223: *
224: * @return string rendered form element
225: */
226: public function renderFormDhtmlTextArea(XoopsFormDhtmlTextArea $element)
227: {
228: xoops_loadLanguage('formdhtmltextarea');
229: $ret = '';
230: // actions
231: $ret .= $this->renderFormDhtmlTAXoopsCode($element) . "<br>\n";
232: // fonts
233: $ret .= $this->renderFormDhtmlTATypography($element);
234: // length checker
235:
236: $ret .= "<br>\n";
237: // the textarea box
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: // Load javascript
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: * Render xoopscode buttons for editor, include calling text sanitizer extensions
285: *
286: * @param XoopsFormDhtmlTextArea $element form element
287: *
288: * @return string rendered buttons for xoopscode assistance
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&amp;type=smilies&amp;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: // TODO - MyTextSanitizer button rendering should go through XoopsFormRenderer
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: * Render typography controls for editor (font, size, color)
330: *
331: * @param XoopsFormDhtmlTextArea $element form element
332: *
333: * @return string rendered typography controls
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: //. _SIZE . '&nbsp;&nbsp;<span class="caret"></span></button><ul class="dropdown-menu">';
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: //. _FONT . '&nbsp;&nbsp;<span class="caret"></span></button><ul class="dropdown-menu">';
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: //. _COLOR . '&nbsp;&nbsp;<span class="caret"></span></button><ul class="dropdown-menu">';
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: //$styleStr = "<div class='row'><div class='col-lg-12'>";
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 .= "&nbsp;{$styleStr}&nbsp;{$alignStr}&nbsp;\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: * Render support for XoopsFormElementTray
430: *
431: * @param XoopsFormElementTray $element form element
432: *
433: * @return string rendered form element
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>&nbsp;';
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: * Render support for XoopsFormFile
468: *
469: * @param XoopsFormFile $element form element
470: *
471: * @return string rendered form element
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: * Render support for XoopsFormLabel
485: *
486: * @param XoopsFormLabel $element form element
487: *
488: * @return string rendered form element
489: */
490: public function renderFormLabel(XoopsFormLabel $element)
491: {
492: return '<label class="col-form-label" id="' . $element->getName() . '">' . $element->getValue();
493: }
494:
495: /**
496: * Render support for XoopsFormPassword
497: *
498: * @param XoopsFormPassword $element form element
499: *
500: * @return string rendered form element
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: * Render support for XoopsFormRadio
512: *
513: * @param XoopsFormRadio $element form element
514: *
515: * @return string rendered form element
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: * Render support for XoopsFormSelect
535: *
536: * @param XoopsFormSelect $element form element
537: *
538: * @return string rendered form element
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: * Render support for XoopsFormText
568: *
569: * @param XoopsFormText $element form element
570: *
571: * @return string rendered form element
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: * Render support for XoopsFormTextArea
583: *
584: * @param XoopsFormTextArea $element form element
585: *
586: * @return string rendered form element
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: * Render support for XoopsFormTextDateSelect
598: *
599: * @param XoopsFormTextDateSelect $element form element
600: *
601: * @return string rendered form element
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: * Render support for XoopsThemeForm
728: *
729: * @param XoopsThemeForm $form form to render
730: *
731: * @return string rendered form
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)) { // see $form->addBreak()
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: * Support for themed addBreak
780: *
781: * @param XoopsThemeForm $form
782: * @param string $extra pre-rendered content for break row
783: * @param string $class class for row
784: *
785: * @return void
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: