22require
'../../../../main.inc.php';
37require_once DOL_DOCUMENT_ROOT.
'/core/class/doleditor.class.php';
40$langs->load(
'uxdocumentation');
42$action =
GETPOST(
'action',
'alpha');
47 '/includes/ace/src/ace.js',
48 '/includes/ace/src/ext-statusbar.js',
49 '/includes/ace/src/ext-language_tools.js',
52$documentation->docHeader(
'Inputs', $morejs);
56$documentation->view = array(
'Components',
'Inputs');
59$documentation->showSidebar(); ?>
61<div
class=
"doc-wrapper">
63 <?php $documentation->showBreadCrumb(); ?>
65 <div
class=
"doc-content-wrapper">
67 <h1
class=
"documentation-title"><?php echo $langs->trans(
'DocInputsTitle'); ?></h1>
68 <p
class=
"documentation-text"><?php echo $langs->trans(
'DocInputsMainDescription'); ?></p>
71 <?php $documentation->showSummary(); ?>
74 <div
class=
"documentation-section" id=
"setinputssection-basicusage">
75 <h2
class=
"documentation-title"><?php echo $langs->trans(
'DocBasicUsage'); ?></h2>
76 <!-- Classic Input -->
77 <p
class=
"documentation-text"><?php echo $langs->trans(
'DocClassicInputsDescription'); ?></p>
78 <div
class=
"documentation-example">
79 <td>Available Input</td>
80 <td><input
id=
"label" name=
"label" class=
"minwidth200" maxlength=
"255" value=
""></td>
82 <td>Disabled Input</td>
83 <td><input
id=
"label" name=
"label" class=
"minwidth200" maxlength=
"255" value=
"" disabled></td>
88 '<input id="label" name="label" class="minwidth200" maxlength="255" value="">',
91 '<input id="label" name="label" class="minwidth200" maxlength="255" value="" disabled>',
93 $documentation->showCode($lines); ?>
95 <!-- Checkbox input -->
96 <p
class=
"documentation-text"><?php echo $langs->trans(
'DocCheckboxInputsDescription'); ?></p>
97 <div
class=
"documentation-example">
98 <span
class=
"spannature paddinglarge marginrightonly nonature-back valignmiddle"><label
for=
"prospectinput" class=
"valignmiddle"><span
class=
"valignmiddle">Prospect</span><input
id=
"prospectinput" class=
"flat checkforselect marginleftonly valignmiddle" type=
"checkbox" name=
"prospect" value=
"1" checked></label></span>
99 <span
class=
"spannature paddinglarge marginrightonly nonature-back valignmiddle"><label
for=
"customerinput" class=
"valignmiddle"><span
class=
"valignmiddle">Customer</span><input
id=
"customerinput" class=
"flat checkforselect marginleftonly valignmiddle" type=
"checkbox" name=
"customer" value=
"1" checked></label></span>
100 <span
class=
"spannature paddinglarge marginrightonly nonature-back valignmiddle"><label
for=
"supplierinput" class=
"valignmiddle"><span
class=
"valignmiddle">Supplier</span><input
id=
"supplierinput" class=
"flat checkforselect marginleftonly valignmiddle" type=
"checkbox" name=
"supplier" value=
"1" checked></label></span>
104 '<span class="spannature paddinglarge marginrightonly nonature-back valignmiddle"><label for="prospectinput" class="valignmiddle"><span class="valignmiddle">Prospect</span><input id="prospectinput" class="flat checkforselect marginleftonly valignmiddle" type="checkbox" name="prospect" value="1" checked></label></span>',
105 '<span class="spannature paddinglarge marginrightonly nonature-back valignmiddle"><label for="customerinput" class="valignmiddle"><span class="valignmiddle">Customer</span><input id="customerinput" class="flat checkforselect marginleftonly valignmiddle" type="checkbox" name="customer" value="1" checked></label></span>',
106 '<span class="spannature paddinglarge marginrightonly nonature-back valignmiddle"><label for="supplierinput" class="valignmiddle"><span class="valignmiddle">Supplier</span><input id="supplierinput" class="flat checkforselect marginleftonly valignmiddle" type="checkbox" name="supplier" value="1" checked></label></span>',
108 $documentation->showCode($lines); ?>
111 <p
class=
"documentation-text"><?php echo $langs->trans(
'DocRadioInputsDescription'); ?></p>
112 <div
class=
"documentation-example">
113 <input
type=
"radio" id=
"idforradioinput1" name=
"radioinput" value=
"value1"><label
for=
"idforradioinput1" class=
"marginrightonly"> Radio Input 1</label>
114 <input
type=
"radio" id=
"idforradioinput2" name=
"radioinput" value=
"value2"><label
for=
"idforradioinput2" class=
"marginrightonly"> Radio Input 2</label>
118 '<input type="radio" id="idforradioinput1" name="radioinput" value="value1"><label for="idforradioinput1" class="marginrightonly"> Radio Input 1</label>',
119 '<input type="radio" id="idforradioinput2" name="radioinput" value="value2"><label for="idforradioinput2" class="marginrightonly"> Radio Input 2</label>'
121 $documentation->showCode($lines); ?>
124 <!-- Helper functions -->
125 <div
class=
"documentation-section" id=
"setinputssection-helperfunctions">
126 <h2
class=
"documentation-title"><?php echo $langs->trans(
'DocHelperFunctionsInputUsage'); ?></h2>
127 <p
class=
"documentation-text"><?php echo $langs->trans(
'DocSelectInputsDescription'); ?></p>
128 <div
class=
"documentation-example">
129 <td>Select with empty value</td>
131 $values = [
'1' =>
'value 1',
'2' =>
'value 2',
'3' =>
'value 3'];
133 print $form->selectarray(
'htmlnameselectwithemptyvalue', $values,
'idselectwithemptyvalue', 1, 0, 0,
'', 0, 0, 0,
'',
'minwidth200');
136 <td>Select within empty value</td>
138 $values = [
'1' =>
'value 1',
'2' =>
'value 2',
'3' =>
'value 3'];
140 print $form->selectarray(
'htmlnameselectwithinemptyvalue', $values,
'idnameselectwithinemptyvalue', 0, 0, 0,
'', 0, 0, 0,
'',
'minwidth200');
170 '// Select with empty value',
171 'print $form->selectarray(\'htmlnameselectwithemptyvalue\', $values, \'idselectwithemptyvalue\', 1, 0, 0, \'\', 0, 0, 0, \'\', \'minwidth200\');',
173 '// Select within empty value',
174 'print $form->selectarray(\'htmlnameselectwithinemptyvalue\', $values, \'idnameselectwithinemptyvalue\', 0,0, 0, \'\', 0, 0, 0, \'\', \'minwidth200\');',
177 $documentation->showCode($lines,
'php'); ?>
179 <!-- Multiselect input -->
180 <p
class=
"documentation-text"><?php echo $langs->trans(
'DocMultiSelectInputsDescription'); ?></p>
181 <div
class=
"documentation-example">
184 $values = [
'1' =>
'value 1',
'2' =>
'value 2',
'3' =>
'value 3'];
186 print $form->multiselectarray(
'categories', $values,
GETPOST(
'categories',
'array'), 0, 0,
'minwidth200', 0, 0);
213 'print $form->multiselectarray(\'categories\', $values, GETPOST(\'categories\', \'array\'), 0, 0, \'minwidth200\', 0, 0);'
215 $documentation->showCode($lines,
'php'); ?>
218 <p
class=
"documentation-text"><?php echo $langs->trans(
'DocDateSelectInputsDescription'); ?></p>
219 <div
class=
"documentation-example">
222 $values = [
'1' =>
'value 1',
'2' =>
'value 2',
'3' =>
'value 3'];
224 print $form->selectDate();
227 <td>Date Select with hours</td>
229 $values = [
'1' =>
'value 1',
'2' =>
'value 2',
'3' =>
'value 3'];
231 print $form->selectDate(
'',
're2', 1, 1, 1);
267 'print $form->selectDate();',
269 '// Date Select with hours',
270 'print $form->selectDate(\'\', \'re2\', 1, 1, 1);'
272 $documentation->showCode($lines,
'php'); ?>
275 <!-- Editor input -->
276 <p
class=
"documentation-text"><?php echo $langs->trans(
'DocEditorInputsDescription'); ?></p>
277 <div
class=
"documentation-example">
279 $doleditor =
new DolEditor(
'desc',
GETPOST(
'desc',
'restricthtml'),
'', 160,
'dolibarr_details',
'',
false,
true,
getDolGlobalString(
'FCKEDITOR_ENABLE_DETAILS'), ROWS_4,
'90%');
280 $doleditor->Create();
306 '$doleditor = new DolEditor(\'desc\', GETPOST(\'desc\', \'restricthtml\'), \'\', 160, \'dolibarr_details\', \'\', false, true, getDolGlobalString(\'FCKEDITOR_ENABLE_DETAILS\'), ROWS_4, \'90%\');',
307 'print $form->multiselectarray(\'categories\', $values, GETPOST(\'categories\', \'array\'), 0, 0, \'minwidth200\', 0, 0);'
309 $documentation->showCode($lines,
'php'); ?>
312 <!-- Search Filter Tool Input -->
313 <div
class=
"documentation-section" id=
"setinputssection-getSearchFilterToolInput">
314 <h2
class=
"documentation-title"><?php echo $langs->trans(
'DocSearchInputUsage'); ?></h2>
315 <p
class=
"documentation-text"><?php echo $langs->trans(
'DocSearchInputUsageDescription'); ?></p>
316 <div
class=
"documentation-example">
318 $containerCssSelector =
'#demo-search-filter-tool-container-01';
319 print $form->getSearchFilterToolInput(
320 $containerCssSelector.
' .search-item',
324 'data-counter-target' => $containerCssSelector.
' .counter',
325 'data-no-item-target' => $containerCssSelector.
' .search-tool-no-results',
331 <div
id=
"demo-search-filter-tool-container-01">
332 <p>Counter : <strong
class=
"counter">12</strong></p>
334 <li
class=
"search-item">France</li>
335 <li
class=
"search-item">Italy</li>
336 <li
class=
"search-item">Germany</li>
337 <li
class=
"search-item">Spain</li>
338 <li
class=
"search-item">Canada</li>
339 <li
class=
"search-item">Brazil</li>
340 <li
class=
"search-item">Argentina</li>
341 <li
class=
"search-item">Japan</li>
342 <li
class=
"search-item">Australia</li>
343 <li
class=
"search-item">India</li>
344 <li
class=
"search-item">Egypt</li>
345 <li
class=
"search-item">South Africa</li>
347 <div
class=
"search-tool-no-results hidden-search-result" ><?php print $langs->trans(
'NoResults') ?></div>
353 '<div class="search-tool-container">',
357 ' autofocus="" <?php // To use only if search is in top of page ?> ',
359 ' class="search-tool-input" <?php // optional for js filter you can use custom class ?> ',
360 ' placeholder="Search"',
361 ' autocomplete="off"',
362 ' data-search-tool-target="#demo-filter .search-item" <?php // required for js filter ?> ',
363 ' data-counter-target="#demo-filter .counter" <?php // optional for js filter ?> ',
364 ' data-no-item-target="#demo-filter .search-tool-no-results" <?php // optional for js filter ?> ',
367 '<div id="demo-filter">',
368 ' <p>Counter : <strong class="counter">4</strong></p>',
370 ' <li class="search-item">France</li>',
371 ' <li class="search-item">Italy</li>',
372 ' <li class="search-item">Germany</li>',
373 ' <li class="search-item">Spain</li>',
375 ' <div class="search-tool-no-results hidden-search-result" >No results</div>',
379 $documentation->showCode($lines,
'php');
383 'print $form->getSearchFilterToolInput(',
384 ' \'#demo-filter .search-item\',',
385 ' \'search-tools-input\',',
387 ' \'data-no-item-target\' => \'#demo-filter .search-tool-no-results\', ',
388 ' \'data-counter-target\' => \'#demo-filter .counter\', ',
394 '<div id="demo-filter">',
395 ' <p>Counter : <strong class="counter">4</strong></p>',
397 ' <li class="search-item">France</li>',
398 ' <li class="search-item">Italy</li>',
399 ' <li class="search-item">Germany</li>',
400 ' <li class="search-item">Spain</li>',
402 ' <div class="search-tool-no-results hidden-search-result" >No results</div>',
406 $documentation->showCode($lines,
'php');
417$documentation->docFooter();
Class to manage UI documentation.
Class to manage a WYSIWYG editor.
if(!function_exists( 'dol_getprefix')) dol_include_once($relpath, $classname='')
Make an include_once using default root and alternate root if it fails.
GETPOST($paramname, $check='alphanohtml', $method=0, $filter=null, $options=null, $noreplace=0)
Return value of a param into GET or POST supervariable.
getDolGlobalString($key, $default='')
Return a Dolibarr global constant string value.
if(preg_match('/(crypted|dolcrypt):/i', $dolibarr_main_db_pass)||!empty($dolibarr_main_db_encrypted_pass)) $conf db type
'integer', 'integer:ObjectClass:PathToClass[:AddCreateButtonOrNot[:Filter[:Sortfield]]]',...
$conf db name
Only used if Module[ID]Name translation string is not found.
accessforbidden($message='', $printheader=1, $printfooter=1, $showonlymessage=0, $params=null)
Show a message to say access is forbidden and stop program.