2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
|
|
|
|
//
|
|
|
|
|
// ZoneMinder web function library, $Date: 2008-07-08 16:06:45 +0100 (Tue, 08 Jul 2008) $, $Revision: 2484 $
|
2008-07-25 17:48:16 +08:00
|
|
|
// Copyright (C) 2001-2008 Philip Coombes
|
2008-07-14 21:54:50 +08:00
|
|
|
//
|
|
|
|
|
// 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
|
2016-12-26 23:23:16 +08:00
|
|
|
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
|
2008-07-14 21:54:50 +08:00
|
|
|
//
|
|
|
|
|
|
2016-05-04 01:25:39 +08:00
|
|
|
|
|
|
|
|
// Don't load in additional JS to these views
|
|
|
|
|
$bad_views = array('monitor', 'log');
|
|
|
|
|
|
2017-05-19 23:20:33 +08:00
|
|
|
function xhtmlHeaders( $file, $title ) {
|
2017-06-05 09:42:56 +08:00
|
|
|
global $css;
|
|
|
|
|
global $skin;
|
2017-05-31 23:16:55 +08:00
|
|
|
$skinCssFile = getSkinFile( 'css/'.$css.'/skin.css' );
|
|
|
|
|
$skinCssPhpFile = getSkinFile( 'css/'.$css.'/skin.css.php' );
|
2014-11-27 00:18:03 +08:00
|
|
|
|
2017-05-31 23:16:55 +08:00
|
|
|
$skinJsFile = getSkinFile( 'js/skin.js' );
|
|
|
|
|
$skinJsPhpFile = getSkinFile( 'js/skin.js.php' );
|
2017-10-03 00:30:55 +08:00
|
|
|
$cssJsFile = getSkinFile( 'js/classic.js' );
|
2017-05-31 23:16:55 +08:00
|
|
|
$cssJsFile = getSkinFile( 'js/'.$css.'.js' );
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2017-05-31 23:16:55 +08:00
|
|
|
$basename = basename( $file, '.php' );
|
|
|
|
|
$viewCssFile = getSkinFile( '/css/'.$css.'/views/'.$basename.'.css' );
|
|
|
|
|
$viewCssPhpFile = getSkinFile( '/css/'.$css.'/views/'.$basename.'.css.php' );
|
|
|
|
|
$viewJsFile = getSkinFile( 'views/js/'.$basename.'.js' );
|
|
|
|
|
$viewJsPhpFile = getSkinFile( 'views/js/'.$basename.'.js.php' );
|
2008-07-14 21:54:50 +08:00
|
|
|
|
2017-05-31 23:16:55 +08:00
|
|
|
extract( $GLOBALS, EXTR_OVERWRITE );
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
2016-03-16 12:17:05 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
2008-07-14 21:54:50 +08:00
|
|
|
<head>
|
2016-03-16 12:17:05 +08:00
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
2014-12-05 07:44:23 +08:00
|
|
|
<title><?php echo ZM_WEB_TITLE_PREFIX ?> - <?php echo validHtmlStr($title) ?></title>
|
2017-10-02 23:55:36 +08:00
|
|
|
<?php
|
|
|
|
|
if ( file_exists( "skins/$skin/css/$css/images/favicon.ico" ) ) {
|
|
|
|
|
echo "<link rel=\"icon\" type=\"image/ico\" href=\"skins/$skin/css/graphics/favicon.ico\"/>";
|
|
|
|
|
echo "<link rel=\"shortcut icon\" href=\"skins/$skin/css/graphics/favicon.ico\"/>";
|
|
|
|
|
} else {
|
|
|
|
|
echo '<link rel="icon" type="image/ico" href="graphics/favicon.ico"/>';
|
|
|
|
|
echo '<link rel="shortcut icon" href="graphics/favicon.ico"/>';
|
|
|
|
|
}
|
|
|
|
|
?>
|
2008-07-16 21:18:05 +08:00
|
|
|
<link rel="stylesheet" href="css/reset.css" type="text/css"/>
|
2011-07-28 00:09:09 +08:00
|
|
|
<link rel="stylesheet" href="css/overlay.css" type="text/css"/>
|
2016-03-12 14:16:19 +08:00
|
|
|
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"/>
|
2014-12-05 07:44:23 +08:00
|
|
|
<link rel="stylesheet" href="<?php echo $skinCssFile ?>" type="text/css" media="screen"/>
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
2017-05-31 23:16:55 +08:00
|
|
|
if ( $viewCssFile ) {
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
2014-12-05 07:44:23 +08:00
|
|
|
<link rel="stylesheet" href="<?php echo $viewCssFile ?>" type="text/css" media="screen"/>
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
2017-05-31 23:16:55 +08:00
|
|
|
}
|
|
|
|
|
if ( $viewCssPhpFile ) {
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
|
|
|
|
<style type="text/css">
|
2009-10-17 01:04:44 +08:00
|
|
|
/*<![CDATA[*/
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
2017-05-31 23:16:55 +08:00
|
|
|
require_once( $viewCssPhpFile );
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
2009-10-17 01:04:44 +08:00
|
|
|
/*]]>*/
|
2008-07-14 21:54:50 +08:00
|
|
|
</style>
|
|
|
|
|
<?php
|
2017-06-16 00:13:40 +08:00
|
|
|
}
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
2009-10-15 01:38:13 +08:00
|
|
|
<script type="text/javascript" src="tools/mootools/mootools-core.js"></script>
|
|
|
|
|
<script type="text/javascript" src="tools/mootools/mootools-more.js"></script>
|
2008-07-14 21:54:50 +08:00
|
|
|
<script type="text/javascript" src="js/mootools.ext.js"></script>
|
2017-06-08 02:13:03 +08:00
|
|
|
<script type="text/javascript" src="skins/<?php echo $skin; ?>/js/jquery.js"></script>
|
|
|
|
|
<script type="text/javascript" src="skins/<?php echo $skin; ?>/js/jquery-ui.js"></script>
|
2016-09-17 00:20:17 +08:00
|
|
|
<script type="text/javascript" src="skins/<?php echo $skin; ?>/js/bootstrap.min.js"></script>
|
2017-02-03 01:15:16 +08:00
|
|
|
<script type="text/javascript">
|
2016-05-07 00:40:23 +08:00
|
|
|
//<![CDATA[
|
|
|
|
|
<!--
|
2017-06-16 00:13:40 +08:00
|
|
|
var $j = jQuery.noConflict();
|
|
|
|
|
// $j is now an alias to the jQuery function; creating the new alias is optional.
|
2016-05-13 21:45:24 +08:00
|
|
|
|
2016-05-07 00:40:23 +08:00
|
|
|
//-->
|
|
|
|
|
//]]>
|
2017-06-16 00:13:40 +08:00
|
|
|
</script>
|
2016-09-17 00:20:17 +08:00
|
|
|
<script type="text/javascript" src="skins/<?php echo $skin; ?>/views/js/state.js"></script>
|
2017-06-16 00:13:40 +08:00
|
|
|
<?php
|
|
|
|
|
if ( $title == 'Login' && (defined('ZM_OPT_USE_GOOG_RECAPTCHA') && ZM_OPT_USE_GOOG_RECAPTCHA) ) {
|
|
|
|
|
?>
|
2016-03-13 08:14:07 +08:00
|
|
|
<script src='https://www.google.com/recaptcha/api.js'></script>
|
2017-06-16 00:13:40 +08:00
|
|
|
<?php
|
|
|
|
|
} else if ( $title == 'Event' ) {
|
2016-10-28 05:05:33 +08:00
|
|
|
?>
|
2017-05-19 03:10:13 +08:00
|
|
|
<link href="skins/<?php echo $skin ?>/js/video-js.css" rel="stylesheet">
|
|
|
|
|
<script src="skins/<?php echo $skin ?>/js/video.js"></script>
|
|
|
|
|
<script src="./js/videojs.zoomrotate.js"></script>
|
|
|
|
|
<script src="skins/<?php echo $skin ?>/js/moment.min.js"></script>
|
2017-05-31 23:16:55 +08:00
|
|
|
<?php
|
|
|
|
|
}
|
|
|
|
|
if ( $skinJsPhpFile ) {
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
|
|
|
|
<script type="text/javascript">
|
2009-10-17 01:04:44 +08:00
|
|
|
//<![CDATA[
|
|
|
|
|
<!--
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
|
|
|
|
require_once( $skinJsPhpFile );
|
|
|
|
|
?>
|
2009-10-17 01:04:44 +08:00
|
|
|
//-->
|
|
|
|
|
//]]>
|
2008-07-14 21:54:50 +08:00
|
|
|
</script>
|
|
|
|
|
<?php
|
2017-05-31 23:16:55 +08:00
|
|
|
}
|
|
|
|
|
if ( $viewJsPhpFile ) {
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
|
|
|
|
<script type="text/javascript">
|
2009-10-17 01:04:44 +08:00
|
|
|
//<![CDATA[
|
|
|
|
|
<!--
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
2017-05-31 23:16:55 +08:00
|
|
|
require_once( $viewJsPhpFile );
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
2009-10-17 01:04:44 +08:00
|
|
|
//-->
|
|
|
|
|
//]]>
|
2008-07-14 21:54:50 +08:00
|
|
|
</script>
|
|
|
|
|
<?php
|
2017-05-31 23:16:55 +08:00
|
|
|
}
|
2015-05-02 04:03:40 +08:00
|
|
|
if ( $cssJsFile ) {
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
2015-05-02 04:03:40 +08:00
|
|
|
<script type="text/javascript" src="<?php echo $cssJsFile ?>"></script>
|
|
|
|
|
<?php } ?>
|
2014-12-05 07:44:23 +08:00
|
|
|
<script type="text/javascript" src="<?php echo $skinJsFile ?>"></script>
|
2016-05-17 02:37:35 +08:00
|
|
|
<script type="text/javascript" src="js/logger.js"></script>
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
2017-05-31 23:16:55 +08:00
|
|
|
if ( $viewJsFile ) {
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
2014-12-05 07:44:23 +08:00
|
|
|
<script type="text/javascript" src="<?php echo $viewJsFile ?>"></script>
|
2008-07-14 21:54:50 +08:00
|
|
|
<?php
|
2017-05-31 23:16:55 +08:00
|
|
|
}
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
|
|
|
|
</head>
|
|
|
|
|
<?php
|
2017-06-16 00:13:40 +08:00
|
|
|
} // end function xhtmlHeaders( $file, $title )
|
2016-05-07 02:30:32 +08:00
|
|
|
|
|
|
|
|
function getNavBarHTML() {
|
2016-05-07 02:58:41 +08:00
|
|
|
$versionClass = (ZM_DYN_DB_VERSION&&(ZM_DYN_DB_VERSION!=ZM_VERSION))?'errorText':'';
|
2016-05-07 02:30:32 +08:00
|
|
|
|
2017-10-02 23:25:51 +08:00
|
|
|
|
2016-05-07 02:58:41 +08:00
|
|
|
ob_start();
|
2016-10-21 01:38:12 +08:00
|
|
|
global $running;
|
|
|
|
|
if ( $running == null )
|
|
|
|
|
$running = daemonCheck();
|
|
|
|
|
$status = $running?translate('Running'):translate('Stopped');
|
2016-05-07 03:16:48 +08:00
|
|
|
global $user;
|
2016-05-07 04:08:32 +08:00
|
|
|
global $bwArray;
|
2017-10-02 23:25:51 +08:00
|
|
|
global $view;
|
2016-05-07 02:30:32 +08:00
|
|
|
?>
|
2017-01-31 10:16:21 +08:00
|
|
|
<div class="navbar navbar-inverse navbar-static-top">
|
2016-05-07 02:30:32 +08:00
|
|
|
<div class="container-fluid">
|
|
|
|
|
<div class="navbar-header">
|
|
|
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-header-nav" aria-expanded="false">
|
|
|
|
|
<span class="sr-only">Toggle navigation</span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
</button>
|
|
|
|
|
<a class="navbar-brand" href="http://www.zoneminder.com" target="ZoneMinder">ZoneMinder</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="collapse navbar-collapse" id="main-header-nav">
|
|
|
|
|
<ul class="nav navbar-nav">
|
|
|
|
|
<li><a href="?view=console"><?php echo translate('Console') ?></a></li>
|
|
|
|
|
<?php if ( canView( 'System' ) ) { ?>
|
|
|
|
|
<li><a href="?view=options"><?php echo translate('Options') ?></a></li>
|
|
|
|
|
<li><?php if ( logToDatabase() > Logger::NOLOG ) { ?> <?php echo makePopupLink( '?view=log', 'zmLog', 'log', '<span class="'.logState().'">'.translate('Log').'</span>' ) ?><?php } ?></li>
|
|
|
|
|
<?php } ?>
|
|
|
|
|
<?php if ( ZM_OPT_X10 && canView( 'Devices' ) ) { ?>
|
2017-07-12 23:17:07 +08:00
|
|
|
<li><a href="?view=devices">Devices</a></li>
|
2016-05-07 02:30:32 +08:00
|
|
|
<?php } ?>
|
2017-10-02 21:02:57 +08:00
|
|
|
<li><a href="?view=groups"<?php echo $view=='groups'?' class="selected"':''?>><?php echo translate('Groups') ?></a></li>
|
|
|
|
|
<li><a href="?view=filter"<?php echo $view=='filter'?' class="selected"':''?>><?php echo translate('Filters') ?></a></li>
|
2016-05-07 02:30:32 +08:00
|
|
|
|
2016-11-03 21:41:54 +08:00
|
|
|
<?php
|
2017-10-01 02:19:32 +08:00
|
|
|
if ( canView( 'Stream' ) ) {
|
2016-05-07 02:30:32 +08:00
|
|
|
?>
|
2017-10-02 21:02:57 +08:00
|
|
|
<li><a href="?view=cycle"<?php echo $view=='cycle'?' class="selected"':''?>><?php echo translate('Cycle') ?></a></li>
|
|
|
|
|
<li><a href="?view=montage"<?php echo $view=='montage'?' class="selected"':''?>><?php echo translate('Montage') ?></a></li>
|
2017-06-16 00:13:40 +08:00
|
|
|
<?php
|
|
|
|
|
}
|
|
|
|
|
if ( canView('Events') ) {
|
|
|
|
|
?>
|
2017-10-02 21:02:57 +08:00
|
|
|
<li><a href="?view=montagereview"<?php echo $view=='montagereview'?' class="selected"':''?>><?php echo translate('MontageReview')?></a></li>
|
2017-06-16 00:13:40 +08:00
|
|
|
<?php
|
|
|
|
|
}
|
|
|
|
|
?>
|
2016-05-07 02:30:32 +08:00
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
<div class="navbar-right">
|
|
|
|
|
<?php if ( ZM_OPT_USE_AUTH ) { ?>
|
|
|
|
|
<p class="navbar-text"><?php echo translate('LoggedInAs') ?> <?php echo makePopupLink( '?view=logout', 'zmLogout', 'logout', $user['Username'], (ZM_AUTH_TYPE == "builtin") ) ?> </p>
|
|
|
|
|
<?php } ?>
|
|
|
|
|
|
|
|
|
|
<?php if ( canEdit( 'System' ) ) { ?>
|
|
|
|
|
<button type="button" class="btn btn-default navbar-btn" data-toggle="modal" data-target="#modalState"><?php echo $status ?></button>
|
|
|
|
|
|
|
|
|
|
<?php } else if ( canView( 'System' ) ) { ?>
|
|
|
|
|
<p class="navbar-text"> <?php echo $status ?> </p>
|
|
|
|
|
<?php } ?>
|
|
|
|
|
</div>
|
|
|
|
|
</div><!-- End .navbar-collapse -->
|
|
|
|
|
</div> <!-- End .container-fluid -->
|
2016-05-07 04:08:32 +08:00
|
|
|
<div class="container-fluid">
|
|
|
|
|
<div class="pull-left">
|
|
|
|
|
<?php echo makePopupLink( '?view=bandwidth', 'zmBandwidth', 'bandwidth', $bwArray[$_COOKIE['zmBandwidth']], ($user && $user['MaxBandwidth'] != 'low' ) ) ?> <?php echo translate('BandwidthHead') ?>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="pull-right">
|
|
|
|
|
<?php echo makePopupLink( '?view=version', 'zmVersion', 'version', '<span class="'.$versionClass.'">v'.ZM_VERSION.'</span>', canEdit( 'System' ) ) ?>
|
2016-09-13 22:25:49 +08:00
|
|
|
<?php if ( defined('ZM_WEB_CONSOLE_BANNER') and ZM_WEB_CONSOLE_BANNER != '' ) { ?>
|
2016-08-22 23:42:44 +08:00
|
|
|
<h3 id="development"><?php echo ZM_WEB_CONSOLE_BANNER ?></h3>
|
|
|
|
|
<?php } ?>
|
2016-05-07 04:08:32 +08:00
|
|
|
</div>
|
|
|
|
|
<ul class="list-inline">
|
|
|
|
|
<li><?php echo translate('Load') ?>: <?php echo getLoad() ?></li>
|
2017-04-29 02:17:09 +08:00
|
|
|
<?php
|
|
|
|
|
$connections = dbFetchOne( "SHOW status WHERE variable_name='threads_connected'", 'Value' );
|
|
|
|
|
$max_connections = dbFetchOne( "SHOW variables WHERE variable_name='max_connections'", 'Value' );
|
|
|
|
|
$percent_used = 100 * $connections / $max_connections;
|
|
|
|
|
echo '<li'. ( $percent_used > 90 ? ' class="warning"' : '' ).'>'.translate('DB').':'.$connections.'/'.$max_connections.'</li>';
|
|
|
|
|
?>
|
2017-02-03 01:15:16 +08:00
|
|
|
<li><?php echo translate('Storage') ?>:
|
|
|
|
|
<?php
|
|
|
|
|
$storage_areas = Storage::find_all();
|
|
|
|
|
$storage_paths = null;
|
|
|
|
|
foreach ( $storage_areas as $area ) {
|
|
|
|
|
$storage_paths[$area->Path()] = $area;
|
|
|
|
|
}
|
|
|
|
|
if ( ! isset($storage_paths[ZM_DIR_EVENTS]) ) {
|
|
|
|
|
array_push( $storage_areas, new Storage() );
|
|
|
|
|
}
|
2016-09-21 00:18:50 +08:00
|
|
|
$func = function($S){ return $S->Name() . ': ' . $S->disk_usage_percent().'%'; };
|
|
|
|
|
echo implode( ', ', array_map ( $func, $storage_areas ) );
|
2016-11-12 11:40:00 +08:00
|
|
|
echo ' ' . ZM_PATH_MAP .': '. getDiskPercent(ZM_PATH_MAP).'%';
|
2016-09-21 00:18:50 +08:00
|
|
|
?></li>
|
2016-05-07 04:08:32 +08:00
|
|
|
</ul>
|
|
|
|
|
</div> <!-- End .footer -->
|
|
|
|
|
|
2016-05-07 02:30:32 +08:00
|
|
|
</div> <!-- End .navbar .navbar-default -->
|
|
|
|
|
<?php
|
2017-06-16 00:13:40 +08:00
|
|
|
return( ob_get_clean() );
|
|
|
|
|
} // end function getNavBarHTML()
|
2017-07-13 22:07:23 +08:00
|
|
|
|
2017-07-13 00:49:01 +08:00
|
|
|
function xhtmlFooter() {
|
2017-07-13 22:07:23 +08:00
|
|
|
global $view;
|
2017-07-13 00:49:01 +08:00
|
|
|
global $skin;
|
2017-07-13 22:07:23 +08:00
|
|
|
global $running;
|
2017-07-13 00:49:01 +08:00
|
|
|
if ( canEdit('System') ) {
|
|
|
|
|
include("skins/$skin/views/state.php");
|
|
|
|
|
?>
|
|
|
|
|
<?php
|
|
|
|
|
}
|
|
|
|
|
?>
|
|
|
|
|
</body></html>
|
|
|
|
|
<?php
|
|
|
|
|
} // end xhtmlFooter
|
|
|
|
|
|
2008-07-14 21:54:50 +08:00
|
|
|
?>
|
