mirror of
https://github.com/ZoneMinder/zoneminder.git
synced 2026-05-15 10:04:37 -04:00
1754 lines
62 KiB
PHP
1754 lines
62 KiB
PHP
<?php
|
||
//
|
||
// ZoneMinder web function library
|
||
// Copyright (C) 2001-2008 Philip Coombes
|
||
//
|
||
// 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; either version 2
|
||
// of the License, or (at your option) any later version.
|
||
//
|
||
// 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.
|
||
//
|
||
// You should have received a copy of the GNU General Public License
|
||
// along with this program; if not, write to the Free Software
|
||
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
|
||
//
|
||
|
||
|
||
function xhtmlHeaders($file, $title) {
|
||
xhtmlHeadersStart($file, $title);
|
||
xhtmlHeadersEnd();
|
||
}
|
||
|
||
function xhtmlHeadersStart($file, $title) {
|
||
ob_start();
|
||
|
||
global $css;
|
||
global $skin;
|
||
global $view;
|
||
global $cspNonce;
|
||
global $basename;
|
||
|
||
# This idea is that we always include the classic css files,
|
||
# and then any different skin only needs to contain things that are different.
|
||
$baseCssPhpFile = getSkinFile('css/base/skin.css.php');
|
||
$skinCssPhpFile = getSkinFile('css/'.$css.'/skin.css.php');
|
||
|
||
$basename = basename($file, '.php');
|
||
|
||
?>
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title><?php echo validHtmlStr(ZM_WEB_TITLE_PREFIX) . ' - ' . validHtmlStr($title) ?></title>
|
||
<?php
|
||
if (defined('ZM_WEB_FAVICON')) {
|
||
echo '
|
||
<link rel="icon" type="image/ico" href="'.ZM_WEB_FAVICON.'"/>
|
||
<link rel="shortcut icon" href="'.ZM_WEB_FAVICON.'"/>
|
||
';
|
||
} else if ( file_exists("skins/$skin/css/$css/graphics/favicon.ico") ) {
|
||
echo "
|
||
<link rel=\"icon\" type=\"image/ico\" href=\"skins/$skin/css/$css/graphics/favicon.ico\"/>
|
||
<link rel=\"shortcut icon\" href=\"skins/$skin/css/$css/graphics/favicon.ico\"/>
|
||
";
|
||
} else {
|
||
echo '
|
||
<link rel="icon" type="image/ico" href="graphics/favicon.ico"/>
|
||
<link rel="shortcut icon" href="graphics/favicon.ico"/>
|
||
';
|
||
}
|
||
|
||
echo output_link_if_exists(array('fonts/material-icons.woff2'), false, $param = ['global', 'preload', ' as="font" type="font/woff2" crossorigin']);
|
||
//echo output_link_if_exists(array('fonts/material-icons.woff'), false, $param = ['global', 'preload', ' as="font" type="font/woff" crossorigin']);
|
||
echo output_link_if_exists(array('css/base/material-icons.css'), false);
|
||
echo output_link_if_exists(array('fonts/fontawesome-webfont.woff2?v=4.7.0'), false, $param = ['global', 'preload font', ' as="font" type="font/woff2" crossorigin']);
|
||
echo output_script_if_exists(array(
|
||
'js/fontfaceobserver.standalone.js',
|
||
));
|
||
|
||
?>
|
||
<script nonce="<?php echo $cspNonce; ?>">
|
||
const fontMaterialIcons = new FontFaceObserver("Material Icons", {weight: 400});
|
||
fontMaterialIcons.load(null, 30000).then(function() {
|
||
//console.log("Material Icons is loaded");
|
||
var _style_ = document.createElement('style');
|
||
_style_.innerHTML = `.material-icons {display: inline-block !important;}`;
|
||
document.querySelector('head').prepend(_style_);
|
||
}, function() {
|
||
console.log("Material Icons is NOT loaded after 30s");
|
||
});
|
||
</script>
|
||
<?php
|
||
|
||
echo output_cache_busted_stylesheet_links(array(
|
||
'css/reset.css',
|
||
'css/font-awesome.min.css',
|
||
'css/bootstrap.min.css',
|
||
));
|
||
|
||
?>
|
||
<link rel="stylesheet" href="skins/classic/js/jquery-ui-1.13.2/jquery-ui.theme.min.css" type="text/css"/>
|
||
<?php #Chosen can't be cache-busted because it loads sprites by relative path ?>
|
||
<link rel="stylesheet" href="skins/classic/js/chosen/chosen.min.css" type="text/css"/>
|
||
<?php
|
||
echo output_link_if_exists(array('js/noUiSlider-15.8.1/dist/nouislider.min.css?'), false, $param = ['global', 'stylesheet', ' type="text/css"/']);
|
||
echo output_link_if_exists(array(
|
||
'js/dateTimePicker/jquery-ui-timepicker-addon.css',
|
||
'js/jquery-ui-1.13.2/jquery-ui.structure.min.css',
|
||
'assets/bootstrap-table-1.24.1/bootstrap-table.min.css',
|
||
'assets/bootstrap-table-1.24.1/extensions/page-jump-to/bootstrap-table-page-jump-to.min.css',
|
||
'css/base/skin.css',
|
||
'css/base/views/'.$basename.'.css',
|
||
), true);
|
||
|
||
if ( $css != 'base' ) {
|
||
echo output_link_if_exists(array(
|
||
'css/'.$css.'/skin.css',
|
||
'css/'.$css.'/views/'.$basename.'.css',
|
||
'css/'.$css.'/jquery-ui-theme.css',
|
||
));
|
||
}
|
||
|
||
global $navbar_type;
|
||
if ($navbar_type == 'left') {
|
||
echo output_link_if_exists(array(
|
||
'/assets/pro-sidebar-template/dist/main.css',
|
||
'/css/base/sidebar.css',
|
||
));
|
||
}
|
||
|
||
if ( $basename == 'watch' ) {
|
||
echo output_link_if_exists(array('/css/base/views/control.css'));
|
||
if ( $css != 'base' )
|
||
echo output_link_if_exists(array('/css/'.$css.'/views/control.css'));
|
||
}
|
||
?>
|
||
<style>
|
||
<?php
|
||
$baseCssPhpFile = getSkinFile('css/base/skin.css.php');
|
||
if ($baseCssPhpFile) require_once($baseCssPhpFile);
|
||
$skinCssPhpFile = getSkinFile('css/'.$css.'/skin.css.php');
|
||
if ($skinCssPhpFile) require_once($baseCssPhpFile);
|
||
|
||
$baseViewCssPhpFile = getSkinFile('/css/base/views/'.$basename.'.css.php');
|
||
if ($baseViewCssPhpFile) require_once($baseViewCssPhpFile);
|
||
$viewCssPhpFile = getSkinFile('/css/'.$css.'/views/'.$basename.'.css.php');
|
||
if ($viewCssPhpFile) require_once($viewCssPhpFile);
|
||
?>
|
||
</style>
|
||
<?php
|
||
echo ob_get_clean();
|
||
} // end function xhtmlHeadersStart( $file, $title )
|
||
|
||
function xhtmlHeadersEnd() {
|
||
echo '</head>';
|
||
} // end function xhtmlHeaders( $file, $title )
|
||
|
||
// Outputs an opening body tag, and any additional content that should go at the very top, like warnings and error messages.
|
||
function getBodyTopHTML() {
|
||
global $view;
|
||
//Needed for more flexible global governance
|
||
$classHTML = ' class="'.$view.'-page'.((defined('ZM_WEB_NAVBAR_STICKY') and ZM_WEB_NAVBAR_STICKY) ? ' sticky"' : '"');
|
||
echo '
|
||
<body data-swipe-threshold="10" data-swipe-unit="vw" data-swipe-timeout="300"'.$classHTML.'>
|
||
<noscript>
|
||
<div style="background-color:red;color:white;font-size:x-large;">
|
||
'. validHtmlStr(ZM_WEB_TITLE) .' requires Javascript. Please enable Javascript in your browser for this site.
|
||
|
||
</div>
|
||
</noscript>
|
||
';
|
||
global $error_message;
|
||
if ( $error_message ) {
|
||
echo '<div id="error">'.$error_message.'</div>';
|
||
}
|
||
global $navbar_type;
|
||
if ($navbar_type == 'left') {
|
||
getSidebarTopHTML();
|
||
}
|
||
} // end function getBodyTopHTML
|
||
|
||
function buildMenuItem($viewItemName, $id, $itemName, $href, $icon, $classNameForTag_A = '', $subMenu = '') {
|
||
global $view;
|
||
/* Highlighting the active menu section */
|
||
if ($viewItemName == 'watch') {
|
||
$activeClass = ($view == $viewItemName && (isset($_REQUEST['cycle']) && $_REQUEST['cycle'] == "true")) ? ' active' : '';
|
||
} else {
|
||
$activeClass = $view == $viewItemName ? ' active' : '';
|
||
}
|
||
$itemName = translate($itemName);
|
||
$result = '
|
||
<li id="' . $id . '" class="menu-item '.$activeClass.'">
|
||
<a href="' . $href . '" class="' . $classNameForTag_A . '">
|
||
<span class="menu-icon"><i class="material-icons">' . $icon . '</i></span>
|
||
<span class="menu-title">'.$itemName.'</span>
|
||
</a>
|
||
</li>'.PHP_EOL;
|
||
|
||
return $result;
|
||
}
|
||
|
||
function buildSidebarMenu() {
|
||
global $view;
|
||
global $user;
|
||
if ( $user and $user->Username() ) {
|
||
$menuForAuthUser = '
|
||
<li class="menu-header"><span> GENERAL </span></li> ' .
|
||
getConsoleHTML($forLeftBar = true) .
|
||
getMontageHTML($view, $forLeftBar = true) .
|
||
getCycleHTML($view, $forLeftBar = true) .
|
||
getMontageReviewHTML($view, $forLeftBar = true) .
|
||
getEventsHTML($view, $forLeftBar = true) .
|
||
getOptionsHTML($forLeftBar = true) .
|
||
getLogHTML($forLeftBar = true) .
|
||
getDevicesHTML($forLeftBar = true) .
|
||
getIntelGpuHTML($forLeftBar = true) .
|
||
getGroupsHTML($view, $forLeftBar = true) .
|
||
getFilterHTML($view, $forLeftBar = true) .
|
||
getSnapshotsHTML($view, $forLeftBar = true) .
|
||
getReportsHTML($view, $forLeftBar = true) .
|
||
getRprtEvntAuditHTML($view, $forLeftBar = true) .
|
||
getMapHTML($view, $forLeftBar = true) .
|
||
getAdditionalLinksHTML($view, $forLeftBar = true)
|
||
;
|
||
} else { // USER IS NOT AUTHORIZED!
|
||
$menuForAuthUser = '';
|
||
}
|
||
$menu = '
|
||
<nav class="sidebar-main-menu open-current-submenu">
|
||
<ul>
|
||
' . $menuForAuthUser;
|
||
if (ZM_HOME_ABOUT) {
|
||
$menu .= '
|
||
<li class="menu-header" style="padding-top: 20px"><span> OTHER </span></li>
|
||
<li class="menu-item">
|
||
<a href="http://zoneminder.com/" target="_blank">
|
||
<span class="menu-icon">
|
||
<i class="material-icons">videocam</i>
|
||
</span>
|
||
<span class="menu-title">' . translate("ZoneMinder") . '</span>
|
||
<span class="menu-suffix">
|
||
<span class="badge secondary"><i class="material-icons md-14">thumb_up</i></span>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li class="menu-item">
|
||
<a href="http://zoneminder.readthedocs.org/en/latest/" target="_blank">
|
||
<span class="menu-icon">
|
||
<i class="material-icons">description</i>
|
||
</span>
|
||
<span class="menu-title">' . translate("Documentation") . '</span>
|
||
<!--<span class="menu-suffix">
|
||
<span class="badge secondary">Beta</span>
|
||
</span>-->
|
||
</a>
|
||
</li>
|
||
<li class="menu-item">
|
||
<a href="https://zmninja.zoneminder.com/" target="_blank">
|
||
<span class="menu-icon">
|
||
<i class="material-icons">face_5</i>
|
||
</span>
|
||
<span class="menu-title">' . translate("zmNinja") . '</span>
|
||
</a>
|
||
</li>
|
||
<li class="menu-item">
|
||
<a href="https://wiki.zoneminder.com/" target="_blank">
|
||
<span class="menu-icon">
|
||
<i class="material-icons">article</i>
|
||
</span>
|
||
<span class="menu-title">' . translate("Wiki") . '</span>
|
||
</a>
|
||
</li>
|
||
<li class="menu-item">
|
||
<a href="https://forums.zoneminder.com/" target="_blank">
|
||
<span class="menu-icon">
|
||
<i class="material-icons">forum</i>
|
||
</span>
|
||
<span class="menu-title">' . translate("Forums") . '</span>
|
||
</a>
|
||
</li>
|
||
<li class="menu-item">
|
||
<a href="https://zoneminder-chat.slack.com/" target="_blank">
|
||
<span class="menu-icon">
|
||
<i class="material-icons">chat</i>
|
||
</span>
|
||
<span class="menu-title">' . translate("Slack") . '</span>
|
||
</a>
|
||
</li>
|
||
';
|
||
}
|
||
$menu .= '
|
||
</ul>
|
||
</nav>
|
||
';
|
||
return $menu;
|
||
}
|
||
|
||
function getSidebarTopHTML() {
|
||
global $skin;
|
||
global $user;
|
||
global $running;
|
||
|
||
$blockExtruder = '
|
||
<div id="extruderLeft">
|
||
<div id="contextExtruderLeft" class="text">
|
||
<! -- Pull-out panel FILLED VIA JS -->
|
||
</div>
|
||
</div>
|
||
';
|
||
|
||
$block = '
|
||
<div class="layout-main has-sidebar fixed-sidebar fixed-header">
|
||
<aside id="sidebarMain" class="sidebar-main break-point-lg has-bg-image '. (( isset($_COOKIE['zmSidebarMainCollapse']) and $_COOKIE["zmSidebarMainCollapse"] === 'true' ) ? "collapsed" : "") . '">
|
||
' . $blockExtruder . '
|
||
<a id="btn-collapse" class="sidebar-collapser"><i class="material-icons">chevron_left</i></a>
|
||
<div class="image-wrapper">
|
||
<img src="skins/'.$skin.'/assets/pro-sidebar-template/assets/images/sidebar-bg.jpg" alt="sidebar background" />
|
||
</div>
|
||
<div class="sidebar-layout">
|
||
<div class="sidebar-header">
|
||
<div class="pro-sidebar-logo">
|
||
<div>ZM</div>
|
||
<h5>ZoneMinder</h5>
|
||
</div>
|
||
</div>
|
||
<!-- End of header, before scrolling menu -->
|
||
<div id="menuControlModule" class="sidebar-post-header">
|
||
<!-- FILLED VIA JS -->
|
||
</div>
|
||
<!-- Start of scrolling menu -->
|
||
<div class="sidebar-content">
|
||
' . buildSidebarMenu() . '
|
||
</div>
|
||
<div class="sidebar-footer hidden-for-collapsed">
|
||
<div class="footer-box">
|
||
<div>
|
||
' . getAccountCircleHTML($skin, $user, $forLeftBar = true) . '
|
||
</div>
|
||
<div style="padding: 0 10px">
|
||
<span style="display: block; margin-bottom: 10px">
|
||
<ul id="versionSidebar">
|
||
' . getZMVersionHTML() . '
|
||
</ul>
|
||
</span>
|
||
<ul id="statusSidebar">
|
||
' . getStatusBtnHTML(runtimeStatus($running)) . '
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
<div id="overlay" class="overlay"></div>
|
||
<div class="content-main">
|
||
';
|
||
echo $block;
|
||
} // end function getSidebarTopHTML
|
||
|
||
function getSidebarBottomHTML() {
|
||
global $skin;
|
||
$block = '
|
||
<div class="overlay"></div>
|
||
</div> <!-- class="content-main" -->
|
||
</div> <!-- class="layout-main has-sidebar fixed-sidebar fixed-header" -->
|
||
<style>
|
||
|
||
</style>
|
||
';
|
||
echo $block;
|
||
} // end function getSidebarBottomHTML
|
||
|
||
function getNavBarHTML() {
|
||
# Provide a facility to turn off the headers if you put navbar=0 into the url
|
||
if ( isset($_REQUEST['navbar']) and $_REQUEST['navbar'] == '0' )
|
||
return '';
|
||
|
||
global $running;
|
||
global $user;
|
||
global $bandwidth_options;
|
||
global $view;
|
||
global $skin;
|
||
global $navbar_type;
|
||
|
||
ob_start();
|
||
|
||
if ( $navbar_type == 'normal' || $navbar_type == 'left') {
|
||
echo getNormalNavBarHTML($running, $user, $bandwidth_options, $view, $skin);
|
||
} else {
|
||
echo getCollapsedNavBarHTML($running, $user, $bandwidth_options, $view, $skin);
|
||
}
|
||
|
||
return ob_get_clean();
|
||
}
|
||
|
||
function output_link($files) {
|
||
foreach ( $files as $file ) {
|
||
$html[] = '<link rel="stylesheet" href="'.getSkinFile($file).'" type="text/css"/>';
|
||
}
|
||
$html[] = ''; // So we ge a trailing \n
|
||
return implode(PHP_EOL, $html);
|
||
}
|
||
|
||
function output_link_if_exists($files, $cache_bust=true, $param=false) {
|
||
global $skin;
|
||
$html = array();
|
||
if ($param) {
|
||
$global_file = $param[0]; // The file is global or from a skin
|
||
$rel = '"'.$param[1].'"';
|
||
$suffix = $param[2];
|
||
} else {
|
||
$global_file = false;
|
||
$rel = '"stylesheet"';
|
||
$suffix = ' type="text/css"';
|
||
}
|
||
foreach ( $files as $file ) {
|
||
// The file name can be for example "fontawesome-webfont.woff2?v=4.7.0". We need to select what is before the "?"
|
||
$file_ = ($global_file && file_exists(explode('?', $file)[0])) ? $file : getSkinFile($file);
|
||
if ($file_) {
|
||
if ( $cache_bust ) {
|
||
$html[] = '<link rel='.$rel.' href="'.cache_bust($file_).'" '.$suffix.'/>';
|
||
} else {
|
||
$html[] = '<link rel='.$rel.' href="'.$file_.'" '.$suffix.'/>';
|
||
}
|
||
}
|
||
}
|
||
$html[] = ''; // So we ge a trailing \n
|
||
return implode(PHP_EOL, $html);
|
||
}
|
||
|
||
function output_script($files, $cache_bust=true, $must_exist=true) {
|
||
global $skin;
|
||
$html = array();
|
||
if (!is_array($files)) $files = [$files];
|
||
foreach ( $files as $file ) {
|
||
$found = false;
|
||
if ( file_exists('skins/'.$skin.'/'.$file) ) {
|
||
$found = true;
|
||
if ( $cache_bust ) {
|
||
$html[] = '<script src="'.cache_bust('skins/'.$skin.'/'.$file).'"></script>';
|
||
} else {
|
||
$html[] = '<script src="skins/'.$skin.'/'.$file.'"></script>';
|
||
}
|
||
} else if ( file_exists($file) ) {
|
||
$found = true;
|
||
if ( $cache_bust ) {
|
||
$html[] = '<script src="'.cache_bust($file).'"></script>';
|
||
} else {
|
||
$html[] = '<script src="'.$file.'"></script>';
|
||
}
|
||
}
|
||
if (!$found and $must_exist) {
|
||
ZM\Error("Script $file not found");
|
||
}
|
||
}
|
||
$html[] = ''; // So we ge a trailing \n
|
||
return implode(PHP_EOL, $html);
|
||
}
|
||
|
||
function output_script_if_exists($files, $cache_bust=true) {
|
||
return output_script($files, $cache_bust, false);
|
||
}
|
||
|
||
function output_cache_busted_stylesheet_links($files) {
|
||
$html = array();
|
||
foreach ( $files as $file ) {
|
||
$html[] = '<link rel="stylesheet" href="'.cache_bust($file).'" type="text/css"/>';
|
||
}
|
||
if ( ! count($html) ) {
|
||
ZM\Warning("No files found for $files");
|
||
}
|
||
$html[] = ''; // So we ge a trailing \n
|
||
return implode(PHP_EOL, $html);
|
||
}
|
||
|
||
//
|
||
// The legacy navigation bar that collapses into a pulldown menu on small screens.
|
||
//
|
||
function getNormalNavBarHTML($running, $user, $bandwidth_options, $view, $skin) {
|
||
$status = runtimeStatus($running);
|
||
?>
|
||
<div class="container-fluid" id="navbar-container">
|
||
<div class="navbar-brand">
|
||
<?php echo getNavBrandHTML() ?>
|
||
</div>
|
||
<div class="navbars">
|
||
<nav class="navbar navbar-expand-md flex-row" id="navbar-one">
|
||
<!-- the Navigation Bar Hamburger Button -->
|
||
<!--
|
||
<div class="nav justify-content-end flex-grow-1">
|
||
-->
|
||
<?php
|
||
if ((!ZM_OPT_USE_AUTH) or $user) {
|
||
?>
|
||
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#main-header-nav" aria-expanded="false">
|
||
<span class="sr-only">Toggle navigation</span>
|
||
<span class="navbar-toggler-icon">
|
||
<i class="material-icons md-20">menu</i>
|
||
</span>
|
||
</button>
|
||
<button id="flipNarrow" type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar-two" aria-expanded="true">
|
||
<span class="sr-only">Toggle guages</span>
|
||
<span class="navbar-toggler-icon">
|
||
<i class="material-icons md-20">monitor</i>
|
||
</span>
|
||
</button>
|
||
<!--
|
||
</div>
|
||
-->
|
||
<div class="collapse navbar-collapse" id="main-header-nav">
|
||
<?php
|
||
|
||
// *** Build the navigation bar menu items ***
|
||
echo '<ul class="nav navbar-nav align-self-start justify-content-center">';
|
||
echo getConsoleHTML();
|
||
echo getOptionsHTML();
|
||
echo getLogHTML();
|
||
echo getDevicesHTML();
|
||
echo getIntelGpuHTML();
|
||
echo getGroupsHTML($view);
|
||
echo getFilterHTML($view);
|
||
echo getCycleHTML($view);
|
||
echo getMontageHTML($view);
|
||
echo getMontageReviewHTML($view);
|
||
echo getSnapshotsHTML($view);
|
||
echo getReportsHTML($view);
|
||
echo getRprtEvntAuditHTML($view);
|
||
echo getMapHTML($view);
|
||
echo getAdditionalLinksHTML($view);
|
||
echo getHeaderFlipHTML();
|
||
echo '</ul></div><div id="accountstatus">';
|
||
echo '<ul class="nav navbar-nav justify-content-end align-self-start flex-grow-1">';
|
||
echo getAccountCircleHTML($skin, $user);
|
||
echo getStatusBtnHTML($status);
|
||
echo '</ul>
|
||
</div>
|
||
';
|
||
?>
|
||
</nav><!-- End First Navbar -->
|
||
|
||
<nav class="navbar navbar-expand-md justify-content-center" id="navbar-two"
|
||
<?php echo ( isset($_COOKIE['zmHeaderFlip']) and $_COOKIE['zmHeaderFlip'] == 'down' ) ? 'style="display:none;"' : '' ?>
|
||
>
|
||
<div class="container-fluid" id="panel">
|
||
<?php
|
||
|
||
// *** Build the statistics shown on the navigation bar ***
|
||
global $navbar_type;
|
||
if ($navbar_type == 'left') {
|
||
echo buildStatisticsBar($forLeftBar = true);
|
||
} else {
|
||
echo buildStatisticsBar($forLeftBar = false);
|
||
}
|
||
?>
|
||
</div><!-- End Collapsible Panel -->
|
||
</nav><!-- End Second Navbar -->
|
||
|
||
<?php
|
||
} // end if (!ZM_OPT_USE_AUTH) or $user )
|
||
echo getConsoleBannerHTML();
|
||
?>
|
||
</div><!--navbars-->
|
||
</div><!--navbar continaer-->
|
||
<?php
|
||
} // end function getNormalNavBarHTML()
|
||
|
||
function buildStatisticsBar($forLeftBar = false) {
|
||
// *** Build the statistics shown on the navigation bar ***
|
||
global $bandwidth_options;
|
||
global $user;
|
||
$block = '';
|
||
if ($forLeftBar) {
|
||
// Mobile menu hamburger button
|
||
$block .= '
|
||
<div style="left: 5px; top: 10px; position: absolute;">
|
||
<a id="btn-toggle" href="#" class="sidebar-toggler break-point-lg">
|
||
<i class="material-icons">menu</i>
|
||
</a>
|
||
</div>
|
||
';
|
||
}
|
||
|
||
$block .= '
|
||
<div id="reload" class="container-fluid">
|
||
<ul id="Bandwidth" class="navbar-nav justify-content-start">
|
||
' . getBandwidthHTML($bandwidth_options, $user) .'
|
||
</ul>
|
||
|
||
<ul class="navbar-nav list-inline justify-content-center">
|
||
'.
|
||
getSysLoadHTML().
|
||
getCpuUsageHTML().
|
||
getDbConHTML().
|
||
getStorageHTML().
|
||
getRamHTML()
|
||
.'
|
||
</ul>
|
||
|
||
<ul id="Version" class="nav navbar-nav justify-content-end">
|
||
' . getZMVersionHTML() . '
|
||
</ul>
|
||
</div>
|
||
';
|
||
return $block;
|
||
}
|
||
|
||
//
|
||
// A new, slimmer navigation bar, permanently collapsed into a dropdown
|
||
//
|
||
function getCollapsedNavBarHTML($running, $user, $bandwidth_options, $view, $skin) {
|
||
$status = runtimeStatus($running);
|
||
?>
|
||
<div class="container-fluid" id="navbar-container">
|
||
<nav class="navbar flex-nowrap">
|
||
<div class="navbar-brand">
|
||
<?php echo getNavBrandHTML() ?>
|
||
</div>
|
||
<nav class="navbar navbar-expand-md">
|
||
<?php
|
||
// *** Build the statistics shown on the navigation bar ***
|
||
if ( (!ZM_OPT_USE_AUTH) or $user ) {
|
||
?>
|
||
<div id="reload" class="collapse navbar-collapse">
|
||
<ul id="Version" class="navbar-nav">
|
||
<?php echo getZMVersionHTML() ?>
|
||
</ul>
|
||
<ul id="Bandwidth" class="navbar-nav">
|
||
<?php echo getBandwidthHTML($bandwidth_options, $user) ?>
|
||
</ul>
|
||
|
||
<ul class="nav navbar-nav list-group">
|
||
<?php
|
||
echo getSysLoadHTML();
|
||
echo getCpuUsageHTML();
|
||
echo getDbConHTML();
|
||
echo getStorageHTML();
|
||
echo getRamHTML();
|
||
#echo getShmHTML();
|
||
echo getLogIconHTML();
|
||
?>
|
||
</ul>
|
||
|
||
</div>
|
||
<?php
|
||
} // end if (!ZM_OPT_USE_AUTH) or $user )
|
||
?>
|
||
</nav>
|
||
<?php
|
||
global $navbar_type;
|
||
if ($navbar_type == 'collapsed') {
|
||
?>
|
||
<ul class="list-group list-group-horizontal ml-auto">
|
||
<?php
|
||
echo getAccountCircleHTML($skin, $user);
|
||
echo getStatusBtnHTML($status);
|
||
?>
|
||
</ul>
|
||
|
||
<!-- the Navigation Bar Hamburger Button -->
|
||
<?php if ( (!ZM_OPT_USE_AUTH) or $user ) { ?>
|
||
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#main-header-nav" aria-haspopup="true" aria-expanded="false">
|
||
<span class="sr-only">Toggle navigation</span>
|
||
<span class="navbar-toggler-icon">
|
||
<i class="material-icons md-20">menu</i>
|
||
</span>
|
||
</button>
|
||
<?php } ?>
|
||
|
||
<div style="background-color:#485460" class="dropdown-menu dropdown-menu-right px-3" id="main-header-nav">
|
||
<?php
|
||
if ( $user and $user->Username() ) {
|
||
echo '<ul class="navbar-nav">';
|
||
echo getConsoleHTML();
|
||
echo getOptionsHTML();
|
||
echo getLogHTML();
|
||
echo getDevicesHTML();
|
||
echo getIntelGpuHTML();
|
||
echo getGroupsHTML($view);
|
||
echo getFilterHTML($view);
|
||
echo getCycleHTML($view);
|
||
echo getMontageHTML($view);
|
||
echo getMontageReviewHTML($view);
|
||
echo getSnapshotsHTML($view);
|
||
echo getReportsHTML($view);
|
||
echo getRprtEvntAuditHTML($view);
|
||
echo getMapHTML($view);
|
||
echo getAdditionalLinksHTML($view);
|
||
echo '</ul>';
|
||
}
|
||
?>
|
||
</div>
|
||
<?php
|
||
} // end if collapsed vs left
|
||
?>
|
||
</nav><!-- End First Navbar -->
|
||
<?php echo getConsoleBannerHTML() ?>
|
||
</div>
|
||
|
||
<?php
|
||
} // End function getCollapsedNavBarHTML
|
||
|
||
// Returns the html representing the current cpu Usage Percent
|
||
function getCpuUsageHTML() {
|
||
$result = '';
|
||
if ( !canView('System') ) return $result;
|
||
global $thisServer;
|
||
if ($thisServer) {
|
||
$thisServer->ReadStats();
|
||
|
||
$result .= '<li id="getCpuUsageHTML" class="CpuUsage nav-item mx-2">'.PHP_EOL;
|
||
$result .= ' '.translate('Cpu').': '.number_format($thisServer->CpuUsagePercent, 1, '.', '').'%'.PHP_EOL;
|
||
$result .= '</li>'.PHP_EOL;
|
||
}
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the current unix style system load
|
||
function getSysLoadHTML() {
|
||
$result = '';
|
||
if ( !canView('System') ) return $result;
|
||
global $thisServer;
|
||
if ($thisServer) {
|
||
$thisServer->ReadStats();
|
||
|
||
$result .= '<li id="getSysLoadHTML" class="Load nav-item mx-2">';
|
||
$result .= '<i class="material-icons md-18">trending_up</i>';
|
||
$result .= ' '.translate('Load').': '.number_format($thisServer->CpuLoad, 2, '.', '');
|
||
$result .= '</li>'.PHP_EOL;
|
||
}
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the current number of connections made to the database
|
||
function getDbConHTML() {
|
||
$result = '';
|
||
if ( !canView('System') ) return $result;
|
||
$connections = dbFetchOne('SHOW status WHERE variable_name=\'threads_connected\'', 'Value');
|
||
$max_connections = dbFetchOne('SHOW variables WHERE variable_name=\'max_connections\'', 'Value');
|
||
$percent_used = $max_connections ? 100 * $connections / $max_connections : 100;
|
||
$class = ( $percent_used > 90 ) ? ' text-warning' : '';
|
||
|
||
$result .= '<li id="getDbConHTML" class="nav-item dropdown mx-2' .$class. '">'.PHP_EOL;
|
||
$result .= '<i class="material-icons md-18 mr-1">storage</i>'.PHP_EOL;
|
||
$result .= translate('DB'). ': ' .$connections. '/' .$max_connections.PHP_EOL;
|
||
$result .= '</li>'.PHP_EOL;
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns an html dropdown showing capacity of all storage areas
|
||
function getStorageHTML() {
|
||
$result = '';
|
||
if ( !canView('System') ) return $result;
|
||
|
||
$func = function($S, $class='') {
|
||
if ( $S->disk_usage_percent() > 98 ) {
|
||
$class .= 'text-danger';
|
||
} else if ( $S->disk_usage_percent() > 95 ) {
|
||
$class .= 'text-warning';
|
||
}
|
||
$title = human_filesize($S->disk_used_space()) . ' of ' . human_filesize($S->disk_total_space()).
|
||
( ( $S->disk_used_space() != $S->event_disk_space() ) ? ' ' .human_filesize($S->event_disk_space()) . ' used by events' : '' );
|
||
return '<a class="'.$class.'" title="'.$title.'" href="?view=options&tab=storage">'.validHtmlStr($S->Name()) . ': ' . $S->disk_usage_percent().'%' . '</a>';
|
||
};
|
||
|
||
$storage_areas = ZM\Storage::find(array('Enabled'=>true));
|
||
$num_storage_areas = count($storage_areas);
|
||
|
||
$full_warning = 0;
|
||
$full_error = 0;
|
||
foreach ( $storage_areas as $area ) {
|
||
if ( $area->disk_usage_percent() > 98 ) { $full_error++; continue; }
|
||
if ( $area->disk_usage_percent() > 95 ) $full_warning++;
|
||
}
|
||
|
||
$class = '';
|
||
if ( $full_error ) {
|
||
$class = 'text-danger';
|
||
} else if ( $full_warning ) {
|
||
$class = 'text-warning';
|
||
}
|
||
|
||
if (count($storage_areas) <= 2) {
|
||
$result .= '<li id="getStorageHTML" class="nav-item mx-2">'.PHP_EOL;
|
||
foreach ( $storage_areas as $area ) {
|
||
$result .= $func($area).PHP_EOL;
|
||
}
|
||
$result .= '</li>'.PHP_EOL;
|
||
} else {
|
||
$result .= '<li id="getStorageHTML" class="nav-item dropdown mx-2">'.PHP_EOL;
|
||
$result .= '<a class="dropdown-toggle mr-2 '.$class.'" href="#" id="dropdown_storage" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="material-icons md-18 mr-1">folder_shared</i>Storage</a>'.PHP_EOL;
|
||
$result .= '<div class="dropdown-menu" aria-labelledby="dropdown_storage">'.PHP_EOL;
|
||
|
||
foreach ( $storage_areas as $area ) {
|
||
$result .= $func($area, 'dropdown-item ').PHP_EOL;
|
||
}
|
||
$result .= '</div>'.PHP_EOL;
|
||
$result .= '</li>'.PHP_EOL;
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
function getRamHTML() {
|
||
$result = '';
|
||
if ( !canView('System') ) return $result;
|
||
if (file_exists('/proc')) {
|
||
$contents = file_get_contents('/proc/meminfo');
|
||
preg_match_all('/(\w+):\s+(\d+)\s/', $contents, $matches);
|
||
$meminfo = array_combine($matches[1], array_map(function($v){return 1024*$v;}, $matches[2]));
|
||
if (!isset($meminfo['MemTotal'])) {
|
||
ZM\Debug(print_r($meminfo, true));
|
||
return '';
|
||
}
|
||
$mem_used = $meminfo['MemTotal'] - $meminfo['MemFree'] - $meminfo['Buffers'] - $meminfo['Cached'];
|
||
$mem_used_percent = $meminfo['MemTotal'] ? (int)(100*$mem_used/$meminfo['MemTotal']) : 0;
|
||
$used_class = '';
|
||
if ($mem_used_percent > 95) {
|
||
$used_class = 'text-danger';
|
||
} else if ($mem_used_percent > 90) {
|
||
$used_class = 'text-warning';
|
||
}
|
||
$result .= ' <li id="getRamHTML" class="nav-item dropdown mx-2">'.
|
||
'<span class="'.$used_class.'" title="' .human_filesize($mem_used). ' of ' .human_filesize($meminfo['MemTotal']). '">'.translate('Memory').': '.$mem_used_percent.'%</span> ';
|
||
|
||
if ($meminfo['SwapTotal']) {
|
||
$swap_used = $meminfo['SwapTotal'] - $meminfo['SwapFree'];
|
||
$swap_used_percent = (int)(100*$swap_used/$meminfo['SwapTotal']);
|
||
$swap_class = '';
|
||
if ($swap_used_percent > 95) {
|
||
$swap_class = 'text-danger';
|
||
} else if ($swap_used_percent > 90) {
|
||
$swap_class = 'text-warning';
|
||
}
|
||
$result .= '<span class="'.$swap_class.'" title="' .human_filesize($swap_used). ' of ' .human_filesize($meminfo['SwapTotal']). '">'.translate('Swap').': '.$swap_used_percent.'%</span> ';
|
||
} # end if SwapTotal
|
||
$result .= '</li>'.PHP_EOL;
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the current capacity of mapped memory filesystem (usually /dev/shm)
|
||
function getShmHTML() {
|
||
$result = '';
|
||
if ( !canView('System') ) return $result;
|
||
|
||
$shm_percent = getDiskPercent(ZM_PATH_MAP);
|
||
$shm_total_space = disk_total_space(ZM_PATH_MAP);
|
||
$shm_used = $shm_total_space - disk_free_space(ZM_PATH_MAP);
|
||
|
||
$class = '';
|
||
if ( $shm_percent > 98 ) {
|
||
$class = 'text-danger';
|
||
} else if ( $shm_percent > 90 ) {
|
||
$class = 'text-warning';
|
||
}
|
||
$result .= ' <li id="getShmHTML" class="nav-item dropdown mx-2' .$class. '" title="' .human_filesize($shm_used). ' of ' .human_filesize($shm_total_space). '">' .ZM_PATH_MAP. ': '.$shm_percent.'%</li>'.PHP_EOL;
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the optional web console banner text
|
||
function getConsoleBannerHTML() {
|
||
$result = '';
|
||
|
||
if ( defined('ZM_WEB_CONSOLE_BANNER') and ZM_WEB_CONSOLE_BANNER != '' ) {
|
||
$result .= '<nav class="navbar navbar-expand-md justify-content-center" id="navbar-three">';
|
||
$result .= '<h2 id="getConsoleBannerHTML">'.validHtmlStr(ZM_WEB_CONSOLE_BANNER).'</h2>';
|
||
$result .= '</nav>';
|
||
}
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the current high,medium,low bandwidth setting
|
||
function getBandwidthHTML($bandwidth_options, $user) {
|
||
|
||
# Limit available options to what are available in user
|
||
if ( $user && !empty($user->MaxBandwidth()) ) {
|
||
if ( $user->MaxBandwidth() == 'low' ) {
|
||
unset($bandwidth_options['high']);
|
||
unset($bandwidth_options['medium']);
|
||
} else if ( $user->MaxBandwidth() == 'medium' ) {
|
||
unset($bandwidth_options['high']);
|
||
}
|
||
}
|
||
|
||
$result = '';
|
||
if (count($bandwidth_options) > 1) {
|
||
$result .= '<li id="getBandwidthHTML" class="nav-item dropdown mx-2">'.PHP_EOL;
|
||
$result .= '<a class="dropdown-toggle mr-2" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="dropdown_bandwidth"><i class="material-icons md-18 mr-1">network_check</i>'.translate($bandwidth_options[$_COOKIE['zmBandwidth']]).'</a>'.PHP_EOL;
|
||
|
||
$result .= '<div class="dropdown-menu" aria-labelledby="dropdown_bandwidth">'.PHP_EOL;
|
||
if ( isset($bandwidth_options['high']) )
|
||
$result .= '<a data-pdsa-dropdown-val="high" class="dropdown-item bwselect" href="#">' .translate('High'). '</a>'.PHP_EOL;
|
||
if ( isset($bandwidth_options['medium']) )
|
||
$result .= '<a data-pdsa-dropdown-val="medium" class="dropdown-item bwselect" href="#">' .translate('Medium'). '</a>'.PHP_EOL;
|
||
# low is theoretically always available
|
||
$result .= '<a data-pdsa-dropdown-val="low" class="dropdown-item bwselect" href="#">' .translate('Low'). '</a>'.PHP_EOL;
|
||
$result .= '</div>'.PHP_EOL;
|
||
|
||
$result .= '</li>'.PHP_EOL;
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the version of ZoneMinder
|
||
function getZMVersionHTML() {
|
||
$result = '';
|
||
if ( !canView('System') ) return $result;
|
||
$content = '';
|
||
|
||
if ( ZM_DYN_DB_VERSION && (ZM_DYN_DB_VERSION != ZM_VERSION) ) { // Must upgrade before proceeding
|
||
$class = 'text-danger';
|
||
$tt_text = translate('RunLocalUpdate');
|
||
$content = 'v'.ZM_VERSION.PHP_EOL;
|
||
} else if ( verNum( ZM_DYN_LAST_VERSION ) <= verNum( ZM_VERSION ) || !ZM_CHECK_FOR_UPDATES || ZM_DYN_NEXT_REMINDER > time() ) { // No update needed
|
||
$class = ''; // Don't change the text color under normal conditions
|
||
$tt_text = translate('UpdateNotNecessary');
|
||
$content = 'v'.ZM_VERSION.PHP_EOL;
|
||
} else if ( canEdit('System') ) { // An update is available and the user is an administrator
|
||
$class = 'text-warning';
|
||
$tt_text = translate('UpdateAvailable');
|
||
$content = '<a class="dropdown ' .$class. '" data-toggle="dropdown" href="#" id="dropdown_reminder">v' .ZM_VERSION. '</a>'.PHP_EOL;
|
||
$content .= '<div class="dropdown-menu" aria-labelledby="dropdown_reminder">'.PHP_EOL;
|
||
$content .= '<h6 class="dropdown-header">' .translate('UpdateAvailable'). '</h6>'.PHP_EOL;
|
||
$content .= '<a class="dropdown-item" data-pdsa-dropdown-val="ignore" href="#">' .translate('VersionIgnore'). '</a>'.PHP_EOL;
|
||
$content .= '<a class="dropdown-item" data-pdsa-dropdown-val="hour" href="#">' .translate('VersionRemindHour'). '</a>'.PHP_EOL;
|
||
$content .= '<a class="dropdown-item" data-pdsa-dropdown-val="day" href="#">' .translate('VersionRemindDay'). '</a>'.PHP_EOL;
|
||
$content .= '<a class="dropdown-item" data-pdsa-dropdown-val="week" href="#">' .translate('VersionRemindWeek'). '</a>'.PHP_EOL;
|
||
$content .= '<a class="dropdown-item" data-pdsa-dropdown-val="month" href="#">' .translate('VersionRemindMonth'). '</a>'.PHP_EOL;
|
||
$content .= '<a class="dropdown-item" data-pdsa-dropdown-val="never" href="#">' .translate('VersionRemindNever'). '</a>'.PHP_EOL;
|
||
$content .= '</div>'.PHP_EOL;
|
||
} else { // An update is available and the user is NOT an administrator
|
||
$class = 'text-warning';
|
||
$tt_text = translate('UpdateAvailable');
|
||
$content = 'v'.ZM_VERSION.PHP_EOL;
|
||
}
|
||
|
||
$result .= '<li id="getZMVersionHTML" class="nav-item dropdown ' .$class. '" data-placement="bottom" title="' .$tt_text. '">'.PHP_EOL;
|
||
$result .= $content;
|
||
$result .= '</li>'.PHP_EOL;
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the ZoneMinder logo and about menu
|
||
function getNavBrandHTML() {
|
||
$result = '';
|
||
|
||
if ( ZM_HOME_ABOUT ) {
|
||
$result .= '<a id="getNavBrandHTML" class="dropdown" data-toggle="dropdown" href="#">ZoneMinder</a>'.PHP_EOL;
|
||
$result .= '<ul style="background-color:#485460" class="dropdown-menu">'.PHP_EOL;
|
||
$result .= '<li><a class="dropdown-item" href="https://zoneminder.com/" target="_blank">ZoneMinder</a></li>'.PHP_EOL;
|
||
$result .= '<li><a class="dropdown-item" href="https://zoneminder.readthedocs.io/en/stable/" target="_blank">Documentation</a></li>'.PHP_EOL;
|
||
$result .= '<li><a class="dropdown-item" href="https://forums.zoneminder.com/" target="_blank">Support</a></li>'.PHP_EOL;
|
||
$result .= '</ul>'.PHP_EOL;
|
||
} else {
|
||
$result .= '<a id="getNavBrandHTML" href="' .validHtmlStr(ZM_HOME_URL). '" target="' .validHtmlStr(ZM_WEB_TITLE). '">' .ZM_HOME_CONTENT. '</a>'.PHP_EOL;
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the Console menu item
|
||
function getConsoleHTML($forLeftBar = false) {
|
||
global $user;
|
||
$result = '';
|
||
|
||
if (count($user->viewableMonitorIds()) or !ZM\Monitor::find_one()) {
|
||
if ($forLeftBar) {
|
||
$result .= buildMenuItem(
|
||
$viewItemName = 'console',
|
||
$id = 'getConsoleHTML',
|
||
$itemName = 'Console',
|
||
$href = '?view=console',
|
||
$icon = 'dashboard',
|
||
$classNameForTag_A = '',
|
||
$subMenu = ''
|
||
);
|
||
} else {
|
||
$result .= '<li id="getConsoleHTML" class="nav-item"><a class="nav-link" href="?view=console">'.translate('Console').'</a></li>'.PHP_EOL;
|
||
}
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the Options menu item
|
||
function getOptionsHTML($forLeftBar = false) {
|
||
global $zmMenu;
|
||
$result = '';
|
||
|
||
// Sorting order of the "Options" submenu items. If a submenu item is in the DB but is not here, it will be automatically added to the end of the list.
|
||
$categoryDisplayOrder = [
|
||
'display',
|
||
'system',
|
||
'auth',
|
||
'config',
|
||
];
|
||
if (defined('ZM_PATH_DNSMASQ_CONF') and ZM_PATH_DNSMASQ_CONF) {
|
||
$categoryDisplayOrder[] = 'dnsmasq';
|
||
}
|
||
$categoryDisplayOrder = array_merge($categoryDisplayOrder, [
|
||
'API',
|
||
'servers',
|
||
'storage',
|
||
'web',
|
||
'images',
|
||
'logging',
|
||
'network',
|
||
'mail',
|
||
'upload',
|
||
]);
|
||
if (defined('ZM_OPT_X10') and ZM_OPT_X10) {
|
||
$categoryDisplayOrder[] = 'x10';
|
||
}
|
||
$categoryDisplayOrder = array_merge($categoryDisplayOrder, [
|
||
'highband',
|
||
'medband',
|
||
'lowband',
|
||
'users',
|
||
'roles',
|
||
'groups',
|
||
'control',
|
||
'privacy',
|
||
'MQTT',
|
||
'telemetry',
|
||
'version'
|
||
]);
|
||
$zmMenu::buildSubMenuOptions($categoryDisplayOrder);
|
||
|
||
if ( canView('System') ) {
|
||
if ($forLeftBar) {
|
||
global $view;
|
||
|
||
$view_ = 'options';
|
||
//$tab = isset($_REQUEST['tab']) ? validHtmlStr($_REQUEST['tab']) : 'system';
|
||
$tab = isset($_REQUEST['tab']) ? validHtmlStr($_REQUEST['tab']) : '';
|
||
|
||
$subMenuOptions = '
|
||
<div class="sub-menu-list">
|
||
<ul>
|
||
';
|
||
foreach ($zmMenu::$submenuOptionsItems as $name=>$value) {
|
||
$subMenuOptions .= '
|
||
<li class="menu-item '.$name.' '.($tab == $name ? ' active' : '').'">
|
||
<a href="?view='.$view_.'&tab='.$name.'">
|
||
<span class="menu-title">'.$value.'</span>
|
||
</a>
|
||
</li>'.PHP_EOL;
|
||
}
|
||
$subMenuOptions .= '
|
||
</ul>
|
||
</div>
|
||
';
|
||
|
||
$result .= '
|
||
<li id="getOptionsHTML" class="menu-item sub-menu '.($view == "options" ? ' open' : '').'">
|
||
<a href="#<!--?view='.$view_.'&tab=system-->">
|
||
<span class="menu-icon"><i class="material-icons">settings</i></span>
|
||
<span class="menu-title">'.translate('Options').'</span>
|
||
</a>
|
||
' . $subMenuOptions . '
|
||
</li>'.PHP_EOL;
|
||
} else {
|
||
$result .= '<li id="getOptionsHTML" class="nav-item"><a class="nav-link" href="?view=options">'.translate('Options').'</a></li>'.PHP_EOL;
|
||
}
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the Log menu item
|
||
function getLogHTML($forLeftBar = false) {
|
||
$result = '';
|
||
|
||
if ( canView('System') ) {
|
||
if ( ZM\logToDatabase() > ZM\Logger::NOLOG ) {
|
||
$logstate = logState();
|
||
$class = ($logstate == 'ok') ? 'text-success' : ($logstate == 'alert' ? 'text-warning' : (($logstate == 'alarm' ? 'text-danger' : '')));
|
||
if ($forLeftBar) {
|
||
$result .= buildMenuItem(
|
||
$viewItemName = 'log',
|
||
$id = 'getLogHTML',
|
||
$itemName = 'Log',
|
||
$href = '?view=log',
|
||
$icon = 'notification_important',
|
||
$classNameForTag_A = $class,
|
||
$subMenu = ''
|
||
);
|
||
} else {
|
||
$result .= '<li id="getLogHTML" class="nav-item"><a class="nav-link '.$class.'" href="?view=log">'.translate('Log').'</a></li>'.PHP_EOL;
|
||
}
|
||
}
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the log icon
|
||
function getLogIconHTML() {
|
||
$result = '';
|
||
|
||
if ( canView('System') ) {
|
||
if ( ZM\logToDatabase() > ZM\Logger::NOLOG ) {
|
||
$logstate = logState();
|
||
$class = ($logstate == 'ok') ? 'text-success' : ($logstate == 'alert' ? 'text-warning' : (($logstate == 'alarm' ? 'text-danger' : '')));
|
||
$result .= '<li id="getLogIconHTML" class="nav-item">'.
|
||
makeLink('?view=log', '<span class="mx-1 ' .$class. '"><i class="material-icons md-18">report</i>'.translate('Log').'</span>').
|
||
'</li>'.PHP_EOL;
|
||
}
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the X10 Devices menu item
|
||
function getDevicesHTML($forLeftBar = false) {
|
||
$result = '';
|
||
|
||
if ( ZM_OPT_X10 && canView('Devices') ) {
|
||
if ($forLeftBar) {
|
||
$result .= buildMenuItem(
|
||
$viewItemName = 'devices',
|
||
$id = 'getDevicesHTML',
|
||
$itemName = 'Devices',
|
||
$href = '?view=devices',
|
||
$icon = 'devices_other',
|
||
$classNameForTag_A = '',
|
||
$subMenu = ''
|
||
);
|
||
} else {
|
||
$result .= '<li id="getDevicesHTML" class="nav-item"><a class="nav-link" href="?view=devices">'.translate('Devices').'</a></li>'.PHP_EOL;
|
||
}
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the Intel GPU status menu item
|
||
function getIntelGpuHTML($forLeftBar = false) {
|
||
$result = '';
|
||
|
||
// Only show if intel_gpu_top is available and user can view System
|
||
if (canView('System')) {
|
||
// Check if intel_gpu_top command exists
|
||
$intel_gpu_top_exists = shell_exec('which intel_gpu_top 2>/dev/null');
|
||
if ($intel_gpu_top_exists) {
|
||
if ($forLeftBar) {
|
||
$result .= buildMenuItem(
|
||
$viewItemName = 'intelgpu',
|
||
$id = 'getIntelGpuHTML',
|
||
$itemName = 'Intel GPU',
|
||
$href = '?view=intelgpu',
|
||
$icon = 'memory',
|
||
$classNameForTag_A = '',
|
||
$subMenu = ''
|
||
);
|
||
} else {
|
||
$result .= '<li id="getIntelGpuHTML" class="nav-item"><a class="nav-link" href="?view=intelgpu">Intel GPU</a></li>'.PHP_EOL;
|
||
}
|
||
}
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the Groups menu item
|
||
function getGroupsHTML($view, $forLeftBar = false) {
|
||
$result = '';
|
||
if ( !canView('Groups') ) return $result;
|
||
|
||
$class = $view == 'groups' ? ' selected' : '';
|
||
if ($forLeftBar) {
|
||
$result .= buildMenuItem(
|
||
$viewItemName = 'groups',
|
||
$id = 'getGroupsHTML',
|
||
$itemName = 'Groups',
|
||
$href = '?view=groups',
|
||
$icon = 'group',
|
||
$classNameForTag_A = '',
|
||
$subMenu = ''
|
||
);
|
||
} else {
|
||
$result .= '<li id="getGroupsHTML" class="nav-item"><a class="nav-link'.$class.'" href="?view=groups">'. translate('Groups') .'</a></li>'.PHP_EOL;
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the Filter menu item
|
||
function getFilterHTML($view, $forLeftBar = false) {
|
||
$result = '';
|
||
if ( !canView('Events') ) return $result;
|
||
|
||
$class = $view == 'filter' ? ' selected' : '';
|
||
if ($forLeftBar) {
|
||
$result .= buildMenuItem(
|
||
$viewItemName = 'filter',
|
||
$id = 'getFilterHTML',
|
||
$itemName = 'Filters',
|
||
$href = '?view=filter',
|
||
$icon = 'filter_alt',
|
||
$classNameForTag_A = '',
|
||
$subMenu = ''
|
||
);
|
||
} else {
|
||
$result .= '<li id="getFilterHTML" class="nav-item"><a class="nav-link'.$class.'" href="?view=filter">'.translate('Filters').'</a></li>'.PHP_EOL;
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the Cycle menu item
|
||
function getCycleHTML($view, $forLeftBar = false) {
|
||
$result = '';
|
||
|
||
if ( canView('Stream') ) {
|
||
$class = $view == 'cycle' ? ' selected' : '';
|
||
if ($forLeftBar) {
|
||
$result .= buildMenuItem(
|
||
$viewItemName = 'watch',
|
||
$id = 'getCycleHTML',
|
||
$itemName = 'Cycle',
|
||
$href = '?view=watch&cycle=true',
|
||
//$icon = 'cyclone',
|
||
$icon = 'repeat',
|
||
$classNameForTag_A = '',
|
||
$subMenu = ''
|
||
);
|
||
} else {
|
||
$result .= '<li id="getCycleHTML" class="nav-item"><a class="nav-link'.$class.'" href="?view=watch&cycle=true">' .translate('Cycle'). '</a></li>'.PHP_EOL;
|
||
}
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the Montage menu item
|
||
function getMontageHTML($view, $forLeftBar = false) {
|
||
global $user;
|
||
$result = '';
|
||
|
||
if (canView('Stream') and count($user->viewableMonitorIds())) {
|
||
$class = $view == 'montage' ? ' selected' : '';
|
||
if ($forLeftBar) {
|
||
$result .= buildMenuItem(
|
||
$viewItemName = 'montage',
|
||
$id = 'getMontageHTML',
|
||
$itemName = 'Montage',
|
||
$href = '?view=montage',
|
||
$icon = 'live_tv',
|
||
$classNameForTag_A = '',
|
||
$subMenu = ''
|
||
);
|
||
} else {
|
||
$result .= '<li id="getMontageHTML" class="nav-item"><a class="nav-link'.$class.'" href="?view=montage">' .translate('Montage'). '</a></li>'.PHP_EOL;
|
||
}
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the MontageReview menu item
|
||
function getMontageReviewHTML($view, $forLeftBar = false) {
|
||
$result = '';
|
||
|
||
if ( canView('Events') ) {
|
||
if ( isset($_REQUEST['filter']['Query']['terms']['attr']) ) {
|
||
$terms = $_REQUEST['filter']['Query']['terms'];
|
||
$count = 0;
|
||
foreach ($terms as $term) {
|
||
if ( $term['attr'] == 'StartDateTime' ) {
|
||
$count += 1;
|
||
if ($term['op'] == '>=') $minTime = $term['val'];
|
||
if ($term['op'] == '<=') $maxTime = $term['val'];
|
||
}
|
||
}
|
||
if ( $count == 2 ) {
|
||
$montageReviewQuery = '&minTime='.$minTime.'&maxTime='.$maxTime;
|
||
}
|
||
}
|
||
$live = isset($montageReviewQuery) ? '&fit=1'.$montageReviewQuery.'&live=0' : '';
|
||
$class = $view == 'montagereview' ? ' selected' : '';
|
||
if ($forLeftBar) {
|
||
$result .= buildMenuItem(
|
||
$viewItemName = 'montagereview',
|
||
$id = 'getMontageReviewHTML',
|
||
$itemName = 'MontageReview',
|
||
$href = '?view=montagereview' .$live,
|
||
$icon = 'movie',
|
||
$classNameForTag_A = '',
|
||
$subMenu = ''
|
||
);
|
||
} else {
|
||
$result .= '<li id="getMontageReviewHTML" class="nav-item"><a class="nav-link'.$class.'" href="?view=montagereview' .$live. '">'.translate('MontageReview').'</a></li>'.PHP_EOL;
|
||
}
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the Montage menu item
|
||
function getSnapshotsHTML($view, $forLeftBar = false) {
|
||
$result = '';
|
||
|
||
if (defined('ZM_FEATURES_SNAPSHOTS') and ZM_FEATURES_SNAPSHOTS and canView('Snapshots')) {
|
||
$class = $view == 'snapshots' ? ' selected' : '';
|
||
if ($forLeftBar) {
|
||
$result .= buildMenuItem(
|
||
$viewItemName = 'snapshots',
|
||
$id = 'getSnapshotsHTML',
|
||
$itemName = 'Snapshots',
|
||
$href = '?view=snapshots',
|
||
$icon = 'preview',
|
||
$classNameForTag_A = '',
|
||
$subMenu = ''
|
||
);
|
||
} else {
|
||
$result .= '<li id="getSnapshotsHTML" class="nav-item"><a class="nav-link'.$class.'" href="?view=snapshots">' .translate('Snapshots'). '</a></li>'.PHP_EOL;
|
||
}
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the Events menu item
|
||
function getEventsHTML($view, $forLeftBar = false) {
|
||
global $user;
|
||
$result = '';
|
||
|
||
if (canView('Events')) {
|
||
$class = $view == 'events' ? ' selected' : '';
|
||
if ($forLeftBar) {
|
||
$result .= buildMenuItem(
|
||
$viewItemName = 'events',
|
||
$id = 'getEventsHTML',
|
||
$itemName = 'Events',
|
||
$href = '?view=events',
|
||
$icon = 'event',
|
||
$classNameForTag_A = '',
|
||
$subMenu = ''
|
||
);
|
||
} else {
|
||
$result .= '<li id="getEventsHTML" class="nav-item"><a class="nav-link'.$class.'" href="?view=events">' .translate('Events'). '</a></li>'.PHP_EOL;
|
||
}
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
function getReportsHTML($view, $forLeftBar = false) {
|
||
$result = '';
|
||
|
||
if (canView('Events')) {
|
||
$class = ($view == 'reports' or $view == 'report') ? ' selected' : '';
|
||
if ($forLeftBar) {
|
||
$result .= buildMenuItem(
|
||
$viewItemName = 'reports',
|
||
$id = 'getReportsHTML',
|
||
$itemName = 'Reports',
|
||
$href = '?view=reports',
|
||
$icon = 'report',
|
||
$classNameForTag_A = '',
|
||
$subMenu = ''
|
||
);
|
||
} else {
|
||
$result .= '<li id="getReportsHTML" class="nav-item"><a class="nav-link'.$class.'" href="?view=reports">'.translate('Reports').'</a></li>'.PHP_EOL;
|
||
}
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the Audit Events Report menu item
|
||
function getRprtEvntAuditHTML($view, $forLeftBar = false) {
|
||
$result = '';
|
||
|
||
if ( canView('Events') ) {
|
||
$class = $view == 'report_event_audit' ? ' selected' : '';
|
||
if ($forLeftBar) {
|
||
$result .= buildMenuItem(
|
||
$viewItemName = 'report_event_audit',
|
||
$id = 'getRprtEvntAuditHTML',
|
||
$itemName = 'ReportEventAudit',
|
||
$href = '?view=report_event_audit',
|
||
$icon = 'shield',
|
||
$classNameForTag_A = '',
|
||
$subMenu = ''
|
||
);
|
||
} else {
|
||
$result .= '<li id="getRprtEvntAuditHTML" class="nav-item"><a class="nav-link'.$class.'" href="?view=report_event_audit">'.translate('ReportEventAudit').'</a></li>'.PHP_EOL;
|
||
}
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the Audit Events Report menu item
|
||
function getMapHTML($view, $forLeftBar = false) {
|
||
$result = '';
|
||
|
||
if (defined('ZM_OPT_USE_GEOLOCATION') and ZM_OPT_USE_GEOLOCATION) {
|
||
$class = $view == 'map' ? ' selected' : '';
|
||
if ($forLeftBar) {
|
||
$result .= buildMenuItem(
|
||
$viewItemName = 'map',
|
||
$id = 'getMapHTML',
|
||
$itemName = 'Map',
|
||
$href = '?view=map',
|
||
$icon = 'language',
|
||
$classNameForTag_A = '',
|
||
$subMenu = ''
|
||
);
|
||
} else {
|
||
$result .= '<li id="getMapHTML" class="nav-item"><a class="nav-link'.$class.'" href="?view=map">'.translate('Map').'</a></li>'.PHP_EOL;
|
||
}
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the content of the ZM_WEB_NAVBAR_LINKS content
|
||
|
||
function getAdditionalLinksHTML($view, $forLeftBar = false) {
|
||
$result = '';
|
||
|
||
if (defined('ZM_WEB_NAVBAR_LINKS')) {
|
||
if (ZM_WEB_NAVBAR_LINKS) {
|
||
foreach (explode(',', ZM_WEB_NAVBAR_LINKS) as $link) {
|
||
if ($forLeftBar) {
|
||
$doc = new DomDocument();
|
||
fixAmps($link);
|
||
$doc->loadHTML('<?xml encoding="UTF-8">' . $link);
|
||
$url = $doc->getElementsByTagName('a')[0];
|
||
$value_ = translate('Error in link string: "') . htmlspecialchars($link) . '"';
|
||
$href_ = '';
|
||
$icon_ = '';
|
||
$class_ = '';
|
||
$queryView = '';
|
||
if ($url) {
|
||
$value_ = $url->nodeValue;
|
||
$href_ = $url->getAttribute( 'href' );
|
||
$icon_ = $url->getAttribute('data-icon');
|
||
$class_ = $url->getAttribute('class');
|
||
$parts = parse_url($href_);
|
||
parse_str($parts['query'], $query);
|
||
$queryView = $query['view'];
|
||
}
|
||
|
||
$result .= buildMenuItem(
|
||
$viewItemName = $queryView,
|
||
$id = '',
|
||
$itemName = $value_,
|
||
$href = $href_,
|
||
$icon = $icon_,
|
||
$classNameForTag_A = $class_,
|
||
$subMenu = ''
|
||
);
|
||
} else {
|
||
$result .= '<li class="nav-item">'.$link.'</li>'.PHP_EOL;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
|
||
// Returns the html representing the header collapse toggle menu item
|
||
function getHeaderFlipHTML() {
|
||
$result = '';
|
||
|
||
$header = ( isset($_COOKIE['zmHeaderFlip']) and $_COOKIE['zmHeaderFlip'] == 'down') ? 'down' : 'up';
|
||
$result .= '<li id="getHeaderFlipHTML" class="nav-item dropdown"><a href="#"><i id="flip" class="material-icons md-18">keyboard_arrow_' .$header. '</i></a></li>'.PHP_EOL;
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the logged in user name and avatar
|
||
function getAccountCircleHTML($skin, $user=null, $forLeftBar = false) {
|
||
$result = '';
|
||
|
||
if ( ZM_OPT_USE_AUTH and $user ) {
|
||
$result .= '<li id="getAccountCircleHTML" class="navbar-text navbar-nav mr-2">'.PHP_EOL;
|
||
$result .= makeLink('#', '<i class="material-icons">account_circle</i> '. validHtmlStr($user->Username()),
|
||
(ZM_AUTH_TYPE == 'builtin'), 'id="logoutButton" data-toggle="modal" data-target="#modalLogout" data-backdrop="false"' ).PHP_EOL;
|
||
$result .= '</li>'.PHP_EOL;
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Returns the html representing the runtime status button
|
||
function getStatusBtnHTML($status) {
|
||
$result = '';
|
||
|
||
if (canEdit('System')) {
|
||
$result .= '<li id="getStatusBtnHTML">'.PHP_EOL;
|
||
$result .= '<button type="button" class="btn btn-default navbar-btn" id="stateModalBtn">' .$status. '</button>'.PHP_EOL;
|
||
$result .= '</li>'.PHP_EOL;
|
||
|
||
if (ZM_SYSTEM_SHUTDOWN) {
|
||
$result .= '<li class="shutdown">'.PHP_EOL;
|
||
$result .= '<button id="shutdownButton" class="btn btn-default navbar-btn" data-on-click="getShutdownModal" data-toggle="tooltip" data-placement="top" title="' .translate('Shutdown'). '"><i class="material-icons md-18">power_settings_new</i></button>'.PHP_EOL;
|
||
$result .= '</li>'.PHP_EOL;
|
||
}
|
||
|
||
} else if (canView('System')) {
|
||
$result .= '<li id="getStatusBtnHTML" class="navbar-text">'.PHP_EOL;
|
||
$result .= $status.PHP_EOL;
|
||
$result .= '</li>'.PHP_EOL;
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
function runtimeStatus($running=null) {
|
||
if ( $running == null )
|
||
$running = daemonCheck();
|
||
if ( $running ) {
|
||
$state = dbFetchOne('SELECT Name FROM States WHERE isActive=1', 'Name');
|
||
if ( $state == 'default' )
|
||
$state = '';
|
||
}
|
||
|
||
return $running ? ($state ? $state : translate('Running')) : translate('Stopped');
|
||
}
|
||
|
||
function getStatsTableHTML($eid, $fid, $row='') {
|
||
if ( !canView('Events') ) return;
|
||
$result = '';
|
||
|
||
$sql = 'SELECT S.*,E.*,Z.Name AS ZoneName,Z.Units,Z.Area,M.Name AS MonitorName FROM Stats AS S LEFT JOIN Events AS E ON S.EventId = E.Id LEFT JOIN Zones AS Z ON S.ZoneId = Z.Id LEFT JOIN Monitors AS M ON E.MonitorId = M.Id WHERE S.EventId = ? AND S.FrameId = ? ORDER BY S.ZoneId';
|
||
$stats = dbFetchAll( $sql, NULL, array( $eid, $fid ) );
|
||
|
||
$result .= '<table id="contentStatsTable' .$row. '"'.PHP_EOL;
|
||
$result .= 'data-locale="' .i18n(). '"'.PHP_EOL;
|
||
$result .= 'data-toggle="table"'.PHP_EOL;
|
||
$result .= 'data-toolbar="#toolbar"'.PHP_EOL;
|
||
$result .= 'class="table-sm table-borderless contentStatsTable"'.PHP_EOL;
|
||
$result .= 'cellspacing="0">'.PHP_EOL;
|
||
|
||
$result .= '<caption>' .translate('Stats'). ' - ' .$eid. ' - ' .$fid. '</caption>'.PHP_EOL;
|
||
$result .= '<thead>'.PHP_EOL;
|
||
$result .= '<tr>'.PHP_EOL;
|
||
$result .= '<th class="colZone font-weight-bold" data-align="center">' .translate('Zone'). '</th>'.PHP_EOL;
|
||
$result .= '<th class="colPixelDiff font-weight-bold" data-align="center">' .translate('PixelDiff'). '</th>'.PHP_EOL;
|
||
$result .= '<th class="colAlarmPx font-weight-bold" data-align="center">' .translate('AlarmPx'). '</th>'.PHP_EOL;
|
||
$result .= '<th class="colFilterPx font-weight-bold" data-align="center">' .translate('FilterPx'). '</th>'.PHP_EOL;
|
||
$result .= '<th class="colBlobPx font-weight-bold" data-align="center">' .translate('BlobPx'). '</th>'.PHP_EOL;
|
||
$result .= '<th class="colBlobs font-weight-bold" data-align="center">' .translate('Blobs'). '</th>'.PHP_EOL;
|
||
$result .= '<th class="colBlobSizes font-weight-bold" data-align="center">' .translate('BlobSizes'). '</th>'.PHP_EOL;
|
||
$result .= '<th class="colAlarmLimits font-weight-bold" data-align="center">' .translate('AlarmLimits'). '</th>'.PHP_EOL;
|
||
$result .= '<th class="colScore font-weight-bold" data-align="center">' .translate('Score'). '</th>'.PHP_EOL;
|
||
$result .= '</tr>'.PHP_EOL;
|
||
$result .= '</thead>'.PHP_EOL;
|
||
|
||
$result .= '<tbody>'.PHP_EOL;
|
||
|
||
if ( count($stats) ) {
|
||
foreach ( $stats as $stat ) {
|
||
$result .= '<tr>'.PHP_EOL;
|
||
$result .= '<td class="colZone">' .validHtmlStr($stat['ZoneName']). '</td>'.PHP_EOL;
|
||
$result .= '<td class="colPixelDiff">' .validHtmlStr($stat['PixelDiff']). '</td>'.PHP_EOL;
|
||
$result .= '<td class="colAlarmPx">' .sprintf( "%d (%d%%)", $stat['AlarmPixels'], (100*$stat['AlarmPixels']/$stat['Area']) ). '</td>'.PHP_EOL;
|
||
$result .= '<td class="colFilterPx">' .sprintf( "%d (%d%%)", $stat['FilterPixels'], (100*$stat['FilterPixels']/$stat['Area']) ).'</td>'.PHP_EOL;
|
||
$result .= '<td class="colBlobPx">' .sprintf( "%d (%d%%)", $stat['BlobPixels'], (100*$stat['BlobPixels']/$stat['Area']) ). '</td>'.PHP_EOL;
|
||
$result .= '<td class="colBlobs">' .validHtmlStr($stat['Blobs']). '</td>'.PHP_EOL;
|
||
|
||
if ( $stat['Blobs'] > 1 ) {
|
||
$result .= '<td class="colBlobSizes">' .sprintf( "%d-%d (%d%%-%d%%)", $stat['MinBlobSize'], $stat['MaxBlobSize'], (100*$stat['MinBlobSize']/$stat['Area']), (100*$stat['MaxBlobSize']/$stat['Area']) ). '</td>'.PHP_EOL;
|
||
} else {
|
||
$result .= '<td class="colBlobSizes">' .sprintf( "%d (%d%%)", $stat['MinBlobSize'], 100*$stat['MinBlobSize']/$stat['Area'] ). '</td>'.PHP_EOL;
|
||
}
|
||
|
||
$result .= '<td class="colAlarmLimits">' .validHtmlStr($stat['MinX'].",".$stat['MinY']."-".$stat['MaxX'].",".$stat['MaxY']). '</td>'.PHP_EOL;
|
||
$result .= '<td class="colScore">' .$stat['Score']. '</td>'.PHP_EOL;
|
||
$result .= '</tr>'.PHP_EOL;
|
||
}
|
||
} else {
|
||
$result .= '<tr>'.PHP_EOL;
|
||
//IMPORTANT! There is a problem with Bootstrap here. The class is being moved from <th> and "colspan" is not being applied
|
||
$result .= '<td class="rowNoStats" colspan="9">' .translate('NoStatisticsRecorded'). '</td>'.PHP_EOL;
|
||
$result .= '</tr>'.PHP_EOL;
|
||
}
|
||
|
||
$result .= '</tbody>'.PHP_EOL;
|
||
$result .= '</table>'.PHP_EOL;
|
||
|
||
return $result;
|
||
}
|
||
|
||
// Use this function to manually insert the csrf key into the form when using a modal generated via ajax call
|
||
function getCSRFinputHTML() {
|
||
if ( isset($GLOBALS['csrf']['key']) ) {
|
||
$result = '<input type="hidden" name="__csrf_magic" value="key:' .csrf_hash($GLOBALS['csrf']['key']). '" />'.PHP_EOL;
|
||
} else {
|
||
$result = '';
|
||
}
|
||
|
||
return $result;
|
||
}
|
||
|
||
function fixAmps(&$html) {
|
||
//https://stackoverflow.com/questions/1685277/warning-domdocumentloadhtml-htmlparseentityref-expecting-in-entity
|
||
$positionAmp = strpos($html, '&');
|
||
$positionSemiColumn = strpos($html, ';', $positionAmp+1);
|
||
$string = substr($html, $positionAmp, $positionSemiColumn-$positionAmp+1);
|
||
if ($positionAmp !== false) { // If an '&' can be found.
|
||
if ($positionSemiColumn === false) { // If no ';' can be found.
|
||
$html = substr_replace($html, '&', $positionAmp, 1); // Replace straight away.
|
||
} else if (preg_match('/&(#[0-9]+|[A-Z|a-z|0-9]+);/', $string) === 0) { // If a standard escape cannot be found.
|
||
$html = substr_replace($html, '&', $positionAmp, 1); // This mean we need to escape the '&' sign.
|
||
fixAmps($html, $positionAmp+5); // Recursive call from the new position.
|
||
} else {
|
||
fixAmps($html, $positionAmp+1); // Recursive call from the new position.
|
||
}
|
||
}
|
||
}
|
||
|
||
function xhtmlFooter() {
|
||
global $css;
|
||
global $cspNonce;
|
||
global $view;
|
||
global $skin;
|
||
global $basename;
|
||
|
||
global $navbar_type;
|
||
if ($navbar_type == 'left') {
|
||
getSidebarBottomHTML();
|
||
}
|
||
?>
|
||
<script src="<?php echo cache_bust('skins/'.$skin.'/js/jquery.min.js'); ?>"></script>
|
||
<script src="skins/<?php echo $skin; ?>/js/jquery-ui-1.13.2/jquery-ui.min.js"></script>
|
||
<script src="<?php echo cache_bust('js/ajaxQueue.js') ?>"></script>
|
||
<script src="skins/<?php echo $skin; ?>/js/bootstrap-4.5.0.min.js"></script>
|
||
<?php
|
||
if ($navbar_type == 'left') {
|
||
echo output_script_if_exists(array('assets/pro-sidebar-template/dist/main.js'));
|
||
echo output_script_if_exists(array('assets/mb.extruder/inc/mbExtruder.js'));
|
||
echo output_script_if_exists(array('assets/swiped-events/dist/swiped-events.min.js'));
|
||
}
|
||
if ( $basename == 'montage' ) {
|
||
} else if ( $basename == 'watch' || $basename == 'event') {
|
||
echo output_script_if_exists(array('assets/jquery.panzoom/dist/jquery.panzoom.js'));
|
||
echo output_script_if_exists(array('js/panzoom.js'));
|
||
}
|
||
|
||
echo output_script_if_exists(array(
|
||
'js/tableExport.min.js',
|
||
'assets/bootstrap-table-1.24.1/bootstrap-table.min.js',
|
||
'assets/bootstrap-table-1.24.1/extensions/locale/bootstrap-table-locale-all.min.js',
|
||
'assets/bootstrap-table-1.24.1/extensions/export/bootstrap-table-export.min.js',
|
||
'assets/bootstrap-table-1.24.1/extensions/page-jump-to/bootstrap-table-page-jump-to.min.js',
|
||
'assets/bootstrap-table-1.24.1/extensions/cookie/bootstrap-table-cookie.js',
|
||
'assets/bootstrap-table-1.24.1/extensions/toolbar/bootstrap-table-toolbar.min.js',
|
||
'assets/bootstrap-table-1.24.1/extensions/auto-refresh/bootstrap-table-auto-refresh.min.js',
|
||
'assets/bootstrap-table-1.24.1/extensions/mobile/bootstrap-table-mobile.js',
|
||
'js/chosen/chosen.jquery.js',
|
||
'js/noUiSlider-15.8.1/dist/nouislider.min.js',
|
||
'js/dateTimePicker/jquery-ui-timepicker-addon.js',
|
||
'js/Server.js',
|
||
), true );
|
||
?>
|
||
<script src="skins/<?php echo $skin ?>/js/moment.min.js"></script>
|
||
<script src="skins/<?php echo $skin ?>/js/luxon-3.4.4.min.js"></script>
|
||
<?php
|
||
?>
|
||
<script nonce="<?php echo $cspNonce; ?>">
|
||
var $j = jQuery.noConflict();
|
||
var DateTime = luxon.DateTime;
|
||
<?php
|
||
$skinJsPhpFile = getSkinFile('js/skin.js.php');
|
||
if ( $skinJsPhpFile ) require_once( $skinJsPhpFile );
|
||
$viewJsPhpFile = getSkinFile('views/js/'.$basename.'.js.php');
|
||
if ( $viewJsPhpFile ) require_once( $viewJsPhpFile );
|
||
?>
|
||
</script>
|
||
<script src="<?php echo cache_bust('js/logger.js')?>"></script>
|
||
<?php
|
||
$viewJsFile = getSkinFile('views/js/'.$basename.'.js');
|
||
if ( $viewJsFile ) {
|
||
?>
|
||
<script src="<?php echo cache_bust($viewJsFile) ?>"></script>
|
||
<?php
|
||
}
|
||
$skinJsFile = getSkinFile('js/skin.js');
|
||
?>
|
||
<script nonce="<?php echo $cspNonce; ?>" src="<?php echo cache_bust($skinJsFile) ?>"></script>
|
||
</body>
|
||
</html>
|
||
<?php
|
||
} // end xhtmlFooter
|
||
|
||
class ZM_Menu {
|
||
public static $submenuOptionsItems = [];
|
||
|
||
public function __construct(string $typeMenu, array $menuItems) {
|
||
|
||
}
|
||
|
||
private static function addCategoryToOptionsMenu(array $categoriesOptionsInDB, array $categoryDisplayOrder) {
|
||
foreach ($categoryDisplayOrder as $cat) {
|
||
$key = array_search(strtolower($cat), array_map('strtolower', $categoriesOptionsInDB));
|
||
$added = false;
|
||
if ($cat == 'display' && (!defined('ZM_FORCE_CSS_DEFAULT') or !defined('ZM_FORCE_SKIN_DEFAULT'))) {
|
||
$added = true;
|
||
} else if ($cat == 'dnsmasq' && (defined('ZM_PATH_DNSMASQ_CONF') and ZM_PATH_DNSMASQ_CONF)) {
|
||
$added = true;
|
||
} else {
|
||
$added = true;
|
||
}
|
||
if ($added) {
|
||
self::$submenuOptionsItems[$cat] = translate(mb_ucfirst(($cat == 'version') ? 'Versions' : $cat));
|
||
unset($categoriesOptionsInDB[$key]);
|
||
}
|
||
}
|
||
|
||
// If not all categories from the database were added (according to the sorted array $categoryDisplayOrder), then add the categories to the end of the "Options" menu
|
||
if (count($categoriesOptionsInDB)) {
|
||
foreach ($categoriesOptionsInDB as $cat) {
|
||
if (!in_array(strtolower($cat), ['dynamic', 'hidden'], $strict = false)) // Prohibited categories
|
||
self::$submenuOptionsItems[$cat] = translate(mb_ucfirst($cat));
|
||
}
|
||
}
|
||
}
|
||
|
||
public static function buildSubMenuOptions($categoryDisplayOrder) {
|
||
$categoriesOptionsInDB = [];
|
||
foreach ( dbFetchAll('SELECT DISTINCT `Category` FROM `Config` ORDER BY lower(`Category`) ASC') as $сategory_row ) {
|
||
array_push($categoriesOptionsInDB, $сategory_row['Category']);
|
||
}
|
||
self::addCategoryToOptionsMenu($categoriesOptionsInDB, $categoryDisplayOrder);
|
||
}
|
||
}
|
||
|
||
if (!function_exists('mb_ucfirst')) { // Available in PHP >= 8.4
|
||
function mb_ucfirst($str, $encoding='UTF-8') {
|
||
if (extension_loaded('mbstring')) {
|
||
$result = mb_strtoupper(mb_substr($str, 0, 1, $encoding)) . mb_substr($str, 1, null, $encoding);
|
||
} else {
|
||
$result = (ucfirst($str));
|
||
}
|
||
return $result;
|
||
}
|
||
}
|
||
|
||
// $typeMenu we are not using it yet. From now on we will specify either 'leftMenu' or 'topMenu'
|
||
// $menuItems we are not using it yet. These are main menu items with the ability to be customized by the user.
|
||
$zmMenu = new ZM_Menu($typeMenu = '', $menuItems = [
|
||
|
||
]);
|
||
?>
|