1200 lines
31 KiB
PHP
Executable File
1200 lines
31 KiB
PHP
Executable File
<?php
|
|
// phpcs:disable Squiz.NamingConventions.ValidFunctionName.ScopeNotCamelCaps
|
|
// Pandora FMS - http://pandorafms.com
|
|
// ==================================================
|
|
// Copyright (c) 2005-2021 Artica Soluciones Tecnologicas
|
|
// Please see http://pandorafms.org for full contribution list
|
|
// This program is free software; you can redistribute it and/or
|
|
// modify it under the terms of the GNU General Public License
|
|
// as published by the Free Software Foundation for version 2.
|
|
// This program is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU General Public License for more details.
|
|
// Singleton
|
|
class Ui
|
|
{
|
|
|
|
private static $instance;
|
|
|
|
private $title;
|
|
|
|
private $page_name;
|
|
|
|
private $endHeader = false;
|
|
|
|
private $header = [];
|
|
|
|
private $endContent = false;
|
|
|
|
private $content = [];
|
|
|
|
private $endFooter = false;
|
|
|
|
private $footer = [];
|
|
|
|
private $form = [];
|
|
|
|
private $grid = [];
|
|
|
|
private $collapsible = true;
|
|
|
|
private $endForm = true;
|
|
|
|
private $endGrid = true;
|
|
|
|
private $endCollapsible = true;
|
|
|
|
private $dialogs = [];
|
|
|
|
private $dialog = '';
|
|
|
|
/**
|
|
* List of extra CSS files to be loaded.
|
|
*
|
|
* @var array
|
|
*/
|
|
private $cssList = [];
|
|
|
|
/**
|
|
* List of extra Javascript files to be loaded.
|
|
*
|
|
* @var array
|
|
*/
|
|
private $jsList = [];
|
|
|
|
|
|
public function __construct()
|
|
{
|
|
}
|
|
|
|
|
|
public static function getInstance()
|
|
{
|
|
if (!(self::$instance instanceof self)) {
|
|
self::$instance = new self;
|
|
}
|
|
|
|
return self::$instance;
|
|
}
|
|
|
|
|
|
public function debug($var, $file=false)
|
|
{
|
|
$more_info = '';
|
|
if (is_string($var)) {
|
|
$more_info = 'size: '.strlen($var);
|
|
} else if (is_bool($var)) {
|
|
$more_info = 'val: '.($var ? 'true' : 'false');
|
|
} else if (is_null($var)) {
|
|
$more_info = 'is null';
|
|
} else if (is_array($var)) {
|
|
$more_info = count($var);
|
|
}
|
|
|
|
if ($file === true) {
|
|
$file = '/tmp/logDebug';
|
|
}
|
|
|
|
if (strlen($file) > 0) {
|
|
$f = fopen($file, 'a');
|
|
ob_start();
|
|
echo date('Y/m/d H:i:s').' ('.gettype($var).') '.$more_info."\n";
|
|
print_r($var);
|
|
echo "\n\n";
|
|
$output = ob_get_clean();
|
|
fprintf($f, '%s', $output);
|
|
fclose($f);
|
|
} else {
|
|
echo '<pre>'.date('Y/m/d H:i:s').' ('.gettype($var).') '.$more_info.'</pre>';
|
|
echo '<pre>';
|
|
print_r($var);
|
|
echo '</pre>';
|
|
}
|
|
}
|
|
|
|
|
|
public function createPage($title=null, $page_name=null)
|
|
{
|
|
if (!isset($title)) {
|
|
$this->title = __('%s mobile', get_product_name());
|
|
} else {
|
|
$this->title = $title;
|
|
}
|
|
|
|
if (!isset($page_name)) {
|
|
$this->page_name = 'main_page';
|
|
} else {
|
|
$this->page_name = $page_name;
|
|
}
|
|
|
|
$this->html = '';
|
|
$this->endHeader = false;
|
|
$this->header = [];
|
|
$this->endContent = false;
|
|
$this->content = [];
|
|
$this->noFooter = false;
|
|
$this->endFooter = false;
|
|
$this->footer = [];
|
|
$this->form = [];
|
|
$this->grid = [];
|
|
$this->collapsible = [];
|
|
$this->endForm = true;
|
|
$this->endGrid = true;
|
|
$this->endCollapsible = true;
|
|
$this->dialog = '';
|
|
$this->dialogs = [];
|
|
}
|
|
|
|
|
|
public function showFooter($show=true)
|
|
{
|
|
$this->noFooter = !$show;
|
|
}
|
|
|
|
|
|
public function beginHeader()
|
|
{
|
|
$this->header = [];
|
|
$this->header['button_left'] = '';
|
|
$this->header['button_right'] = '';
|
|
$this->header['title'] = '';
|
|
$this->endHeader = false;
|
|
}
|
|
|
|
|
|
public function endHeader()
|
|
{
|
|
$this->endHeader = true;
|
|
}
|
|
|
|
|
|
public function createHeader($title=null, $buttonLeft=null, $buttonRight=null)
|
|
{
|
|
$this->beginHeader();
|
|
|
|
$this->headerTitle($title);
|
|
$this->headerAddButtonLeft($buttonLeft);
|
|
$this->headerAddButtonRight($buttonRight);
|
|
|
|
$this->endHeader();
|
|
}
|
|
|
|
|
|
public function headerTitle($title=null)
|
|
{
|
|
if (isset($title)) {
|
|
$this->header['title'] = $title;
|
|
}
|
|
}
|
|
|
|
|
|
public function headerAddButtonLeft($button=null)
|
|
{
|
|
if (isset($button)) {
|
|
$this->header['button_left'] = $button;
|
|
}
|
|
}
|
|
|
|
|
|
public function headerAddButtonRight($button=null)
|
|
{
|
|
if (isset($button)) {
|
|
$this->header['button_right'] = $button;
|
|
}
|
|
}
|
|
|
|
|
|
public function createHeaderButton($options)
|
|
{
|
|
return $this->createButton($options);
|
|
}
|
|
|
|
|
|
public function createDefaultHeader($title=false, $left_button=false)
|
|
{
|
|
if ($title === false) {
|
|
$title = __('%s : Mobile', get_product_name());
|
|
}
|
|
|
|
if ($left_button === false) {
|
|
$left_button = $this->createHeaderButton(
|
|
[
|
|
'icon' => 'ui-icon-back',
|
|
'pos' => 'left',
|
|
'text' => __('Logout'),
|
|
'href' => 'index.php?action=logout',
|
|
'class' => 'header-button-left',
|
|
]
|
|
);
|
|
}
|
|
|
|
$this->createHeader(
|
|
$title,
|
|
$left_button,
|
|
$this->createHeaderButton(
|
|
[
|
|
'icon' => 'ui-icon-home',
|
|
'pos' => 'right',
|
|
'text' => __('Home'),
|
|
'href' => 'index.php?page=home',
|
|
'class' => 'header-button-right',
|
|
]
|
|
)
|
|
);
|
|
}
|
|
|
|
|
|
public function createButton($options)
|
|
{
|
|
$return = '<a data-role="button" ';
|
|
|
|
if (isset($options['id'])) {
|
|
$return .= 'id="'.$options['id'].'" ';
|
|
}
|
|
|
|
if (isset($options['icon'])) {
|
|
$return .= 'data-icon="'.$options['icon'].'" ';
|
|
}
|
|
|
|
if (isset($options['icon_pos'])) {
|
|
$return .= 'data-iconpos="'.$options['pos'].'" ';
|
|
}
|
|
|
|
if (isset($options['href'])) {
|
|
$return .= 'href="'.$options['href'].'" ';
|
|
} else {
|
|
$return .= 'href="#" ';
|
|
}
|
|
|
|
if (isset($options['class'])) {
|
|
$return .= 'class="'.$options['class'].'" ';
|
|
}
|
|
|
|
$return .= ' data-ajax="false">';
|
|
|
|
if (isset($options['text'])) {
|
|
$return .= $options['text'];
|
|
}
|
|
|
|
$return .= '</a>';
|
|
|
|
return $return;
|
|
}
|
|
|
|
|
|
public function beginFooter()
|
|
{
|
|
$this->footer = [];
|
|
$this->endFooter = false;
|
|
}
|
|
|
|
|
|
public function endFooter()
|
|
{
|
|
$this->endFooter = true;
|
|
}
|
|
|
|
|
|
public function createFooter($text='')
|
|
{
|
|
$this->footerText($text);
|
|
}
|
|
|
|
|
|
public function footerText($text=null)
|
|
{
|
|
if (!isset($text)) {
|
|
$this->footer['text'] = '';
|
|
} else {
|
|
$this->footer['text'] = $text;
|
|
}
|
|
|
|
$this->endFooter();
|
|
}
|
|
|
|
|
|
public function defaultFooter()
|
|
{
|
|
global $pandora_version, $build_version;
|
|
|
|
if (isset($_SERVER['REQUEST_TIME'])) {
|
|
$time = $_SERVER['REQUEST_TIME'];
|
|
} else {
|
|
$time = get_system_time();
|
|
}
|
|
|
|
return "<div id='footer' class=' center'>\n".sprintf(__('%s %s - Build %s', get_product_name(), $pandora_version, $build_version))."<br />\n".__('Generated at').' '.ui_print_timestamp($time, true, ['prominent' => 'timestamp'])."\n".'</div>';
|
|
}
|
|
|
|
|
|
public function beginContent()
|
|
{
|
|
$this->content = [];
|
|
$this->endContent = false;
|
|
}
|
|
|
|
|
|
public function endContent()
|
|
{
|
|
$this->endContent = true;
|
|
}
|
|
|
|
|
|
public function contentAddHtml($html)
|
|
{
|
|
$this->content[] = $html;
|
|
}
|
|
|
|
|
|
public function contentBeginGrid($mode='responsive')
|
|
{
|
|
$this->endGrid = false;
|
|
|
|
$this->grid = [];
|
|
$this->grid['mode'] = $mode;
|
|
$this->grid['cells'] = [];
|
|
}
|
|
|
|
|
|
public function contentGridAddCell($html, $key=false)
|
|
{
|
|
$k = uniqid('cell_');
|
|
if ($key !== false) {
|
|
$k = $key;
|
|
}
|
|
|
|
$this->grid['cells'][$k] = $html;
|
|
}
|
|
|
|
|
|
public function contentEndGrid()
|
|
{
|
|
$this->endGrid = true;
|
|
|
|
// TODO Make others modes, only responsible mode
|
|
$convert_columns_jquery_grid = [
|
|
2 => 'a',
|
|
3 => 'b',
|
|
4 => 'c',
|
|
5 => 'd',
|
|
];
|
|
$convert_cells_jquery_grid = [
|
|
'a',
|
|
'b',
|
|
'c',
|
|
'd',
|
|
'e',
|
|
];
|
|
|
|
$html = "<div class='ui-grid-".$convert_columns_jquery_grid[count($this->grid['cells'])]." ui-responsive'>\n";
|
|
|
|
reset($convert_cells_jquery_grid);
|
|
foreach ($this->grid['cells'] as $key => $cell) {
|
|
switch ($this->grid['mode']) {
|
|
default:
|
|
case 'responsive':
|
|
$html .= "<div class='ui-block-".current($convert_cells_jquery_grid)."'>\n";
|
|
break;
|
|
}
|
|
|
|
next($convert_cells_jquery_grid);
|
|
$html .= "<div id='".$key."' class='ui-body ui-body-d'>\n";
|
|
$html .= $cell;
|
|
$html .= "</div>\n";
|
|
|
|
$html .= "</div>\n";
|
|
}
|
|
|
|
$html .= "</div>\n";
|
|
|
|
$this->contentAddHtml($html);
|
|
$this->grid = [];
|
|
}
|
|
|
|
|
|
public function contentBeginCollapsible($title=' ')
|
|
{
|
|
$this->endCollapsible = false;
|
|
$this->collapsible = [];
|
|
$this->collapsible['items'] = [];
|
|
$this->collapsible['title'] = $title;
|
|
}
|
|
|
|
|
|
public function contentCollapsibleAddItem($html)
|
|
{
|
|
$this->collapsible['items'][] = $html;
|
|
}
|
|
|
|
|
|
public function contentEndCollapsible()
|
|
{
|
|
$this->endCollapsible = true;
|
|
|
|
$html = "<div data-role='collapsible' "." data-collapsed-icon='arrow-d' "." data-expanded-icon='arrow-u' data-mini='true' "." data-theme='a' data-content-theme='c'>\n";
|
|
$html .= '<h4>'.$this->collapsible['title']."</h4>\n";
|
|
|
|
$html .= "<ul data-role='listview' data-theme='c'>\n";
|
|
foreach ($this->collapsible['items'] as $item) {
|
|
$html .= '<li>'.$item.'</li>';
|
|
}
|
|
|
|
$html .= "</ul>\n";
|
|
|
|
$html .= "</div>\n";
|
|
|
|
$this->contentAddHtml($html);
|
|
$this->collapsible = [];
|
|
}
|
|
|
|
|
|
public function beginForm($action='index.php', $method='post')
|
|
{
|
|
$this->form = [];
|
|
$this->endForm = false;
|
|
|
|
$this->form['action'] = $action;
|
|
$this->form['method'] = $method;
|
|
}
|
|
|
|
|
|
public function endForm()
|
|
{
|
|
$this->contentAddHtml($this->getEndForm());
|
|
|
|
}
|
|
|
|
|
|
public function getEndForm()
|
|
{
|
|
$this->endForm = true;
|
|
|
|
$html = "<form data-ajax='false' action='".$this->form['action']."' "."method='".$this->form['method']."'>\n";
|
|
foreach ($this->form['fields'] as $field) {
|
|
$html .= $field."\n";
|
|
}
|
|
|
|
$html .= "</form>\n";
|
|
|
|
$this->form = [];
|
|
|
|
return $html;
|
|
}
|
|
|
|
|
|
public function formAddHtml($html)
|
|
{
|
|
$this->form['fields'][] = $html;
|
|
}
|
|
|
|
|
|
public function formAddInput($options)
|
|
{
|
|
$this->formAddHtml($this->getInput($options));
|
|
}
|
|
|
|
|
|
public function getInput($options)
|
|
{
|
|
if (empty($options['name'])) {
|
|
$options['name'] = uniqid('input');
|
|
}
|
|
|
|
if (empty($options['id'])) {
|
|
$options['id'] = 'text-'.$options['name'];
|
|
}
|
|
|
|
$html = "<div id='".$options['name']."-container' >\n";
|
|
$html .= "<fieldset data-role='controlgroup'>\n";
|
|
if (!empty($options['label'])) {
|
|
$html .= "<label for='".$options['id']."'>".$options['label']."</label>\n";
|
|
}
|
|
|
|
// Erase other options and only for the input
|
|
unset($options['label']);
|
|
|
|
$html .= '<input ';
|
|
foreach ($options as $option => $value) {
|
|
$html .= ' '.$option."='".$value."' ";
|
|
}
|
|
|
|
$html .= ">\n";
|
|
|
|
$html .= "</fieldset>\n";
|
|
$html .= "</div>\n";
|
|
|
|
return $html;
|
|
}
|
|
|
|
|
|
public function formAddInputPassword($options)
|
|
{
|
|
$options['type'] = 'password';
|
|
|
|
$this->formAddInput($options);
|
|
}
|
|
|
|
|
|
public function formAddInputText($options)
|
|
{
|
|
$options['type'] = 'text';
|
|
|
|
$this->formAddInput($options);
|
|
}
|
|
|
|
|
|
public function formAddInputSearch($options)
|
|
{
|
|
$options['type'] = 'search';
|
|
|
|
$this->formAddInput($options);
|
|
}
|
|
|
|
|
|
public function formAddInpuDate($options)
|
|
{
|
|
$options['type'] = 'date';
|
|
$options['data-clear-btn'] = 'false';
|
|
|
|
$this->formAddInput($options);
|
|
}
|
|
|
|
|
|
public function formAddCheckbox($options)
|
|
{
|
|
$options['type'] = 'checkbox';
|
|
|
|
if (isset($options['checked'])) {
|
|
if ($options['checked']) {
|
|
$options['checked'] = 'checked';
|
|
} else {
|
|
unset($options['checked']);
|
|
}
|
|
}
|
|
|
|
$this->formAddInput($options);
|
|
}
|
|
|
|
|
|
public function formAddSubmitButton($options)
|
|
{
|
|
$options['type'] = 'submit';
|
|
|
|
if (isset($options['icon'])) {
|
|
$options['data-icon'] = $options['icon'];
|
|
unset($options['icon']);
|
|
}
|
|
|
|
if (isset($options['icon_pos'])) {
|
|
$options['data-iconpos'] = $options['icon_pos'];
|
|
unset($options['icon_pos']);
|
|
}
|
|
|
|
if (isset($options['text'])) {
|
|
$options['value'] = $options['text'];
|
|
unset($options['text']);
|
|
}
|
|
|
|
$this->formAddInput($options);
|
|
}
|
|
|
|
|
|
public function formAddSelectBox($options)
|
|
{
|
|
$html = '';
|
|
|
|
if (empty($options['name'])) {
|
|
$options['name'] = uniqid('input');
|
|
}
|
|
|
|
if (empty($options['id'])) {
|
|
$options['id'] = 'select-'.$options['name'];
|
|
}
|
|
|
|
$html = "<div data-role='fieldcontain'>\n";
|
|
$html .= "<fieldset>\n";
|
|
if (!empty($options['label'])) {
|
|
$html .= "<label for='".$options['id']."'>".$options['label']."</label>\n";
|
|
}
|
|
|
|
$html .= "<select name='".$options['name']."' "."id='".$options['id']."' data-native-menu='false'>\n";
|
|
|
|
// Hack of jquery mobile
|
|
$html .= '<option>'.$options['title']."</option>\n";
|
|
if (empty($options['items'])) {
|
|
$options['items'] = [];
|
|
}
|
|
|
|
foreach ($options['items'] as $id => $item) {
|
|
if (!empty($options['item_id'])) {
|
|
$item_id = $item[$options['item_id']];
|
|
} else {
|
|
$item_id = $id;
|
|
}
|
|
|
|
if (!empty($options['item_value'])) {
|
|
$item_value = $item[$options['item_value']];
|
|
} else {
|
|
$item_value = $item;
|
|
}
|
|
|
|
$selected = '';
|
|
if (isset($options['selected'])) {
|
|
if (is_numeric($options['selected'])) {
|
|
if (floatval($options['selected']) === floatval($item_id)) {
|
|
$selected = "selected = 'selected'";
|
|
}
|
|
} else {
|
|
if ($options['selected'] === $item_id) {
|
|
$selected = "selected = 'selected'";
|
|
}
|
|
}
|
|
}
|
|
|
|
$html .= '<option '.$selected." value='".$item_id."'>".$item_value."</option>\n";
|
|
}
|
|
|
|
$html .= "</select>\n";
|
|
|
|
$html .= "</fieldset>\n";
|
|
$html .= "</div>\n";
|
|
|
|
$this->formAddHtml($html);
|
|
}
|
|
|
|
|
|
public function formAddSlider($options)
|
|
{
|
|
$options['type'] = 'range';
|
|
|
|
$this->formAddInput($options);
|
|
// <input type="range" name="slider-fill" id="slider-fill" value="60" min="0" max="1000" step="50" data-highlight="true">
|
|
}
|
|
|
|
|
|
public function addDialog($options)
|
|
{
|
|
$type = 'hidden';
|
|
|
|
$dialog_id = uniqid('dialog_');
|
|
$dialog_class = '';
|
|
|
|
$title_close_button = false;
|
|
$title_text = '';
|
|
|
|
$content_id = uniqid('content_');
|
|
$content_class = '';
|
|
$content_text = '';
|
|
|
|
$button_close = true;
|
|
$button_text = __('Close');
|
|
|
|
if (is_array($options)) {
|
|
if (isset($options['type'])) {
|
|
$type = $options['type'];
|
|
}
|
|
|
|
if (isset($options['dialog_id'])) {
|
|
$dialog_id = $options['dialog_id'];
|
|
}
|
|
|
|
if (isset($options['dialog_class'])) {
|
|
$dialog_class = $options['dialog_class'];
|
|
}
|
|
|
|
if (isset($options['title_close_button'])) {
|
|
$title_close_button = $options['title_close_button'];
|
|
}
|
|
|
|
if (isset($options['title_text'])) {
|
|
$title_text = $options['title_text'];
|
|
}
|
|
|
|
if (isset($options['content_id'])) {
|
|
$content_id = $options['content_id'];
|
|
}
|
|
|
|
if (isset($options['content_class'])) {
|
|
$content_class = $options['content_class'];
|
|
}
|
|
|
|
if (isset($options['content_text'])) {
|
|
$content_text = $options['content_text'];
|
|
}
|
|
|
|
if (isset($options['button_close'])) {
|
|
$button_close = $options['button_close'];
|
|
}
|
|
|
|
if (isset($options['button_text'])) {
|
|
$button_text = $options['button_text'];
|
|
}
|
|
}
|
|
|
|
$html_title_close_button = '';
|
|
if ($title_close_button) {
|
|
$html_title_close_button = "data-close-btn='yes'";
|
|
}
|
|
|
|
$dialogHtml = "<div data-close-btn='right' id='".$dialog_id."' class='".$dialog_class."' data-role='dialog' ".$html_title_close_button.">\n";
|
|
$dialogHtml .= "<div data-role='header'>\n";
|
|
$dialogHtml .= "<h1 class='dialog_title'>".$title_text."</h1>\n";
|
|
$dialogHtml .= "</div>\n";
|
|
$dialogHtml .= "<div id='".$content_id."' class='".$content_class."' data-role='content'>\n";
|
|
$dialogHtml .= $content_text;
|
|
if ($button_close) {
|
|
$dialogHtml .= "<a data-role='button' href='javascript:history.back()' id='".$dialog_id."-button_close'>";
|
|
if (empty($button_text)) {
|
|
$dialogHtml .= __('Close');
|
|
} else {
|
|
$dialogHtml .= $button_text;
|
|
}
|
|
|
|
$dialogHtml .= "</a></p>\n";
|
|
}
|
|
|
|
$dialogHtml .= "</div>\n";
|
|
$dialogHtml .= "</div>\n";
|
|
|
|
$this->dialogs[$type][] = $dialogHtml;
|
|
}
|
|
|
|
|
|
public function showError($msg)
|
|
{
|
|
echo $msg;
|
|
}
|
|
|
|
|
|
public function showPage()
|
|
{
|
|
if (!$this->endHeader) {
|
|
$this->showError(__('Not found header.'));
|
|
} else if (!$this->endContent) {
|
|
$this->showError(__('Not found content.'));
|
|
} else if ((!$this->endFooter) && (!$this->noFooter)) {
|
|
$this->showError(__('Not found footer.'));
|
|
} else if (!$this->endForm) {
|
|
$this->showError(__('Incorrect form.'));
|
|
} else if (!$this->endGrid) {
|
|
$this->showError(__('Incorrect grid.'));
|
|
} else if (!$this->endCollapsible) {
|
|
$this->showError(__('Incorrect collapsible.'));
|
|
}
|
|
|
|
ob_start();
|
|
echo "<!DOCTYPE html>\n";
|
|
echo "<html>\n";
|
|
echo " <head>\n";
|
|
echo ' <title>'.$this->title."</title>\n";
|
|
echo " <meta charset='UTF-8' />\n";
|
|
echo " <meta name='viewport' content='width=device-width, initial-scale=1'>\n";
|
|
echo ' <link rel="icon" href="'.ui_get_full_url('/').ui_get_favicon().'" type="image/ico" />'."\n";
|
|
echo ' <link rel="shortcut icon" href="'.ui_get_full_url('/').ui_get_favicon().'" type="image/x-icon" />'."\n";
|
|
echo " <link rel='stylesheet' href='include/style/main.css' />\n";
|
|
echo " <link rel='stylesheet' href='include/style/jquery.mobile-1.5.0-rc1.min.css' />\n";
|
|
echo " <script src='include/javascript/jquery.js'></script>\n";
|
|
echo " <script src='include/javascript/jquery.mobile-1.5.0-rc1.js'></script>\n";
|
|
echo " <script src='../include/javascript/pandora.js'></script>\n";
|
|
echo " <script src='../include/javascript/pandora_ui.js'></script>\n";
|
|
|
|
$loaded = [];
|
|
foreach ($this->cssList as $filename) {
|
|
if (in_array($filename, $loaded) === true) {
|
|
continue;
|
|
}
|
|
|
|
array_push($loaded, $filename);
|
|
|
|
$url_css = ui_get_full_url($filename, false, false, false);
|
|
echo '<link rel="stylesheet" href="'.$url_css.'" type="text/css" />'."\n\t";
|
|
}
|
|
|
|
$js_loaded = [];
|
|
foreach ($this->jsList as $filename) {
|
|
if (in_array($filename, $js_loaded) === true) {
|
|
continue;
|
|
}
|
|
|
|
array_push($js_loaded, $filename);
|
|
|
|
$url_css = ui_get_full_url($filename, false, false, false);
|
|
echo '<script src="'.$url_css.'" rel="text/javascript"></script>'."\n\t";
|
|
}
|
|
|
|
echo " </head>\n";
|
|
echo " <body>\n";
|
|
echo include_javascript_dependencies_flot_graph(false, false);
|
|
echo " <div class='ui-loader-background'> </div>";
|
|
if (!empty($this->dialogs)) {
|
|
if (!empty($this->dialogs['onStart'])) {
|
|
foreach ($this->dialogs['onStart'] as $dialog) {
|
|
echo ' '.$dialog."\n";
|
|
}
|
|
}
|
|
}
|
|
|
|
echo " <div data-dom-cache='false' data-role='page' id='".$this->page_name."'>\n";
|
|
echo " <div data-role='header' data-position='fixed' class='ui-header ui-bar-inherit ui-header-fixed slidedown'>\n";
|
|
echo ' <h1 class="ui-title">'.$this->header['title']."</h1>\n";
|
|
echo ' '.$this->header['button_left']."\n";
|
|
echo ' '.$this->header['button_right']."\n";
|
|
echo " </div>\n";
|
|
echo " <div data-role='content' class='ui-content'>\n";
|
|
foreach ($this->content as $content) {
|
|
echo ' '.$content."\n";
|
|
}
|
|
|
|
echo " </div>\n";
|
|
if (!$this->noFooter) {
|
|
echo " <div data-role='footer' role='contentinfo'>\n";
|
|
if (!empty($this->footer['text'])) {
|
|
echo ' '.$this->footer['text']."\n";
|
|
} else {
|
|
echo ' '.$this->defaultFooter()."\n";
|
|
}
|
|
}
|
|
|
|
echo " </div>\n";
|
|
echo " </div>\n";
|
|
if (!empty($this->dialogs)) {
|
|
if (!empty($this->dialogs['hidden'])) {
|
|
foreach ($this->dialogs['hidden'] as $dialog) {
|
|
echo ' '.$dialog."\n";
|
|
}
|
|
}
|
|
}
|
|
|
|
echo "<script type='text/javascript'>
|
|
$(document).bind('mobileinit', function() {
|
|
//Disable ajax link
|
|
$('.disable-ajax').click(function(event) {
|
|
$.mobile.ajaxFormsEnabled = false;
|
|
});
|
|
});
|
|
</script>";
|
|
echo " </body>\n";
|
|
echo '</html>';
|
|
ob_end_flush();
|
|
}
|
|
|
|
|
|
// Add a listener to set a link when a row of a table is clicked.
|
|
// The target link will be the first <a> tag found into the row
|
|
public function contentAddLinkListener($table_name)
|
|
{
|
|
$this->contentAddHtml(
|
|
'<script type="text/javascript">
|
|
//Set link on entire row
|
|
function refresh_link_listener_'.$table_name."() {
|
|
$('#".$table_name." tr').click( function() {
|
|
var link = $(this).find('a').attr('href');
|
|
if (link != undefined) {
|
|
window.location = $(this).find('a').attr('href');
|
|
}
|
|
});
|
|
}
|
|
$(document).ready(function() {
|
|
refresh_link_listener_".$table_name.'();
|
|
});
|
|
</script>'
|
|
);
|
|
}
|
|
|
|
|
|
/**
|
|
* Add CSS file to be loaded.
|
|
*
|
|
* @param string $name Css file name, as in ui_require_css.
|
|
* @param string $path Path where search for css file.
|
|
*
|
|
* @return boolean True if success, False if not.
|
|
*/
|
|
public function require_css(
|
|
string $name,
|
|
string $path='include/styles/'
|
|
):bool {
|
|
$filename = $path.$name.'.css';
|
|
$system = System::getInstance();
|
|
|
|
if (file_exists($filename) === false
|
|
&& file_exists($system->getConfig('homedir').'/'.$filename) === false
|
|
&& file_exists($system->getConfig('homedir').'/'.ENTERPRISE_DIR.'/'.$filename) === false
|
|
) {
|
|
return false;
|
|
}
|
|
|
|
if (in_array($filename, $this->cssList) === false) {
|
|
$this->cssList[] = $filename;
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
|
|
/**
|
|
* Add JS file to be loaded.
|
|
*
|
|
* @param string $name JAvascript file name, as in
|
|
* \ui_require_javascript_file.
|
|
* @param string $path Path where search for Javascript file.
|
|
*
|
|
* @return boolean True if success, False if not.
|
|
*/
|
|
public function require_javascript(
|
|
string $name,
|
|
string $path='include/javascript/'
|
|
):bool {
|
|
$filename = $path.$name.'.js';
|
|
$system = System::getInstance();
|
|
|
|
if (file_exists($filename) === false
|
|
&& file_exists($system->getConfig('homedir').'/'.$filename) === false
|
|
&& file_exists($system->getConfig('homedir').'/'.ENTERPRISE_DIR.'/'.$filename) === false
|
|
) {
|
|
return false;
|
|
}
|
|
|
|
if (in_array($filename, $this->jsList) === false) {
|
|
$this->jsList[] = $filename;
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
|
|
/**
|
|
* Forces reload to retrieve with and height.
|
|
*
|
|
* @return void
|
|
*/
|
|
public function retrieveViewPort()
|
|
{
|
|
?>
|
|
<script type="text/javascript">
|
|
|
|
var dimensions = '&width=' + $(window).width();
|
|
dimensions += '&height=' + $(window).height();
|
|
window.location.href = window.location.href + dimensions;
|
|
|
|
</script>
|
|
|
|
<?php
|
|
|
|
}
|
|
|
|
|
|
/**
|
|
* Load VC.
|
|
*
|
|
* @param string $settings Json object.
|
|
* @param integer $visualConsoleId Id.
|
|
*
|
|
* @return void Output script.
|
|
*/
|
|
public function loadVc($settings, $visualConsoleId)
|
|
{
|
|
$this->contentAddHtml(
|
|
'<script type="text/javascript">
|
|
var settings = '.$settings.';
|
|
var fullUrl = "'.ui_get_full_url('/', false, false, false).'";
|
|
var visualConsoleId = '.$visualConsoleId.';
|
|
|
|
$(document).ready(function () {
|
|
dashboardLoadVC(settings);
|
|
if(settings.mobile_view_orientation_vc === false) {
|
|
$("#main_page > .ui-content").css("display", "block");
|
|
|
|
$(".container-center").css("padding", "50% 0");
|
|
$(".container-center").css("height", "100vh");
|
|
$(".visual-console-container-dashboard").css("display", "block");
|
|
$(".visual-console-container-dashboard").css("transform-origin", "left top");
|
|
$(".visual-console-container-dashboard").css("transform", "rotate(-90deg) translate(-100%)");
|
|
$(".visual-console-container-dashboard").css("margin-top", "-50%");
|
|
$(".visual-console-container-dashboard").css("white-space", "nowrap");
|
|
if(settings.props.height > settings.props.width) {
|
|
$(".container-center").css("overflow", "auto");
|
|
}
|
|
}
|
|
|
|
|
|
});
|
|
</script>'
|
|
);
|
|
}
|
|
|
|
|
|
}
|
|
|
|
class Table
|
|
{
|
|
|
|
private $head = [];
|
|
|
|
private $rows = [];
|
|
|
|
public $id = '';
|
|
|
|
private $rowClass = [];
|
|
|
|
private $class_table = '';
|
|
|
|
private $row_heads = [];
|
|
|
|
public $row_keys_as_head_row = false;
|
|
|
|
|
|
public function __construct()
|
|
{
|
|
$this->init();
|
|
}
|
|
|
|
|
|
public function init()
|
|
{
|
|
$this->id = uniqid();
|
|
$this->head = [];
|
|
$this->rows = [];
|
|
$this->rowClass = [];
|
|
$this->class_table = '';
|
|
$this->row_heads = [];
|
|
$this->row_keys_as_head_row = false;
|
|
}
|
|
|
|
|
|
public function addHeader($head)
|
|
{
|
|
$this->head = $head;
|
|
}
|
|
|
|
|
|
public function addRowHead($key, $head_text)
|
|
{
|
|
$this->row_heads[$key] = $head_text;
|
|
}
|
|
|
|
|
|
public function addRow($row=[], $key=false)
|
|
{
|
|
if ($key !== false) {
|
|
$this->rows[$key] = $row;
|
|
} else {
|
|
$this->rows[] = $row;
|
|
}
|
|
}
|
|
|
|
|
|
public function importFromHash($data)
|
|
{
|
|
foreach ($data as $id => $row) {
|
|
$table_row = [];
|
|
foreach ($row as $key => $value) {
|
|
if (!in_array($key, $this->head)) {
|
|
$this->head[] = $key;
|
|
}
|
|
|
|
$cell_key = array_search($key, $this->head);
|
|
|
|
$table_row[$cell_key] = $value;
|
|
}
|
|
|
|
$this->rows[$id] = $table_row;
|
|
}
|
|
}
|
|
|
|
|
|
public function importFromHashEvents($data)
|
|
{
|
|
foreach ($data as $id => $row) {
|
|
$table_row = [];
|
|
|
|
foreach ($row as $key => $value) {
|
|
if (!in_array($key, $this->head)) {
|
|
// $this->head[] = $key;
|
|
}
|
|
|
|
// $cell_key = array_search($key, $this->head);
|
|
// $table_row[$cell_key] = $value;
|
|
$table_row[$key] = $value;
|
|
}
|
|
|
|
$this->rows[$id] = $table_row;
|
|
}
|
|
}
|
|
|
|
|
|
public function setClass($class='')
|
|
{
|
|
$this->class_table = $class;
|
|
}
|
|
|
|
|
|
public function setId($id=false)
|
|
{
|
|
if (empty($id)) {
|
|
$this->id = uniqid();
|
|
} else {
|
|
$this->id = $id;
|
|
}
|
|
}
|
|
|
|
|
|
public function setRowClass($class='', $pos=false)
|
|
{
|
|
if (is_array($class)) {
|
|
$this->rowClass = $class;
|
|
} else {
|
|
if ($pos !== false) {
|
|
$this->rowClass[$pos] = $class;
|
|
} else {
|
|
$this->rowClass = array_fill(0, count($this->rows), $class);
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
public function getHTML()
|
|
{
|
|
$html = '';
|
|
|
|
$html = "<table data-role='table' id='".$this->id."' "."data-mode='reflow' class='".$this->class_table." ui-responsive table-stroke'>";
|
|
|
|
if ($this->head) {
|
|
$html .= '<thead>';
|
|
$html .= '<tr>';
|
|
// Empty head for white space between rows in the responsive vertical layout
|
|
// ~ $html .= "<th class='head_horizontal'></th>";
|
|
foreach ($this->head as $head) {
|
|
$html .= "<th class='head_horizontal'>".$head.'</th>';
|
|
}
|
|
|
|
$html .= '</tr>';
|
|
$html .= '</thead>';
|
|
}
|
|
|
|
$html .= '<tbody>';
|
|
foreach ($this->rows as $key => $row) {
|
|
$class = '';
|
|
if (isset($this->rowClass[$key])) {
|
|
$class = $this->rowClass[$key];
|
|
}
|
|
|
|
$html .= "<tr class='".$class."'>";
|
|
// Empty head for white space between rows in the responsive vertical layout
|
|
foreach ($row as $key_cell => $cell) {
|
|
$html .= "<td class='cell_".$key_cell."'>".$cell.'</td>';
|
|
}
|
|
|
|
$html .= '</tr>';
|
|
}
|
|
|
|
$html .= '</tbody>';
|
|
$html .= '</table>';
|
|
|
|
return $html;
|
|
}
|
|
|
|
|
|
}
|