public static function get_clean_structure($default_prop, $value, $closure_defaults = array(), $default_key = '')
{
$get_property_value = self::_get_property_value_func();
$structure = $get_property_value($value, array('if_array' => function ($value) use($default_prop, $default_key) {
return SmartUtil::set_array_prop_def($default_prop, $value, $default_key);
}, 'if_closure' => function ($value) use($closure_defaults, $default_prop, $default_key) {
return SmartUtil::set_closure_prop_def($default_prop, $value, $closure_defaults, $default_key);
}, 'if_other' => function ($value) use($default_prop, $default_key) {
$default_prop[$default_key] = $value;
return $default_prop;
}));
return $structure;
}
public static function print_dropdown($items, $options = array(), $return = false)
{
$get_property_value = self::_get_property_value_func();
$items_html = '';
$main_attrs = array();
$default_options = array('type' => 'ul', 'attr' => array(), 'class' => '', 'id' => '', 'multilevel' => false);
$new_options = parent::set_array_prop_def($default_options, $options, 'class');
foreach ($items as $item) {
$item_html = '';
$item_prop = array('content' => '', 'submenu' => array(), 'class' => array(), 'attr' => array());
$new_item_prop = $get_property_value($item, array('if_array' => function ($item) use($item_prop) {
return SmartUtil::set_array_prop_def($item_prop, $item, 'content');
}, 'if_closure' => function ($item) use($item_prop) {
return SmartUtil::set_closure_prop_def($item_prop, $item);
}, 'if_other' => function ($item) use($item_prop) {
$item_prop['content'] = $item;
return $item_prop;
}));
$classes = array();
if ($new_item_prop['class']) {
$classes[] = is_array($new_item_prop['class']) ? implode(' ', $new_item_prop['class']) : $new_item_prop['class'];
}
$attrs = array();
if ($new_item_prop['attr']) {
foreach ($new_item_prop['attr'] as $key => $value) {
$attrs[] = $key . '="' . $value . '"';
}
}
$content = $new_item_prop['content'];
if ($new_item_prop['submenu']) {
$content .= self::print_dropdown($new_item_prop['submenu'], null, true);
$classes[] = 'dropdown-submenu';
} else {
if ($content === '-') {
$classes[] = 'divider';
} else {
if (preg_match("/##(.*)?##/", $content, $header_matches)) {
$classes[] = 'dropdown-header';
$content = trim($header_matches[1]);
}
}
}
$attrs[] = $classes ? ' class="' . trim(implode(' ', $classes)) . '"' : '';
$item_html = '<li' . ($attrs ? ' ' . implode(' ', $attrs) : '') . '>' . $content . '</li>';
$items_html .= $item_html;
}
$classes = array('dropdown-menu');
if ($new_options['multilevel']) {
$classes[] = 'multi-level';
}
$main_attrs[] = 'role="menu"';
if ($new_options['class']) {
$classes[] = $new_options['class'];
}
if ($new_options['attr']) {
foreach ($new_options['attr'] as $key => $value) {
$main_attrs[] = $key . '="' . $value . '"';
}
}
if ($new_options['id']) {
$main_attrs[] = 'id="' . $new_options['id'] . '"';
}
$main_attrs[] = 'class="' . implode(' ', $classes) . '"';
$result = '<ul ' . implode(' ', $main_attrs) . '>';
$result .= $items_html;
$result .= '</ul>';
if ($return) {
return $result;
} else {
echo $result;
}
}
<div class="row">
<div class="col-sm-12">
<?php
$hb = new HTMLIndent();
$html_snippet = SmartUtil::clean_html_string($hb->indent($result), false);
$options = array("editbutton" => false, "colorbutton" => false, "collapsed" => true);
$contents = array("body" => '<pre class="prettyprint linenums">' . $html_snippet . '</pre>', "header" => array("icon" => 'fa-code', "title" => '<h2>HTML Output (Run Time: ' . $run_time . ')</h2>'));
$ui->create_widget($options, $contents)->color('pink')->print_html();
//setting with callback and chaining (Like jQuery)
$widget->body("content", "This is a new value using jQuery style setup.")->header("toolbar", '')->header("title", "<h2>Toolbar removed!!!</h2>")->color('darken', function ($w) {
$html_result = $w->print_html(true);
$hb = new HTMLIndent();
$html_snippet = SmartUtil::clean_html_string($hb->indent($html_result), false);
$w->body("content", $w->body("content") . '<br /><br /><pre class="prettyprint linenums">' . $html_snippet . '</pre>')->print_html();
});
//plog($widget->body);
?>
</div>
</div>
<!-- end row -->
<!-- row -->
<div class="row">
public function print_html($return = false)
{
$get_property_value = parent::_get_property_value_func();
$that = $this;
$structure = $this->_structure;
$attr = $get_property_value($structure->attr, array("if_closure" => function ($attr) use($that) {
return SmartUtil::run_callback($attr, array($that));
}, "if_other" => function ($attr) {
return $attr;
}, "if_array" => function ($attr) {
$props = array_map(function ($attr, $attr_value) {
//build attribute values from passed array
return $attr . ' = "' . $attr_value . '"';
}, array_keys($attr), $attr);
return implode(' ', $props);
}));
$options_map = $this->_options_map;
$options = $get_property_value($structure->options, array("if_closure" => function ($options) use($that) {
return SmartUtil::run_callback($options, array($that));
}, "if_other" => function ($options) {
return $options;
}, "if_array" => function ($options) use($that, $options_map) {
$props = array_map(function ($option, $value) use($that, $options_map) {
if (is_bool($value)) {
$str_val = var_export($value, true);
if (isset($options_map[$option])) {
if ($value !== $options_map[$option]) {
return 'data-widget-' . $option . '="' . $str_val . '"';
} else {
return '';
}
} else {
return 'data-widget-' . $option . '="' . $str_val . '"';
}
}
return 'data-widget-' . $option . '="' . $value . '"';
}, array_keys($options), $options);
return implode(' ', $props);
}));
$body = $get_property_value($structure->body, array("if_closure" => function ($body) use($that) {
return SmartUtil::run_callback($body, array($that));
}, "if_other" => function ($body) {
return '<div class="widget-body">' . $body . '</div>';
}, "if_array" => function ($body) use($that) {
$editbox = '';
if (isset($body["editbox"])) {
$editbox = '<div class="jarviswidget-editbox">';
$editbox .= $body["editbox"];
$editbox .= '</div>';
}
$content = '';
if (isset($body['content'])) {
if (SmartUtil::is_closure($body['content'])) {
$content = SmartUtil::run_callback($body['content'], array($that));
} else {
$content = $body['content'];
}
}
$class = 'widget-body';
if (isset($body["class"])) {
if (is_array($body["class"])) {
$class .= ' ' . implode(' ', $body["class"]);
} else {
$class .= ' ' . $body["class"];
}
}
$toolbar = '';
if (isset($body["toolbar"])) {
$toolbar = '<div class="widget-body-toolbar">';
$toolbar .= $body["toolbar"];
$toolbar .= '</div>';
}
$footer = '';
if (isset($body['footer'])) {
$footer = '<div class="widget-footer">';
$footer .= $body['footer'];
$footer .= '</div>';
}
$result = $editbox;
$result .= '<div class="' . $class . '">';
$result .= $toolbar;
$result .= $content;
$result .= $footer;
$result .= '</div>';
return $result;
}));
$header = $get_property_value($structure->header, array("if_closure" => function ($header) use($that) {
return SmartUtil::run_callback($body, array($that));
}, "if_other" => function ($body) {
return $body;
}, "if_array" => function ($body) use($get_property_value, $that) {
$toolbar_htm = '';
if (isset($body["icon"])) {
$toolbar_htm .= '<span class="widget-icon"> <i class="' . SmartUI::$icon_source . ' ' . $body["icon"] . '"></i> </span>';
}
if (isset($body["toolbar"])) {
$toolbar_htm .= $get_property_value($body["toolbar"], array("if_closure" => function ($toolbar) use($that) {
return SmartUtil::run_callback($toolbar, array($that, $toolbar));
}, "if_other" => function ($toolbar) {
return $toolbar;
}, "if_array" => function ($toolbar) {
$toolbar_props_htm = array();
foreach ($toolbar as $toolbar_prop) {
$id = '';
$class = 'widget-toolbar';
$attrs = array();
$content = '';
if (is_string($toolbar_prop)) {
$content = $toolbar_prop;
} else {
if (is_array($toolbar_prop)) {
$id = isset($toolbar_prop["id"]) ? $toolbar_prop["id"] : '';
$class .= isset($toolbar_prop["class"]) ? ' ' . $toolbar_prop["class"] : '';
if (isset($toolbar_prop["attr"])) {
if (is_array($toolbar_prop["attr"])) {
foreach ($toolbar_prop["attr"] as $attr => $value) {
$attrs[] = $attr . '="' . $value . '"';
}
} else {
$attrs[] = $toolbar_prop["attr"];
}
}
$content = isset($toolbar_prop["content"]) ? $toolbar_prop["content"] : '';
}
}
$htm = '<div class="' . trim($class) . '" id="' . $id . '" ' . implode(' ', $attrs) . '>';
$htm .= $content;
$htm .= '</div>';
$toolbar_props_htm[] = $htm;
}
return implode(' ', $toolbar_props_htm);
}));
}
if (isset($body["title"])) {
$toolbar_htm .= $body["title"];
} else {
$toolbar_htm .= '<h2><code>SmartUI::Widget->header[content] not defined</code></h2>';
}
return $toolbar_htm;
}));
$class = $get_property_value($structure->class, array("if_closure" => function ($class) use($that) {
return SmartUtil::run_callback($class, array($that));
}, "if_array" => function ($class) {
return implode(' ', $class);
}));
$color = $get_property_value($structure->color, array("if_closure" => function ($color) use($that) {
return SmartUtil::run_callback($color, array($that));
}, "if_other" => function ($color) {
return $color ? 'jarviswidget-color-' . $color : '';
}, "if_array" => function ($color) {
SmartUI::err('SmartUI::Widget::color requires string');
}));
$id = $get_property_value($structure->id, array("if_closure" => function ($id) use($that) {
return SmartUtil::run_callback($id, array($that));
}, "if_array" => function ($id) {
SmartUI::err('SmartUI::Widget::id requires string.');
return '';
}));
$id = $id ? 'id="' . $id . '"' : '';
$main_classes = array('jarviswidget', $color, $class);
$main_attributes = array('class="' . trim(implode(' ', $main_classes)) . '"', $id, $options, $attr);
$result = '<div ' . trim(implode(' ', $main_attributes)) . '>';
$result .= '<header>' . $header . '</header>';
$result .= '<div>' . $body . '</div>';
$result .= '</div>';
if ($return) {
return $result;
} else {
echo $result;
}
}
// print JS content
$js = $dt->print_js(true);
$run_time = $ui->run_time(false);
echo $html;
?>
</article>
<article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<?php
$options = array("editbutton" => false, "colorbutton" => false, "collapsed" => true);
// print html output
$hb = new HTMLIndent();
$html_snippet = SmartUtil::clean_html_string($hb->indent($html), false);
$contents = array("body" => '<pre class="prettyprint linenums">' . $html_snippet . '</pre>', "header" => array("icon" => 'fa fa-code', "title" => '<h2>HTML Output (Run Time: ' . $run_time . ')</h2>'));
$ui->create_widget($options, $contents)->color('pink')->print_html();
// print js
$js_snippet = SmartUtil::clean_html_string($js);
$js_contents = array("body" => '<pre class="prettyprint linenums">' . $js_snippet . '</pre>', "header" => array("icon" => 'fa fa-code', "title" => '<h2>JS Output</h2>'));
$ui->create_widget($options, $js_contents)->color('green')->print_html();
?>
</article>
</div>
<div class="row">
<div class="col-sm-12">
<div class="well">
<?php
$md = file_get_contents("docs/smartui/datatable.md");
$parsedown = new Parsedown();
$doc = $parsedown->parse($md);
echo str_replace('<pre', '<pre class="prettyprint linenums"', $doc);
?>
private static function _get_field_html($name, $field_type = self::FORM_FIELD_INPUT, $properties = array(), $field_html_only = false)
{
$field_class_map = array(self::FORM_FIELD_INPUT => 'input', self::FORM_FIELD_FILEINPUT => 'input input-file', self::FORM_FIELD_SELECT => 'select', self::FORM_FIELD_SELECT2 => 'select', self::FORM_FIELD_MULTISELECT => 'select select-multiple', self::FORM_FIELD_TEXTAREA => 'textarea', self::FORM_FIELD_CHECKBOX => 'checkbox', self::FORM_FIELD_RADIO => 'radio', self::FORM_FIELD_RATING => 'rating', self::FORM_FIELD_RATINGS => 'rating', self::FORM_FIELD_HIDDEN => '', self::FORM_FIELD_BLANK => '');
$result = '';
$field_html = '';
$result_html = '';
$notes = '';
$label = '';
$attrs = array();
switch ($field_type) {
case self::FORM_FIELD_LABEL:
$default_prop = array('label' => '');
$new_prop = parent::get_clean_structure($default_prop, $properties, array(), 'label');
$result_html = $new_prop['label'];
break;
case self::FORM_FIELD_BLANK:
$default_prop = array('content' => '');
$new_prop = parent::get_clean_structure($default_prop, $properties, array(), 'content');
$result_html = $new_prop['content'];
break;
case self::FORM_FIELD_RATINGS:
$default_prop = array('items' => array(), 'icon' => SmartUI::$icon_source . '-star');
$new_prop = parent::get_clean_structure($default_prop, $properties, array(), 'max');
if (!is_array($new_prop['items'])) {
$new_prop['items'] = array($new_prop['items']);
}
$items = $new_prop['items'];
$rating_html_list = array();
foreach ($items as $item) {
$item_prop = array('max' => 5, 'icon' => $new_prop['icon'], 'name' => $name . '-' . SmartUtil::create_id(), 'label' => '');
$new_item_prop = parent::set_array_prop_def($item_prop, $item, 'max');
$field_html = self::_get_field_html($new_item_prop['name'], self::FORM_FIELD_RATING, $new_item_prop, true);
$field_html .= $new_item_prop['label'] ? $new_item_prop['label'] : ' ';
$result_html = ' <div class="' . $field_class_map[$field_type] . '">';
$result_html .= $field_html;
$result_html .= ' </div>';
$rating_html_list[] = $result_html;
}
$result_html = implode('', $rating_html_list);
break;
case self::FORM_FIELD_RATING:
$default_prop = array('max' => 5, 'icon' => SmartUI::$icon_source . '-star');
$new_prop = parent::get_clean_structure($default_prop, $properties, array(), 'max');
$rating_html_list = array();
for ($i = $new_prop['max']; $i >= 1; $i--) {
$rate_id = $name . '-' . $i;
$rating_html = self::_get_field_html($name, self::FORM_FIELD_INPUT, array('type' => 'radio', 'id' => $rate_id), true);
$rating_html .= '<label for="' . $rate_id . '"><i class="' . SmartUI::$icon_source . ' ' . $new_prop['icon'] . '"></i></label>';
$rating_html_list[] = $rating_html;
}
$field_html .= implode('', $rating_html_list);
if ($field_html_only) {
return $field_html;
}
$result_html .= ' <label class="' . $field_class_map[$field_type] . '">';
$result_html .= $field_html;
$result_html .= ' </label>';
break;
case self::FORM_FIELD_TEXTAREA:
$default_prop = array('rows' => 3, 'attr' => array(), 'class' => array(), 'icon' => '', 'icon_append' => true, 'value' => '', 'id' => '', 'type' => '', 'placeholder' => '', 'disabled' => false, 'wrapper' => 'label');
$new_prop = parent::get_clean_structure($default_prop, $properties, array(), 'placeholder');
$classes = array();
$classes[] = 'custom-scroll';
if ($new_prop['class']) {
array_push($classes, $new_prop['class']);
}
$attrs = array();
$attrs[] = 'class="' . implode(' ', $classes) . '"';
$attrs[] = 'rows="' . $new_prop['rows'] . '"';
$attrs[] = 'name="' . $name . '"';
if ($new_prop['disabled']) {
$attrs[] = 'disabled="disabled"';
}
if ($new_prop['id']) {
$attrs[] = 'id="' . $new_prop['id'] . '"';
}
if ($new_prop['placeholder']) {
$attrs[] = 'placeholder="' . $new_prop['placeholder'] . '"';
}
if ($new_prop['attr']) {
$attrs[] = implode(' ', $new_prop['attr']);
}
if ($new_prop['icon']) {
$field_html .= '<i class="icon-' . ($new_prop['icon_append'] ? 'append' : 'prepend') . ' ' . SmartUI::$icon_source . ' ' . $new_prop['icon'] . '"></i>';
}
$field_html .= '<textarea ' . implode(' ', $attrs) . '>';
$field_html .= $new_prop['value'];
$field_html .= '</textarea>';
$field_class_map[self::FORM_FIELD_TEXTAREA] = 'textarea' . ($new_prop['type'] ? ' textarea-' . $new_prop['type'] : '');
if ($field_html_only) {
return $field_html;
}
$result_html .= ' <' . $new_prop['wrapper'] . ' class="' . $field_class_map[$field_type] . '">';
$result_html .= $field_html;
$result_html .= ' </' . $new_prop['wrapper'] . '>';
break;
case self::FORM_FIELD_MULTISELECT:
if (isset($properties['attr'])) {
array_push($properties['attr'], array('multiple="multiple"', 'class="custom-scroll"'));
} else {
$properties['attr'] = array('multiple="multiple"');
}
if (isset($properties['class'])) {
array_push($properties['class'], array('custom-scroll'));
} else {
$properties['class'] = array('custom-scroll');
}
$properties['icon'] = '';
$field_html = self::_get_field_html($name, self::FORM_FIELD_SELECT, $properties, true);
if ($field_html_only) {
return $field_html;
}
$result_html .= ' <label class="' . $field_class_map[$field_type] . '">';
$result_html .= $field_html;
$result_html .= ' </label>';
break;
case self::FORM_FIELD_SELECT2:
if (!is_array($properties['class'])) {
$properties['class'] = array($properties['class']);
}
array_push($properties['class'], 'select2');
$properties['icon'] = '';
$field_html = self::_get_field_html($name, self::FORM_FIELD_SELECT, $properties, true);
if ($field_html_only) {
return $field_html;
}
$result_html .= ' <label class="' . $field_class_map[$field_type] . '">';
$result_html .= $field_html;
$result_html .= ' </label>';
break;
case self::FORM_FIELD_SELECT:
$default_prop = array('data' => array(), 'display' => '', 'value' => '', 'container' => 'select', 'selected' => false, 'id' => '', 'attr' => array(), 'class' => array(), 'icon' => '<i></i>', 'item_attr' => null, 'disabled' => false);
$get_property_value = parent::_get_property_value_func();
$new_prop = parent::get_clean_structure($default_prop, $properties, array(), 'data');
$data = $new_prop['data'];
if (!is_array($data)) {
parent::err('SmartUI::Form "data" is required for "select" field.');
return '';
}
if (!$data) {
$data = array(array('No Data'));
}
$data = SmartUtil::object_to_array($data);
if (!$new_prop['display']) {
$display_key = array_keys($data[0]);
$new_prop['display'] = is_array($data[0]) && $display_key ? $display_key[0] : 0;
}
if (!$new_prop['value']) {
$value_key = array_keys($data[0]);
$new_prop['value'] = is_array($data[0]) && $value_key ? $value_key[0] : 0;
}
$option_list = array();
foreach ($data as $row) {
$item_attr = '';
if (!is_array($row)) {
$row = array($row);
}
$selected = $row[$new_prop['value']] == $new_prop['selected'];
if (isset($new_prop['item_attr'])) {
$item_attr = $get_property_value($new_prop['item_attr'], array('if_closure' => function ($item_attr) use($row) {
return SmartUtil::run_callback($row);
}, 'if_array' => function ($item_attr) use($row) {
$attrs = array();
foreach ($item_attr as $attr) {
$attrs[] = SmartUtil::replace_col_codes($attr, $row);
}
return implode(' ', $attrs);
}, 'if_other' => function ($item_attr) use($row) {
return SmartUtil::replace_col_codes($item_attr, $row);
}));
}
$option_list[] = '<option value="' . $row[$new_prop['value']] . '"' . ($selected ? ' selected' : '') . ($item_attr ? ' ' . $item_attr : '') . '>' . $row[$new_prop['display']] . '</option>';
}
$attrs = array();
$attrs[] = 'name="' . $name . '"';
if ($new_prop['disabled']) {
$attrs[] = 'disabled="disabled"';
}
if ($new_prop['id']) {
$attrs[] = 'id="' . $new_prop['id'] . '"';
}
if ($new_prop['attr']) {
$attrs[] = implode(' ', $new_prop['attr']);
}
if ($new_prop['class']) {
$attrs[] = 'class="' . implode(' ', $new_prop['class']) . '"';
}
$field_html = '<' . $new_prop['container'] . ' ' . implode(' ', $attrs) . '>';
$field_html .= implode('', $option_list);
$field_html .= '</' . $new_prop['container'] . '>' . $new_prop['icon'];
if ($field_html_only) {
return $field_html;
}
$result_html .= ' <label class="' . $field_class_map[$field_type] . '">';
$result_html .= $field_html;
$result_html .= ' </label>';
break;
case self::FORM_FIELD_FILEINPUT:
$file_button = self::_get_field_html($name, self::FORM_FIELD_INPUT, array('type' => 'file', 'attr' => array_merge(array('onchange="this.parentNode.nextSibling.value = this.value"'), isset($properties['attr']) ? $properties['attr'] : array())), true);
$field_html = '<span class="button">';
$field_html .= $file_button;
$field_html .= 'Browse</span>';
$default_prop = array('icon' => false, 'tooltip' => false, 'attr' => array('readonly'), 'type' => 'text');
if ($properties) {
foreach ($properties as $key => $value) {
if (!isset($default_prop[$key])) {
$default_prop[$key] = $value;
}
}
}
$field_html .= self::_get_field_html($name . '-display', self::FORM_FIELD_INPUT, $default_prop, true);
if ($field_html_only) {
return $field_html;
}
$result_html .= ' <label class="' . $field_class_map[$field_type] . '">';
$result_html .= $field_html;
$result_html .= ' </label>';
break;
case self::FORM_FIELD_HIDDEN:
$default_prop = array('icon' => false, 'tooltip' => false, 'type' => 'hidden', 'value' => '');
$new_prop = parent::get_clean_structure($default_prop, $properties, array(), 'value');
$field_html .= self::_get_field_html($name, self::FORM_FIELD_INPUT, $new_prop, true);
return $field_html;
break;
case self::FORM_FIELD_INPUT:
$default_prop = array('type' => 'text', 'attr' => array(), 'id' => '', 'icon' => '', 'icon_append' => true, 'placeholder' => '', 'value' => '', 'tooltip' => array(), 'disabled' => false, 'autocomplete' => false, 'size' => '', 'class' => array());
$new_prop = parent::get_clean_structure($default_prop, $properties, array(), 'placeholder');
$classes = array();
if ($new_prop['class']) {
array_push($classes, $new_prop['class']);
}
if ($new_prop['size']) {
$classes[] = 'input-' . $new_prop['size'];
}
$attrs = array();
$attrs[] = $classes ? 'class="' . implode(' ', $classes) . '"' : '';
$attrs[] = 'type="' . $new_prop['type'] . '"';
$attrs[] = 'name="' . $name . '"';
if ($new_prop['attr']) {
$attrs[] = implode(' ', $new_prop['attr']);
}
if ($new_prop['id']) {
$attrs[] = 'id="' . $new_prop['id'] . '"';
}
$attrs[] = 'value="' . $new_prop['value'] . '"';
if ($new_prop['placeholder']) {
$attrs[] = 'placeholder="' . $new_prop['placeholder'] . '"';
}
if ($new_prop['disabled']) {
$attrs[] = 'disabled="disabled"';
}
$ac_html = '';
if ($new_prop['autocomplete']) {
$ac_prop = array('data' => array(), 'display' => '', 'value' => '');
if (!isset($new_prop['autocomplete']['data'])) {
$ac_prop['data'] = $new_prop['autocomplete'];
} else {
$ac_prop['data'] = $new_prop['autocomplete']['data'];
$ac_prop['display'] = isset($new_prop['autocomplete']['display']) ? $new_prop['autocomplete']['display'] : '';
$ac_prop['value'] = isset($new_prop['autocomplete']['value']) ? $new_prop['autocomplete']['value'] : '';
}
$list_name = 'list-' . $name . '-' . SmartUtil::create_id();
$ac_html = self::_get_field_html('', self::FORM_FIELD_SELECT, array('container' => 'datalist', 'data' => $ac_prop['data'], 'display' => $ac_prop['display'], 'value' => $ac_prop['value'], 'id' => $list_name), true);
$attrs[] = 'list="' . $list_name . '"';
}
if ($new_prop['icon']) {
$field_html .= '<i class="icon-' . ($new_prop['icon_append'] ? 'append' : 'prepend') . ' ' . SmartUI::$icon_source . ' ' . $new_prop['icon'] . '"></i>';
}
$field_html .= '<input ' . implode(' ', $attrs) . ' />';
$field_html .= $ac_html;
if ($new_prop['tooltip']) {
$tooltip_prop = array('content' => '', 'position' => 'top-right');
$new_tooltip_prop = parent::set_array_prop_def($tooltip_prop, $new_prop['tooltip'], 'content');
$field_html .= '<b class="tooltip tooltip-' . $new_tooltip_prop['position'] . '">' . $new_tooltip_prop['content'] . '</b>';
}
if ($field_html_only) {
return $field_html;
}
$result_html .= ' <label class="' . $field_class_map[$field_type] . '">';
$result_html .= $field_html;
$result_html .= ' </label>';
break;
case self::FORM_FIELD_RADIO:
$default_prop = array('items' => array(), 'cols' => 0, 'inline' => false, 'toggle' => false);
$new_prop = parent::get_clean_structure($default_prop, $properties, array(), 'items');
if (!is_array($new_prop['items'])) {
$new_prop['items'] = array($new_prop['items']);
}
$items = $new_prop['items'];
$item_list_html = array();
foreach ($items as $item) {
$items_prop = array('name' => $name, 'checked' => false, 'value' => '', 'label' => '', 'id' => '', 'disabled' => false);
$new_item_prop = parent::set_array_prop_def($items_prop, $item, 'label');
$item_html = self::_get_field_html($new_item_prop['name'], self::FORM_FIELD_INPUT, array('type' => 'radio', 'attr' => $new_item_prop['checked'] ? array('checked') : null, 'value' => $new_item_prop['value'], 'id' => $new_item_prop['id']), true);
if ($new_prop['toggle']) {
$text_off = is_array($new_prop['toggle']) && isset($new_prop['toggle']['text-off']) ? $new_prop['toggle']['text-off'] : 'OFF';
$text_on = is_array($new_prop['toggle']) && isset($new_prop['toggle']['text-on']) ? $new_prop['toggle']['text-on'] : 'ON';
$item_html .= '<i data-swchon-text="' . $text_on . '" data-swchoff-text="' . $text_off . '"></i>';
} else {
$item_html .= '<i></i>';
}
$item_html .= $new_item_prop['label'];
$field_html = ' <label class="' . ($new_prop['toggle'] ? 'toggle' : $field_class_map[$field_type]) . ' ' . ($new_item_prop['disabled'] ? 'state-disabled' : '') . '">';
$field_html .= $item_html;
$field_html .= ' </label>';
$item_list_html[] = $field_html;
}
if ($new_prop['cols']) {
$result_html .= '<div class="row">';
$result_html .= self::print_col_items($item_list_html, function ($item) {
return $item;
}, $new_prop['cols'], true);
$result_html .= '</div>';
} else {
$list_html = implode('', $item_list_html);
if ($new_prop['inline']) {
$result_html .= '<div class="inline-group">';
$result_html .= $list_html;
$result_html .= '</div>';
} else {
$result_html .= $list_html;
}
}
if ($field_html_only) {
return $result_html;
}
break;
case self::FORM_FIELD_CHECKBOX:
$default_prop = array('items' => array(), 'cols' => 0, 'inline' => false, 'toggle' => false);
$new_prop = parent::get_clean_structure($default_prop, $properties, array(), 'items');
if (!is_array($new_prop['items'])) {
$new_prop['items'] = array($new_prop['items']);
}
$items = $new_prop['items'];
$item_list_html = array();
foreach ($items as $item) {
$items_prop = array('name' => $name, 'checked' => false, 'value' => '', 'label' => '', 'id' => '', 'disabled' => false);
$new_item_prop = parent::set_array_prop_def($items_prop, $item, 'label');
$item_html = self::_get_field_html($new_item_prop['name'], self::FORM_FIELD_INPUT, array('type' => 'checkbox', 'attr' => $new_item_prop['checked'] ? array('checked') : null, 'value' => $new_item_prop['value'], 'id' => $new_item_prop['id']), true);
if ($new_prop['toggle']) {
$text_off = is_array($new_prop['toggle']) && isset($new_prop['toggle']['text-off']) ? $new_prop['toggle']['text-off'] : 'OFF';
$text_on = is_array($new_prop['toggle']) && isset($new_prop['toggle']['text-on']) ? $new_prop['toggle']['text-on'] : 'ON';
$item_html .= '<i data-swchon-text="' . $text_on . '" data-swchoff-text="' . $text_off . '"></i>';
} else {
$item_html .= '<i></i>';
}
$item_html .= $new_item_prop['label'];
$field_html = ' <label class="' . ($new_prop['toggle'] ? 'toggle' : $field_class_map[$field_type]) . ' ' . ($new_item_prop['disabled'] ? 'state-disabled' : '') . '">';
$field_html .= $item_html;
$field_html .= ' </label>';
$item_list_html[] = $field_html;
}
if ($new_prop['cols']) {
$result_html .= '<div class="row">';
$result_html .= self::print_col_items($item_list_html, function ($item) {
return $item;
}, $new_prop['cols'], true);
$result_html .= '</div>';
} else {
$list_html = implode('', $item_list_html);
if ($new_prop['inline']) {
$result_html .= '<div class="inline-group">';
$result_html .= $list_html;
$result_html .= '</div>';
} else {
$result_html .= $list_html;
}
}
if ($field_html_only) {
return $result_html;
}
break;
}
if (is_array($properties)) {
$notes = isset($properties['note']) ? '<div class="note">' . $properties['note'] . '</div>' : '';
$label = isset($properties['label']) && $properties['label'] ? '<label class="label">' . $properties['label'] . '</label>' : '';
}
$result .= $label;
$result .= $result_html;
$result .= $notes;
return $result;
}
public function print_html($return = false)
{
$get_property_value = parent::_get_property_value_func();
$that = $this;
$structure = $this->_structure;
$icon = $get_property_value($structure->icon, array('if_closure' => function ($icon) use($that) {
return SmartUtil::run_callback($icon, array($that));
}, 'if_array' => function ($icon) {
SmartUI::err('SmartUI::Widget::icon requires string.');
return '';
}));
$container = $get_property_value($structure->container, array('if_closure' => function ($container) use($that) {
return SmartUtil::run_callback($container, array($that));
}, 'if_array' => function ($container) {
SmartUI::err('SmartUI::Widget::container requires string.');
return '';
}));
$content = $get_property_value($structure->content, array('if_closure' => function ($content) use($that) {
return SmartUtil::run_callback($content, array($that));
}, 'if_array' => function ($content) {
SmartUI::err('SmartUI::Widget::content requires string.');
return '';
}));
$attr = $get_property_value($structure->attr, array('if_closure' => function ($attr) use($that) {
$callback_return = SmartUtil::run_callback($attr, $array($that));
if (is_array($callback_return)) {
return $callback_return;
} else {
return array($callback_return);
}
}, 'if_array' => function ($attr) {
$attrs = array();
foreach ($attr as $key => $value) {
$attrs[] = $key . '="' . $value . '"';
}
return $attrs;
}, 'if_other' => function ($attr) {
return array($attr);
}));
$class = $get_property_value($structure->class, array("if_closure" => function ($class) use($that) {
return SmartUtil::run_callback($class, array($that));
}, "if_array" => function ($class) {
return implode(' ', $class);
}));
$type = $get_property_value($structure->type, array('if_array' => function ($class) {
SmartUI::err('SmartUI::Button:type requires string.');
return SmartUI::BUTTON_TYPE_DEFAULT;
}));
$classes = array();
// labeled and icon
if (trim($icon)) {
$icon = '<i class="fa ' . $icon . '"></i>';
if ($structure->options['labeled']) {
$classes[] = 'btn-labeled';
$icon = $structure->options['labeled'] ? '<span class="btn-label">' . $icon . '</span>' : $icon;
}
$content = $icon . ' ' . $content;
}
// custom class
if ($class) {
$classes[] = $class;
}
// size
$size_class = '';
if ($structure->size) {
$size_class = 'btn-' . $structure->size;
$classes[] = $size_class;
}
// disabled
$disabled = $structure->options['disabled'] ? 'disabled' : '';
$classes[] = $disabled;
$class_htm = $classes ? ' ' . implode(' ', $classes) : '';
$result = '';
if ($structure->dropdown) {
$dd_prop = array('items' => array(), 'multilevel' => false, 'split' => false);
$new_dd_prop = parent::get_clean_structure($dd_prop, $structure->dropdown, array($this), 'items');
if (is_array($new_dd_prop['items'])) {
$dropdown_html = parent::print_dropdown($new_dd_prop['items'], $new_dd_prop['multilevel'], true);
} else {
$dropdown_html = $new_dd_prop['items'];
}
if ($new_dd_prop['split']) {
$split_prop = array('type' => $type, 'disabled' => false, 'dropup' => false, 'class' => array(), 'attr' => array());
$new_split_prop = parent::get_clean_structure($split_prop, $new_dd_prop['split'], array($this, $new_dd_prop), 'type');
$split_attrs = array();
if (is_array($new_split_prop['attr'])) {
foreach ($new_split_prop['attr'] as $split_attr => $value) {
$split_attrs[] = $split_attr . '="' . $value . '"';
}
} else {
$split_attrs[] = $new_split_prop['attr'];
}
$split_classes = array();
if (is_array($new_split_prop['class'])) {
$split_classes[] = implode(' ', $new_split_prop['class']);
} else {
$split_classes[] = $new_split_prop['class'];
}
$split_classes[] = $size_class;
$split_class_htm = $split_classes ? ' ' . implode(' ', $split_classes) : '';
$btn_main = '<' . $container . ' class="btn btn-' . $type . $class_htm . '" ' . implode(' ', $attr) . '>';
$btn_main .= $content;
$btn_main .= '</' . $container . '>';
$btn_dd = '<' . $container . ' class="btn btn-' . $new_split_prop['type'] . $split_class_htm . ' dropdown-toggle" data-toggle="dropdown" ' . implode(' ', $split_attrs) . '>';
$btn_dd .= '<span class="caret"></span>';
$btn_dd .= '</' . $container . '>';
$btn_dd .= $dropdown_html;
$result .= '<div class="btn-group' . ($new_split_prop['dropup'] ? ' dropup' : '') . '">' . $btn_main . $btn_dd . '</div>';
} else {
$result .= '<div class="dropdown">';
$result .= '<' . $container . ' class="btn btn-' . $type . $class_htm . ' dropdown-toggle" ' . implode(' ', $attr) . ' data-toggle="dropdown">';
$result .= $content . ' <span class="caret"></span>';
$result .= '</' . $container . '>';
$result .= $dropdown_html;
$result .= '</div>';
}
} else {
$result .= '<' . $container . ' class="btn btn-' . $type . $class_htm . '" ' . implode(' ', $attr) . '>';
$result .= $content;
$result .= '</' . $container . '>';
}
if ($return) {
return $result;
} else {
echo $result;
}
}
public function print_html($return = false)
{
$get_property_value = parent::_get_property_value_func();
$that = $this;
$structure = $this->_structure;
$rows = $get_property_value($structure->data, array("if_array" => function ($data) use($that, $get_property_value, $structure) {
$html_rows = array();
foreach ($data as $row_index => $row_data) {
$row_prop = array("hidden" => false, "checkbox" => true, "detail" => true, "class" => "", "attr" => "", "content" => true);
$new_row_prop = $row_prop;
if (isset($structure->row[$row_index + 1])) {
$row_prop_value = $structure->row[$row_index + 1];
if ($row_prop_value === false) {
$new_row_prop["hidden"] = true;
} else {
if ($row_prop_value === "") {
$new_row_prop["content"] = "";
} else {
$new_row_prop = SmartUtil::get_clean_structure($row_prop, $row_prop_value, array($row_data, $row_index), 'class');
}
}
}
$rows_html = '';
foreach ($row_data as $col_name => $cell_value) {
$hide_class = '';
if (isset($structure->hide[$col_name]) && $structure->hide[$col_name] === true || in_array($col_name, $structure->hidden)) {
$hide_class = ' class="hidden"';
}
if (isset($new_row_prop["content"]) && !$new_row_prop["content"]) {
$rows_html .= '<td' . $hide_class . '></td>';
continue;
}
$cell_html = $cell_value;
if (isset($structure->cell[$col_name])) {
$cell_prop = $structure->cell[$col_name];
$cell_html = $get_property_value($cell_prop, array("if_closure" => function ($prop) use($that, $row_data, $row_index, $cell_value) {
return SmartUtil::run_callback($prop, array($row_data, $cell_value, $row_index));
}, "if_array" => function ($cell_prop) use($that, $row_data, $row_index, $cell_value, $get_property_value) {
//icon, content, color, url[href, title, tooltip, attr]
$cell_html = $cell_value;
//content
if (isset($cell_prop["content"])) {
$cell_html = $get_property_value($cell_prop["content"], array("if_closure" => function ($content) use($that, $row_data, $row_index, $cell_value) {
$content_value = $that::replace_col_codes(SmartUtil::run_callback($content, array($row_data, $cell_value, $row_index)), $row_data);
return $content_value;
}, "if_other" => function ($content) use($cell_html) {
$cell_html = $content;
return $cell_html;
}));
}
//url
if (isset($cell_prop["url"])) {
$map_url_prop = array("href" => "#", "target" => "_self", "title" => "", "attr" => "");
$map_url_prop = $get_property_value($cell_prop["url"], array("if_closure" => function ($prop) use($row_data, $row_index, $cell_value, $map_url_prop) {
$url = SmartUtil::run_callback($prop, array($row_data, $cell_value, $row_index));
$map_url_prop["href"] = $url;
return $map_url_prop;
}, "if_array" => function ($url_prop) use($that, $row_data, $cell_html, $map_url_prop) {
$map_url_prop["target"] = isset($url_prop['target']) ? $url_prop['target'] : "_self";
$map_url_prop["href"] = isset($url_prop['href']) ? $that::replace_col_codes($url_prop['href'], $row_data, true) : '#';
$map_url_prop["attr"] = isset($url_prop['attr']) && $url_prop['attr'] ? $url_prop['attr'] : '';
$map_url_prop["title"] = isset($url_prop['title']) ? $that::replace_col_codes($url_prop['title'], $row_data, true) : '';
return $map_url_prop;
}, "if_other" => function ($url_prop) use($that, $row_data, $cell_html, $map_url_prop) {
$map_url_prop["href"] = $that::replace_col_codes($url_prop, SmartUtil::object_to_array($row_data), true);
return $map_url_prop;
}));
$cell_html = '<a href="' . $map_url_prop["href"] . '" target="' . $map_url_prop["target"] . '" ' . $map_url_prop["attr"] . ' title="' . $map_url_prop["title"] . '">' . $cell_html . '</a>';
}
//icon
if (isset($cell_prop["icon"])) {
$cell_html = $get_property_value($cell_prop["icon"], array("if_closure" => function ($icon) use($row_data, $row_index, $cell_value, $cell_html) {
$icon_value = SmartUtil::run_callback($prop, array($row_data, $cell_value, $row_index));
return '<i class="fa ' . $icon_value . ' fa-md"></i> ' . $cell_html;
}, "if_other" => function ($icon) use($cell_html) {
return '<i class="fa ' . $icon . ' fa-md"></i> ' . $cell_html;
}));
}
//color
if (isset($cell_prop["color"])) {
$cell_html = $get_property_value($cell_prop["color"], array("if_closure" => function ($color) use($row_data, $row_index, $cell_value, $cell_html) {
$color_value = SmartUtil::run_callback($color, array($row_data, $cell_value, $row_index));
return '<span class="' . $color_value . '">' . $cell_html . '</span>';
}, "if_other" => function ($color) use($cell_html) {
return '<span class="' . $color . '">' . $cell_html . '</span>';
}));
}
//callback
if (isset($cell_prop["callback"]) && SmartUtil::is_closure($cell_prop["callback"])) {
$new_cell_html = SmartUtil::run_callback($cell_prop["callback"], array($row_data, $cell_html, $row_index));
if (trim($new_cell_html) != "") {
$cell_html = $new_cell_html;
}
}
return $cell_html;
}, "if_other" => function ($cell_prop) use($that, $row_data) {
return $that::replace_col_codes($cell_prop, $row_data);
}));
}
$rows_html .= '<td' . $hide_class . '> ' . $cell_html . ' </td>';
}
$row_classes = array();
if ($new_row_prop["class"]) {
$row_classes[] = $new_row_prop["class"];
}
if ($new_row_prop["hidden"] === true) {
$row_classes[] = 'hidden';
}
$attr = $new_row_prop["attr"] ? ' ' . $new_row_prop["attr"] : '';
$row_class = $row_classes ? ' class="' . implode(' ', $row_classes) . '"' : '';
$row_checkbox = '';
$row_details = '';
if (isset($structure->options["checkboxes"]) && $structure->options["checkboxes"]) {
$option = $structure->options["checkboxes"];
$checkbox_prop = array("name" => $structure->id . "_checkbox", "id" => "", "checked" => false);
$new_checkbox_prop = SmartUtil::get_clean_structure($checkbox_prop, $option, array($that, $row_data, $row_index), 'name');
$id = $new_checkbox_prop["id"] ? 'id="' . $new_checkbox_prop["id"] . '"' : '';
$content = '<label class="checkbox-inline">
<input type="checkbox" ' . ($new_checkbox_prop["checked"] ? 'checked' : '') . ' class="checkbox style-0" name="' . $checkbox_prop["name"] . '[]" ' . $id . ' />
<span></span>
</label>';
if ($new_row_prop["checkbox"] === false) {
$content = '';
}
$row_checkbox = '
<td class="center" width="20px"> ' . $content . ' </td>';
}
if (isset($structure->options["row_details"]) && $structure->options["row_details"]) {
$option = $structure->options["row_details"];
$detail_prop = array("id" => "", "icon" => 'fa-plus-square', "title" => 'Show Details');
$new_detail_prop = SmartUtil::get_clean_structure($detail_prop, $option, array($that, $row_data, $row_index), 'icon');
$id = $new_detail_prop["id"] ? 'id="' . $new_detail_prop["id"] . '"' : '';
$content = '<a href="#" ' . $id . '>
<i class="fa ' . $detail_prop['icon'] . ' fa-lg" data-toggle="row-detail" title="' . $detail_prop['title'] . '"></i>
</a>';
if ($new_row_prop["detail"] === false) {
$content = '';
}
$row_details = '<td class="center" width="20px"> ' . $content . ' </td>';
}
$html_rows[] = '<tr' . $row_class . $attr . '>' . $row_details . $row_checkbox . $rows_html . '</tr>';
}
return implode('', $html_rows);
}, "if_closure" => function ($data) {
SmartUI::err('SmartUI::DataTable::data requires an array of objects/array');
return '';
}, "if_other" => function ($data) {
SmartUI::err('SmartUI::DataTable::data requires an array of objects/array');
return '';
}));
$cols = $get_property_value($structure->col, array("if_array" => function ($cols) use($that, $get_property_value, $structure) {
$html_col_list = array();
foreach ($cols as $col_name => $col_value) {
if (is_null($col_value) || $col_value === false) {
continue;
}
$col_value_prop = array("name" => $col_name, "class" => "", "attr" => array(), "icon" => "", "hidden" => isset($structure->hide[$col_name]) && $structure->hide[$col_name] === true || in_array($col_name, $structure->hidden));
$new_col_value = SmartUtil::get_clean_structure($col_value_prop, $col_value, array($that, $cols), 'name');
if ($new_col_value['attr']) {
if (is_array($new_col_value["attr"])) {
foreach ($new_col_value["attr"] as $attr => $value) {
$attrs[] = $attr . '="' . $value . '"';
}
} else {
$attrs[] = $new_col_value["attr"];
}
$new_col_value["attr"] = $attrs;
}
$classes = array();
if ($new_col_value['class']) {
$classes[] = $new_col_value['class'];
}
if ($new_col_value['hidden'] === true) {
$classes[] = "hidden";
}
$class = $classes ? 'class="' . implode(' ', $classes) . '"' : '';
$main_attributes = array($class, implode(' ', $new_col_value['attr']));
$htm_attrs = trim(implode(' ', $main_attributes));
$htm_attrs = $htm_attrs ? ' ' . $htm_attrs : '';
$html_col_list[] = '<th' . $htm_attrs . '>' . $new_col_value['icon'] . ' ' . $new_col_value['name'] . ' </th>';
}
$html_cols = implode('', $html_col_list);
$checkbox_header = '';
$detail_header = '';
if (isset($structure->options["checkboxes"]) && $structure->options["checkboxes"]) {
$checkbox_header = '
<th class="center" width="20px">
<label class="checkbox-inline">
<input type="checkbox" class="checkbox style-0">
<span></span>
</label>
</th>';
}
if (isset($structure->options["row_details"]) && $structure->options["row_details"]) {
$detail_header = '
<th class="center" width="20px"></th>';
}
return '<tr>' . $detail_header . $checkbox_header . $html_cols . '</tr>';
}));
$id = $get_property_value($structure->id, array("if_closure" => function ($prop) use($that) {
return SmartUtil::run_callback($prop, array($that));
}, "if_other" => function ($prop) {
return $prop;
}, "if_array" => function ($prop) use($structure) {
SmartUI::err('SmartUI::Widget::id requires string.');
return $structure->id;
}));
$id = $id ? 'id="' . $id . '"' : '';
$table_html = '<table ' . $id . ' class="table table-striped table-bordered table-hover">';
$table_html .= '<thead>';
$table_html .= $cols;
$table_html .= '</thead>';
$table_html .= '<tbody>';
$table_html .= $rows;
$table_html .= '</tbody>';
$table_html .= '</table>';
$result = $table_html;
if (isset($structure->options["in_widget"]) && $structure->options["in_widget"]) {
// no need for widget's toolbar for datatable 1.10.x
// if (!$structure->options["static"])
// $structure->widget->body('toolbar', '');
$structure->widget->body("content", $table_html);
$result = $structure->widget->print_html(true);
}
if ($return) {
return $result;
} else {
echo $result;
}
}
public static function print_dropdown($items, $multi_level = false, $return = false)
{
$get_property_value = self::_get_property_value_func();
$items_html = '';
foreach ($items as $item) {
$item_html = '';
$item_prop = array('content' => '', 'submenu' => array(), 'class' => '');
$new_item_prop = $get_property_value($item, array('if_array' => function ($item) use($item_prop) {
return SmartUtil::set_array_prop_def($item_prop, $item, 'content');
}, 'if_closure' => function ($item) use($item_prop) {
return SmartUtil::set_closure_prop_def($item_prop, $item);
}, 'if_other' => function ($item) use($item_prop) {
$item_prop['content'] = $item;
return $item_prop;
}));
$classes = array();
if ($new_item_prop['class']) {
$classes[] = $new_item_prop['class'];
}
$content = $new_item_prop['content'];
if ($new_item_prop['submenu']) {
$content .= self::print_dropdown($new_item_prop['submenu'], false, true);
$classes[] = 'dropdown-submenu';
} else {
if ($content === '-') {
$classes[] = 'divider';
}
}
$class = $classes ? ' class="' . trim(implode(' ', $classes)) . '"' : '';
$item_html = '<li' . $class . '>' . $content . '</li>';
$items_html .= $item_html;
}
$result = '<ul class="dropdown-menu' . ($multi_level ? ' multi-level' : '') . '" role="menu">';
$result .= $items_html;
$result .= '</ul>';
if ($return) {
return $result;
} else {
echo $result;
}
}
