164 lines
8.8 KiB
PHP
Executable File
164 lines
8.8 KiB
PHP
Executable File
<?php
|
|
use phpformbuilder\Form;
|
|
|
|
include_once '../../../phpformbuilder/Form.php';
|
|
include_once 'render.php';
|
|
|
|
$output = array(
|
|
'title' => array(),
|
|
'form_code' => array(),
|
|
'form' => array(),
|
|
'html_code' => array()
|
|
);
|
|
|
|
$form_id = 'plugins-select2-form-1';
|
|
|
|
$form = new Form($form_id, 'horizontal');
|
|
|
|
|
|
$form->addOption('position-applying-for-s2', '', '');
|
|
$form->addOption('position-applying-for-s2', 'Interface Designer', 'Interface Designer');
|
|
$form->addOption('position-applying-for-s2', 'Software Engineer', 'Software Engineer');
|
|
$form->addOption('position-applying-for-s2', 'System Administrator', 'System Administrator');
|
|
$form->addOption('position-applying-for-s2', 'Office Manager', 'Office Manager');
|
|
|
|
$form->addSelect('position-applying-for-s2', 'Which position are you applying for ?', 'class=select2, data-placeholder=Choose one ..., required');
|
|
|
|
|
|
$output['title'][] = 'Select with placeholder';
|
|
$output['form_code'][] = htmlspecialchars('$form = new Form(\'' . $form_id . '\', \'horizontal\');
|
|
|
|
$form->addOption(\'position-applying-for-s2\', \'\', \'\');
|
|
$form->addOption(\'position-applying-for-s2\', \'Interface Designer\', \'Interface Designer\');
|
|
$form->addOption(\'position-applying-for-s2\', \'Software Engineer\', \'Software Engineer\');
|
|
$form->addOption(\'position-applying-for-s2\', \'System Administrator\', \'System Administrator\');
|
|
$form->addOption(\'position-applying-for-s2\', \'Office Manager\', \'Office Manager\');
|
|
|
|
$form->addSelect(\'position-applying-for-s2\', \'Which position are you applying for ?\', \'class=select2, data-placeholder=Choose one ..., required\');');
|
|
|
|
$output['form'][] = $form;
|
|
$output['html_code'][] = trim(htmlspecialchars($form->cleanHtmlOutput($form->html)));
|
|
|
|
/*---------- example 2 ----------*/
|
|
|
|
$form_id = 'plugins-select2-form-2';
|
|
|
|
$form = new Form($form_id, 'horizontal');
|
|
|
|
|
|
$form->addOption('product-choice-s2[]', 'Computers', 'Computers', '', 'data-icon=fa fa-desktop');
|
|
$form->addOption('product-choice-s2[]', 'Games', 'Games', '', 'data-icon=fa fa-gamepad');
|
|
$form->addOption('product-choice-s2[]', 'Books', 'Books', '', 'selected, data-icon=fa fa-book');
|
|
$form->addOption('product-choice-s2[]', 'Music', 'Music', '', 'selected, data-icon=fa fa-headphones');
|
|
$form->addOption('product-choice-s2[]', 'Photos', 'Photos', '', 'data-icon=fa fa-camera-retro');
|
|
$form->addOption('product-choice-s2[]', 'Films', 'Films', '', 'data-icon=fa fa-film');
|
|
|
|
$form->addHelper('(multiple choices)', 'product-choice-s2[]');
|
|
|
|
$form->addSelect('product-choice-s2[]', 'What products are you interested in ?', 'class=select2, multiple, required');
|
|
|
|
|
|
$output['title'][] = 'Select multiple with icons';
|
|
$output['form_code'][] = htmlspecialchars('$form = new Form(\'' . $form_id . '\', \'horizontal\');
|
|
|
|
$form->addOption(\'product-choice-s2[]\', \'Computers\', \'Computers\', \'\', \'data-icon=fa fa-desktop\');
|
|
$form->addOption(\'product-choice-s2[]\', \'Games\', \'Games\', \'\', \'data-icon=fa fa-gamepad\');
|
|
$form->addOption(\'product-choice-s2[]\', \'Books\', \'Books\', \'\', \'selected, data-icon=fa fa-book\');
|
|
$form->addOption(\'product-choice-s2[]\', \'Music\', \'Music\', \'\', \'selected, data-icon=fa fa-headphones\');
|
|
$form->addOption(\'product-choice-s2[]\', \'Photos\', \'Photos\', \'\', \'data-icon=fa fa-camera-retro\');
|
|
$form->addOption(\'product-choice-s2[]\', \'Films\', \'Films\', \'\', \'data-icon=fa fa-film\');
|
|
|
|
$form->addHelper(\'(multiple choices)\', \'product-choice-s2[]\');
|
|
|
|
$form->addSelect(\'product-choice-s2[]\', \'What products are you interested in ?\', \'class=select2, multiple, required\');');
|
|
|
|
$output['form'][] = $form;
|
|
$output['html_code'][] = trim(htmlspecialchars($form->cleanHtmlOutput($form->html)));
|
|
|
|
/*---------- example 3 ----------*/
|
|
|
|
$form_id = 'plugins-select2-form-3';
|
|
|
|
$form = new Form($form_id, 'vertical');
|
|
|
|
|
|
$form->addOption('bg-color', 'blue-200', 'Blue light', 'blue', 'data-content=<span class\=\'d-inline-block h-100 mr-2 bg-blue-200\' style\=\'width:40px;\'> </span>');
|
|
$form->addOption('bg-color', 'blue-500', 'Blue', 'blue', 'data-content=<span class\=\'d-inline-block h-100 mr-2 bg-blue-400\' style\=\'width:40px;\'> </span>');
|
|
$form->addOption('bg-color', 'blue-800', 'Blue dark', 'blue', 'data-content=<span class\=\'d-inline-block h-100 mr-2 bg-blue-800\' style\=\'width:40px;\'> </span>');
|
|
|
|
$form->addOption('bg-color', 'red-200', 'Red light', 'red', 'data-content=<span class\=\'d-inline-block h-100 mr-2 bg-red-200\' style\=\'width:40px;\'> </span>');
|
|
$form->addOption('bg-color', 'red-500', 'Red', 'red', 'data-content=<span class\=\'d-inline-block h-100 mr-2 bg-red-400\' style\=\'width:40px;\'> </span>');
|
|
$form->addOption('bg-color', 'red-800', 'Red dark', 'red', 'data-content=<span class\=\'d-inline-block h-100 mr-2 bg-red-800\' style\=\'width:40px;\'> </span>');
|
|
|
|
$form->addSelect('bg-color', 'Background color', 'class=select2');
|
|
|
|
|
|
$output['title'][] = 'Select with option groups & options built with custom html<br><small>Note that the equal sign and single quotes are all escaped with a backslash in the options html content</small>';
|
|
$output['form_code'][] = htmlspecialchars('$form = new Form(\'' . $form_id . '\', \'vertical\');
|
|
|
|
$form->addOption(\'bg-color\', \'blue-200\', \'Blue light\', \'blue\', \'data-content=<span class\=\\\'d-inline-block h-100 mr-2 bg-blue-200\\\' style\=\\\'width:40px;\\\'> </span>\');
|
|
$form->addOption(\'bg-color\', \'blue-500\', \'Blue\', \'blue\', \'data-content=<span class\=\\\'d-inline-block h-100 mr-2 bg-blue-400\\\' style\=\\\'width:40px;\\\'> </span>\');
|
|
$form->addOption(\'bg-color\', \'blue-800\', \'Blue dark\', \'blue\', \'data-content=<span class\=\\\'d-inline-block h-100 mr-2 bg-blue-800\\\' style\=\\\'width:40px;\\\'> </span>\');
|
|
|
|
$form->addOption(\'bg-color\', \'red-200\', \'Red light\', \'red\', \'data-content=<span class\=\\\'d-inline-block h-100 mr-2 bg-red-200\\\' style\=\\\'width:40px;\\\'> </span>\');
|
|
$form->addOption(\'bg-color\', \'red-500\', \'Red\', \'red\', \'data-content=<span class\=\\\'d-inline-block h-100 mr-2 bg-red-400\\\' style\=\\\'width:40px;\\\'> </span>\');
|
|
$form->addOption(\'bg-color\', \'red-800\', \'Red dark\', \'red\', \'data-content=<span class\=\\\'d-inline-block h-100 mr-2 bg-red-800\\\' style\=\\\'width:40px;\\\'> </span>\');
|
|
|
|
$form->addSelect(\'bg-color\', \'Background color\', \'class=select2\');');
|
|
$output['form'][] = $form;
|
|
$output['html_code'][] = trim(htmlspecialchars($form->cleanHtmlOutput($form->html)));
|
|
|
|
/*---------- example 4 ----------*/
|
|
|
|
$form_id = 'plugins-select2-form-4';
|
|
|
|
$form = new Form($form_id, 'horizontal');
|
|
|
|
|
|
$form->addOption('favorite-animals-s2[]', 'Cat', 'Cat');
|
|
$form->addOption('favorite-animals-s2[]', 'Dog', 'Dog');
|
|
$form->addOption('favorite-animals-s2[]', 'Lion', 'Lion');
|
|
$form->addOption('favorite-animals-s2[]', 'Rabbit', 'Rabbit');
|
|
$form->addOption('favorite-animals-s2[]', 'Mosquito', 'Mosquito');
|
|
|
|
$form->addHelper('3 animals max., type in the field to add your custom ones', 'favorite-animals-s2[]');
|
|
|
|
$form->addSelect('favorite-animals-s2[]', 'Choose your favorite animals', 'class=select2, data-tags=true, data-maximum-selection-length=3, data-close-on-select=true, data-language=es, multiple, required');
|
|
|
|
|
|
$output['title'][] = '<small>Select multiple tags, dynamic option creation, maximum limit & custom language for messages</small>';
|
|
$output['form_code'][] = htmlspecialchars('$form = new Form(\'' . $form_id . '\', \'horizontal\');
|
|
|
|
$form->addOption(\'favorite-animals-s2[]\', \'Cat\', \'Cat\');
|
|
$form->addOption(\'favorite-animals-s2[]\', \'Dog\', \'Dog\');
|
|
$form->addOption(\'favorite-animals-s2[]\', \'Lion\', \'Lion\');
|
|
$form->addOption(\'favorite-animals-s2[]\', \'Rabbit\', \'Rabbit\');
|
|
$form->addOption(\'favorite-animals-s2[]\', \'Mosquito\', \'Mosquito\');
|
|
|
|
$form->addHelper(\'3 animals max., type in the field to add your custom ones\', \'favorite-animals-s2[]\');
|
|
|
|
$form->addSelect(\'favorite-animals-s2[]\', \'Choose your favorite animals\', \'class=select2, data-tags=true, data-maximum-selection-length=3, data-close-on-select=true, data-language=es, multiple, required\');');
|
|
|
|
$output['form'][] = $form;
|
|
$output['html_code'][] = trim(htmlspecialchars($form->cleanHtmlOutput($form->html)));
|
|
|
|
/*---------- example 5 ----------*/
|
|
|
|
$form_id = 'plugins-select2-form-5';
|
|
|
|
$form = new Form($form_id, 'horizontal');
|
|
|
|
|
|
$form->addCountrySelect('country-select2', 'country: ', 'title=Select a country');
|
|
|
|
|
|
$output['title'][] = 'Select Country (uses the <code class="language-php">addCountrySelect()</code> function)';
|
|
$output['form_code'][] = htmlspecialchars('$form = new Form(\'' . $form_id . '\', \'horizontal\');
|
|
|
|
$form->addCountrySelect(\'country-select2\', \'country: \', \'title=Select a country\');');
|
|
|
|
$output['form'][] = $form;
|
|
$output['html_code'][] = trim(htmlspecialchars($form->cleanHtmlOutput($form->html)));
|
|
|
|
echo renderExample($output);
|