2164 lines
81 KiB
PHP
2164 lines
81 KiB
PHP
<?php
|
|
/**
|
|
* Observium
|
|
*
|
|
* This file is part of Observium.
|
|
*
|
|
* @package observium
|
|
* @subpackage web
|
|
* @copyright (C) Adam Armstrong
|
|
*
|
|
*/
|
|
|
|
/**
|
|
* Generate a search form
|
|
*
|
|
* generates a search form.
|
|
* types allowed: select, multiselect, text (or input), datetime, newline
|
|
*
|
|
* Example of use:
|
|
* - array for 'select' item type
|
|
* $search[] = array('type' => 'select', // Type
|
|
* 'name' => 'Search By', // Displayed title for item
|
|
* 'id' => 'searchby', // Item id and name
|
|
* 'width' => '120px', // (Optional) Item width
|
|
* 'size' => '15', // (Optional) Maximum number of items to show in the menu (default 15)
|
|
* 'value' => $vars['searchby'], // (Optional) Current value(-s) for item
|
|
* 'values' => array('mac' => 'MAC Address',
|
|
* 'ip' => 'IP Address')); // Array with option items
|
|
* - array for 'multiselect' item type (array keys same as above)
|
|
* $search[] = array('type' => 'multiselect',
|
|
* 'name' => 'Priorities',
|
|
* 'id' => 'priority',
|
|
* 'width' => '150px',
|
|
* 'subtext' => TRUE, // (Optional) Display items value right of the item name
|
|
* 'encode' => FALSE, // (Optional) Use var_encode for values, use when values contains commas or empty string
|
|
* 'value' => $vars['priority'],
|
|
* 'values' => $priorities);
|
|
* - array for 'text' or 'input' item type
|
|
* $search[] = array('type' => 'text',
|
|
* 'name' => 'Address',
|
|
* 'id' => 'address',
|
|
* 'width' => '120px',
|
|
* 'placeholder' => FALSE, // (Optional) Display item name as pleseholder or left relatively input
|
|
* 'value' => $vars['address']);
|
|
* - array for 'datetime' item type
|
|
* $search[] = array('type' => 'datetime',
|
|
* 'id' => 'timestamp',
|
|
* 'presets' => TRUE, // (optional) Show select field with timerange presets
|
|
* 'min' => dbFetchCell('SELECT MIN(`timestamp`) FROM `syslog`'), // (optional) Minimum allowed date/time
|
|
* 'max' => dbFetchCell('SELECT MAX(`timestamp`) FROM `syslog`'), // (optional) Maximum allowed date/time
|
|
* 'from' => $vars['timestamp_from'], // (optional) Current 'from' value
|
|
* 'to' => $vars['timestamp_to']); // (optional) Current 'to' value
|
|
* - array for 'sort' item pseudo type
|
|
* $search[] = array('type' => 'sort',
|
|
* 'value' => $vars['sort'],
|
|
* 'values' => $sorts);
|
|
* - array for 'newline' item pseudo type
|
|
* $search[] = array('type' => 'newline',
|
|
* 'hr' => FALSE); // (optional) show or not horizontal line
|
|
* print_search($search, 'Title here', 'search', url);
|
|
*
|
|
* @param array $data
|
|
* @param string|null $title
|
|
* @param string $button
|
|
* @param string|null $url
|
|
*
|
|
* @return void
|
|
*/
|
|
function print_search($data, $title = NULL, $button = 'search', $url = NULL)
|
|
{
|
|
// Cache permissions to session var
|
|
permissions_cache_session();
|
|
//r($_SESSION['cache']);
|
|
|
|
$submit_by_key = FALSE;
|
|
$string_items = '';
|
|
foreach ($data as $item) {
|
|
if ($url && isset($item['id'])) {
|
|
// Remove old vars from url
|
|
$url = preg_replace('/' . $item['id'] . '=[^\/]+\/?/', '', $url);
|
|
}
|
|
if ($item['type'] === 'sort') {
|
|
$sort = $item;
|
|
continue;
|
|
}
|
|
if (isset($item['submit_by_key']) && $item['submit_by_key']) {
|
|
$submit_by_key = TRUE;
|
|
}
|
|
$string_items .= generate_form_element($item);
|
|
}
|
|
|
|
$form_id = 'search-' . random_string('4');
|
|
|
|
if ($submit_by_key) {
|
|
$action = '';
|
|
if ($url) {
|
|
$action .= 'this.form.prop(\'action\', form_to_path(\'' . $form_id . '\'));';
|
|
}
|
|
register_html_resource('script', '$(function(){$(\'form#' . $form_id . '\').each(function(){$(this).find(\'input\').keypress(function(e){if(e.which==10||e.which==13){' . $action . 'this.form.submit();}});});});');
|
|
}
|
|
|
|
// Form header
|
|
$string = PHP_EOL . '<!-- START search form -->' . PHP_EOL;
|
|
$string .= '<form method="POST" action="' . $url . '" class="form-inline" id="' . $form_id . '">' . PHP_EOL;
|
|
$string .= '<div class="navbar">' . PHP_EOL;
|
|
$string .= '<div class="navbar-inner">';
|
|
$string .= '<div class="container">';
|
|
if (isset($title)) {
|
|
$string .= ' <a class="brand">' . escape_html($title) . '</a>' . PHP_EOL;
|
|
}
|
|
|
|
$string .= '<div class="nav" style="margin: 5px 0 5px 0;">';
|
|
|
|
// Main
|
|
$string .= $string_items;
|
|
|
|
$string .= '</div>';
|
|
|
|
// Form footer
|
|
/// FIXME. I don't know how to put this buttons to middle or bottom..
|
|
$string .= ' <div class="nav pull-right"';
|
|
|
|
//$button_style = 'line-height: 20px;';
|
|
$button_style = '';
|
|
// Add sort switcher if present
|
|
if (isset($sort)) {
|
|
$string .= ' style="margin: 5px 0 5px 0;">' . PHP_EOL;
|
|
$string .= ' <select name="sort" id="sort" class="selectpicker pull-right" title="Sort Order" style="width: 150px;" data-width="150px">' . PHP_EOL;
|
|
foreach ($sort['values'] as $item => $name) {
|
|
if (!$sort['value']) {
|
|
$sort['value'] = $item;
|
|
}
|
|
$string .= ' <option value="' . $item . '"';
|
|
if ($sort['value'] == $item) {
|
|
$string .= ' data-icon="' . $GLOBALS['config']['icon']['sort'] . '" selected';
|
|
}
|
|
$string .= '>' . $name . '</option>';
|
|
}
|
|
$string .= ' </select><br />' . PHP_EOL;
|
|
$button_style .= ' margin-top: 7px;';
|
|
} else {
|
|
$string .= '>' . PHP_EOL;
|
|
}
|
|
|
|
// Note, script submitURL() stored in js/observium.js
|
|
$button_type = 'submit';
|
|
$button_onclick = '';
|
|
if ($url) {
|
|
$button_type = 'button';
|
|
$button_onclick = " onclick=\"form_to_path('" . $form_id . "');\"";
|
|
}
|
|
|
|
$string .= ' <button type="' . $button_type . '" class="btn btn-default pull-right" style="' . $button_style . '"' . $button_onclick . '>';
|
|
switch ($button) {
|
|
// Note. 'update' - use POST request, all other - use GET with generate url from js.
|
|
case 'update':
|
|
$string .= get_icon('icon-refresh') . ' Update</button>' . PHP_EOL;
|
|
break;
|
|
default:
|
|
$string .= get_icon('icon-search') . ' Search</button>' . PHP_EOL;
|
|
}
|
|
$string .= ' </div>' . PHP_EOL;
|
|
$string .= '</div></div></div></form>' . PHP_EOL;
|
|
$string .= '<!-- END search form -->' . PHP_EOL . PHP_EOL;
|
|
|
|
// Print search form
|
|
echo($string);
|
|
}
|
|
|
|
/**
|
|
* Calculate and store default grid sizes for form rows based on the given data.
|
|
*
|
|
* @param array $data Input data containing form row and element information
|
|
*/
|
|
function form_grid_calculate(&$data) {
|
|
// Calculate grid sizes for rows
|
|
foreach ($data['row'] as $k => $row) {
|
|
$row_count = safe_count($row);
|
|
// Default (auto) grid size for elements
|
|
$row_grid = (int)(12 / $row_count);
|
|
$grid_count = 0; // Count for custom passed grid sizes
|
|
foreach ($row as $id => $element) {
|
|
if (isset($element['div_class']) && preg_match('/col-(?:lg|md|sm)-(\d+)/', $element['div_class'], $matches)) {
|
|
// Class with col size passed
|
|
$grid_count += (int)$matches[1];
|
|
} elseif (isset($element['grid'])) {
|
|
// Grid size passed
|
|
if ($element['grid'] > 0 && $element['grid'] <= 12) {
|
|
$grid_count += (int)$element['grid'];
|
|
} else {
|
|
// Incorrect size
|
|
unset($row[$k]['grid']);
|
|
}
|
|
}
|
|
}
|
|
$row_grid = 12 - $grid_count; // Free grid size after custom grid
|
|
$row_grid = (int)($row_grid / $row_count); // Default (auto) grid size for elements
|
|
if ($grid_count > 2 && $row_grid < 1) {
|
|
$row_grid = 1;
|
|
} // minimum 1 for auto if custom grid passed
|
|
elseif ($row_grid < 2) {
|
|
$row_grid = 2;
|
|
} // minimum 2 for auto
|
|
|
|
$data['grid'][$k] = $row_grid; // Store default grid size for row
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Helper function for print_form() to gen initial form options.
|
|
*
|
|
* @param array $data
|
|
* @param array $form_options
|
|
* @return array
|
|
*/
|
|
function form_init($data, &$form_options = []) {
|
|
|
|
$form_id = $data['id'] ?? 'form-' . random_string();
|
|
$form_class = str_starts_with($data['type'], 'horizontal') ? 'form form-horizontal' : 'form form-inline'; // default for rows and simple
|
|
$form_style = $data['style'] ?? 'margin-bottom: 0px;';
|
|
$form_style = ' style="' . $form_style . '"';
|
|
$base_class = array_key_exists('class', $data) ? $data['class'] : OBS_CLASS_BOX;
|
|
$base_space = $data['space'] ?: '5px';
|
|
|
|
// Cache permissions to session var
|
|
permissions_cache_session();
|
|
|
|
if ($data['submit_json']) {
|
|
register_html_resource('js', 'js/jquery.serializejson.min.js');
|
|
//register_html_resource('script', '$(\'form#'.$form_id.'\').serializeJSON({checkboxUncheckedValue: 0});');
|
|
//$data['onsubmit'] = 'processForm()';
|
|
register_html_resource('script', '$("form#' . $form_id . '").submit(processForm);');
|
|
} elseif ($data['submit_by_key']) {
|
|
$action = '';
|
|
if ($data['url']) {
|
|
$action .= 'this.form.prop("action", form_to_path("' . $form_id . '"));';
|
|
}
|
|
|
|
register_html_resource('script', '
|
|
$(document).ready(function() {
|
|
$("form#' . $form_id . '").on("keypress", "input", function(e) {
|
|
if (e.which === 10 || e.which === 13) {
|
|
' . $action . '
|
|
this.form.submit();
|
|
}
|
|
});
|
|
});
|
|
');
|
|
}
|
|
|
|
$form_options = [
|
|
'form_id' => $form_id,
|
|
'form_class' => $form_class,
|
|
'form_style' => $form_style,
|
|
'base_class' => $base_class,
|
|
'base_space' => $base_space
|
|
];
|
|
|
|
return $form_options;
|
|
}
|
|
|
|
/**
|
|
* Helper function for print_form() to generate start/end div blocks.
|
|
*
|
|
* @param array $data
|
|
* @param array $form_options
|
|
* @return array
|
|
*/
|
|
function form_div($data, &$form_options) {
|
|
if ($data['type'] === 'horizontal-rows') {
|
|
$form_options['base_space'] = $data['space'] ?: '10px';
|
|
|
|
$header = '';
|
|
if (isset($data['title'])) {
|
|
// FIXME. Need better header
|
|
$header .= ' <h2>' . escape_html($data['title']) . '</h2>' . PHP_EOL;
|
|
}
|
|
$form_options['div_begin'] = $header;
|
|
$form_options['div_end'] = '';
|
|
|
|
return $form_options;
|
|
}
|
|
|
|
if (!in_array($data['type'], [ 'rows', 'horizontal' ])) {
|
|
// Simple form, without any divs, sees example in html/pages/user_edit.inc.php
|
|
$form_options['div_begin'] = '';
|
|
$form_options['div_end'] = '';
|
|
|
|
return $form_options;
|
|
}
|
|
|
|
if (empty($form_options['base_class'])) {
|
|
// Clean class
|
|
// Example in html/pages.logon.inc.php
|
|
$form_options['div_begin'] = PHP_EOL;
|
|
$form_options['div_end'] = PHP_EOL;
|
|
|
|
return $form_options;
|
|
}
|
|
|
|
if (str_contains_array($form_options['base_class'], [ 'widget', 'box' ])) {
|
|
$base_space = $data['space'] ?: '10px';
|
|
$padding = $data['type'] === 'horizontal' ? 'padding-top: ' : 'padding: ';
|
|
|
|
$box_args = [
|
|
'id' => 'box-' . $form_options['form_id'],
|
|
'header-border' => TRUE,
|
|
'body-style' => $padding . $base_space . ' !important;'
|
|
];
|
|
|
|
if (isset($data['title'])) {
|
|
$box_args['title'] = $data['title'];
|
|
}
|
|
$form_options['div_begin'] = generate_box_open($box_args);
|
|
$form_options['div_end'] = generate_box_close();
|
|
|
|
|
|
return $form_options;
|
|
}
|
|
|
|
// Old box box-solid style (or any custom style)
|
|
$div_begin = '<div class="' . $form_options['base_class'] . '" style="padding: ' . $form_options['base_class'] . ';">' . PHP_EOL;
|
|
if (isset($data['title'])) {
|
|
$div_begin .= ' <div class="title">';
|
|
$div_begin .= get_icon($data['icon']);
|
|
$div_begin .= ' ' . escape_html($data['title']) . '</div>' . PHP_EOL;
|
|
}
|
|
$form_options['div_begin'] = $div_begin;
|
|
$form_options['div_end'] = '</div>' . PHP_EOL;
|
|
|
|
return $form_options;
|
|
}
|
|
|
|
/**
|
|
* Helper function for print_form() to generate rows form.
|
|
*
|
|
* @param array $data
|
|
* @param array $form_options
|
|
* @param array $used_vars
|
|
* @return string
|
|
*/
|
|
function form_rows($data, $form_options, &$used_vars = []) {
|
|
|
|
$row_style = '';
|
|
$string_elements = '';
|
|
|
|
form_grid_calculate($data);
|
|
|
|
foreach ($data['row'] as $k => $row) {
|
|
$row_class = 'row';
|
|
if (isset($data['row_options'][$k]) && $data['row_options'][$k]['class']) {
|
|
$row_class .= ' ' . $data['row_options'][$k]['class'];
|
|
}
|
|
$string_elements .= ' <div class="' . $row_class . '" ' . $row_style . '> <!-- START row-' . $k . ' -->' . PHP_EOL;
|
|
foreach ($row as $id => $element) {
|
|
$used_vars[] = $id;
|
|
$element['id'] = $id;
|
|
|
|
// Default class with default row grid size or passed from options
|
|
$grid = $element['grid'] ?? $data['grid'][$k];
|
|
$div_class = 'col-lg-' . $grid . ' col-md-' . $grid . ' col-sm-' . $grid;
|
|
// By default, xs grid always 12
|
|
if (isset($element['grid_xs']) && $element['grid_xs'] > 0 && $element['grid_xs'] <= 12) {
|
|
$div_class .= ' col-xs-' . $element['grid_xs'];
|
|
}
|
|
|
|
if (empty($element['div_class'])) {
|
|
$element['div_class'] = $div_class;
|
|
} elseif (isset($element['grid']) && !preg_match('/col-(?:lg|md|sm|xs)-(\d+)/', $element['div_class'])) {
|
|
// Combine if passed both: grid size and div_class (and class not has col-* grid elements)
|
|
$element['div_class'] = $div_class . ' ' . $element['div_class'];
|
|
}
|
|
if ($element['right']) {
|
|
$element['div_class'] .= ' col-lg-push-0 col-md-push-0 col-sm-push-0';
|
|
}
|
|
if ($id === 'search') {
|
|
// Add form_id here, for generate onclick action in submit button
|
|
if ($data['url']) {
|
|
$element['form_id'] = $form_options['form_id'];
|
|
}
|
|
} else {
|
|
// all other cases add form_id
|
|
$element['form_id'] = $form_options['form_id'];
|
|
}
|
|
$string_elements .= ' <div id="' . $element['id'] . '_div" class="' . $element['div_class'] . '"';
|
|
if (!empty($element['div_style'])) {
|
|
$string_elements .= ' style="' . $element['div_style'] . '"';
|
|
}
|
|
$string_elements .= '>' . PHP_EOL;
|
|
$string_elements .= generate_form_element($element);
|
|
$string_elements .= ' </div>' . PHP_EOL;
|
|
}
|
|
$string_elements .= ' </div> <!-- END row-' . $k . ' -->' . PHP_EOL;
|
|
// Add space between rows
|
|
$row_style = 'style="margin-top: ' . $form_options['base_space'] . ';"';
|
|
}
|
|
|
|
return $string_elements;
|
|
}
|
|
|
|
/**
|
|
* Helper function for print_form() to generate horizontal (and horizontal-rows) form.
|
|
*
|
|
* @param array $data
|
|
* @param array $form_options
|
|
* @param array $used_vars
|
|
* @return string
|
|
*/
|
|
function form_horizontal($data, $form_options, &$used_vars = []) {
|
|
|
|
$horizontal_rows = str_ends_with($data['type'], 'rows');
|
|
$row_control_style = !$horizontal_rows ? 'style="margin-bottom: ' . $form_options['base_space'] . ';"' : '';
|
|
|
|
$fieldset = [];
|
|
foreach ($data['row'] as $k => $row) {
|
|
$first_key = key($row);
|
|
$row_group = $k;
|
|
$row_elements = '';
|
|
$row_label = '';
|
|
$row_control_group = FALSE;
|
|
$i = 0;
|
|
foreach ($row as $id => $element) {
|
|
$used_vars[] = $id;
|
|
$element['id'] = $id;
|
|
if ($element['fieldset']) {
|
|
$row_group = $element['fieldset']; // Add this element to group
|
|
}
|
|
|
|
// Additional element options for horizontal specific form
|
|
$div_style = '';
|
|
$div_class = '';
|
|
switch ($element['type']) {
|
|
case 'hidden':
|
|
break;
|
|
case 'submit':
|
|
$div_class = 'form-actions';
|
|
break;
|
|
case 'text':
|
|
case 'input':
|
|
case 'password':
|
|
case 'textarea':
|
|
default:
|
|
$row_control_group = TRUE;
|
|
// In horizontal, first element name always placed at left
|
|
if (!isset($element['placeholder'])) {
|
|
$element['placeholder'] = TRUE;
|
|
}
|
|
// offset == FALSE disable label width and align class control-label
|
|
if (!isset($element['offset'])) {
|
|
if (isset($data['fieldset'][$element['fieldset']]['offset'])) {
|
|
// Copy from fieldset
|
|
$element['offset'] = $data['fieldset'][$element['fieldset']]['offset'];
|
|
} elseif (($element['type'] === 'raw' || $element['type'] === 'html') &&
|
|
!isset($element['name']) && $first_key === $id) {
|
|
// When raw/html element first, disable offset
|
|
$element['offset'] = FALSE;
|
|
} else {
|
|
// Default
|
|
$element['offset'] = TRUE;
|
|
}
|
|
}
|
|
if ($i < 1) {
|
|
// Add label for first element in row
|
|
if ($element['name']) {
|
|
$row_label = ' <label';
|
|
|
|
$class_label = $element['offset'] ? 'control-label' : '';
|
|
if (str_contains($element['class'], 'text-nowrap')) {
|
|
// Append nowrap to label element if requested
|
|
$class_label .= ' text-nowrap';
|
|
}
|
|
if ($class_label) {
|
|
$row_label .= ' class="' . $class_label . '"';
|
|
}
|
|
|
|
$row_label .= ' for="' . $element['id'] . '">' . $element['name'] . '</label>' . PHP_EOL;
|
|
}
|
|
$row_control_id = $element['id'] . '_div';
|
|
if ($element['type'] === 'datetime') {
|
|
$element['name'] = '';
|
|
}
|
|
}
|
|
// nextrow class element to new line (after label)
|
|
$div_class = $element['offset'] ? 'controls' : 'nextrow';
|
|
break;
|
|
}
|
|
|
|
if (!isset($element['div_class'])) {
|
|
$element['div_class'] = $div_class;
|
|
}
|
|
if ($element['div_class'] === 'form-actions') {
|
|
// Remove margins only for form-actions elements
|
|
$div_style = 'margin: 0px;';
|
|
}
|
|
//if ($element['right'])
|
|
//{
|
|
// $element['div_class'] .= ' pull-right';
|
|
//}
|
|
if (isset($element['div_style'])) {
|
|
$div_style .= ' ' . $element['div_style'];
|
|
}
|
|
if ($id === 'search') {
|
|
// Add form_id here, for generate onclick action in submitted button
|
|
if ($data['url']) {
|
|
$element['form_id'] = $form_options['form_id'];
|
|
}
|
|
} else {
|
|
// all other cases add form_id
|
|
$element['form_id'] = $form_options['form_id'];
|
|
}
|
|
|
|
$row_elements .= generate_form_element($element);
|
|
$i++;
|
|
}
|
|
if ($element['div_class']) {
|
|
// no additional divs if empty div class (hidden element, for example)
|
|
$row_begin = $row_label . PHP_EOL . ' <div id="' . $element['id'] . '_div" class="' . $element['div_class'] . '"';
|
|
if (strlen($div_style)) {
|
|
$row_begin .= ' style="' . $div_style . '"';
|
|
}
|
|
$row_elements = $row_begin . '>' . PHP_EOL . $row_elements . ' </div>' . PHP_EOL;
|
|
} else {
|
|
$row_label = str_replace(' class="control-label"', '', $row_label);
|
|
$row_elements = $row_label . PHP_EOL . $row_elements;
|
|
}
|
|
|
|
if ($row_control_group) {
|
|
$fieldset[$row_group] .= ' <div id="' . $row_control_id . '" class="control-group" ' .
|
|
$row_control_style . '> <!-- START row-' . $k . ' -->' . PHP_EOL;
|
|
$fieldset[$row_group] .= $row_elements;
|
|
$fieldset[$row_group] .= ' </div> <!-- END row-' . $k . ' -->' . PHP_EOL;
|
|
} else {
|
|
// Do not add a control group for submit/hidden
|
|
$fieldset[$row_group] .= $row_elements;
|
|
}
|
|
//$row_style = 'style="margin-top: '.$base_space.';"'; // Add space between rows
|
|
}
|
|
|
|
if ($horizontal_rows) {
|
|
form_horizontal_rows_fieldset($data, $form_options, $fieldset);
|
|
} else {
|
|
form_horizontal_fieldset($data, $form_options, $fieldset);
|
|
}
|
|
|
|
// Final combining elements
|
|
return implode('', $fieldset);
|
|
}
|
|
|
|
/**
|
|
* Helper function for form_horizontal() to generate fieldset.
|
|
*
|
|
* @param array $data
|
|
* @param array $form_options
|
|
* @param array $fieldset
|
|
* @return array
|
|
*/
|
|
function form_horizontal_fieldset($data, $form_options, &$fieldset = []) {
|
|
foreach ($data['fieldset'] as $row_group => $entry) {
|
|
if (isset($fieldset[$row_group])) {
|
|
if (!is_array($entry)) {
|
|
$entry = [ 'title' => $entry ];
|
|
}
|
|
|
|
$fieldset_begin = '';
|
|
$fieldset_end = '';
|
|
// Additional div class if set
|
|
if (isset($entry['class'])) {
|
|
$fieldset_begin = '<div class="' . $entry['class'] . '">' . PHP_EOL . $fieldset_begin;
|
|
$fieldset_end .= '</div>' . PHP_EOL;
|
|
}
|
|
|
|
$row_elements = $fieldset_begin . '
|
|
<fieldset> <!-- START fieldset-' . $row_group . ' -->';
|
|
if (!empty($entry['title'])) {
|
|
// fieldset title
|
|
$row_elements .= '
|
|
<div class="control-group">
|
|
<div class="controls">
|
|
<h3>' . escape_html($entry['title']) . '</h3>
|
|
</div>
|
|
</div>';
|
|
}
|
|
$row_elements .= PHP_EOL . $fieldset[$row_group] . '
|
|
</fieldset> <!-- END fieldset-' . $row_group . ' -->
|
|
' . PHP_EOL;
|
|
$fieldset[$row_group] = $row_elements . $fieldset_end;
|
|
}
|
|
}
|
|
|
|
return $fieldset;
|
|
}
|
|
|
|
/**
|
|
* Helper function for form_horizontal()
|
|
* to generate fieldset specific for horizontal-rows (and print_form_box() function).
|
|
*
|
|
* @param array $data
|
|
* @param array $form_options
|
|
* @param array $fieldset
|
|
* @return array
|
|
*/
|
|
function form_horizontal_rows_fieldset($data, &$form_options, &$fieldset = []) {
|
|
$div_begin = '<div class="row">' . PHP_EOL;
|
|
$div_end = '</div>' . PHP_EOL;
|
|
|
|
$divs = [];
|
|
$fieldset_tooltip = '';
|
|
foreach ($data['fieldset'] as $group => $entry) {
|
|
if (isset($fieldset[$group])) {
|
|
if (!is_array($entry)) {
|
|
$entry = ['title' => $entry];
|
|
}
|
|
// Custom style
|
|
if (!isset($entry['style'])) {
|
|
$entry['style'] = 'padding-bottom: 0px !important;'; // Remove last additional padding space
|
|
}
|
|
// Combine fieldsets into common rows
|
|
if ($entry['div']) {
|
|
$divs[$entry['div']][] = $group;
|
|
} else {
|
|
$divs['row'][] = $group;
|
|
}
|
|
|
|
$box_args = [ 'header-border' => TRUE,
|
|
'padding' => TRUE,
|
|
'id' => $group ];
|
|
if (isset($entry['style'])) {
|
|
$box_args['body-style'] = $entry['style'];
|
|
}
|
|
if (isset($entry['title'])) {
|
|
$box_args['title'] = $entry['title'];
|
|
if ($entry['icon']) {
|
|
// $box_args['icon'] => $entry['icon'];
|
|
}
|
|
}
|
|
|
|
if (isset($entry['tooltip'])) {
|
|
$box_args['header-controls'] = ['controls' => ['tooltip' => ['icon' => 'icon-info text-primary',
|
|
'anchor' => TRUE,
|
|
//'url' => '#',
|
|
'class' => 'tooltip-from-element',
|
|
'data' => 'data-tooltip-id="tooltip-' . $group . '"']]];
|
|
|
|
$fieldset_tooltip .= '<div id="tooltip-' . $group . '" style="display: none;">' . PHP_EOL;
|
|
$fieldset_tooltip .= $entry['tooltip'] . '</div>' . PHP_EOL;
|
|
}
|
|
|
|
if (isset($entry['tooltip'])) {
|
|
$box_args['style'] = $entry['style'];
|
|
}
|
|
|
|
$fieldset_begin = generate_box_open($box_args);
|
|
|
|
$fieldset_end = generate_box_close();
|
|
|
|
// Additional div class if set
|
|
if (isset($entry['class'])) {
|
|
$fieldset_begin = '<div class="' . $entry['class'] . '">' . PHP_EOL . $fieldset_begin;
|
|
$fieldset_end .= '</div>' . PHP_EOL;
|
|
}
|
|
|
|
$row_elements = $fieldset_begin . '
|
|
<fieldset> <!-- START fieldset-' . $group . ' -->';
|
|
$row_elements .= PHP_EOL . $fieldset[$group] . '
|
|
</fieldset> <!-- END fieldset-' . $group . ' -->' . PHP_EOL;
|
|
$fieldset[$group] = $row_elements . $fieldset_end;
|
|
}
|
|
}
|
|
// Combine fieldsets into common rows
|
|
foreach ($divs as $entry) {
|
|
$row_elements = $div_begin;
|
|
foreach ($entry as $i => $group) {
|
|
$row_elements .= $fieldset[$group];
|
|
if ($i > 0) {
|
|
// unset all fieldsets except first one for replace later
|
|
unset($fieldset[$group]);
|
|
}
|
|
}
|
|
$row_elements .= $div_end;
|
|
// now replace first fieldset in a group
|
|
$fieldset[array_shift($entry)] = $row_elements;
|
|
}
|
|
|
|
// Replace div end
|
|
$form_options['div_end'] = $fieldset_tooltip;
|
|
|
|
return $fieldset;
|
|
}
|
|
|
|
/**
|
|
* Helper function for print_form() to generate simple form.
|
|
*
|
|
* @param array $data
|
|
* @param array $form_options
|
|
* @param array $used_vars
|
|
* @return string
|
|
*/
|
|
function form_simple($data, $form_options, &$used_vars) {
|
|
$string_elements = '';
|
|
foreach ($data['row'] as $k => $row) {
|
|
foreach ($row as $id => $element) {
|
|
$used_vars[] = $id;
|
|
$element['id'] = $id;
|
|
|
|
if ($id === 'search') {
|
|
// Add form_id here, for generate onclick action in submit button
|
|
if ($data['url']) {
|
|
$element['form_id'] = $form_options['form_id'];
|
|
}
|
|
} else {
|
|
// all other cases add form_id
|
|
$element['form_id'] = $form_options['form_id'];
|
|
}
|
|
$string_elements .= generate_form_element($element);
|
|
}
|
|
$string_elements .= PHP_EOL;
|
|
}
|
|
|
|
return $string_elements;
|
|
}
|
|
|
|
/**
|
|
* Helper function for print_form() to finalize generation of form.
|
|
*
|
|
* @param array $data
|
|
* @param array $form_options
|
|
* @param array $used_vars
|
|
* @return string
|
|
*/
|
|
function form_final($data, $form_options, &$used_vars) {
|
|
// Always clean pagination from form action url
|
|
$used_vars[] = 'pageno';
|
|
$used_vars[] = 'pagination';
|
|
$used_vars[] = 'pagesize';
|
|
|
|
// Remove old vars from url
|
|
if ($data['url']) {
|
|
foreach ($used_vars as $var) {
|
|
$data['url'] = preg_replace('/' . $var . '=[^\/]+\/?/', '', $data['url']);
|
|
}
|
|
}
|
|
|
|
// Form header
|
|
if (isset($data['right']) && $data['right']) {
|
|
$form_options['form_class'] .= ' pull-right';
|
|
}
|
|
|
|
// auto add some common html attribs
|
|
$form_attribs = [ 'class' => $form_options['form_class'] ];
|
|
foreach (['onchange', 'oninput', 'onclick', 'ondblclick', 'onfocus', 'onsubmit'] as $attrib) {
|
|
if (isset($data[$attrib])) {
|
|
$form_attribs[$attrib] = $data[$attrib];
|
|
}
|
|
}
|
|
|
|
$string = PHP_EOL . '<!-- START ' . $form_options['form_id'] . ' -->' . PHP_EOL;
|
|
$string .= $form_options['div_begin'];
|
|
$string .= '<form method="POST" id="' . $form_options['form_id'] . '" name="' . $form_options['form_id'] . '" action="' . $data['url'] . '" ' .
|
|
generate_html_attribs($form_attribs) . $form_options['form_style'] . '>' . PHP_EOL;
|
|
if ($data['brand']) {
|
|
$string .= ' <a class="brand">' . escape_html($data['brand']) . '</a>' . PHP_EOL;
|
|
}
|
|
if ($data['help']) {
|
|
$string .= ' <span class="help-block">' . $data['help'] . '</span>' . PHP_EOL;
|
|
}
|
|
|
|
// Form elements
|
|
$string .= $form_options['form_elements'];
|
|
|
|
// Form footer
|
|
$string .= '</form>' . PHP_EOL;
|
|
$string .= $form_options['div_end'];
|
|
$string .= '<!-- END ' . $form_options['form_id'] . ' -->' . PHP_EOL;
|
|
|
|
return $string;
|
|
}
|
|
|
|
/**
|
|
* Pretty form generator
|
|
*
|
|
* Form options:
|
|
* id - form id, default is auto generated
|
|
* type - rows (multiple elements with small amount of rows), horizontal (mostly single element per row), simple (raw form without any grid/divs)
|
|
* brand - only for rows, adds "other" form title (I think not work and obsolete)
|
|
* title - displayed form title (only for rows and horizontal)
|
|
* icon - adds icon to title
|
|
* class - adds div with class (default box box-solid) in horizontal
|
|
* space - adds style for base div in rows type and horizontal with box box-solid class (padding: xx) and horizontal type with box class (padding-top: xx)
|
|
* style - adds style for base form element, default (margin-bottom:0;)
|
|
* url - form action url, if url set and submit element with id "search" used (or submit_by_key), than form send params as GET query
|
|
* submit_by_key - send form query by press enter key in text/input forms
|
|
* fieldset - horizontal specific, array with fieldset names and descriptions, in form element should be add fieldset option with same key name
|
|
*
|
|
* Element options see in generate_form_element() description
|
|
*
|
|
* @param array $data Form options and form elements
|
|
* @param bool $return If used and set to TRUE, print_form() will return form html instead of outputting it.
|
|
*
|
|
* @return NULL
|
|
*/
|
|
function print_form($data, $return = FALSE)
|
|
{
|
|
// Just return if safety requirements are not fulfilled
|
|
if (isset($data['userlevel']) && $data['userlevel'] > $_SESSION['userlevel']) {
|
|
return;
|
|
}
|
|
|
|
// Return if the user doesn't have write permissions to the relevant entity
|
|
if (isset($data['entity_write_permit']) &&
|
|
!is_entity_write_permitted($data['entity_write_permit']['entity_id'], $data['entity_write_permit']['entity_type'])) {
|
|
return;
|
|
}
|
|
|
|
// Time our form filling.
|
|
$form_start = microtime(TRUE);
|
|
|
|
form_init($data, $form_options);
|
|
form_div($data, $form_options);
|
|
|
|
$used_vars = [];
|
|
// Form elements
|
|
if ($data['type'] === 'rows') {
|
|
// Rows form, see example in html/pages/devices.inc.php
|
|
$string_elements = form_rows($data, $form_options, $used_vars);
|
|
} elseif (str_starts_with($data['type'], 'horizontal')) {
|
|
// Horizontal form, see example in html/pages/user_edit.inc.php
|
|
$string_elements = form_horizontal($data, $form_options, $used_vars);
|
|
} else {
|
|
// Simple form, without any divs, sees example in html/pages/user_edit.inc.php
|
|
$string_elements = form_simple($data, $form_options, $used_vars);
|
|
}
|
|
|
|
// Add CSRF Token
|
|
if (isset($_SESSION['requesttoken']) && !in_array('requesttoken', $used_vars)) {
|
|
$string_elements .= generate_form_element([ 'type' => 'hidden',
|
|
'id' => 'requesttoken',
|
|
'value' => $_SESSION['requesttoken'] ]) . PHP_EOL;
|
|
$used_vars[] = 'requesttoken';
|
|
}
|
|
//r($form_options);
|
|
$form_options['form_elements'] = $string_elements;
|
|
|
|
$form = form_final($data, $form_options, $used_vars);
|
|
|
|
// Save generation time for profiling
|
|
$GLOBALS['form_time'] += elapsed_time($form_start);
|
|
|
|
if ($return) {
|
|
// Return form as string
|
|
return $form;
|
|
}
|
|
|
|
// Print form
|
|
echo($form);
|
|
}
|
|
|
|
/**
|
|
* Print box specific form (with type horizontal-rows).
|
|
*
|
|
* @param array $data
|
|
* @param bool $return
|
|
* @return string|NULL
|
|
*/
|
|
function print_form_box($data, $return = FALSE) {
|
|
$data['type'] = 'horizontal-rows';
|
|
|
|
return print_form($data, $return);
|
|
}
|
|
|
|
/**
|
|
* Return generated form.
|
|
*
|
|
* @param array $data
|
|
* @return string|NULL
|
|
*/
|
|
function generate_form($data) {
|
|
return print_form($data, TRUE);
|
|
}
|
|
|
|
/**
|
|
* Generates form elements.
|
|
* The main use for print_search() and print_form(), see examples of these functions.
|
|
*
|
|
* Common options (can be in any(mostly) element type):
|
|
* (string) id - element identificator
|
|
* (array) attribs - any custom element attrib (where key is attrib name, value - attrib value)
|
|
* (bool) offset - for horizontal forms enable (default) or disable element offset (shift to the right on 180px)
|
|
* Options tree:
|
|
* textarea -\
|
|
* (string)id, (string)name, (bool)readonly, (bool)disabled, (string)width, (string)class,
|
|
* (int)rows, (int)cols,
|
|
* (string)value, (bool,string)placeholder, (bool)ajax, (array)ajax_vars
|
|
* text, input, password -\
|
|
* (string)id, (string)name, (bool)readonly, (bool)disabled, (string)width, (string)class,
|
|
* (string)value, (bool,string)placeholder, (bool)ajax, (array)ajax_vars,
|
|
* (bool)show_password
|
|
* hidden -\
|
|
* (string)id, (string)value
|
|
* select, multiselect -\
|
|
* (string)id, (string)name, (bool)readonly, (bool)disabled, (string)onchange, (string)width,
|
|
* (string)title, (int)size, (bool)right, (bool)live-search, (bool)encode, (bool)subtext
|
|
* (string)value, (array)values, (string)icon,
|
|
* values items can be arrays, ie:
|
|
* value => array('name' => string, 'group' => string, 'icon' => string, 'class' => string, 'style' => string)
|
|
* datetime -\
|
|
* (string)id, (string)name, (bool)readonly, (bool)disabled,
|
|
* (string|FALSE)from, (string|FALSE)to, (bool)presets, (string)min, (string)max
|
|
* (string)value (use it for single input)
|
|
* checkbox, switch, toggle -\
|
|
* (string)id, (string)name, (bool)readonly, (bool)disabled, (string)onchange,
|
|
* [switch only]: (bool)revert, (int)width, (string)size, (string)off-color, (string)on-color, (string)off-text, (string)on-text
|
|
* [toggle only]: (string)view, (string)size, (string)palette, (string)group, (string)label,
|
|
* (string)icon-check, (string)label-check, (string)icon-uncheck, (string)label-uncheck
|
|
* (string)value, (string)placeholder, (string)title
|
|
* submit -\
|
|
* (string)id, (string)name, (bool)readonly, (bool)disabled,
|
|
* (string)class, (bool)right, (string)tooltip,
|
|
* (string)value, (string)form_id, (string)icon
|
|
* html, raw -\
|
|
* (string)id, (bool)offset,
|
|
* (string)html, (string)value
|
|
* newline -\
|
|
* (string)id,
|
|
* (bool)hr
|
|
*
|
|
* @param array $item Options for a current form element
|
|
* @param string $type Type of form element, also can pass as $item['type']
|
|
*
|
|
* @return string Generated form element
|
|
*/
|
|
function generate_form_element($item, $type = '') {
|
|
// Check a community edition
|
|
if (isset($item['community']) && !$item['community'] && OBSERVIUM_EDITION === 'community') {
|
|
return '';
|
|
}
|
|
|
|
// Check and initialize 'readonly' and 'disabled'
|
|
$item['readonly'] = $item['readonly'] ?? FALSE;
|
|
$item['disabled'] = $item['disabled'] ?? FALSE;
|
|
|
|
$value_isset = isset($item['value']);
|
|
if (!$value_isset) {
|
|
$item['value'] = '';
|
|
}
|
|
$item['value_isset'] = $value_isset;
|
|
|
|
if (is_array($item['value'])) {
|
|
// Passed from URI comma values always converted to array, re-implode it
|
|
$item['value_escaped'] = escape_html(implode(',', $item['value']));
|
|
} else {
|
|
$item['value_escaped'] = escape_html($item['value']);
|
|
}
|
|
|
|
if (!isset($item['type'])) {
|
|
$item['type'] = $type;
|
|
}
|
|
|
|
if (isset($item['attribs']) && is_array($item['attribs'])) {
|
|
// Custom html attributes
|
|
process_html_attribs($item['attribs']);
|
|
}
|
|
|
|
// auto add some common html attribs
|
|
foreach ([ 'onchange', 'oninput', 'onclick', 'ondblclick', 'onfocus', 'onsubmit' ] as $attrib) {
|
|
if (isset($item[$attrib])) {
|
|
$item['attribs'][$attrib] = $item[$attrib];
|
|
}
|
|
}
|
|
|
|
switch ($item['type']) {
|
|
case 'hidden':
|
|
return generate_element_hidden($item);
|
|
|
|
case 'password':
|
|
case 'textarea':
|
|
case 'text':
|
|
case 'input':
|
|
return generate_element_input($item);
|
|
|
|
case 'switch':
|
|
// bootstrap-switch replaced with bootstrap-toggle
|
|
case 'switch-ng':
|
|
return generate_element_switch($item);
|
|
|
|
case 'toggle':
|
|
return generate_element_toggle($item);
|
|
|
|
case 'checkbox':
|
|
return generate_element_checkbox($item);
|
|
|
|
case 'datetime':
|
|
return generate_element_datetime($item);
|
|
|
|
case 'tags':
|
|
// Tags mostly same as multiselect, but used separate options and Bootstrap Tags Input JS
|
|
return generate_element_tags($item);
|
|
|
|
case 'multiselect':
|
|
unset($item['icon']); // For now not used icons in multiselect
|
|
case 'select':
|
|
return generate_element_select($item);
|
|
|
|
case 'button':
|
|
case 'submit':
|
|
return generate_element_button($item);
|
|
|
|
case 'raw':
|
|
case 'html':
|
|
// Just add custom (raw) html element
|
|
return generate_element_html($item);
|
|
|
|
case 'newline': // Deprecated
|
|
$string = '<div class="clearfix" id="' . $item['id'] . '">';
|
|
$string .= ($item['hr'] ? '<hr />' : '<hr style="border-width: 0px;" />');
|
|
$string .= '</div>' . PHP_EOL;
|
|
|
|
return $string;
|
|
}
|
|
|
|
return '';
|
|
}
|
|
|
|
function generate_element_hidden($item) {
|
|
if ($item['readonly'] || $item['disabled']) {
|
|
// If item readonly or disabled, just skip item
|
|
return '';
|
|
}
|
|
|
|
return ' <input type="' . $item['type'] . '" name="' . $item['id'] . '" id="' . $item['id'] .
|
|
'" value="' . $item['value_escaped'] . '" ' . generate_html_attribs($item['attribs']) . ' />' . PHP_EOL;
|
|
}
|
|
|
|
function generate_element_html($item) {
|
|
// Just add custom (raw) html element
|
|
if (isset($item['html'])) {
|
|
return $item['html'];
|
|
}
|
|
|
|
$string = '<span';
|
|
if (isset($item['class'])) {
|
|
$string .= ' class="' . $item['class'] . '"';
|
|
}
|
|
$string .= ' ' . generate_html_attribs($item['attribs']) . '>' . $item['value'] . '</span>';
|
|
|
|
return $string;
|
|
}
|
|
function generate_element_input($item) {
|
|
$item_class = '';
|
|
$value_hidden = FALSE;
|
|
if ($item['type'] !== 'textarea') {
|
|
$item_begin = ' <input type="' . $item['type'] . '" ';
|
|
// Autocomplete
|
|
$autocomplete_off = isset($item['autocomplete']) && !$item['autocomplete']; // Disable autocomplete if it set in item params as FALSE!
|
|
// password-specific options
|
|
if ($item['type'] === 'password') {
|
|
// disable autocomplete for passwords by default!
|
|
$autocomplete_off = !(isset($item['autocomplete']) && $item['autocomplete']);
|
|
|
|
// mask password field for disabled/readonly by bullet
|
|
$value_len = strlen($item['value']);
|
|
if (($item['disabled'] || $item['readonly']) && $value_len &&
|
|
!($item['show_password'] && $_SESSION['userlevel'] > 7)) {
|
|
$item['value_escaped'] = '••••••••';
|
|
$value_hidden = TRUE;
|
|
}
|
|
// add icon for show/hide password
|
|
if ($item['show_password']) {
|
|
$item_begin .= ' data-toggle="password" ';
|
|
register_html_resource('js', 'bootstrap-show-password.min.js');
|
|
$GLOBALS['cache_html']['javascript'][] = "$('[data-toggle=\"password\"]').password();";
|
|
}
|
|
//elseif (!$value_hidden && $autocomplete_off) {}
|
|
}
|
|
|
|
// Disable Autocomplete if required
|
|
if ($autocomplete_off) {
|
|
|
|
$browser = detect_browser();
|
|
//r($browser);
|
|
|
|
// Autofill off is not simple!
|
|
//https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#The_autocomplete_attribute_and_login_fields
|
|
//https://www.chromium.org/developers/design-documents/form-styles-that-chromium-understands
|
|
//https://stackoverflow.com/questions/41945535/html-disable-password-manager
|
|
if ($item['type'] === 'password' && !$value_hidden) {
|
|
$autocomplete_value = 'new-password';
|
|
$item_begin = '<input type="password" id="disable-pwd-mgr-1" autocomplete="off" style="display:none;" tabindex="-1" value="disable-pwd-mgr-1" />' .
|
|
'<input type="password" id="disable-pwd-mgr-2" autocomplete="off" style="display:none;" tabindex="-1" value="disable-pwd-mgr-2" />' .
|
|
'<input type="password" id="disable-pwd-mgr-3" autocomplete="off" style="display:none;" tabindex="-1" value="disable-pwd-mgr-3" />' .
|
|
$item_begin;
|
|
} else {
|
|
$autocomplete_value = 'off';
|
|
}
|
|
$item_begin .= ' autocomplete="' . $autocomplete_value . '" ';
|
|
|
|
if ($browser['browser'] === 'Safari') {
|
|
// Safari issue: https://stackoverflow.com/questions/22661977/disabling-safari-autofill-on-usernames-and-passwords
|
|
//$item_begin .= ' autocomplete="off" readonly onfocus="if (this.hasAttribute(\'readonly\')) {this.removeAttribute(\'readonly\'); this.blur(); this.focus();}" ';
|
|
//$item_begin .= ' autocomplete="false" ';
|
|
// This disables safari autocomplete button
|
|
register_html_resource('style', <<<STYLE
|
|
input::-webkit-contacts-auto-fill-button,
|
|
input::-webkit-credentials-auto-fill-button {
|
|
visibility: hidden;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
STYLE
|
|
);
|
|
}
|
|
/*
|
|
elseif ($browser['browser'] == 'Chrome') {
|
|
// Chrome issue: http://stackoverflow.com/questions/15738259/disabling-chrome-autofill
|
|
//$item_begin .= ' autocomplete="new-password" ';
|
|
$item_begin .= ' autocomplete="off" ';
|
|
|
|
} else {
|
|
$item_begin .= ' autocomplete="new-password" '; // This not worked in latest Chrome versions
|
|
}
|
|
// http://stackoverflow.com/questions/15738259/disabling-chrome-autofill
|
|
//$item_begin .= ' autocomplete="off" '; // This not worked in latest Chrome versions
|
|
*/
|
|
}
|
|
$item_end = ' value="' . $item['value_escaped'] . '" />';
|
|
$item_class .= 'input';
|
|
} else {
|
|
$item_begin = ' <textarea ';
|
|
// textarea-specific options
|
|
if (is_numeric($item['rows'])) {
|
|
$item_begin .= 'rows="' . $item['rows'] . '" ';
|
|
}
|
|
if (is_numeric($item['cols'])) {
|
|
$item_begin .= 'cols="' . $item['cols'] . '" ';
|
|
}
|
|
$item_end = '>' . $item['value_escaped'] . '</textarea>';
|
|
$item_class .= 'form-control';
|
|
}
|
|
if ($item['attribs']) {
|
|
$item_begin .= ' ' . generate_html_attribs($item['attribs']); // Add custom data- attribs
|
|
}
|
|
if ($item['disabled']) {
|
|
$item_end = ' disabled="1"' . $item_end;
|
|
} elseif ($item['readonly']) {
|
|
$item_end = ' readonly="1"' . $item_end;
|
|
}
|
|
|
|
$add_div = FALSE; // do not add /div at end
|
|
if (isset($item['placeholder']) && $item['placeholder'] !== FALSE) {
|
|
if ($item['placeholder'] === TRUE) {
|
|
$item['placeholder'] = $item['name'];
|
|
}
|
|
$string = PHP_EOL . $item_begin;
|
|
$string .= 'placeholder="' . $item['placeholder'] . '" ';
|
|
$item['placeholder'] = TRUE; // Set to true for check at the end
|
|
} elseif ($item['type'] === 'text') {
|
|
$string = $item_begin;
|
|
} else {
|
|
$add_div = TRUE; // add /div at end
|
|
$string = ' <div class="input-prepend">' . PHP_EOL;
|
|
if (!$item['name']) {
|
|
$item['name'] = get_icon('icon-list');
|
|
}
|
|
$string .= ' <span class="add-on">' . $item['name'] . '</span>' . PHP_EOL;
|
|
$string .= $item_begin;
|
|
}
|
|
if ($item['size']) {
|
|
$string .= ' size="' . $item['size'] . '" ';
|
|
}
|
|
if ($item['class']) {
|
|
$item_class .= ' ' . $item['class'];
|
|
}
|
|
|
|
// style
|
|
$style = isset($item['width']) ? 'width:' . $item['width'] . ';' : '';
|
|
if (isset($item['style'])) {
|
|
$style .= ' ' . $item['style'];
|
|
$style = trim($style);
|
|
}
|
|
$string .= $style ? 'style="' . $style . '" ' : '';
|
|
|
|
$string .= 'name="' . $item['id'] . '" id="' . $item['id'] . '" class="' . $item_class;
|
|
|
|
if ($item['ajax'] === TRUE && is_array($item['ajax_vars'])) {
|
|
$ajax_vars = [];
|
|
if (!isset($item['ajax_vars']['field'])) {
|
|
// If query field not specified use item id as field
|
|
$item['ajax_vars']['field'] = $item['id'];
|
|
}
|
|
foreach ($item['ajax_vars'] as $k => $v) {
|
|
$ajax_vars[] = urlencode($k) . '=' . var_encode($v);
|
|
}
|
|
$string .= ' ajax-typeahead" autocomplete="off" data-link="/ajax/input.php?' . implode('&', $ajax_vars);
|
|
|
|
// Register scripts/css
|
|
register_html_resource('js', 'typeahead.bundle.min.js');
|
|
register_html_resource('css', 'typeaheadjs.css');
|
|
|
|
// Ajax autocomplete for input
|
|
// <input type='text' class='ajax-typeahead' data-link='your-json-link' />
|
|
$item_id = $item['id'];
|
|
$script = <<<SCRIPT
|
|
var element_$item_id = $('#$item_id.ajax-typeahead');
|
|
var entries_$item_id = new Bloodhound({
|
|
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
|
|
queryTokenizer: Bloodhound.tokenizers.whitespace,
|
|
remote: {
|
|
url: element_$item_id.data('link') + '&query=%QUERY',
|
|
wildcard: '%QUERY',
|
|
filter: function(json) {
|
|
return json.options;
|
|
},
|
|
transform: function (data) {
|
|
var newData = [];
|
|
data.forEach(function (item) {
|
|
newData.push({'value': item});
|
|
});
|
|
return newData;
|
|
}
|
|
}
|
|
});
|
|
element_$item_id.typeahead({
|
|
hint: false,
|
|
highlight: true,
|
|
minLength: 1
|
|
},
|
|
{
|
|
name: 'options',
|
|
limit: 16,
|
|
source: entries_$item_id
|
|
}
|
|
);
|
|
SCRIPT;
|
|
register_html_resource('script', $script);
|
|
} // end ajax
|
|
|
|
$string .= '" ' . $item_end . PHP_EOL;
|
|
$string .= $add_div ? ' </div>' . PHP_EOL : PHP_EOL;
|
|
|
|
return $string;
|
|
}
|
|
|
|
function generate_element_checkbox($item) {
|
|
|
|
$string = ' <input type="checkbox" ';
|
|
$string .= ' name="' . $item['id'] . '" id="' . $item['id'] . '"';
|
|
if ($item['title']) {
|
|
$string .= 'title="' . escape_html($item['title']) . '" data-rel="tooltip" data-tooltip="' . escape_html($item['title']) . '"';
|
|
}
|
|
$string .= ' value="1"';
|
|
if (get_var_true($item['value'])) {
|
|
$string .= ' checked';
|
|
}
|
|
if ($item['disabled']) {
|
|
$string .= ' disabled="1"';
|
|
} elseif ($item['readonly']) {
|
|
$string .= ' readonly="1" onclick="return false"';
|
|
}
|
|
if ($item['class']) {
|
|
$string .= ' class="' . trim($item['class']) . '"';
|
|
}
|
|
if ($item['attribs']) {
|
|
$string .= ' ' . generate_html_attribs($item['attribs']); // Add custom data- attribs
|
|
}
|
|
$string .= ' />';
|
|
if (is_string($item['placeholder'])) {
|
|
// add placeholder text at the right of the element
|
|
$string .= PHP_EOL . ' <label for="' . $item['id'] . '" class="help-inline" style="margin-top: 4px;">' .
|
|
get_markdown_extra($item['placeholder']) . '</label>' . PHP_EOL;
|
|
}
|
|
|
|
return $string;
|
|
}
|
|
|
|
function generate_element_switch($item) {
|
|
// switch-ng specific options
|
|
// Convert to data attribs and recursive call to checkbox
|
|
$item['attribs']['data-toggle'] = 'toggle';
|
|
|
|
// Append icons
|
|
if (isset($item['icon'])) {
|
|
$item['on-icon'] = $item['on-icon'] ?? $item['icon'];
|
|
$item['off-icon'] = $item['off-icon'] ?? $item['icon'];
|
|
}
|
|
if (isset($item['on-icon'])) {
|
|
if (isset($item['on-text'])) {
|
|
$item['on-text'] = get_icon($item['on-icon']) . ' ' . $item['on-text'];
|
|
} else {
|
|
$item['on-text'] = get_icon($item['on-icon']);
|
|
}
|
|
}
|
|
if (isset($item['off-icon'])) {
|
|
if (isset($item['off-text'])) {
|
|
$item['off-text'] = get_icon($item['off-icon']) . ' ' . $item['off-text'];
|
|
} else {
|
|
$item['off-text'] = get_icon($item['off-icon']);
|
|
}
|
|
}
|
|
// This is compat with old 'switch' item attribs
|
|
$item_attribs = [ 'on-color' => 'onstyle', 'on-text' => 'on', 'on-value' => 'onvalue',
|
|
'off-color' => 'offstyle', 'off-text' => 'off', 'off-value' => 'offvalue',
|
|
'class' => 'style', 'size' => 'size', 'width' => 'width', 'height' => 'height' ];
|
|
foreach ($item_attribs as $attr => $data_attr) {
|
|
if (isset($item[$attr])) {
|
|
$item['attribs']['data-' . $data_attr] = $item[$attr];
|
|
}
|
|
}
|
|
|
|
// Onchange target id
|
|
// if ($item['onchange-id']) {
|
|
// $item['attribs']['data-onchange-id'] = $item['onchange-id'];
|
|
// }
|
|
|
|
// Bootstrap Toggle
|
|
//$element_data .= ' data-selector="bootstrap-toggle"';
|
|
$item['attribs']['data-selector'] = "bootstrap-toggle";
|
|
register_html_resource('js', 'bootstrap5-toggle.min.js');
|
|
//register_html_resource('js', 'bootstrap5-toggle.js'); /// DEVEL
|
|
register_html_resource('css', 'bootstrap5-toggle.min.css');
|
|
register_html_resource('script', '$("input[data-selector=\'bootstrap-toggle\']").bootstrapToggle();');
|
|
|
|
$item['type'] = 'checkbox'; // replace item type
|
|
//r(generate_form_element($item));
|
|
return generate_form_element($item);
|
|
}
|
|
|
|
function generate_element_toggle($item) {
|
|
// Convert to data attribs and recursive call to checkbox
|
|
$item['attribs']['data-toggle'] = 'toggle';
|
|
// COMPAT. Convert switch style attr to toggle
|
|
$item_attribs = [ 'on-icon' => 'icon-check', 'on-text' => 'label-check', 'off-icon' => 'icon-uncheck', 'off-text' => 'label-uncheck' ];
|
|
foreach ($item_attribs as $attr => $data_attr) {
|
|
if (isset($item[$attr]) && !isset($item[$data_attr])) {
|
|
$item[$data_attr] = $item[$attr];
|
|
}
|
|
}
|
|
// Move placeholder to label
|
|
if (isset($item['placeholder']) && is_string($item['placeholder'])) {
|
|
$item['attribs']['data-tt-label'] = get_markdown_extra($item['placeholder']);
|
|
unset($item['placeholder']);
|
|
}
|
|
$item_attribs = ['size', 'palette', 'group', 'label', 'icon-check', 'label-check', 'icon-uncheck', 'label-uncheck'];
|
|
foreach ($item_attribs as $attr) {
|
|
if (isset($item[$attr])) {
|
|
$item['attribs']['data-tt-' . $attr] = $item[$attr];
|
|
}
|
|
}
|
|
// Types: http://tinytoggle.simonerighi.net/#types
|
|
if (in_array($item['view'], [ 'toggle', 'check', 'circle', 'square', 'square_v', 'power',
|
|
'dot', 'like', 'watch', 'star', 'lock', 'heart', 'smile' ])) {
|
|
$item['attribs']['data-tt-type'] = $item['view'];
|
|
} else {
|
|
$item['attribs']['data-tt-type'] = 'square'; // default type
|
|
}
|
|
// Onchange target id
|
|
if ($item['onchange-id']) {
|
|
$item['attribs']['data-onchange-id'] = $item['onchange-id'];
|
|
}
|
|
// tiny-toggle doesn't support readonly
|
|
if (isset($item['readonly'])) {
|
|
$item['disabled'] = $item['readonly'] || $item['disabled'];
|
|
//unset($item['readonly']);
|
|
}
|
|
|
|
// JS TinyToggle
|
|
$script = '';
|
|
if ($item['onchange']) {
|
|
// Here toggle specific onchange behavior
|
|
$script .= 'onChange: function(obj, value) { ' . $item['onchange'] . ' },';
|
|
// Set custom element selector
|
|
$selector = 'tiny-toggle-' . md5($item['onchange']);
|
|
//$element_data .= ' data-selector="'.$selector.'"';
|
|
$item['attribs']['data-selector'] = $selector;
|
|
register_html_resource('script', '$("input[data-selector=\'' . $selector . '\'].tiny-toggle").tinyToggle({' . $script . '});');
|
|
unset($item['onchange']);
|
|
} else {
|
|
//$element_data .= ' data-selector="tiny-toggle"';
|
|
$item['attribs']['data-selector'] = "tiny-toggle";
|
|
//register_html_resource('script', '$("[data-toggle=\'' . $item['attribs']['data-toggle'] . '\']").tinyToggle({'.$script.'});'); // this selector intersects with bootstrap toggle
|
|
register_html_resource('script', '$("input[data-selector=\'tiny-toggle\'].tiny-toggle").tinyToggle();');
|
|
}
|
|
register_html_resource('js', 'tiny-toggle.min.js');
|
|
register_html_resource('css', 'tiny-toggle.min.css');
|
|
|
|
$item['class'] .= ' tiny-toggle'; // additional class for toggle
|
|
$item['type'] = 'checkbox'; // replace an item type
|
|
|
|
return generate_form_element($item);
|
|
}
|
|
|
|
function generate_element_datetime($item) {
|
|
register_html_resource('js', 'bootstrap-datetimepicker.min.js'); // Enable DateTime JS
|
|
// Additionally register qTip (if not already enabled by $config['web_mouseover'])
|
|
register_html_resource('js', 'jquery.qtip.min.js');
|
|
//register_html_resource('css', 'jquery.qtip.min.css'); // in obs css
|
|
$id_from = $item['id'] . '_from';
|
|
$id_to = $item['id'] . '_to';
|
|
$value_isset = $item['value_isset'] ?? isset($item['value']);
|
|
if ($value_isset && !$item['from'] && !$item['to']) {
|
|
// Single datetime input
|
|
$item['from'] = $item['value_escaped'];
|
|
$item['to'] = FALSE;
|
|
$item['presets'] = FALSE;
|
|
$id_from = $item['id'];
|
|
$name_from = $item['name'];
|
|
} else {
|
|
$name_from = 'From';
|
|
}
|
|
// Presets
|
|
if ($item['from'] === FALSE || $item['to'] === FALSE) {
|
|
$item['presets'] = FALSE;
|
|
}
|
|
|
|
if (is_numeric($item['from'])) {
|
|
$item['from'] = strftime("%F %T", $item['from']);
|
|
}
|
|
if (is_numeric($item['to'])) {
|
|
$item['to'] = strftime("%F %T", $item['to']);
|
|
}
|
|
|
|
$string = '';
|
|
if ($item['presets']) {
|
|
$presets = [
|
|
'sixhours' => 'Last 6 hours',
|
|
'today' => 'Today',
|
|
'yesterday' => 'Yesterday',
|
|
'tweek' => 'This week',
|
|
'lweek' => 'Last week',
|
|
'tmonth' => 'This month (' . date('F') . ')',
|
|
'lmonth' => 'Last month (' . date('F', strtotime('previous month')) . ')',
|
|
'tquarter' => 'This quarter',
|
|
'lquarter' => 'Last quarter',
|
|
'tyear' => 'This year',
|
|
'lyear' => 'Last year'
|
|
];
|
|
// Recursive call
|
|
$preset_item = [
|
|
'id' => $item['id'] . '_preset',
|
|
'type' => 'select',
|
|
'name' => 'Date presets',
|
|
'width' => '110px',
|
|
'values' => $presets
|
|
];
|
|
$string .= generate_form_element($preset_item) . PHP_EOL;
|
|
}
|
|
// Date/Time input fields
|
|
if ($item['from'] !== FALSE) {
|
|
$string .= ' <div id="' . $id_from . '_div" class="input-prepend">' . PHP_EOL;
|
|
$string .= ' <span class="add-on btn"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> ' . $name_from . '</span>' . PHP_EOL;
|
|
//$string .= ' <input type="text" class="input-medium" data-format="yyyy-MM-dd hh:mm:ss" ';
|
|
$string .= ' <input type="text" data-format="yyyy-MM-dd hh:mm:ss" ';
|
|
$string .= isset($item['width']) ? 'style="width:' . escape_html($item['width']) . '" ' : 'style="width: 130px;" ';
|
|
if ($item['disabled']) {
|
|
$string .= 'disabled="1" ';
|
|
} elseif ($item['readonly']) {
|
|
$item['disabled'] = TRUE; // for js
|
|
$string .= 'readonly="1" ';
|
|
}
|
|
$string .= 'name="' . $id_from . '" id="' . $id_from . '" value="' . escape_html($item['from']) . '"/>' . PHP_EOL;
|
|
$string .= ' </div>' . PHP_EOL;
|
|
}
|
|
if ($item['to'] !== FALSE) {
|
|
$string .= ' <div id="' . $id_to . '_div" class="input-prepend">' . PHP_EOL;
|
|
$string .= ' <span class="add-on btn"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> To</span>' . PHP_EOL;
|
|
//$string .= ' <input type="text" class="input-medium" data-format="yyyy-MM-dd hh:mm:ss" ';
|
|
$string .= ' <input type="text" data-format="yyyy-MM-dd hh:mm:ss"';
|
|
$string .= (isset($item['width'])) ? ' style="width:' . escape_html($item['width']) . '"' : ' style="width: 140px;"';
|
|
if ($item['attribs']) {
|
|
$string .= ' ' . generate_html_attribs($item['attribs']); // Add custom data- attribs
|
|
}
|
|
$string .= ' name="' . $id_to . '" id="' . $id_to . '" value="' . escape_html($item['to']) . '"/>' . PHP_EOL;
|
|
$string .= ' </div>' . PHP_EOL;
|
|
}
|
|
// JS SCRIPT
|
|
$min = '-Infinity';
|
|
$max = 'Infinity';
|
|
$pattern = '/^(\d{4})-(\d{2})-(\d{2}) ([01]\d|2[0-3]):([0-5]\d):([0-5]\d)$/';
|
|
if (!empty($item['min'])) {
|
|
if (preg_match($pattern, $item['min'], $matches)) {
|
|
--$matches[2];
|
|
array_shift($matches);
|
|
$min = 'new Date(' . implode(',', $matches) . ')';
|
|
} elseif ($item['min'] === 'now' || $item['min'] === 'current') {
|
|
$min = 'new Date()';
|
|
}
|
|
}
|
|
if (!empty($item['max'])) {
|
|
if (preg_match($pattern, $item['max'], $matches)) {
|
|
--$matches[2];
|
|
array_shift($matches);
|
|
$max = 'new Date(' . implode(',', $matches) . ')';
|
|
} elseif ($item['max'] === 'now' || $item['max'] === 'current') {
|
|
$max = 'new Date()';
|
|
}
|
|
}
|
|
|
|
$script = '
|
|
var startDate = ' . $min . ';
|
|
var endDate = ' . $max . ';
|
|
$(document).ready(function() {
|
|
$(\'[id=' . $id_from . '_div]\').datetimepicker({
|
|
//pickSeconds: false,
|
|
weekStart: 1,
|
|
startDate: startDate,
|
|
endDate: endDate
|
|
});';
|
|
if ($item['disabled']) {
|
|
$script .= '
|
|
$(\'[id=' . $id_from . '_div]\').datetimepicker(\'disable\');';
|
|
}
|
|
if ($item['to'] !== FALSE) {
|
|
$script .= '
|
|
$(\'[id=' . $id_to . '_div]\').datetimepicker({
|
|
//pickSeconds: false,
|
|
weekStart: 1,
|
|
startDate: startDate,
|
|
endDate: endDate
|
|
});';
|
|
}
|
|
$script .= '
|
|
});' . PHP_EOL;
|
|
|
|
if ($item['presets']) {
|
|
$script .= '
|
|
$(\'select[id=' . $item['id'] . '_preset]\').change(function() {
|
|
var input_from = $(\'input#' . $id_from . '\');
|
|
var input_to = $(\'input#' . $id_to . '\');
|
|
switch ($(this).val()) {' . PHP_EOL;
|
|
foreach ($presets as $k => $v) {
|
|
$preset = datetime_preset($k);
|
|
$script .= " case '$k':\n";
|
|
$script .= " input_from.val('" . $preset['from'] . "');\n";
|
|
$script .= " input_to.val('" . $preset['to'] . "');\n";
|
|
$script .= " break;\n";
|
|
}
|
|
$script .= '
|
|
default:
|
|
input_from.val("");
|
|
input_to.val("");
|
|
break;
|
|
}
|
|
});';
|
|
}
|
|
register_html_resource('script', $script);
|
|
|
|
return $string;
|
|
}
|
|
|
|
/**
|
|
* See bootstrap-select options here:
|
|
* https://developer.snapappointments.com/bootstrap-select/examples/
|
|
* @param array $item
|
|
*
|
|
* @return string
|
|
*/
|
|
function generate_element_select($item) {
|
|
$count_values = safe_count($item['values']);
|
|
if (empty($item['values'])) {
|
|
$item['values'] = [ 0 => '[there is no data]' ];
|
|
$item['subtext'] = FALSE;
|
|
}
|
|
$string = '';
|
|
if ($item['type'] === 'multiselect') {
|
|
$string .= ' <select multiple name="' . $item['id'] . '[]" ';
|
|
// Enable Select/Deselect all (if select values count more than 4)
|
|
if ($count_values > 4) {
|
|
$string .= ' data-actions-box="true" ';
|
|
}
|
|
} else {
|
|
$string .= ' <select name="' . $item['id'] . '" ';
|
|
}
|
|
$string .= 'id="' . $item['id'] . '" ';
|
|
if ($item['title']) {
|
|
$string .= 'title="' . escape_html($item['title']) . '" ';
|
|
} elseif (isset($item['name'])) {
|
|
$string .= 'title="' . escape_html($item['name']) . '" ';
|
|
}
|
|
|
|
$data_width = $item['width'] ? ' data-width="' . $item['width'] . '"' : ' data-width="auto"';
|
|
$data_size = is_numeric($item['size']) ? ' data-size="' . $item['size'] . '"' : ' data-size="15"';
|
|
$string .= 'class="selectpicker show-tick';
|
|
if ($item['right']) {
|
|
$string .= ' pull-right';
|
|
}
|
|
$string .= '" data-selected-text-format="count>2"';
|
|
if ($item['data-style']) {
|
|
$string .= ' data-style="' . $item['data-style'] . '"';
|
|
}
|
|
// Enable Live search in a values list (if select values count more than 12)
|
|
if (($count_values > 12 || $count_values == 0) && $item['live-search'] !== FALSE) {
|
|
$string .= ' data-live-search="true"';
|
|
}
|
|
|
|
if ($item['disabled']) {
|
|
$string .= ' disabled="1"';
|
|
} elseif ($item['readonly']) {
|
|
$string .= ' disabled="1" readonly="1"'; // Bootstrap select not support readonly attribute, currently use disable
|
|
}
|
|
// if ($item['onchange']) {
|
|
// $string .= ' onchange="' . $item['onchange'] . '"';
|
|
// }
|
|
if ($item['attribs']) {
|
|
$string .= ' ' . generate_html_attribs($item['attribs']); // Add custom data- attribs
|
|
}
|
|
|
|
$string .= $data_width . $data_size . '>' . PHP_EOL . ' '; // end <select>
|
|
if (!is_array($item['value'])) {
|
|
$item['value'] = [ $item['value'] ];
|
|
}
|
|
|
|
// Prepare values for optgroups
|
|
$values = [];
|
|
$optgroup = [];
|
|
foreach ($item['values'] as $k => $entry) {
|
|
$k = (string)$k;
|
|
$value = $item['encode'] ? var_encode($k) : escape_html($k); // Use base64+serialize encoding
|
|
// Default group is '' (empty string), for allowing to use 0 as group name!
|
|
$group = '';
|
|
if (!is_array($entry)) {
|
|
$entry = ['name' => $entry];
|
|
} elseif (isset($entry['group'])) {
|
|
$group = $entry['group'];
|
|
}
|
|
if ($item['subtext'] && !isset($entry['subtext'])) {
|
|
$entry['subtext'] = $k;
|
|
}
|
|
|
|
// Icons and empty name fix
|
|
if ($item['icon'] && $item['value'] === [ '' ]) {
|
|
// Only one main icon
|
|
$entry['icon'] = $item['icon']; // Set value icon as global icon
|
|
unset($item['icon']);
|
|
}
|
|
if (in_array($k, $item['value'])) {
|
|
if (!($k === '' && $entry['name'] === '')) // additionally, skip if value and name empty
|
|
{
|
|
if ($item['icon']) {
|
|
$entry['icon'] = $item['icon']; // Set value icon as global icon
|
|
}
|
|
// Element selected
|
|
$entry['selected'] = TRUE;
|
|
}
|
|
} elseif ($entry['name'] === '[there is no data]') {
|
|
$entry['disabled'] = TRUE;
|
|
}
|
|
if (safe_empty($entry['name']) && $k !== '') {
|
|
$entry['name'] = $k;
|
|
} // if name still empties set it as value
|
|
|
|
$values[$group][$value] = $entry;
|
|
}
|
|
|
|
// Generate optgroups for values
|
|
foreach ($values as $group => $entries) {
|
|
$optgroup[$group] = '';
|
|
foreach ($entries as $value => $entry) {
|
|
$optgroup[$group] .= '<option value="' . $value . '"'; // already escaped
|
|
if (isset($entry['content']) && !safe_empty($entry['content'])) {
|
|
// this replaces Name with html content
|
|
$optgroup[$group] .= ' data-content="' . str_replace('"', "'", $entry['content']) . '"';
|
|
}
|
|
if (isset($entry['subtext']) && !safe_empty($entry['subtext'])) {
|
|
$optgroup[$group] .= ' data-subtext="' . escape_html($entry['subtext']) . '"';
|
|
}
|
|
if ($entry['name'] === '[there is no data]') {
|
|
$optgroup[$group] .= ' disabled="1"';
|
|
}
|
|
|
|
if (isset($entry['class']) && $entry['class']) {
|
|
$optgroup[$group] .= ' class="' . escape_html($entry['class']) . '"';
|
|
} elseif (isset($entry['style']) && $entry['style']) {
|
|
$optgroup[$group] .= ' style="' . $entry['style'] . '"';
|
|
} elseif (isset($entry['color']) && $entry['color']) {
|
|
$optgroup[$group] .= ' style="color:' . $entry['color'] . ' !important;"';
|
|
//$optgroup[$group] .= ' data-content="<span style=\'color: ' . $entry['color'] . '\'>' . $entry['name'] . '</span>"';
|
|
}
|
|
|
|
// Icons
|
|
if (isset($entry['icon']) && $entry['icon']) {
|
|
$optgroup[$group] .= ' data-icon="' . $entry['icon'] . '"';
|
|
}
|
|
// Disabled, Selected
|
|
if (isset($entry['disabled']) && $entry['disabled']) {
|
|
$optgroup[$group] .= ' disabled="1"';
|
|
} elseif (isset($entry['selected']) && $entry['selected']) {
|
|
$optgroup[$group] .= ' selected';
|
|
}
|
|
|
|
$optgroup[$group] .= '>' . escape_html($entry['name']) . '</option> ';
|
|
}
|
|
}
|
|
|
|
// If item groups passed, use order passed from it
|
|
$optgroups = array_keys($optgroup);
|
|
if (isset($item['groups'])) {
|
|
$groups = array_intersect((array)$item['groups'], $optgroups);
|
|
$optgroups = array_diff($optgroups, $groups);
|
|
$optgroups = array_merge($groups, $optgroups);
|
|
}
|
|
|
|
if (safe_count($optgroups) === 1) // && isset($optgroup['']))
|
|
{
|
|
// Single optgroup, do not use optgroup tags
|
|
$string .= array_shift($optgroup);
|
|
} else {
|
|
// Multiple optgroups implode
|
|
foreach ($optgroups as $group) {
|
|
$entry = $optgroup[$group];
|
|
$label = ($group !== '' ? ' label="' . $group . '"' : '');
|
|
$string .= '<optgroup' . $label . '>' . PHP_EOL;
|
|
$string .= $entry;
|
|
$string .= '</optgroup>' . PHP_EOL;
|
|
}
|
|
}
|
|
|
|
$string .= PHP_EOL . ' </select>' . PHP_EOL;
|
|
|
|
return $string;
|
|
}
|
|
|
|
function generate_element_tags($item) {
|
|
register_html_resource('js', 'bootstrap-tagsinput.min.js'); // Enable Tags Input JS
|
|
//register_html_resource('js', 'bootstrap-tagsinput.js'); // Enable Tags Input JS
|
|
register_html_resource('css', 'bootstrap-tagsinput.css'); // Enable Tags Input CSS
|
|
// defaults
|
|
$delimiter = empty($item['delimiter']) ? ',' : $item['delimiter'];
|
|
$script_begin = '';
|
|
$script_options = [
|
|
'trimValue' => 'true',
|
|
'tagClass' => 'function(item) {return "label label-default";}',
|
|
];
|
|
//register_html_resource('script', '$("input[data-role=tagsinput], select[multiple][data-role=tagsinput]").tagsinput({trimValue: true, tagClass: function(item) {return "label label-default";} });');
|
|
|
|
$string = ' <select multiple data-toggle="tagsinput" name="' . $item['id'] . '[]" ';
|
|
$string .= 'id="' . $item['id'] . '" ';
|
|
|
|
if ($item['title']) {
|
|
$string .= 'title="' . escape_html($item['title']) . '" ';
|
|
} elseif (isset($item['name'])) {
|
|
$string .= 'title="' . escape_html($item['name']) . '" ';
|
|
}
|
|
if (isset($item['placeholder']) && $item['placeholder'] !== FALSE) {
|
|
if ($item['placeholder'] === TRUE) {
|
|
$item['placeholder'] = $item['name'];
|
|
}
|
|
//$string .= PHP_EOL;
|
|
$string .= ' placeholder="' . $item['placeholder'] . '"';
|
|
//$item['placeholder'] = TRUE; // Set to true for check at end
|
|
}
|
|
|
|
if ($item['disabled']) {
|
|
$string .= ' disabled="1"';
|
|
} elseif ($item['readonly']) {
|
|
$string .= ' disabled="1" readonly="1"'; // Bootstrap Tags Input not support readonly attribute, currently use disable
|
|
}
|
|
// if ($item['onchange']) {
|
|
// $string .= ' onchange="' . $item['onchange'] . '"';
|
|
// }
|
|
if ($item['attribs']) {
|
|
$string .= ' ' . generate_html_attribs($item['attribs']); // Add custom data- attribs
|
|
}
|
|
$string .= '>' . PHP_EOL . ' '; // end <select>
|
|
|
|
// Process values
|
|
if (!is_array($item['value'])) {
|
|
//$item['value'] = explode($delimiter, $item['value']);
|
|
$item['value'] = [ $item['value'] ];
|
|
}
|
|
//$item['value'] = array('test', 'hello');
|
|
|
|
$suggest = [];
|
|
foreach ($item['value'] as $entry) {
|
|
$value = (string)$entry;
|
|
if ($value === '[there is no data]' || $value === '') {
|
|
continue;
|
|
}
|
|
$suggest[] = $value;
|
|
|
|
$string .= '<option value="' . $value . '"';
|
|
$string .= '>' . escape_html($value) . '</option> ';
|
|
}
|
|
$string .= PHP_EOL . ' </select>' . PHP_EOL;
|
|
|
|
// Generate typeahead from values
|
|
$item['values'] = (array)$item['values'];
|
|
if (is_array_assoc($item['values'])) {
|
|
// convert associative values to simple
|
|
$item['values'] = array_keys($item['values']);
|
|
}
|
|
$suggest = array_merge($suggest, $item['values']);
|
|
if (safe_count($suggest)) {
|
|
$option = '[{ hint: false, highlight: true, minLength: 1 },
|
|
{ name: "suggest", limit: 16, source: suggest_' . $item['id'] . ' }]';
|
|
|
|
$script_begin .= 'var suggest_' . $item['id'] . ' = new Bloodhound({ matchAnyQueryToken: true, queryTokenizer: Bloodhound.tokenizers.nonword, datumTokenizer: Bloodhound.tokenizers.nonword,
|
|
local: [';
|
|
$values = [];
|
|
foreach (array_unique($suggest) as $k => $entry) {
|
|
if (is_array($entry)) {
|
|
$value = (string)$k;
|
|
} else {
|
|
$value = (string)$entry;
|
|
}
|
|
$values[] = "'" . str_replace("'", "\'", $value) . "'";
|
|
}
|
|
$script_begin .= implode(',', $values);
|
|
$script_begin .= ']});' . PHP_EOL;
|
|
|
|
$script_options['typeaheadjs'] = $option;
|
|
|
|
// Register scripts/css
|
|
//register_html_resource('js', 'typeahead.bundle.js');
|
|
register_html_resource('js', 'typeahead.bundle.min.js');
|
|
register_html_resource('css', 'typeaheadjs.css');
|
|
}
|
|
|
|
if (safe_count($script_options)) {
|
|
$script = $script_begin;
|
|
$script .= "$('#" . $item['id'] . "').tagsinput({" . PHP_EOL;
|
|
foreach ($script_options as $key => &$option) {
|
|
$option = ' ' . $key . ': ' . $option;
|
|
}
|
|
$script .= implode(',' . PHP_EOL, $script_options) . PHP_EOL;
|
|
$script .= "});";
|
|
register_html_resource('script', $script);
|
|
}
|
|
|
|
return $string;
|
|
}
|
|
|
|
function generate_element_button($item) {
|
|
$element_tooltip = '';
|
|
|
|
$button_type = $item['type'] === 'button' ? 'button' : 'submit';
|
|
$button_onclick = '';
|
|
if (isset($item['icon_only']) && $item['icon_only'] && $item['icon']) {
|
|
// icon only submits button
|
|
$button_class = 'btn-icon';
|
|
if (!empty($item['class'])) {
|
|
$button_class .= ' ' . $item['class'];
|
|
}
|
|
} else {
|
|
// classic submit button
|
|
$button_class = 'btn';
|
|
if (!empty($item['class'])) {
|
|
if (!preg_match('/btn-(default|primary|secondary|success|info|warning|danger|dark)/', $item['class'])) {
|
|
// Add default class if custom class hot have it
|
|
$button_class .= ' btn-default';
|
|
}
|
|
$button_class .= ' ' . $item['class'];
|
|
} else {
|
|
$button_class .= ' btn-default';
|
|
}
|
|
}
|
|
if ($item['right']) {
|
|
$button_class .= ' pull-right';
|
|
}
|
|
if ($item['form_id'] && $item['id'] === 'search') {
|
|
// Note, used script form_to_path() stored in js/observium.js
|
|
$button_type = 'button';
|
|
$button_onclick = " onclick=\"form_to_path('" . $item['form_id'] . "');\"";
|
|
}
|
|
|
|
// if ($item['onclick']) {
|
|
// $button_onclick = ' onclick="' . $item['onclick'] . '"';
|
|
// }
|
|
|
|
if ($button_disabled = ($item['disabled'] || $item['readonly'])) {
|
|
$button_class .= ' disabled';
|
|
}
|
|
|
|
$string = ' <button id="' . $item['id'] . '" name="' . $item['id'] . '" type="' . $button_type . '"';
|
|
|
|
// Add tooltip data
|
|
if ($item['tooltip']) {
|
|
$button_class .= ' tooltip-from-element';
|
|
$string .= ' data-tooltip-id="tooltip-' . $item['id'] . '"';
|
|
$element_tooltip .= '<div id="tooltip-' . $item['id'] . '" style="display: none;">' . $item['tooltip'] . '</div>' . PHP_EOL;
|
|
}
|
|
|
|
//$string .= ' class="'.$button_class.' text-nowrap" style="line-height: 20px;"'.$button_onclick;
|
|
$string .= ' class="' . $button_class . ' text-nowrap"' . $button_onclick;
|
|
if ($button_disabled) {
|
|
$string .= ' disabled="1"';
|
|
}
|
|
|
|
if (isset($item['value'])) {
|
|
$string .= ' value="' . $item['value_escaped'] . '"';
|
|
}
|
|
if ($item['attribs']) {
|
|
$string .= ' ' . generate_html_attribs($item['attribs']); // Add custom data- attribs
|
|
}
|
|
$string .= '>';
|
|
switch ($item['id']) {
|
|
// Note. 'update' - use POST request, all other - use GET with generate url from js.
|
|
case 'update':
|
|
$button_icon = 'icon-refresh';
|
|
$button_name = 'Update';
|
|
break;
|
|
//case 'submit':
|
|
case 'search':
|
|
$button_icon = 'icon-search';
|
|
$button_name = 'Search';
|
|
break;
|
|
default:
|
|
$button_icon = '';
|
|
$button_name = 'Submit';
|
|
}
|
|
$nbsp = 0;
|
|
if (array_key_exists('icon', $item)) {
|
|
$button_icon = trim($item['icon']);
|
|
}
|
|
if (!safe_empty($button_icon)) {
|
|
$string .= get_icon($button_icon, $item['icon_class'], [ 'style' => 'margin-right: 0px;' ]); // Override margin style, here used "own" margin
|
|
$nbsp++;
|
|
}
|
|
|
|
if (array_key_exists('name', $item)) {
|
|
$button_name = trim($item['name']);
|
|
}
|
|
if (!safe_empty($button_name)) {
|
|
$nbsp++;
|
|
}
|
|
|
|
if ($nbsp === 2) {
|
|
$string .= ' ';
|
|
}
|
|
$string .= $button_name . '</button>' . PHP_EOL;
|
|
|
|
return $string . $element_tooltip;
|
|
}
|
|
|
|
/**
|
|
* @param string $type
|
|
* @param array|bool $form_filter
|
|
* @param string|null $column
|
|
* @param array $options
|
|
* @return array|mixed
|
|
*/
|
|
function generate_form_values($type, $form_filter = FALSE, $column = NULL, $options = []) {
|
|
|
|
if ($type === 'example') {
|
|
return [];
|
|
}
|
|
|
|
// Set the default filter_mode to 'include' if not provided in options
|
|
if (!isset($options['filter_mode'])) {
|
|
$options['filter_mode'] = 'include';
|
|
}
|
|
|
|
// Entity based
|
|
$form_function = 'generate_' . $type . '_form_values';
|
|
if (function_exists($form_function)) {
|
|
//r($form_function);
|
|
return $form_function($form_filter, $column, $options);
|
|
}
|
|
|
|
return [];
|
|
}
|
|
|
|
/**
|
|
* Function for generate a modal window.
|
|
* Use it when a simple modal used.
|
|
*
|
|
* Used args:
|
|
* id, title, icon, class, body, footer,
|
|
* hide (default TRUE), fade (default TRUE), role (default dialog)
|
|
*
|
|
* Note, if used separate functions generate_modal_open(), generate_modal_close()
|
|
* then required to add body content inside div <div class="modal-body"></div>
|
|
* and if also used footer, it should be inside <div class="modal-footer"></div>
|
|
*
|
|
* @param array $args Array with arguments
|
|
*
|
|
* @return string
|
|
*/
|
|
function generate_modal($args)
|
|
{
|
|
/*
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
...
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-primary">Save changes</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
*/
|
|
//print_vars($args);
|
|
|
|
// Begin & Header
|
|
$string = generate_modal_open($args);
|
|
|
|
// Body
|
|
$string .= ' <div class="modal-body">' . PHP_EOL .
|
|
$args['body'] . PHP_EOL .
|
|
' </div>' . PHP_EOL;
|
|
|
|
// Footer
|
|
if (strlen($args['footer'])) {
|
|
$string .= ' <div class="modal-footer">' . PHP_EOL .
|
|
$args['footer'] . PHP_EOL .
|
|
' </div>' . PHP_EOL;
|
|
}
|
|
|
|
// End
|
|
$string .= generate_modal_close($args);
|
|
|
|
return $string;
|
|
}
|
|
|
|
/**
|
|
* Generates begin of modal window
|
|
* See descriptions for generate_modal()
|
|
*
|
|
* @param array $args Array with arguments
|
|
*
|
|
* @return string
|
|
*/
|
|
function generate_modal_open(&$args) {
|
|
if (!isset($args['id'])) {
|
|
$args['id'] = 'modal-' . random_string('4');
|
|
}
|
|
|
|
$string = PHP_EOL . '<!-- START modal ' . $args['id'] . ' -->' . PHP_EOL;
|
|
|
|
// Create base class
|
|
$base_class = 'modal';
|
|
if (isset($args['hide']) && !$args['hide']) {
|
|
} else // Hide by default
|
|
{
|
|
$base_class .= ' hide';
|
|
}
|
|
if (isset($args['fade']) && !$args['fade']) {
|
|
} else // Fade by default
|
|
{
|
|
$base_class .= ' fade';
|
|
}
|
|
if (!isset($args['role'])) // Role dialog by default
|
|
{
|
|
$args['role'] = 'dialog';
|
|
}
|
|
$args['class'] = (isset($args['class'])) ? ' ' . $args['class'] : '';
|
|
|
|
$string .= '<div class="' . $base_class . '" id="' . $args['id'] . '" tabindex="-1"';
|
|
|
|
if ($args['role'] === 'dialog') {
|
|
$string .= ' role="dialog" aria-labelledby="' . $args['id'] . '_label">' . PHP_EOL;
|
|
} else {
|
|
$string .= ' role="document">' . PHP_EOL;
|
|
}
|
|
$string .= ' <div class="modal-dialog' . $args['class'] . '" role="document">' . PHP_EOL .
|
|
' <div class="modal-content">' . PHP_EOL;
|
|
|
|
// Header
|
|
$string .= ' <div class="modal-header">' . PHP_EOL .
|
|
' <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>' . PHP_EOL;
|
|
if (isset($args['title'])) {
|
|
$string .= ' <h3 class="modal-title" id="' . $args['id'] . '_label">';
|
|
if ($args['icon']) {
|
|
$string .= get_icon($args['icon']) . ' ';
|
|
}
|
|
$string .= escape_html($args['title']) . '</h3>' . PHP_EOL;
|
|
}
|
|
$string .= ' </div>' . PHP_EOL;
|
|
|
|
return $string;
|
|
}
|
|
|
|
/**
|
|
* Generates end of modal window
|
|
* See descriptions for generate_modal()
|
|
*
|
|
* @param array $args Array with arguments
|
|
*
|
|
* @return string
|
|
*/
|
|
function generate_modal_close($args) {
|
|
$string = ' </div>' . PHP_EOL .
|
|
' </div>' . PHP_EOL .
|
|
'</div>' . PHP_EOL;
|
|
$string .= '<!-- END modal ' . $args['id'] . ' -->' . PHP_EOL;
|
|
|
|
return $string;
|
|
}
|
|
|
|
// Modal specific form
|
|
function generate_form_modal($form) {
|
|
// Just return if safety requirements are not fulfilled
|
|
if (isset($form['userlevel']) && $form['userlevel'] > $_SESSION['userlevel']) {
|
|
return '';
|
|
}
|
|
|
|
// Return if the user doesn't have write permissions to the relevant entity
|
|
if (isset($form['entity_write_permit']) &&
|
|
!is_entity_write_permitted($form['entity_write_permit']['entity_id'], $form['entity_write_permit']['entity_type'])) {
|
|
return '';
|
|
}
|
|
|
|
// Generate only the main modal form except header and close
|
|
$form_only = isset($form['form_only']) && $form['form_only'];
|
|
|
|
// Time our form filling.
|
|
$form_start = microtime(TRUE);
|
|
|
|
// Use modal with form
|
|
if (isset($form['modal_args'])) {
|
|
$modal_args = $form['modal_args'];
|
|
unset($form['modal_args']);
|
|
} else {
|
|
$modal_args = [];
|
|
}
|
|
|
|
if (!isset($modal_args['id']) && isset($form['id'])) {
|
|
// Generate modal id from form id
|
|
if (str_starts($form['id'], 'modal-')) {
|
|
$modal_args['id'] = $form['id'];
|
|
$form['id'] = substr($form['id'], 6);
|
|
} else {
|
|
$modal_args['id'] = 'modal-' . $form['id'];
|
|
}
|
|
}
|
|
if (!isset($modal_args['title']) && isset($form['title'])) {
|
|
// Move form title to modal header
|
|
$modal_args['title'] = $form['title'];
|
|
unset($form['title']);
|
|
}
|
|
|
|
$form['class'] = ''; // Clean default box class!
|
|
$form['fieldset']['body']['class'] = 'modal-body'; // Required this class for modal body!
|
|
$form['fieldset']['footer']['class'] = 'modal-footer'; // Required this class for modal footer!
|
|
|
|
$modal = !$form_only ? generate_modal_open($modal_args) : '';
|
|
|
|
// Save generation time for profiling
|
|
$GLOBALS['form_time'] += elapsed_time($form_start);
|
|
|
|
$modal .= generate_form($form);
|
|
|
|
// Time our form filling.
|
|
$form_start = microtime(TRUE);
|
|
|
|
if (!$form_only) {
|
|
$modal .= generate_modal_close($modal_args);
|
|
}
|
|
|
|
// Save generation time for profiling
|
|
$GLOBALS['form_time'] += elapsed_time($form_start);
|
|
|
|
return $modal;
|
|
}
|
|
|
|
// EOF
|