Merge pull request #877 from pliablepixels/799-api-improvements

799 api improvements

.gitignore

@@ -61,3 +61,36 @@ src/zmu
 web/includes/config.php
 zm.conf
 zmconfgen.pl
+
+CMakeCache.txt
+CMakeFiles/
+cmake/cmake_uninstall.cmake
+cmake_install.cmake
+db/CMakeFiles/
+db/cmake_install.cmake
+install_manifest.txt
+misc/CMakeFiles/
+misc/cmake_install.cmake
+misc/zoneminder.service
+scripts/CMakeFiles/
+scripts/ZoneMinder/CMakeFiles/
+scripts/ZoneMinder/MakefilePerl
+scripts/ZoneMinder/cmake_install.cmake
+scripts/ZoneMinder/output/
+scripts/cmake_install.cmake
+src/CMakeFiles/
+src/cmake_install.cmake
+src/libzm.a
+src/nph-zms
+web/CMakeFiles/
+web/api/CMakeFiles/
+web/api/app/Config/core.php
+web/api/cmake_install.cmake
+web/cmake_install.cmake
+web/tools/mootools/CMakeFiles/
+web/tools/mootools/cmake_install.cmake
+web/tools/mootools/mootools-core.js
+web/tools/mootools/mootools-more.js
+zmlinkcontent.sh
+web/events
+web/images

.gitmodules

@@ -0,0 +1,4 @@
+[submodule "web/api/app/Plugin/Crud"]
+	path = web/api/app/Plugin/Crud
+	url = git://github.com/FriendsOfCake/crud.git
+	branch = master

web/api/CMakeLists.txt

@@ -10,3 +10,5 @@ configure_file(app/Config/database.php.default "${CMAKE_CURRENT_BINARY_DIR}/app/
 
 # Configure core.php
 configure_file(app/Config/core.php.default "${CMAKE_CURRENT_BINARY_DIR}/app/Config/core.php" @ONLY)
+
+configure_file(app/Config/bootstrap.php "${CMAKE_CURRENT_BINARY_DIR}/app/Config/bootstrap.php" @ONLY)

web/api/app/Config/bootstrap.php

@@ -69,7 +69,7 @@ Cache::config('default', array('engine' => 'File'));
  * CakePlugin::load('DebugKit'); //Loads a single plugin named DebugKit
  *
  */
-
+CakePlugin::load('Crud');
 /**
  * You can attach event listeners to the request lifecycle as Dispatcher Filter. By default CakePHP bundles two filters:
  *
@@ -106,3 +106,34 @@ CakeLog::config('error', array(
 	'types' => array('warning', 'error', 'critical', 'alert', 'emergency'),
 	'file' => 'error',
 ));
+
+Configure::write('ZM_CONFIG',  '@ZM_CONFIG@');
+Configure::write('ZM_VERSION', '@VERSION@');
+
+loadConfigFile();
+
+function loadConfigFile() {
+	$configFile = Configure::read('ZM_CONFIG');	
+	$localConfigFile = basename($configFile);
+	if ( file_exists( $localConfigFile ) && filesize( $localConfigFile ) > 0 )
+	{
+	    if ( php_sapi_name() == 'cli' && empty($_SERVER['REMOTE_ADDR']) )
+	        print( "Warning, overriding installed $localConfigFile file with local copy\n" );
+	    else
+	        error_log( "Warning, overriding installed $localConfigFile file with local copy" );
+	    $configFile = $localConfigFile;
+	}
+	                             
+	$cfg = fopen( $configFile, "r") or die("Could not open config file.");
+	while ( !feof($cfg) )
+	{
+	    $str = fgets( $cfg, 256 );
+	    if ( preg_match( '/^\s*$/', $str ))
+	        continue;
+	    elseif ( preg_match( '/^\s*#/', $str ))
+	        continue;
+	    elseif ( preg_match( '/^\s*([^=\s]+)\s*=\s*(.*?)\s*$/', $str, $matches ))
+					Configure::write("$matches[1]", "$matches[2]");
+	}
+	fclose( $cfg );
+}

web/api/app/Config/routes.php

@@ -28,6 +28,14 @@
 	Router::mapResources('configs');
 	Router::mapResources('events');
 	Router::mapResources('frames');
+	Router::mapResources('host');
+	Router::mapResources('logs');
+	Router::mapResources('states');
+	Router::mapResources('zonepresets');
+
+	/* Add new API to retrieve camera controls - for PTZ */
+	/* refer to https://github.com/ZoneMinder/ZoneMinder/issues/799#issuecomment-105233112 */
+	Router::mapResources('controls'); 
 	Router::parseExtensions();
 
 /**

web/api/app/Controller/AppController.php

@@ -18,8 +18,8 @@
  * @since         CakePHP(tm) v 0.2.9
  * @license       http://www.opensource.org/licenses/mit-license.php MIT License
  */
-
 App::uses('Controller', 'Controller');
+App::uses('CrudControllerTrait', 'Crud.Lib');
 
 /**
  * Application Controller
@@ -31,4 +31,20 @@ App::uses('Controller', 'Controller');
  * @link		http://book.cakephp.org/2.0/en/controllers.html#the-app-controller
  */
 class AppController extends Controller {
+	use CrudControllerTrait;
+
+	public $components = [
+		'RequestHandler',
+		'Crud.Crud' => [
+			'actions' => [
+				'index' => 'Crud.Index',
+				'add'   => 'Crud.Add',
+				'edit'  => 'Crud.Edit',
+				'view'  => 'Crud.View',
+				'keyvalue' => 'Crud.List',
+				'category' => 'Crud.Category'
+			],
+			'listeners' => ['Api', 'ApiTransformation']
+		]
+	];
 }

web/api/app/Controller/Component/ConfigParserComponent.php

@@ -24,7 +24,7 @@ class ConfigParserComponent extends Component {
 
 	public function getInput($name, $type, $id)  {
 		if ($type == 'checkbox') {
-			$string = '<input id="%s" type="checkbox" ng-change="updateConfig(\'%s\', \'%s\')" ng-model="myModel.configData[\'%s\']" ng-true-value="1" ng-false-value="0"><span class="form-control-feedback"></span></div>';
+			$string = '<input id="%s" type="checkbox" ng-change="updateConfig(\'%s\', \'%s\')" ng-model="myModel.configData[\'%s\']" ng-true-value="\'1\'" ng-false-value="\'0\'"><span class="form-control-feedback"></span></div>';
 		} elseif ($type == 'text') {
 			$string = '<input id="%s" type="text" ng-change="updateConfig(\'%s\', \'%s\')" ng-model="myModel.configData[\'%s\']" class="form-control"><span class="form-control-feedback"></span></div>';
 		} elseif ($type == 'textarea') {

web/api/app/Controller/Component/FilterComponent.php

@@ -0,0 +1,34 @@
+<?php
+App::uses('Component', 'Controller');
+class FilterComponent extends Component {
+
+	// Build a CakePHP find() condition based on the named parameters
+	// that are passed in
+	public function buildFilter($namedParams) {
+		if ($namedParams) { 
+			$conditions = array();
+
+			foreach ($namedParams as $attribute => $value) {
+				// If the named param contains an array, we want to turn it into an IN condition
+				// Otherwise, we add it right into the $conditions array
+				if (is_array($value)) {
+					$array = array();
+
+					foreach ($value as $term) {
+						array_push($array, $term);
+					}
+
+					$query = array($attribute => $array);
+					array_push($conditions, $query);
+				} else {
+					array_push($conditions, array($attribute => $value));
+				}
+			}
+
+		}
+
+		return $conditions;
+	}
+
+}
+?>

web/api/app/Controller/Component/ImageComponent.php

@@ -0,0 +1,89 @@
+<?php
+App::uses('Component', 'Controller');
+
+class ImageComponent extends Component {
+	public function getImageSrc( $event, $frame, $scale, $config ) {
+	        $eventPath = $this->getEventPath($event);
+		
+		$captImage = sprintf( "%0".$config['ZM_EVENT_IMAGE_DIGITS']."d-capture.jpg", $frame['Frame']['FrameId'] );
+		$captPath = $eventPath.'/'.$captImage;
+		$thumbCaptPath = $config['ZM_DIR_IMAGES'].'/'.$event['Event']['Id'].'-'.$captImage;
+
+		$analImage = sprintf( "%0".$config['ZM_EVENT_IMAGE_DIGITS']."d-analyse.jpg", $frame['Frame']['FrameId'] );
+		$analPath = $eventPath.'/'.$analImage;
+		$analFile =  $config['ZM_DIR_EVENTS']."/".$analPath;
+		$thumbAnalPath = $config['ZM_DIR_IMAGES'].'/'.$event['Event']['Id'].'-'.$analImage;
+
+		$alarmFrame = $frame['Frame']['Type']=='Alarm';
+		
+		$hasAnalImage = $alarmFrame && file_exists( $analFile ) && filesize( $analFile );
+		$isAnalImage = $hasAnalImage && !$captureOnly;
+
+
+		if ( !$config['ZM_WEB_SCALE_THUMBS'] || $scale >= 100 || !function_exists( 'imagecreatefromjpeg' ) ) {
+			$imagePath = $thumbPath = $isAnalImage?$analPath:$captPath;
+			$imageFile = $config['ZM_DIR_EVENTS']."/".$imagePath;
+			$thumbFile = $config['ZM_DIR_EVENTS']."/".$thumbPath;
+		} else {
+			if ( version_compare( phpversion(), "4.3.10", ">=") )
+			    $fraction = sprintf( "%.3F", $scale/100 );
+			else
+			    $fraction = sprintf( "%.3f", $scale/100 );
+			$scale = (int)round( $scale );
+			
+			$thumbCaptPath = preg_replace( "/\.jpg$/", "-$scale.jpg", $thumbCaptPath );
+			$thumbAnalPath = preg_replace( "/\.jpg$/", "-$scale.jpg", $thumbAnalPath );
+			
+			if ( $isAnalImage )
+			{
+			    $imagePath = $analPath;
+			    $thumbPath = $thumbAnalPath;
+			}
+			else
+			{
+			    $imagePath = $captPath;
+			    $thumbPath = $thumbCaptPath;
+			}
+			
+			$imageFile = $config['ZM_DIR_EVENTS']."/".$imagePath;
+			//$thumbFile = ZM_DIR_EVENTS."/".$thumbPath;
+			$thumbFile = $thumbPath;
+			if ( $overwrite || !file_exists( $thumbFile ) || !filesize( $thumbFile ) )
+			{
+			    // Get new dimensions
+			    list( $imageWidth, $imageHeight ) = getimagesize( $imageFile );
+			    $thumbWidth = $imageWidth * $fraction;
+			    $thumbHeight = $imageHeight * $fraction;
+			
+			    // Resample
+			    $thumbImage = imagecreatetruecolor( $thumbWidth, $thumbHeight );
+			    $image = imagecreatefromjpeg( $imageFile );
+			    imagecopyresampled( $thumbImage, $image, 0, 0, 0, 0, $thumbWidth, $thumbHeight, $imageWidth, $imageHeight );
+			
+			    if ( !imagejpeg( $thumbImage, $thumbFile ) )
+			        Error( "Can't create thumbnail '$thumbPath'" );
+			}
+		}
+
+		$imageData = array(
+		    'eventPath' => $eventPath,
+		    'imagePath' => $imagePath,
+		    'thumbPath' => $thumbPath,
+		    'imageFile' => $imageFile,
+		    'thumbFile' => $thumbFile,
+		    'imageClass' => $alarmFrame?"alarm":"normal",
+		    'isAnalImage' => $isAnalImage,
+		    'hasAnalImage' => $hasAnalImage,
+		);
+
+		return( $imageData );
+
+	}
+
+	// Take the StartTime of an Event and return
+	// the path to its location on the filesystem
+	public function getEventPath( $event ) {
+	        return $event['Event']['MonitorId'].'/'.strftime( "%y/%m/%d/%H/%M/%S", strtotime($event['Event']['StartTime']) );
+	}
+}
+?>

web/api/app/Controller/Component/ScalerComponent.php

@@ -0,0 +1,27 @@
+<?php
+App::uses('Component', 'Controller');
+
+class ScalerComponent extends Component {
+	public function reScale( $dimension, $dummy ) {
+		for ( $i = 1; $i < func_num_args(); $i++ )
+		{
+		    $scale = func_get_arg( $i );
+		    if ( !empty($scale) && $scale != 100 )
+		        $dimension = (int)(($dimension*$scale)/100);
+		}
+		return( $dimension );
+		
+	}
+
+	public function deScale( $dimension, $dummy )
+	{
+	    for ( $i = 1; $i < func_num_args(); $i++ )
+	    {
+	        $scale = func_get_arg( $i );
+	        if ( !empty($scale) && $scale != 100 )
+	            $dimension = (int)(($dimension*100)/$scale);
+	    }
+	    return( $dimension );
+	}
+}
+?>

web/api/app/Controller/ConfigsController.php

@@ -14,20 +14,6 @@ class ConfigsController extends AppController {
  */
 	public $components = array('RequestHandler');
 
-/**
- * index method
- *
- * @return void
- */
-	public function index() {
-		$this->Config->recursive = 0;
-		$configs = $this->Config->find('all');
-		$this->set(array(
-			'configs' => $configs,
-			'_serialize' => array('configs')
-		));
-	}
-
 /**
  * view method
  *
@@ -47,6 +33,19 @@ class ConfigsController extends AppController {
 		));
 	}
 
+	public function viewByName($name = null) {
+		$config = $this->Config->findByName($name, array('fields' => 'Value'));
+
+		if (!$config) {
+			throw new NotFoundException(__('Invalid config'));
+		}
+
+		$this->set(array(
+			'config' => $config['Config'],
+			'_serialize' => array('config')
+		));
+	}
+
 /**
  * edit method
  *
@@ -93,45 +92,19 @@ class ConfigsController extends AppController {
 /**
  * categories method
  *
- * Either return a list of distinct categories
+ * return a list of distinct categories
- * Or all configs under a certain category
  */
 
 	public function categories($category = null) {
-		if ($category != null) {
+		$categories = $this->Config->find('all', array(
-			if (!$this->Config->find('first', array( 'conditions' => array('Config.Category' => $category)))) {
+			'fields' => array('DISTINCT Config.Category'),
-				throw new NotFoundException(__('Invalid Config Category'));
+			'conditions' => array('Config.Category !=' => 'hidden'),
-			}
+			'recursive' => 0
-
-			$config = $this->Config->find('all', array(
-				'conditions' => array('Config.Category' => $category),
-				'recursive' => 0
-			));
-			$this->set(array(
-				'config' => $config,
-				'_serialize' => array('config')
-			));
-		} else {
-			$categories = $this->Config->find('all', array(
-				'fields' => array('DISTINCT Config.Category'),
-				'conditions' => array('Config.Category !=' => 'hidden'),
-				'recursive' => 0
-			));
-			$this->set(array(
-				'categories' => $categories,
-				'_serialize' => array('categories')
-			));
-		}
-		
-	}
-
-	public function keyValue() {
-		$keyValues = $this->Config->find('list', array(
-			'fields' => array('Config.Name', 'Config.Value')
 		));
 		$this->set(array(
-			'keyValues' => $keyValues,
+			'categories' => $categories,
-			'_serialize' => array('keyValues')
+			'_serialize' => array('categories')
 		));
 	}
 }
+

web/api/app/Controller/ControlsController.php

@@ -0,0 +1,59 @@
+<?php
+App::uses('AppController', 'Controller');
+/**
+ * Controls Controller
+ *
+ * @property Control $Control
+ * @property PaginatorComponent $Paginator
+ */
+
+/* 
+We need a control API to get the PTZ parameters associated with a monitor
+The monitor API returns a control ID which we then need to use to construct
+an appropriate PTZ command to control PTZ operations 
+https://github.com/ZoneMinder/ZoneMinder/issues/799#issuecomment-105233112
+*/
+class ControlsController extends AppController {
+
+
+/**
+ * Components
+ *
+ * @var array
+ */
+	public $components = array('Paginator', 'RequestHandler');
+
+/**
+ * index method
+ *
+ * @return void
+ */
+	public function index() {
+                $this->Control->recursive = 0;
+        	$controls = $this->Control->find('all');
+        	$this->set(array(
+        	    'controls' => $controls,
+        	    '_serialize' => array('controls')
+        	));
+	}
+
+/**
+ * view method
+ *
+ * @throws NotFoundException
+ * @param string $id
+ * @return void
+ */
+	public function view($id = null) {
+		if (!$this->Control->exists($id)) {
+			throw new NotFoundException(__('Invalid control'));
+		}
+		$options = array('conditions' => array('Control.' . $this->Control->primaryKey => $id));
+		$control = $this->Control->find('first', $options);
+		$this->set(array(
+			'control' => $control,
+			'_serialize' => array('control')
+		));
+	}
+}
+

web/api/app/Controller/EventsController.php

@@ -12,20 +12,46 @@ class EventsController extends AppController {
  *
  * @var array
  */
-	public $components = array('RequestHandler');
+	public $components = array('RequestHandler', 'Scaler', 'Image', 'Paginator');
 
 /**
  * index method
  *
  * @return void
+ * This also creates a thumbnail for each event.
  */
 	public function index() {
 		$this->Event->recursive = -1;
-		$events = $this->Event->find('all');
+
-		$this->set(array(
+		if ($this->request->params['named']) {	
-			'events' => $events,
+			$this->FilterComponent = $this->Components->load('Filter');
-			'_serialize' => array('events')
+			$conditions = $this->FilterComponent->buildFilter($this->request->params['named']);
+		} else {
+			$conditions = array();
+		}
+
+		// How many events to return 
+		$this->loadModel('Config');
+		$limit = $this->Config->find('list', array(
+			'conditions' => array('Name' => 'ZM_WEB_EVENTS_PER_PAGE'),
+			'fields' => array('Name', 'Value')
 		));
+		$this->Paginator->settings = array(
+			'limit' => $limit['ZM_WEB_EVENTS_PER_PAGE'],
+			'order' => array('StartTime', 'MaxScore'),
+			'paramType' => 'querystring',
+			'conditions' => $conditions
+		);
+		$events = $this->Paginator->paginate('Event');
+
+		// For each event, get its thumbnail data (path, width, height)
+		foreach ($events as $key => $value) {
+			$thumbData = $this->createThumbnail($value['Event']['Id']);
+			$events[$key]['thumbData'] = $thumbData;
+
+		}
+
+		$this->set(compact('events'));
 	}
 
 /**
@@ -36,12 +62,23 @@ class EventsController extends AppController {
  * @return void
  */
 	public function view($id = null) {
-		$this->Event->recursive = -1;
+		$this->loadModel('Config');
+		$configs = $this->Config->find('list', array(
+			'fields' => array('Name', 'Value'),
+			'conditions' => array('Name' => array('ZM_DIR_EVENTS'))
+		));
+
+		$this->Event->recursive = 1;
 		if (!$this->Event->exists($id)) {
 			throw new NotFoundException(__('Invalid event'));
 		}
 		$options = array('conditions' => array('Event.' . $this->Event->primaryKey => $id));
 		$event = $this->Event->find('first', $options);
+		
+		$path = $configs['ZM_DIR_EVENTS'].'/'.$this->Image->getEventPath($event).'/';
+
+		$event['Event']['BasePath'] = $path;
+
 		$this->set(array(
 			'event' => $event,
 			'_serialize' => array('event')
@@ -108,4 +145,142 @@ class EventsController extends AppController {
 		} else {
 			return $this->flash(__('The event could not be deleted. Please, try again.'), array('action' => 'index'));
 		}
-	}}
+	}
+
+	public function search() {
+		$this->Event->recursive = -1;
+		$conditions = array();
+
+		foreach ($this->params['named'] as $param_name => $value) {
+			// Transform params into mysql
+			if (preg_match("/interval/i", $value, $matches)) {
+				$condition = array("$param_name >= (date_sub(now(), $value))");
+			} else {
+				$condition = array($param_name => $value);
+			}
+			array_push($conditions, $condition);
+		}
+
+		$results = $this->Event->find('all', array(
+			'conditions' => $conditions
+		));
+
+		$this->set(array(
+			'results' => $results,
+			'_serialize' => array('results')
+		));
+
+		
+	}
+
+	public function consoleEvents($interval = null) {
+		$this->Event->recursive = -1;
+		$results = array();
+
+		$query = $this->Event->query("select MonitorId, COUNT(*) AS Count from Events WHERE StartTime >= (DATE_SUB(NOW(), interval $interval)) GROUP BY MonitorId;");
+
+		foreach ($query as $result) {
+			$results[$result['Events']['MonitorId']] = $result[0]['Count'];
+		}
+
+		$this->set(array(
+			'results' => $results,
+			'_serialize' => array('results')
+		));
+	}
+
+	// Create a thumbnail and return the thumbnail's data for a given event id.
+	public function createThumbnail($id = null) {
+		$this->Event->recursive = -1;
+
+		if (!$this->Event->exists($id)) {
+			throw new NotFoundException(__('Invalid event'));
+		}
+
+		$event = $this->Event->find('first', array(
+			'conditions' => array('Id' => $id)
+		));
+
+		// Find the max Frame for this Event.  Error out otherwise.
+		$this->loadModel('Frame');
+		if (! $frame = $this->Frame->find('first', array(
+			'conditions' => array(
+				'EventId' => $event['Event']['Id'],
+				'Score' => $event['Event']['MaxScore']
+			)
+		))) {
+			throw new NotFoundException(__("Can not find Frame for Event " . $event['Event']['Id']));
+		}
+
+		$this->loadModel('Config');
+
+		// Get the config options required for reScale and getImageSrc
+		// The $bw, $thumbs and unset() code is a workaround / temporary
+		// until I have a better way of handing per-bandwidth config options
+		$bw = (isset($_COOKIE['zmBandwidth']) ? strtoupper(substr($_COOKIE['zmBandwidth'], 0, 1)) : 'L');
+		$thumbs = "ZM_WEB_${bw}_SCALE_THUMBS";
+
+		$config = $this->Config->find('list', array(
+			'conditions' => array('OR' => array(
+				'Name' => array('ZM_WEB_LIST_THUMB_WIDTH',
+				'ZM_WEB_LIST_THUMB_HEIGHT',
+				'ZM_EVENT_IMAGE_DIGITS',
+				'ZM_DIR_IMAGES',
+				"$thumbs",
+				'ZM_DIR_EVENTS'
+				)
+			)),
+			'fields' => array('Name', 'Value')
+		));
+		$config['ZM_WEB_SCALE_THUMBS'] = $config[$thumbs];
+		unset($config[$thumbs]);
+
+		// reScale based on either the width, or the hight, of the event.
+		if ( $config['ZM_WEB_LIST_THUMB_WIDTH'] ) {
+			$thumbWidth = $config['ZM_WEB_LIST_THUMB_WIDTH'];
+			$scale = (100 * $thumbWidth) / $event['Event']['Width'];
+			$thumbHeight = $this->Scaler->reScale( $event['Event']['Height'], $scale );
+		}
+		elseif ( $config['ZM_WEB_LIST_THUMB_HEIGHT'] ) {
+			$thumbHeight = $config['ZM_WEB_LIST_THUMB_HEIGHT'];
+			$scale = (100*$thumbHeight)/$event['Event']['Height'];
+			$thumbWidth = $this->Scaler->reScale( $event['Event']['Width'], $scale );
+		}
+		else {
+			throw new NotFoundException(__('No thumbnail width or height specified, please check in Options->Web'));
+		}
+
+		$imageData = $this->Image->getImageSrc( $event, $frame, $scale, $config );
+		$thumbData['Path'] = $imageData['thumbPath'];
+		$thumbData['Width'] = (int)$thumbWidth;
+		$thumbData['Height'] = (int)$thumbHeight;
+		
+		return( $thumbData );
+
+	}
+
+	public function archive($id = null) {
+		$this->Event->recursive = -1;
+		if (!$this->Event->exists($id)) {
+			throw new NotFoundException(__('Invalid event'));
+		}
+
+		// Get the current value of Archive
+		$archived = $this->Event->find('first', array(
+			'fields' => array('Event.Archived'),
+			'conditions' => array('Event.Id' => $id)
+		));
+		// If 0, 1, if 1, 0
+		$archiveVal = (($archived['Event']['Archived'] == 0) ? 1 : 0);
+
+		// Save the new value 
+		$this->Event->id = $id;
+		$this->Event->saveField('Archived', $archiveVal);
+
+		$this->set(array(
+			'archived' => $archiveVal,
+			'_serialize' => array('archived')
+		));
+	}
+
+}

web/api/app/Controller/HostController.php

@@ -0,0 +1,110 @@
+<?php
+App::uses('AppController', 'Controller');
+
+class HostController extends AppController {
+	
+	public $components = array('RequestHandler');
+
+	public function daemonCheck($daemon=false, $args=false) {
+    $string = Configure::read('ZM_PATH_BIN')."/zmdc.pl check";
+    if ( $daemon )
+    {
+        $string .= " $daemon";
+        if ( $args )
+            $string .= " $args";
+    }
+    $result = exec( $string );
+    $result = preg_match( '/running/', $result );
+
+		$this->set(array(
+			'result' => $result,
+			'_serialize' => array('result')
+		));
+	}
+
+	function getLoad() {
+		$load = sys_getloadavg();
+
+		$this->set(array(
+			'load' => $load,
+			'_serialize' => array('load')
+		));
+	}
+
+	// If $mid is set, only return disk usage for that monitor
+  // Else, return an array of total disk usage, and per-monitor
+  // usage.
+	function getDiskPercent($mid = null) {
+		$this->loadModel('Config');
+		$this->loadModel('Monitor');
+
+		// If $mid is passed, see if it is valid
+		if ($mid) {	
+			if (!$this->Monitor->exists($mid)) {
+				throw new NotFoundException(__('Invalid monitor'));
+			}
+		}
+
+		$zm_dir_events = $this->Config->find('list', array(
+			'conditions' => array('Name' => 'ZM_DIR_EVENTS'),
+			'fields' => array('Name', 'Value')
+		));
+		$zm_dir_events = $zm_dir_events['ZM_DIR_EVENTS' ];
+
+		// Test to see if $zm_dir_events is relative or absolute
+		if ('/' === "" || strrpos($zm_dir_events, '/', -strlen($zm_dir_events)) !== TRUE) {
+			// relative - so add the full path
+			$zm_dir_events = Configure::read('ZM_PATH_WEB') . '/' . $zm_dir_events;
+		}
+
+		if ($mid) {
+			// Get disk usage for $mid
+			$usage = shell_exec ("du -sh0 $zm_dir_events/$mid | awk '{print $1}'");
+		} else {
+			$monitors = $this->Monitor->find('all', array(
+				'fields' => array('Id', 'Name', 'WebColour')
+			));
+			$usage = array();
+
+			// Add each monitor's usage to array
+			foreach ($monitors as $key => $value) {
+				$id = $value['Monitor']['Id'];
+				$name = $value['Monitor']['Name'];
+				$color = $value['Monitor']['WebColour'];
+
+				$space = shell_exec ("du -s0 $zm_dir_events/$id | awk '{print $1}'");
+				if ($space == null) {
+					$space = 0;
+				}
+				$space = $space/1024/1024;
+
+				$usage[$name] = array(
+					'space' => rtrim($space),
+					'color' => $color
+				);
+			}
+
+			// Add total usage to array
+			$space = shell_exec( "df $zm_dir_events |tail -n1 | awk '{print $3 }'");
+			$space = $space/1024/1024;
+			$usage['Total'] = array(
+				'space' => rtrim($space),
+				'color' => '#F7464A'
+			);
+		}
+
+		$this->set(array(
+			'usage' => $usage,
+			'_serialize' => array('usage')
+		));
+	}
+
+	function getVersion() {
+		$version = Configure::read('ZM_VERSION');
+
+		$this->set(array(
+			'version' => $version,
+			'_serialize' => array('version')
+		));
+	}
+}

web/api/app/Controller/LogsController.php

@@ -13,7 +13,12 @@ class LogsController extends AppController {
  *
  * @var array
  */
-	public $components = array('Paginator');
+	public $components = array('Paginator', 'RequestHandler');
+	public $paginate = array(
+		'limit' => 100,
+		'order' => array( 'Log.TimeKey' => 'asc' ),
+		'paramType' => 'querystring'
+	);
 
 /**
  * index method
@@ -21,8 +26,11 @@ class LogsController extends AppController {
  * @return void
  */
 	public function index() {
-		$this->Log->recursive = 0;
+		$this->Log->recursive = -1;
-		$this->set('logs', $this->Paginator->paginate());
+		$this->Paginator->settings = $this->paginate;
+
+		$logs = $this->Paginator->paginate('Log');
+		$this->set(compact('logs'));
 	}
 
 /**

web/api/app/Controller/MonitorsController.php

@@ -59,6 +59,7 @@ class MonitorsController extends AppController {
 		if ($this->request->is('post')) {
 			$this->Monitor->create();
 			if ($this->Monitor->save($this->request->data)) {
+				$this->daemonControl($this->Monitor->id, 'start', $this->request->data);
 				return $this->flash(__('The monitor has been saved.'), array('action' => 'index'));
 			}
 		}
@@ -103,6 +104,9 @@ class MonitorsController extends AppController {
 			throw new NotFoundException(__('Invalid monitor'));
 		}
 		$this->request->allowMethod('post', 'delete');
+
+		$this->daemonControl($this->Monitor->id, 'stop');
+
 		if ($this->Monitor->delete()) {
 			return $this->flash(__('The monitor has been deleted.'), array('action' => 'index'));
 		} else {
@@ -124,5 +128,81 @@ class MonitorsController extends AppController {
 		));
 	}
 
+	// Check if a daemon is running for the monitor id
+	public function daemonStatus() {
+		$id = $this->request->params['named']['id'];
+		$daemon = $this->request->params['named']['daemon'];
+
+		if (!$this->Monitor->exists($id)) {
+			throw new NotFoundException(__('Invalid monitor'));
+		}
+
+		$monitor = $this->Monitor->find('first', array(
+			'fields' => array('Id', 'Type', 'Device'),
+			'conditions' => array('Id' => $id)
+		));
+
+		// Clean up the returned array
+		$monitor = Set::extract('/Monitor/.', $monitor);
+
+		// Pass -d for local, otherwise -m
+		if ($monitor[0]['Type'] == 'Local') {
+			$args = "-d ". $monitor[0]['Device'];	
+		} else {
+			$args = "-m ". $monitor[0]['Id'];
+		}
+
+		// Build the command, and execute it
+		$zm_path_bin = Configure::read('ZM_PATH_BIN');
+		$command = escapeshellcmd("$zm_path_bin/zmdc.pl status $daemon $args");
+		$status = exec( $command );
+
+		// If 'not' is present, the daemon is not running, so return false
+		// https://github.com/ZoneMinder/ZoneMinder/issues/799#issuecomment-108996075
+		// Also sending back the status text so we can check if the monitor is in pending
+		// state which means there may be an error
+		$statustext = $status;
+		$status = (strpos($status, 'not')) ? false : true;
+
+		$this->set(array(
+			'status' => $status,
+			'statustext' => $statustext,
+			'_serialize' => array('status','statustext'),
+		));
+	}
+
+	public function daemonControl($id, $command, $monitor=null, $daemon=null) {
+		$args = '';
+		$daemons = array();
+
+		if (!$monitor) {
+			// Need to see if it is local or remote
+			$monitor = $this->Monitor->find('first', array(
+				'fields' => array('Type', 'Function'),
+				'conditions' => array('Id' => $id)
+			));
+			$monitor = $monitor['Monitor'];
+		}
+
+		if ($monitor['Type'] == 'Local') {
+			$args = "-d " . $monitor['Device'];
+		} else {
+			$args = "-m " . $id;
+		}
+
+		if ($monitor['Function'] == 'Monitor') {
+			array_push($daemons, 'zmc');
+		} else {
+			array_push($daemons, 'zmc', 'zma');
+		}
+		
+		$zm_path_bin = Configure::read('ZM_PATH_BIN');
+
+		foreach ($daemons as $daemon) {
+			$shellcmd = escapeshellcmd("$zm_path_bin/zmdc.pl $command $daemon $args");
+			$status = exec( $shellcmd );
+		}
+	}
+
 }
 

web/api/app/Controller/StatesController.php

@@ -0,0 +1,117 @@
+<?php
+App::uses('AppController', 'Controller');
+/**
+ * States Controller
+ *
+ * @property State $State
+ * @property PaginatorComponent $Paginator
+ */
+
+class StatesController extends AppController {
+
+public $components = array('RequestHandler');
+
+/**
+ * index method
+ *
+ * @return void
+ */
+	public function index() {
+		$this->State->recursive = 0;
+        	$states = $this->State->find('all');
+        	$this->set(array(
+        	    'states' => $states,
+        	    '_serialize' => array('states')
+        	));
+	}
+
+/**
+ * view method
+ *
+ * @throws NotFoundException
+ * @param string $id
+ * @return void
+ */
+	public function view($id = null) {
+		if (!$this->State->exists($id)) {
+			throw new NotFoundException(__('Invalid state'));
+		}
+		$options = array('conditions' => array('State.' . $this->State->primaryKey => $id));
+		$this->set('state', $this->State->find('first', $options));
+	}
+
+/**
+ * add method
+ *
+ * @return void
+ */
+	public function add() {
+		if ($this->request->is('post')) {
+			$this->State->create();
+			if ($this->State->save($this->request->data)) {
+				return $this->flash(__('The state has been saved.'), array('action' => 'index'));
+			}
+		}
+	}
+
+/**
+ * edit method
+ *
+ * @throws NotFoundException
+ * @param string $id
+ * @return void
+ */
+	public function edit($id = null) {
+		if (!$this->State->exists($id)) {
+			throw new NotFoundException(__('Invalid state'));
+		}
+		if ($this->request->is(array('post', 'put'))) {
+			if ($this->State->save($this->request->data)) {
+				return $this->flash(__('The state has been saved.'), array('action' => 'index'));
+			}
+		} else {
+			$options = array('conditions' => array('State.' . $this->State->primaryKey => $id));
+			$this->request->data = $this->State->find('first', $options);
+		}
+	}
+
+/**
+ * delete method
+ *
+ * @throws NotFoundException
+ * @param string $id
+ * @return void
+ */
+	public function delete($id = null) {
+		$this->State->id = $id;
+		if (!$this->State->exists()) {
+			throw new NotFoundException(__('Invalid state'));
+		}
+		$this->request->allowMethod('post', 'delete');
+		if ($this->State->delete()) {
+			return $this->flash(__('The state has been deleted.'), array('action' => 'index'));
+		} else {
+			return $this->flash(__('The state could not be deleted. Please, try again.'), array('action' => 'index'));
+		}
+	}
+
+	public function change() {
+		$newState = $this->request->params['pass'][0];
+		$blah = $this->packageControl($newState);
+
+		$this->set(array(
+			'blah' => $blah,
+			'_serialize' => array('blah')
+		));
+	}
+
+	public function packageControl( $command ) {
+		$zm_path_bin = Configure::read('ZM_PATH_BIN');
+		$string = $zm_path_bin.'/zmpkg.pl '.escapeshellarg( $command );
+		$status = exec( $string );
+
+		return $status;
+	}
+
+
+}

web/api/app/Controller/ZonePresetsController.php

@@ -0,0 +1,99 @@
+<?php
+App::uses('AppController', 'Controller');
+/**
+ * ZonePresets Controller
+ *
+ * @property ZonePreset $ZonePreset
+ * @property PaginatorComponent $Paginator
+ */
+class ZonePresetsController extends AppController {
+
+/**
+ * Components
+ *
+ * @var array
+ */
+	public $components = array('RequestHandler');
+
+/**
+ * index method
+ *
+ * @return void
+ */
+	public function index() {
+        	$zonePresets = $this->ZonePreset->find('all');
+        	$this->set(array(
+        	    'zonePresets' => $zonePresets,
+        	    '_serialize' => array('zonePresets')
+        	));
+	}
+
+/**
+ * view method
+ *
+ * @throws NotFoundException
+ * @param string $id
+ * @return void
+ */
+	public function view($id = null) {
+		if (!$this->ZonePreset->exists($id)) {
+			throw new NotFoundException(__('Invalid zone preset'));
+		}
+		$options = array('conditions' => array('ZonePreset.' . $this->ZonePreset->primaryKey => $id));
+		$this->set('zonePreset', $this->ZonePreset->find('first', $options));
+	}
+
+/**
+ * add method
+ *
+ * @return void
+ */
+	public function add() {
+		if ($this->request->is('post')) {
+			$this->ZonePreset->create();
+			if ($this->ZonePreset->save($this->request->data)) {
+				return $this->flash(__('The zone preset has been saved.'), array('action' => 'index'));
+			}
+		}
+	}
+
+/**
+ * edit method
+ *
+ * @throws NotFoundException
+ * @param string $id
+ * @return void
+ */
+	public function edit($id = null) {
+		if (!$this->ZonePreset->exists($id)) {
+			throw new NotFoundException(__('Invalid zone preset'));
+		}
+		if ($this->request->is(array('post', 'put'))) {
+			if ($this->ZonePreset->save($this->request->data)) {
+				return $this->flash(__('The zone preset has been saved.'), array('action' => 'index'));
+			}
+		} else {
+			$options = array('conditions' => array('ZonePreset.' . $this->ZonePreset->primaryKey => $id));
+			$this->request->data = $this->ZonePreset->find('first', $options);
+		}
+	}
+
+/**
+ * delete method
+ *
+ * @throws NotFoundException
+ * @param string $id
+ * @return void
+ */
+	public function delete($id = null) {
+		$this->ZonePreset->id = $id;
+		if (!$this->ZonePreset->exists()) {
+			throw new NotFoundException(__('Invalid zone preset'));
+		}
+		$this->request->allowMethod('post', 'delete');
+		if ($this->ZonePreset->delete()) {
+			return $this->flash(__('The zone preset has been deleted.'), array('action' => 'index'));
+		} else {
+			return $this->flash(__('The zone preset could not be deleted. Please, try again.'), array('action' => 'index'));
+		}
+	}}

web/api/app/Controller/ZonesController.php

@@ -4,51 +4,26 @@ App::uses('AppController', 'Controller');
  * Zones Controller
  *
  * @property Zone $Zone
- * @property PaginatorComponent $Paginator
  */
 class ZonesController extends AppController {
 
-/**
+// Find all zones which belong to a MonitorId
- * Components
+	public function forMonitor($id = null) {
- *
+		$this->loadModel('Monitor');
- * @var array
+		if (!$this->Monitor->exists($id)) {
- */
+			throw new NotFoundException(__('Invalid monitor'));
-	public $components = array('Paginator', 'RequestHandler');
-
-/**
- * index method
- *
- * @return void
- */
-	public function index() {
-		$this->Zone->recursive = -1;
-        	$zones = $this->Zone->find('all');
-        	$this->set(array(
-        	    'zones' => $zones,
-        	    '_serialize' => array('zones')
-        	));
-	}
-
-/**
- * view method
- *
- * @throws NotFoundException
- * @param string $id
- * @return void
- */
-	public function view($id = null) {
-		$this->Zone->recursive = -1;
-		if (!$this->Zone->exists($id)) {
-			throw new NotFoundException(__('Invalid zone'));
 		}
-		$options = array('conditions' => array('Zone.' . $this->Zone->primaryKey => $id));
+
-		$zone = $this->Zone->find('first', $options);
+		$this->Zone->recursive = -1;
+
+		$zones = $this->Zone->find('all', array(
+			'conditions' => array('MonitorId' => $id)
+		));
 		$this->set(array(
-			'zone' => $zone,
+			'zones' => $zones,
-			'_serialize' => array('zone')
+			'_serialize' => array('zones')
 		));
 	}
-
 /**
  * add method
  *
@@ -108,4 +83,38 @@ class ZonesController extends AppController {
 		} else {
 			return $this->flash(__('The zone could not be deleted. Please, try again.'), array('action' => 'index'));
 		}
-	}}
+	}
+
+
+
+	public function createZoneImage( $id = null ) {
+		$this->loadModel('Monitor');
+		$this->Monitor->id = $id;
+		if (!$this->Monitor->exists()) {
+			throw new NotFoundException(__('Invalid zone'));
+		}
+
+
+		$this->loadModel('Config');
+		$zm_dir_images = $this->Config->find('list', array(
+			'conditions' => array('Name' => 'ZM_DIR_IMAGES'),
+			'fields' => array('Name', 'Value')
+		));
+
+		$zm_dir_images = $zm_dir_images['ZM_DIR_IMAGES'];
+		$zm_path_web = Configure::read('ZM_PATH_WEB');
+		$zm_path_bin = Configure::read('ZM_PATH_BIN');
+		$images_path = "$zm_path_web/$zm_dir_images";
+
+		chdir($images_path);
+
+		$command = escapeshellcmd("$zm_path_bin/zmu -z -m $id");
+		system( $command, $status );
+
+		$this->set(array(
+			'status' => $status,
+			'_serialize' => array('status')
+		));
+
+	}
+}

web/api/app/Model/Config.php

@@ -18,13 +18,25 @@ class Config extends AppModel {
  *
  * @var string
  */
-	public $primaryKey = 'Id';
+	public $primaryKey = 'Name';
 
 /**
  * Display field
  *
  * @var string
  */
-	public $displayField = 'Name';
+	public $displayField = 'Value';
+
+
+	// Add a find method for returning a hash of the Config table.
+	// This is used for the Options view.
+	public $findMethods = array('hash' =>  true);
+	protected function _findHash($state, $query, $results = array()) {
+		if ($state === 'before') {
+			return $query;
+		}
+		$results = Set::combine($results, '{n}.Config.Name', '{n}.Config');
+		return $results;
+	}
 
 }

web/api/app/Model/Control.php

@@ -0,0 +1,54 @@
+<?php
+App::uses('AppModel', 'Model');
+/**
+ * Control Model
+ * For PTZ table access via APIs
+ * https://github.com/ZoneMinder/ZoneMinder/issues/799#issuecomment-105233112
+ *
+ * @property Event $Event
+ * @property Zone $Zone
+ */
+class Control extends AppModel {
+
+/**
+ * Use table
+ *
+ * @var mixed False or table name
+ */
+	public $useTable = 'Controls';
+
+/**
+ * Primary key field
+ *
+ * @var string
+ */
+	public $primaryKey = 'Id';
+
+/**
+ * Display field
+ *
+ * @var string
+ */
+	public $displayField = 'Name';
+
+	public $recursive = -1;
+
+/**
+ * Validation rules
+ *
+ * @var array
+ */
+	public $validate = array(
+		'Id' => array(
+			'numeric' => array(
+				'rule' => array('numeric'),
+				//'message' => 'Your custom message here',
+				//'allowEmpty' => false,
+				//'required' => false,
+				//'last' => false, // Stop validation after this rule
+				//'on' => 'create', // Limit validation to 'create' or 'update' operations
+			),
+		),
+	);
+
+}

web/api/app/Model/Frame.php

@@ -121,4 +121,6 @@ class Frame extends AppModel {
 			'order' => ''
 		)
 	);
+
+	public $recursive = -1;
 }

web/api/app/Model/Host.php

@@ -0,0 +1,9 @@
+
+<?php
+App::uses('AppModel', 'Model');
+
+class Host extends AppModel {
+
+	public $useTable = false;
+
+}

web/api/app/Model/Monitor.php

@@ -29,6 +29,8 @@ class Monitor extends AppModel {
  */
 	public $displayField = 'Name';
 
+	public $recursive = -1;
+
 /**
  * Validation rules
  *

web/api/app/Model/State.php

@@ -0,0 +1,30 @@
+<?php
+App::uses('AppModel', 'Model');
+/**
+ * State Model
+ *
+ */
+class State extends AppModel {
+
+/**
+ * Use table
+ *
+ * @var mixed False or table name
+ */
+	public $useTable = 'States';
+
+/**
+ * Primary key field
+ *
+ * @var string
+ */
+	public $primaryKey = 'Name';
+
+/**
+ * Display field
+ *
+ * @var string
+ */
+	public $displayField = 'Name';
+
+}

web/api/app/Model/Zone.php

@@ -28,6 +28,7 @@ class Zone extends AppModel {
  */
 	public $displayField = 'Name';
 
+	public $recursive = -1;
 
 	//The Associations below have been created with all possible keys, those that are not needed can be removed
 

web/api/app/Model/ZonePreset.php

@@ -0,0 +1,30 @@
+<?php
+App::uses('AppModel', 'Model');
+/**
+ * ZonePreset Model
+ *
+ */
+class ZonePreset extends AppModel {
+
+/**
+ * Use table
+ *
+ * @var mixed False or table name
+ */
+	public $useTable = 'ZonePresets';
+
+/**
+ * Primary key field
+ *
+ * @var string
+ */
+	public $primaryKey = 'Id';
+
+/**
+ * Display field
+ *
+ * @var string
+ */
+	public $displayField = 'Name';
+
+}

web/api/app/Plugin/Crud

@@ -0,0 +1 @@
+Subproject commit 0e7910cfcc19f97ca05fec97afcdb4701d4e76c9

web/api/app/View/Events/json/index.ctp

@@ -1 +1,5 @@
-echo json_encode($events);
+<?php
+	$array['events'] = $events;
+	$array['pagination'] = $this->Paginator->params();
+	echo json_encode($array);
+?>

web/api/app/View/Logs/add.ctp

@@ -1,23 +0,0 @@
-<div class="logs form">
-<?php echo $this->Form->create('Log'); ?>
-	<fieldset>
-		<legend><?php echo __('Add Log'); ?></legend>
-	<?php
-		echo $this->Form->input('Component');
-		echo $this->Form->input('Pid');
-		echo $this->Form->input('Level');
-		echo $this->Form->input('Code');
-		echo $this->Form->input('Message');
-		echo $this->Form->input('File');
-		echo $this->Form->input('Line');
-	?>
-	</fieldset>
-<?php echo $this->Form->end(__('Submit')); ?>
-</div>
-<div class="actions">
-	<h3><?php echo __('Actions'); ?></h3>
-	<ul>
-
-		<li><?php echo $this->Html->link(__('List Logs'), array('action' => 'index')); ?></li>
-	</ul>
-</div>

web/api/app/View/Logs/edit.ctp

@@ -1,25 +0,0 @@
-<div class="logs form">
-<?php echo $this->Form->create('Log'); ?>
-	<fieldset>
-		<legend><?php echo __('Edit Log'); ?></legend>
-	<?php
-		echo $this->Form->input('TimeKey');
-		echo $this->Form->input('Component');
-		echo $this->Form->input('Pid');
-		echo $this->Form->input('Level');
-		echo $this->Form->input('Code');
-		echo $this->Form->input('Message');
-		echo $this->Form->input('File');
-		echo $this->Form->input('Line');
-	?>
-	</fieldset>
-<?php echo $this->Form->end(__('Submit')); ?>
-</div>
-<div class="actions">
-	<h3><?php echo __('Actions'); ?></h3>
-	<ul>
-
-		<li><?php echo $this->Form->postLink(__('Delete'), array('action' => 'delete', $this->Form->value('Log.TimeKey')), null, __('Are you sure you want to delete # %s?', $this->Form->value('Log.TimeKey'))); ?></li>
-		<li><?php echo $this->Html->link(__('List Logs'), array('action' => 'index')); ?></li>
-	</ul>
-</div>

web/api/app/View/Logs/index.ctp

@@ -1,52 +0,0 @@
-<div class="logs index">
-	<h2><?php echo __('Logs'); ?></h2>
-	<table cellpadding="0" cellspacing="0">
-	<tr>
-			<th><?php echo $this->Paginator->sort('TimeKey'); ?></th>
-			<th><?php echo $this->Paginator->sort('Component'); ?></th>
-			<th><?php echo $this->Paginator->sort('Pid'); ?></th>
-			<th><?php echo $this->Paginator->sort('Level'); ?></th>
-			<th><?php echo $this->Paginator->sort('Code'); ?></th>
-			<th><?php echo $this->Paginator->sort('Message'); ?></th>
-			<th><?php echo $this->Paginator->sort('File'); ?></th>
-			<th><?php echo $this->Paginator->sort('Line'); ?></th>
-			<th class="actions"><?php echo __('Actions'); ?></th>
-	</tr>
-	<?php foreach ($logs as $log): ?>
-	<tr>
-		<td><?php echo h($log['Log']['TimeKey']); ?>&nbsp;</td>
-		<td><?php echo h($log['Log']['Component']); ?>&nbsp;</td>
-		<td><?php echo h($log['Log']['Pid']); ?>&nbsp;</td>
-		<td><?php echo h($log['Log']['Level']); ?>&nbsp;</td>
-		<td><?php echo h($log['Log']['Code']); ?>&nbsp;</td>
-		<td><?php echo h($log['Log']['Message']); ?>&nbsp;</td>
-		<td><?php echo h($log['Log']['File']); ?>&nbsp;</td>
-		<td><?php echo h($log['Log']['Line']); ?>&nbsp;</td>
-		<td class="actions">
-			<?php echo $this->Html->link(__('View'), array('action' => 'view', $log['Log']['TimeKey'])); ?>
-			<?php echo $this->Html->link(__('Edit'), array('action' => 'edit', $log['Log']['TimeKey'])); ?>
-			<?php echo $this->Form->postLink(__('Delete'), array('action' => 'delete', $log['Log']['TimeKey']), array(), __('Are you sure you want to delete # %s?', $log['Log']['TimeKey'])); ?>
-		</td>
-	</tr>
-<?php endforeach; ?>
-	</table>
-	<p>
-	<?php
-	echo $this->Paginator->counter(array(
-	'format' => __('Page {:page} of {:pages}, showing {:current} records out of {:count} total, starting on record {:start}, ending on {:end}')
-	));
-	?>	</p>
-	<div class="paging">
-	<?php
-		echo $this->Paginator->prev('< ' . __('previous'), array(), null, array('class' => 'prev disabled'));
-		echo $this->Paginator->numbers(array('separator' => ''));
-		echo $this->Paginator->next(__('next') . ' >', array(), null, array('class' => 'next disabled'));
-	?>
-	</div>
-</div>
-<div class="actions">
-	<h3><?php echo __('Actions'); ?></h3>
-	<ul>
-		<li><?php echo $this->Html->link(__('New Log'), array('action' => 'add')); ?></li>
-	</ul>
-</div>

web/api/app/View/Logs/json/index.ctp

@@ -0,0 +1,5 @@
+<?php
+	$array['logs'] = $logs;
+	$array['pagination'] = $this->Paginator->params();
+	echo json_encode($array);
+?>

web/api/app/View/Logs/view.ctp

@@ -1,54 +0,0 @@
-<div class="logs view">
-<h2><?php echo __('Log'); ?></h2>
-	<dl>
-		<dt><?php echo __('TimeKey'); ?></dt>
-		<dd>
-			<?php echo h($log['Log']['TimeKey']); ?>
-			&nbsp;
-		</dd>
-		<dt><?php echo __('Component'); ?></dt>
-		<dd>
-			<?php echo h($log['Log']['Component']); ?>
-			&nbsp;
-		</dd>
-		<dt><?php echo __('Pid'); ?></dt>
-		<dd>
-			<?php echo h($log['Log']['Pid']); ?>
-			&nbsp;
-		</dd>
-		<dt><?php echo __('Level'); ?></dt>
-		<dd>
-			<?php echo h($log['Log']['Level']); ?>
-			&nbsp;
-		</dd>
-		<dt><?php echo __('Code'); ?></dt>
-		<dd>
-			<?php echo h($log['Log']['Code']); ?>
-			&nbsp;
-		</dd>
-		<dt><?php echo __('Message'); ?></dt>
-		<dd>
-			<?php echo h($log['Log']['Message']); ?>
-			&nbsp;
-		</dd>
-		<dt><?php echo __('File'); ?></dt>
-		<dd>
-			<?php echo h($log['Log']['File']); ?>
-			&nbsp;
-		</dd>
-		<dt><?php echo __('Line'); ?></dt>
-		<dd>
-			<?php echo h($log['Log']['Line']); ?>
-			&nbsp;
-		</dd>
-	</dl>
-</div>
-<div class="actions">
-	<h3><?php echo __('Actions'); ?></h3>
-	<ul>
-		<li><?php echo $this->Html->link(__('Edit Log'), array('action' => 'edit', $log['Log']['TimeKey'])); ?> </li>
-		<li><?php echo $this->Form->postLink(__('Delete Log'), array('action' => 'delete', $log['Log']['TimeKey']), null, __('Are you sure you want to delete # %s?', $log['Log']['TimeKey'])); ?> </li>
-		<li><?php echo $this->Html->link(__('List Logs'), array('action' => 'index')); ?> </li>
-		<li><?php echo $this->Html->link(__('New Log'), array('action' => 'add')); ?> </li>
-	</ul>
-</div>

web/api/app/View/Zones/json/index.ctp

@@ -1 +0,0 @@
-echo json_encode($zones);

web/api/app/View/Zones/json/view.ctp

@@ -1 +0,0 @@
-echo json_encode($zone);

web/api/app/View/Zones/xml/index.ctp

@@ -1,2 +0,0 @@
-$xml = Xml::fromArray(array('response' => $zones));
-echo $xml->asXML();

web/api/app/View/Zones/xml/view.ctp

@@ -1,2 +0,0 @@
-$xml = Xml::fromArray(array('response' => $zone));
-echo $xml->asXML();

web/css/control.css

@@ -0,0 +1,147 @@
+.ptzControls {
+    vertical-align: top;
+    margin: 10px auto 0;
+    width: 300px;
+}
+
+.ptzControls input.ptzTextBtn {
+    margin-top: 2px;
+    width: 40px;
+}
+
+.ptzControls .controlsPanel {
+    margin: 0 auto;
+}
+
+.ptzControls input[type=image] {
+    border: 0px;
+}
+
+.ptzControls .controlsPanel .arrowControl {
+    width: 40px;
+    height: 180px;
+    margin: 0 4px;
+}
+
+.ptzControls .controlsPanel .arrowControl input {
+    display: block;
+}
+
+.ptzControls .controlsPanel .longArrowBtn {
+    width: 32px;
+    height: 48px;
+    margin: 0 auto;
+    cursor: pointer;
+}
+
+/*
+ * This is a bit of a hack as these lines should be in the above
+ * section but that messes up layout on IE6
+ */
+/*
+.ptzControls .controlsPanel > div > div.longArrowBtn {
+    left: 50%;
+    margin-left: -16px;
+}
+*/
+
+.ptzControls .controlsPanel .upBtn {
+    background: url("../graphics/arrow-l-u.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .downBtn {
+    background: url("../graphics/arrow-l-d.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .focusControls {
+    float: left;
+}
+
+.ptzControls .controlsPanel .zoomControls {
+    float: left;
+}
+
+.ptzControls .controlsPanel .irisControls {
+    float: right;
+}
+
+.ptzControls .controlsPanel .whiteControls {
+    float: right;
+}
+
+.ptzControls .controlsPanel .pantiltPanel {
+    margin: 0 auto;
+    height: 180px;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .pantiltButtons {
+    margin: 5px auto;
+    border: 1px solid #006699;
+    text-align: center;
+    padding: 1px;
+    width: 96px;
+    height: 96px;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .arrowBtn {
+    width: 32px;
+    height: 32px;
+    cursor: pointer;
+    float: left;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .upLeftBtn {
+    background: url("../graphics/arrow-ul.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .upBtn {
+    background: url("../graphics/arrow-u.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .upRightBtn {
+    background: url("../graphics/arrow-ur.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .leftBtn {
+    background: url("../graphics/arrow-l.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .centerBtn {
+    background: url("../graphics/center.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .rightBtn {
+    background: url("../graphics/arrow-r.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .downLeftBtn {
+    background: url("../graphics/arrow-dl.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .downBtn {
+    background: url("../graphics/arrow-d.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .pantiltControls .downRightBtn {
+    background: url("../graphics/arrow-dr.gif") no-repeat 0 0;
+}
+
+.ptzControls .controlsPanel .pantiltPanel .powerControls {
+    margin: 0 auto;
+}
+
+.ptzControls .presetControls {
+    margin: 0 auto;
+}
+
+.ptzControls .presetControls input {
+    margin: 1px;
+}
+
+.ptzControls .presetControls input.ptzNumBtn {
+    padding: 1px 2px;
+    width: 24px;
+    color: #ffffff;
+    text-align: center;
+    background-color: #016A9D;
+}

web/css/datetimepicker.css

@@ -0,0 +1,387 @@
+/**
+ * @license angular-bootstrap-datetimepicker  version: 0.3.8
+ * (c) 2013-2014 Knight Rider Consulting, Inc. http://www.knightrider.com
+ * License: MIT
+ */
+
+.datetimepicker {
+    padding: 4px;
+    margin-top: 1px;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+    direction: ltr;
+    width: 320px;
+}
+
+.datetimepicker.datetimepicker-rtl {
+    direction: rtl;
+}
+
+.datetimepicker.datetimepicker-rtl table tr td span {
+    float: right;
+}
+
+.datetimepicker-dropdown, .datetimepicker-dropdown-left {
+    top: 0;
+    left: 0;
+}
+
+[class*=" datetimepicker-dropdown"]:before {
+    content: '';
+    display: inline-block;
+    border-left: 7px solid transparent;
+    border-right: 7px solid transparent;
+    border-bottom: 7px solid #ccc;
+    border-bottom-color: rgba(0, 0, 0, 0.2);
+    position: absolute;
+}
+
+[class*=" datetimepicker-dropdown"]:after {
+    content: '';
+    display: inline-block;
+    border-left: 6px solid transparent;
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #ffffff;
+    position: absolute;
+}
+
+[class*=" datetimepicker-dropdown-top"]:before {
+    content: '';
+    display: inline-block;
+    border-left: 7px solid transparent;
+    border-right: 7px solid transparent;
+    border-top: 7px solid #ccc;
+    border-top-color: rgba(0, 0, 0, 0.2);
+    border-bottom: 0;
+}
+
+[class*=" datetimepicker-dropdown-top"]:after {
+    content: '';
+    display: inline-block;
+    border-left: 6px solid transparent;
+    border-right: 6px solid transparent;
+    border-top: 6px solid #ffffff;
+    border-bottom: 0;
+}
+
+.datetimepicker-dropdown-bottom-left:before {
+    top: -7px;
+    right: 6px;
+}
+
+.datetimepicker-dropdown-bottom-left:after {
+    top: -6px;
+    right: 7px;
+}
+
+.datetimepicker-dropdown-bottom-right:before {
+    top: -7px;
+    left: 6px;
+}
+
+.datetimepicker-dropdown-bottom-right:after {
+    top: -6px;
+    left: 7px;
+}
+
+.datetimepicker-dropdown-top-left:before {
+    bottom: -7px;
+    right: 6px;
+}
+
+.datetimepicker-dropdown-top-left:after {
+    bottom: -6px;
+    right: 7px;
+}
+
+.datetimepicker-dropdown-top-right:before {
+    bottom: -7px;
+    left: 6px;
+}
+
+.datetimepicker-dropdown-top-right:after {
+    bottom: -6px;
+    left: 7px;
+}
+
+.datetimepicker > div {
+    display: none;
+}
+
+.datetimepicker.minutes div.datetimepicker-minutes {
+    display: block;
+}
+
+.datetimepicker.hours div.datetimepicker-hours {
+    display: block;
+}
+
+.datetimepicker.days div.datetimepicker-days {
+    display: block;
+}
+
+.datetimepicker.months div.datetimepicker-months {
+    display: block;
+}
+
+.datetimepicker.years div.datetimepicker-years {
+    display: block;
+}
+
+.datetimepicker table {
+    margin: 0;
+}
+
+.datetimepicker .table td,
+.datetimepicker .table th {
+    text-align: center;
+    width: 14.6%;
+    height: 20px;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+    border: none;
+}
+.datetimepicker .table-striped > tbody > tr:nth-child(odd) > td, .datetimepicker .table-striped > tbody > tr:nth-child(odd) > td,
+.datetimepicker .table-striped > tbody > tr:nth-child(odd) > td, .datetimepicker .table-striped > tbody > tr:nth-child(odd) > th,
+.datetimepicker .table-striped > tbody > tr:nth-child(odd) {
+  background-color: transparent;
+}
+.datetimepicker table tr td.minute:hover {
+    background: #eeeeee;
+    cursor: pointer;
+}
+
+.datetimepicker table tr td.hour:hover {
+    background: #eeeeee;
+    cursor: pointer;
+}
+
+.datetimepicker table tr td.day:hover {
+    background: #eeeeee;
+    cursor: pointer;
+}
+
+.datetimepicker table tr td.past,
+.datetimepicker table tr td.future {
+    color: #999999;
+}
+
+.datetimepicker table tr td.disabled,
+.datetimepicker table tr td.disabled:hover {
+    background: none;
+    color: #999999;
+    cursor: default;
+}
+
+.datetimepicker table tr td.today,
+.datetimepicker table tr td.today:hover,
+.datetimepicker table tr td.today.disabled,
+.datetimepicker table tr td.today.disabled:hover {
+    background-color: #fde19a;
+    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
+    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
+    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
+    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
+    background-image: linear-gradient(top, #fdd49a, #fdf59a);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
+    border-color: #fdf59a #fdf59a #fbed50;
+    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+
+.datetimepicker table tr td.today:hover,
+.datetimepicker table tr td.today:hover:hover,
+.datetimepicker table tr td.today.disabled:hover,
+.datetimepicker table tr td.today.disabled:hover:hover,
+.datetimepicker table tr td.today:active,
+.datetimepicker table tr td.today:hover:active,
+.datetimepicker table tr td.today.disabled:active,
+.datetimepicker table tr td.today.disabled:hover:active,
+.datetimepicker table tr td.today.active,
+.datetimepicker table tr td.today:hover.active,
+.datetimepicker table tr td.today.disabled.active,
+.datetimepicker table tr td.today.disabled:hover.active,
+.datetimepicker table tr td.today.disabled,
+.datetimepicker table tr td.today:hover.disabled,
+.datetimepicker table tr td.today.disabled.disabled,
+.datetimepicker table tr td.today.disabled:hover.disabled,
+.datetimepicker table tr td.today[disabled],
+.datetimepicker table tr td.today:hover[disabled],
+.datetimepicker table tr td.today.disabled[disabled],
+.datetimepicker table tr td.today.disabled:hover[disabled] {
+    background-color: #fdf59a;
+}
+
+.datetimepicker table tr td.today:active,
+.datetimepicker table tr td.today:hover:active,
+.datetimepicker table tr td.today.disabled:active,
+.datetimepicker table tr td.today.disabled:hover:active,
+.datetimepicker table tr td.today.active,
+.datetimepicker table tr td.today:hover.active,
+.datetimepicker table tr td.today.disabled.active,
+.datetimepicker table tr td.today.disabled:hover.active {
+    background-color: #fbf069 \9;
+}
+
+.datetimepicker table tr td.active,
+.datetimepicker table tr td.active:hover,
+.datetimepicker table tr td.active.disabled,
+.datetimepicker table tr td.active.disabled:hover {
+    background-color: #006dcc;
+    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
+    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
+    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
+    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
+    background-image: linear-gradient(top, #0088cc, #0044cc);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
+    border-color: #0044cc #0044cc #002a80;
+    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+    color: #fff;
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+
+.datetimepicker table tr td.active:hover,
+.datetimepicker table tr td.active:hover:hover,
+.datetimepicker table tr td.active.disabled:hover,
+.datetimepicker table tr td.active.disabled:hover:hover,
+.datetimepicker table tr td.active:active,
+.datetimepicker table tr td.active:hover:active,
+.datetimepicker table tr td.active.disabled:active,
+.datetimepicker table tr td.active.disabled:hover:active,
+.datetimepicker table tr td.active.active,
+.datetimepicker table tr td.active:hover.active,
+.datetimepicker table tr td.active.disabled.active,
+.datetimepicker table tr td.active.disabled:hover.active,
+.datetimepicker table tr td.active.disabled,
+.datetimepicker table tr td.active:hover.disabled,
+.datetimepicker table tr td.active.disabled.disabled,
+.datetimepicker table tr td.active.disabled:hover.disabled,
+.datetimepicker table tr td.active[disabled],
+.datetimepicker table tr td.active:hover[disabled],
+.datetimepicker table tr td.active.disabled[disabled],
+.datetimepicker table tr td.active.disabled:hover[disabled] {
+    background-color: #0044cc;
+}
+
+.datetimepicker table tr td.active:active,
+.datetimepicker table tr td.active:hover:active,
+.datetimepicker table tr td.active.disabled:active,
+.datetimepicker table tr td.active.disabled:hover:active,
+.datetimepicker table tr td.active.active,
+.datetimepicker table tr td.active:hover.active,
+.datetimepicker table tr td.active.disabled.active,
+.datetimepicker table tr td.active.disabled:hover.active {
+    background-color: #003399 \9;
+}
+
+.datetimepicker table tr td span {
+    display: block;
+    width: 23%;
+    height: 54px;
+    line-height: 54px;
+    float: left;
+    margin: 1%;
+    cursor: pointer;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+}
+
+.datetimepicker span.hour {
+    height: 26px;
+    line-height: 26px;
+}
+
+.datetimepicker span.minute {
+    height: 26px;
+    line-height: 26px;
+}
+
+.datetimepicker table tr td span:hover {
+    background: #eeeeee;
+}
+
+.datetimepicker table tr td span.disabled,
+.datetimepicker table tr td span.disabled:hover {
+    background: none;
+    color: #999999;
+    cursor: default;
+}
+
+.datetimepicker table tr td span.active,
+.datetimepicker table tr td span.active:hover,
+.datetimepicker table tr td span.active.disabled,
+.datetimepicker table tr td span.active.disabled:hover {
+    background-color: #006dcc;
+    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
+    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
+    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
+    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
+    background-image: linear-gradient(top, #0088cc, #0044cc);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
+    border-color: #0044cc #0044cc #002a80;
+    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+    color: #fff;
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+
+.datetimepicker table tr td span.active:hover,
+.datetimepicker table tr td span.active:hover:hover,
+.datetimepicker table tr td span.active.disabled:hover,
+.datetimepicker table tr td span.active.disabled:hover:hover,
+.datetimepicker table tr td span.active:active,
+.datetimepicker table tr td span.active:hover:active,
+.datetimepicker table tr td span.active.disabled:active,
+.datetimepicker table tr td span.active.disabled:hover:active,
+.datetimepicker table tr td span.active.active,
+.datetimepicker table tr td span.active:hover.active,
+.datetimepicker table tr td span.active.disabled.active,
+.datetimepicker table tr td span.active.disabled:hover.active,
+.datetimepicker table tr td span.active.disabled,
+.datetimepicker table tr td span.active:hover.disabled,
+.datetimepicker table tr td span.active.disabled.disabled,
+.datetimepicker table tr td span.active.disabled:hover.disabled,
+.datetimepicker table tr td span.active[disabled],
+.datetimepicker table tr td span.active:hover[disabled],
+.datetimepicker table tr td span.active.disabled[disabled],
+.datetimepicker table tr td span.active.disabled:hover[disabled] {
+    background-color: #0044cc;
+}
+
+.datetimepicker table tr td span.active:active,
+.datetimepicker table tr td span.active:hover:active,
+.datetimepicker table tr td span.active.disabled:active,
+.datetimepicker table tr td span.active.disabled:hover:active,
+.datetimepicker table tr td span.active.active,
+.datetimepicker table tr td span.active:hover.active,
+.datetimepicker table tr td span.active.disabled.active,
+.datetimepicker table tr td span.active.disabled:hover.active {
+    background-color: #003399 \9;
+}
+
+.datetimepicker table tr td span.past,
+.datetimepicker table tr td span.future {
+    color: #999999;
+}
+
+
+
+.datetimepicker thead tr:first-child th,
+.datetimepicker tfoot tr:first-child th {
+    cursor: pointer;
+}
+
+.datetimepicker thead tr:first-child th:hover,
+.datetimepicker tfoot tr:first-child th:hover {
+    background: #eeeeee;
+}

web/css/export.css

@@ -0,0 +1,54 @@
+body {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size:10px;
+  font-weight: normal
+  color: #333333;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+th, td {
+  border: 1px solid #7f7fb2;
+  text-align: center;
+  padding: 2px 4px;
+}   
+
+a:link {
+  color: #7f7fb2;
+  text-decoration: none
+}
+
+a:visited {
+  color: #7f7fb2;
+  text-decoration: none
+}
+
+a:hover {
+  color: #666699;
+  text-decoration: underline
+}
+
+img.thumb {
+  width: 40px;
+}
+
+td.monoRow {
+  line-height: 200%;
+  text-align: center;
+  vertical-align: middle;
+}
+
+#eventFrames tr.alarm {
+  background-color: #fa8072;
+}
+
+#eventFrames tr.bulk {
+  background-color: #cccccc;
+}
+
+#eventFrames tr.normal {
+  background-color: #ffffff;
+}
+

web/css/skin.css

@@ -0,0 +1,108 @@
+body {
+	padding-top: 70px;
+	background-color: #F5F5F5;
+}
+
+#footer {
+	position: absolute;
+	bottom: 0px;
+	width: 100%;
+	background-color: #F5F5F5;
+}
+
+
+
+/*On the flex container*/
+.flexcontainer {
+   display: -webkit-flex;
+   display: flex;
+   -webkit-flex-direction: row;
+   flex-direction: row;
+	flex-wrap: wrap;
+	align-items: baseline;
+}
+
+.event {
+	float: left;
+	width: 184px;
+	margin: 5px;
+}
+
+.over {
+	position: relative;
+}
+
+.info {
+	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
+	color: #FFF;
+	position: absolute;
+	padding:0 1px;
+	bottom: 5px;
+	font-size: 12px;
+	width: 174px;
+	left: 5px;
+}
+
+.sidebar {
+	position: fixed;
+	top: 51px;
+	bottom: 0px;
+	left: 0px;
+	z-index: 1000;
+	display: block;
+	background-color: #F5F5F5;
+	border-right: 1px solid #EEE;
+}
+
+#event-frames-stills {
+	justify-content: center;
+	height: 480px;
+	overflow-y: scroll;
+}
+
+.frame {
+	width: 23%;
+	margin: 5px;
+}
+
+.frame .panel-heading, .frame .panel-body {
+	padding: 5px;
+}
+
+.frame ul {
+	padding-left: 0px;
+	margin-left: -5px;
+	list-style: outside none none;
+	text-align: center;
+}
+
+.frame ul > li {
+	display: inline-block;
+	padding-right: 5px;
+	padding-left: 5px;
+}
+
+#optionsView .form-group {
+	margin-bottom: 5px;
+}
+
+.nav-tabs {
+	border-right: 1px solid #DDD;
+	border-bottom: 0;
+}
+
+.nav-tabs > li > a {
+	border-radius: 0;
+	margin-right: -1px;
+}
+
+.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
+	border-bottom: none;
+	border-right: 1px solid #DDD;
+	background-color: transparent;
+}
+
+.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
+	border-color: #DDD transparent #DDD #DDD;
+	background-color: #F5F5F5;
+}

web/fonts/glyphicons-halflings-regular.svg

@@ -0,0 +1,229 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata></metadata>
+<defs>
+<font id="glyphicons_halflingsregular" horiz-adv-x="1200" >
+<font-face units-per-em="1200" ascent="960" descent="-240" />
+<missing-glyph horiz-adv-x="500" />
+<glyph />
+<glyph />
+<glyph unicode="&#xd;" />
+<glyph unicode=" " />
+<glyph unicode="*" d="M100 500v200h259l-183 183l141 141l183 -183v259h200v-259l183 183l141 -141l-183 -183h259v-200h-259l183 -183l-141 -141l-183 183v-259h-200v259l-183 -183l-141 141l183 183h-259z" />
+<glyph unicode="+" d="M0 400v300h400v400h300v-400h400v-300h-400v-400h-300v400h-400z" />
+<glyph unicode="&#xa0;" />
+<glyph unicode="&#x2000;" horiz-adv-x="652" />
+<glyph unicode="&#x2001;" horiz-adv-x="1304" />
+<glyph unicode="&#x2002;" horiz-adv-x="652" />
+<glyph unicode="&#x2003;" horiz-adv-x="1304" />
+<glyph unicode="&#x2004;" horiz-adv-x="434" />
+<glyph unicode="&#x2005;" horiz-adv-x="326" />
+<glyph unicode="&#x2006;" horiz-adv-x="217" />
+<glyph unicode="&#x2007;" horiz-adv-x="217" />
+<glyph unicode="&#x2008;" horiz-adv-x="163" />
+<glyph unicode="&#x2009;" horiz-adv-x="260" />
+<glyph unicode="&#x200a;" horiz-adv-x="72" />
+<glyph unicode="&#x202f;" horiz-adv-x="260" />
+<glyph unicode="&#x205f;" horiz-adv-x="326" />
+<glyph unicode="&#x20ac;" d="M100 500l100 100h113q0 47 5 100h-218l100 100h135q37 167 112 257q117 141 297 141q242 0 354 -189q60 -103 66 -209h-181q0 55 -25.5 99t-63.5 68t-75 36.5t-67 12.5q-24 0 -52.5 -10t-62.5 -32t-65.5 -67t-50.5 -107h379l-100 -100h-300q-6 -46 -6 -100h406l-100 -100 h-300q9 -74 33 -132t52.5 -91t62 -54.5t59 -29t46.5 -7.5q29 0 66 13t75 37t63.5 67.5t25.5 96.5h174q-31 -172 -128 -278q-107 -117 -274 -117q-205 0 -324 158q-36 46 -69 131.5t-45 205.5h-217z" />
+<glyph unicode="&#x2212;" d="M200 400h900v300h-900v-300z" />
+<glyph unicode="&#x25fc;" horiz-adv-x="500" d="M0 0z" />
+<glyph unicode="&#x2601;" d="M-14 494q0 -80 56.5 -137t135.5 -57h750q120 0 205 86.5t85 207.5t-85 207t-205 86q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5z" />
+<glyph unicode="&#x2709;" d="M0 100l400 400l200 -200l200 200l400 -400h-1200zM0 300v600l300 -300zM0 1100l600 -603l600 603h-1200zM900 600l300 300v-600z" />
+<glyph unicode="&#x270f;" d="M-13 -13l333 112l-223 223zM187 403l214 -214l614 614l-214 214zM887 1103l214 -214l99 92q13 13 13 32.5t-13 33.5l-153 153q-15 13 -33 13t-33 -13z" />
+<glyph unicode="&#xe001;" d="M0 1200h1200l-500 -550v-550h300v-100h-800v100h300v550z" />
+<glyph unicode="&#xe002;" d="M14 84q18 -55 86 -75.5t147 5.5q65 21 109 69t44 90v606l600 155v-521q-64 16 -138 -7q-79 -26 -122.5 -83t-25.5 -111q18 -55 86 -75.5t147 4.5q70 23 111.5 63.5t41.5 95.5v881q0 10 -7 15.5t-17 2.5l-752 -193q-10 -3 -17 -12.5t-7 -19.5v-689q-64 17 -138 -7 q-79 -25 -122.5 -82t-25.5 -112z" />
+<glyph unicode="&#xe003;" d="M23 693q0 200 142 342t342 142t342 -142t142 -342q0 -142 -78 -261l300 -300q7 -8 7 -18t-7 -18l-109 -109q-8 -7 -18 -7t-18 7l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342zM176 693q0 -136 97 -233t234 -97t233.5 96.5t96.5 233.5t-96.5 233.5t-233.5 96.5 t-234 -97t-97 -233z" />
+<glyph unicode="&#xe005;" d="M100 784q0 64 28 123t73 100.5t104.5 64t119 20.5t120 -38.5t104.5 -104.5q48 69 109.5 105t121.5 38t118.5 -20.5t102.5 -64t71 -100.5t27 -123q0 -57 -33.5 -117.5t-94 -124.5t-126.5 -127.5t-150 -152.5t-146 -174q-62 85 -145.5 174t-149.5 152.5t-126.5 127.5 t-94 124.5t-33.5 117.5z" />
+<glyph unicode="&#xe006;" d="M-72 800h479l146 400h2l146 -400h472l-382 -278l145 -449l-384 275l-382 -275l146 447zM168 71l2 1z" />
+<glyph unicode="&#xe007;" d="M-72 800h479l146 400h2l146 -400h472l-382 -278l145 -449l-384 275l-382 -275l146 447zM168 71l2 1zM237 700l196 -142l-73 -226l192 140l195 -141l-74 229l193 140h-235l-77 211l-78 -211h-239z" />
+<glyph unicode="&#xe008;" d="M0 0v143l400 257v100q-37 0 -68.5 74.5t-31.5 125.5v200q0 124 88 212t212 88t212 -88t88 -212v-200q0 -51 -31.5 -125.5t-68.5 -74.5v-100l400 -257v-143h-1200z" />
+<glyph unicode="&#xe009;" d="M0 0v1100h1200v-1100h-1200zM100 100h100v100h-100v-100zM100 300h100v100h-100v-100zM100 500h100v100h-100v-100zM100 700h100v100h-100v-100zM100 900h100v100h-100v-100zM300 100h600v400h-600v-400zM300 600h600v400h-600v-400zM1000 100h100v100h-100v-100z M1000 300h100v100h-100v-100zM1000 500h100v100h-100v-100zM1000 700h100v100h-100v-100zM1000 900h100v100h-100v-100z" />
+<glyph unicode="&#xe010;" d="M0 50v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5zM0 650v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400 q-21 0 -35.5 14.5t-14.5 35.5zM600 50v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5zM600 650v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400 q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="&#xe011;" d="M0 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM0 450v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200 q-21 0 -35.5 14.5t-14.5 35.5zM0 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5 t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 450v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5 v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 450v200q0 21 14.5 35.5t35.5 14.5h200 q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="&#xe012;" d="M0 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM0 450q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v200q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5 t-14.5 -35.5v-200zM0 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 50v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5 t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5zM400 450v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5zM400 850v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5 v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="&#xe013;" d="M29 454l419 -420l818 820l-212 212l-607 -607l-206 207z" />
+<glyph unicode="&#xe014;" d="M106 318l282 282l-282 282l212 212l282 -282l282 282l212 -212l-282 -282l282 -282l-212 -212l-282 282l-282 -282z" />
+<glyph unicode="&#xe015;" d="M23 693q0 200 142 342t342 142t342 -142t142 -342q0 -142 -78 -261l300 -300q7 -8 7 -18t-7 -18l-109 -109q-8 -7 -18 -7t-18 7l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342zM176 693q0 -136 97 -233t234 -97t233.5 96.5t96.5 233.5t-96.5 233.5t-233.5 96.5 t-234 -97t-97 -233zM300 600v200h100v100h200v-100h100v-200h-100v-100h-200v100h-100z" />
+<glyph unicode="&#xe016;" d="M23 694q0 200 142 342t342 142t342 -142t142 -342q0 -141 -78 -262l300 -299q7 -7 7 -18t-7 -18l-109 -109q-8 -8 -18 -8t-18 8l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342zM176 694q0 -136 97 -233t234 -97t233.5 97t96.5 233t-96.5 233t-233.5 97t-234 -97 t-97 -233zM300 601h400v200h-400v-200z" />
+<glyph unicode="&#xe017;" d="M23 600q0 183 105 331t272 210v-166q-103 -55 -165 -155t-62 -220q0 -177 125 -302t302 -125t302 125t125 302q0 120 -62 220t-165 155v166q167 -62 272 -210t105 -331q0 -118 -45.5 -224.5t-123 -184t-184 -123t-224.5 -45.5t-224.5 45.5t-184 123t-123 184t-45.5 224.5 zM500 750q0 -21 14.5 -35.5t35.5 -14.5h100q21 0 35.5 14.5t14.5 35.5v400q0 21 -14.5 35.5t-35.5 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-400z" />
+<glyph unicode="&#xe018;" d="M100 1h200v300h-200v-300zM400 1v500h200v-500h-200zM700 1v800h200v-800h-200zM1000 1v1200h200v-1200h-200z" />
+<glyph unicode="&#xe019;" d="M26 601q0 -33 6 -74l151 -38l2 -6q14 -49 38 -93l3 -5l-80 -134q45 -59 105 -105l133 81l5 -3q45 -26 94 -39l5 -2l38 -151q40 -5 74 -5q27 0 74 5l38 151l6 2q46 13 93 39l5 3l134 -81q56 44 104 105l-80 134l3 5q24 44 39 93l1 6l152 38q5 40 5 74q0 28 -5 73l-152 38 l-1 6q-16 51 -39 93l-3 5l80 134q-44 58 -104 105l-134 -81l-5 3q-45 25 -93 39l-6 1l-38 152q-40 5 -74 5q-27 0 -74 -5l-38 -152l-5 -1q-50 -14 -94 -39l-5 -3l-133 81q-59 -47 -105 -105l80 -134l-3 -5q-25 -47 -38 -93l-2 -6l-151 -38q-6 -48 -6 -73zM385 601 q0 88 63 151t152 63t152 -63t63 -151q0 -89 -63 -152t-152 -63t-152 63t-63 152z" />
+<glyph unicode="&#xe020;" d="M100 1025v50q0 10 7.5 17.5t17.5 7.5h275v100q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5v-100h275q10 0 17.5 -7.5t7.5 -17.5v-50q0 -11 -7 -18t-18 -7h-1050q-11 0 -18 7t-7 18zM200 100v800h900v-800q0 -41 -29.5 -71t-70.5 -30h-700q-41 0 -70.5 30 t-29.5 71zM300 100h100v700h-100v-700zM500 100h100v700h-100v-700zM500 1100h300v100h-300v-100zM700 100h100v700h-100v-700zM900 100h100v700h-100v-700z" />
+<glyph unicode="&#xe021;" d="M1 601l656 644l644 -644h-200v-600h-300v400h-300v-400h-300v600h-200z" />
+<glyph unicode="&#xe022;" d="M100 25v1150q0 11 7 18t18 7h475v-500h400v-675q0 -11 -7 -18t-18 -7h-850q-11 0 -18 7t-7 18zM700 800v300l300 -300h-300z" />
+<glyph unicode="&#xe023;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM500 500v400h100 v-300h200v-100h-300z" />
+<glyph unicode="&#xe024;" d="M-100 0l431 1200h209l-21 -300h162l-20 300h208l431 -1200h-538l-41 400h-242l-40 -400h-539zM488 500h224l-27 300h-170z" />
+<glyph unicode="&#xe025;" d="M0 0v400h490l-290 300h200v500h300v-500h200l-290 -300h490v-400h-1100zM813 200h175v100h-175v-100z" />
+<glyph unicode="&#xe026;" d="M1 600q0 122 47.5 233t127.5 191t191 127.5t233 47.5t233 -47.5t191 -127.5t127.5 -191t47.5 -233t-47.5 -233t-127.5 -191t-191 -127.5t-233 -47.5t-233 47.5t-191 127.5t-127.5 191t-47.5 233zM188 600q0 -170 121 -291t291 -121t291 121t121 291t-121 291t-291 121 t-291 -121t-121 -291zM350 600h150v300h200v-300h150l-250 -300z" />
+<glyph unicode="&#xe027;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM350 600l250 300 l250 -300h-150v-300h-200v300h-150z" />
+<glyph unicode="&#xe028;" d="M0 25v475l200 700h800l199 -700l1 -475q0 -11 -7 -18t-18 -7h-1150q-11 0 -18 7t-7 18zM200 500h200l50 -200h300l50 200h200l-97 500h-606z" />
+<glyph unicode="&#xe029;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -172 121.5 -293t292.5 -121t292.5 121t121.5 293q0 171 -121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM500 397v401 l297 -200z" />
+<glyph unicode="&#xe030;" d="M23 600q0 -118 45.5 -224.5t123 -184t184 -123t224.5 -45.5t224.5 45.5t184 123t123 184t45.5 224.5h-150q0 -177 -125 -302t-302 -125t-302 125t-125 302t125 302t302 125q136 0 246 -81l-146 -146h400v400l-145 -145q-157 122 -355 122q-118 0 -224.5 -45.5t-184 -123 t-123 -184t-45.5 -224.5z" />
+<glyph unicode="&#xe031;" d="M23 600q0 118 45.5 224.5t123 184t184 123t224.5 45.5q198 0 355 -122l145 145v-400h-400l147 147q-112 80 -247 80q-177 0 -302 -125t-125 -302h-150zM100 0v400h400l-147 -147q112 -80 247 -80q177 0 302 125t125 302h150q0 -118 -45.5 -224.5t-123 -184t-184 -123 t-224.5 -45.5q-198 0 -355 122z" />
+<glyph unicode="&#xe032;" d="M100 0h1100v1200h-1100v-1200zM200 100v900h900v-900h-900zM300 200v100h100v-100h-100zM300 400v100h100v-100h-100zM300 600v100h100v-100h-100zM300 800v100h100v-100h-100zM500 200h500v100h-500v-100zM500 400v100h500v-100h-500zM500 600v100h500v-100h-500z M500 800v100h500v-100h-500z" />
+<glyph unicode="&#xe033;" d="M0 100v600q0 41 29.5 70.5t70.5 29.5h100v200q0 82 59 141t141 59h300q82 0 141 -59t59 -141v-200h100q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-900q-41 0 -70.5 29.5t-29.5 70.5zM400 800h300v150q0 21 -14.5 35.5t-35.5 14.5h-200 q-21 0 -35.5 -14.5t-14.5 -35.5v-150z" />
+<glyph unicode="&#xe034;" d="M100 0v1100h100v-1100h-100zM300 400q60 60 127.5 84t127.5 17.5t122 -23t119 -30t110 -11t103 42t91 120.5v500q-40 -81 -101.5 -115.5t-127.5 -29.5t-138 25t-139.5 40t-125.5 25t-103 -29.5t-65 -115.5v-500z" />
+<glyph unicode="&#xe035;" d="M0 275q0 -11 7 -18t18 -7h50q11 0 18 7t7 18v300q0 127 70.5 231.5t184.5 161.5t245 57t245 -57t184.5 -161.5t70.5 -231.5v-300q0 -11 7 -18t18 -7h50q11 0 18 7t7 18v300q0 116 -49.5 227t-131 192.5t-192.5 131t-227 49.5t-227 -49.5t-192.5 -131t-131 -192.5 t-49.5 -227v-300zM200 20v460q0 8 6 14t14 6h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14zM800 20v460q0 8 6 14t14 6h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14z" />
+<glyph unicode="&#xe036;" d="M0 400h300l300 -200v800l-300 -200h-300v-400zM688 459l141 141l-141 141l71 71l141 -141l141 141l71 -71l-141 -141l141 -141l-71 -71l-141 141l-141 -141z" />
+<glyph unicode="&#xe037;" d="M0 400h300l300 -200v800l-300 -200h-300v-400zM700 857l69 53q111 -135 111 -310q0 -169 -106 -302l-67 54q86 110 86 248q0 146 -93 257z" />
+<glyph unicode="&#xe038;" d="M0 401v400h300l300 200v-800l-300 200h-300zM702 858l69 53q111 -135 111 -310q0 -170 -106 -303l-67 55q86 110 86 248q0 145 -93 257zM889 951l7 -8q123 -151 123 -344q0 -189 -119 -339l-7 -8l81 -66l6 8q142 178 142 405q0 230 -144 408l-6 8z" />
+<glyph unicode="&#xe039;" d="M0 0h500v500h-200v100h-100v-100h-200v-500zM0 600h100v100h400v100h100v100h-100v300h-500v-600zM100 100v300h300v-300h-300zM100 800v300h300v-300h-300zM200 200v100h100v-100h-100zM200 900h100v100h-100v-100zM500 500v100h300v-300h200v-100h-100v-100h-200v100 h-100v100h100v200h-200zM600 0v100h100v-100h-100zM600 1000h100v-300h200v-300h300v200h-200v100h200v500h-600v-200zM800 800v300h300v-300h-300zM900 0v100h300v-100h-300zM900 900v100h100v-100h-100zM1100 200v100h100v-100h-100z" />
+<glyph unicode="&#xe040;" d="M0 200h100v1000h-100v-1000zM100 0v100h300v-100h-300zM200 200v1000h100v-1000h-100zM500 0v91h100v-91h-100zM500 200v1000h200v-1000h-200zM700 0v91h100v-91h-100zM800 200v1000h100v-1000h-100zM900 0v91h200v-91h-200zM1000 200v1000h200v-1000h-200z" />
+<glyph unicode="&#xe041;" d="M0 700l1 475q0 10 7.5 17.5t17.5 7.5h474l700 -700l-500 -500zM148 953q0 -42 29 -71q30 -30 71.5 -30t71.5 30q29 29 29 71t-29 71q-30 30 -71.5 30t-71.5 -30q-29 -29 -29 -71z" />
+<glyph unicode="&#xe042;" d="M1 700l1 475q0 11 7 18t18 7h474l700 -700l-500 -500zM148 953q0 -42 30 -71q29 -30 71 -30t71 30q30 29 30 71t-30 71q-29 30 -71 30t-71 -30q-30 -29 -30 -71zM701 1200h100l700 -700l-500 -500l-50 50l450 450z" />
+<glyph unicode="&#xe043;" d="M100 0v1025l175 175h925v-1000l-100 -100v1000h-750l-100 -100h750v-1000h-900z" />
+<glyph unicode="&#xe044;" d="M200 0l450 444l450 -443v1150q0 20 -14.5 35t-35.5 15h-800q-21 0 -35.5 -15t-14.5 -35v-1151z" />
+<glyph unicode="&#xe045;" d="M0 100v700h200l100 -200h600l100 200h200v-700h-200v200h-800v-200h-200zM253 829l40 -124h592l62 124l-94 346q-2 11 -10 18t-18 7h-450q-10 0 -18 -7t-10 -18zM281 24l38 152q2 10 11.5 17t19.5 7h500q10 0 19.5 -7t11.5 -17l38 -152q2 -10 -3.5 -17t-15.5 -7h-600 q-10 0 -15.5 7t-3.5 17z" />
+<glyph unicode="&#xe046;" d="M0 200q0 -41 29.5 -70.5t70.5 -29.5h1000q41 0 70.5 29.5t29.5 70.5v600q0 41 -29.5 70.5t-70.5 29.5h-150q-4 8 -11.5 21.5t-33 48t-53 61t-69 48t-83.5 21.5h-200q-41 0 -82 -20.5t-70 -50t-52 -59t-34 -50.5l-12 -20h-150q-41 0 -70.5 -29.5t-29.5 -70.5v-600z M356 500q0 100 72 172t172 72t172 -72t72 -172t-72 -172t-172 -72t-172 72t-72 172zM494 500q0 -44 31 -75t75 -31t75 31t31 75t-31 75t-75 31t-75 -31t-31 -75zM900 700v100h100v-100h-100z" />
+<glyph unicode="&#xe047;" d="M53 0h365v66q-41 0 -72 11t-49 38t1 71l92 234h391l82 -222q16 -45 -5.5 -88.5t-74.5 -43.5v-66h417v66q-34 1 -74 43q-18 19 -33 42t-21 37l-6 13l-385 998h-93l-399 -1006q-24 -48 -52 -75q-12 -12 -33 -25t-36 -20l-15 -7v-66zM416 521l178 457l46 -140l116 -317h-340 z" />
+<glyph unicode="&#xe048;" d="M100 0v89q41 7 70.5 32.5t29.5 65.5v827q0 28 -1 39.5t-5.5 26t-15.5 21t-29 14t-49 14.5v71l471 -1q120 0 213 -88t93 -228q0 -55 -11.5 -101.5t-28 -74t-33.5 -47.5t-28 -28l-12 -7q8 -3 21.5 -9t48 -31.5t60.5 -58t47.5 -91.5t21.5 -129q0 -84 -59 -156.5t-142 -111 t-162 -38.5h-500zM400 200h161q89 0 153 48.5t64 132.5q0 90 -62.5 154.5t-156.5 64.5h-159v-400zM400 700h139q76 0 130 61.5t54 138.5q0 82 -84 130.5t-239 48.5v-379z" />
+<glyph unicode="&#xe049;" d="M200 0v57q77 7 134.5 40.5t65.5 80.5l173 849q10 56 -10 74t-91 37q-6 1 -10.5 2.5t-9.5 2.5v57h425l2 -57q-33 -8 -62 -25.5t-46 -37t-29.5 -38t-17.5 -30.5l-5 -12l-128 -825q-10 -52 14 -82t95 -36v-57h-500z" />
+<glyph unicode="&#xe050;" d="M-75 200h75v800h-75l125 167l125 -167h-75v-800h75l-125 -167zM300 900v300h150h700h150v-300h-50q0 29 -8 48.5t-18.5 30t-33.5 15t-39.5 5.5t-50.5 1h-200v-850l100 -50v-100h-400v100l100 50v850h-200q-34 0 -50.5 -1t-40 -5.5t-33.5 -15t-18.5 -30t-8.5 -48.5h-49z " />
+<glyph unicode="&#xe051;" d="M33 51l167 125v-75h800v75l167 -125l-167 -125v75h-800v-75zM100 901v300h150h700h150v-300h-50q0 29 -8 48.5t-18 30t-33.5 15t-40 5.5t-50.5 1h-200v-650l100 -50v-100h-400v100l100 50v650h-200q-34 0 -50.5 -1t-39.5 -5.5t-33.5 -15t-18.5 -30t-8 -48.5h-50z" />
+<glyph unicode="&#xe052;" d="M0 50q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 350q0 -20 14.5 -35t35.5 -15h800q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-800q-21 0 -35.5 -14.5t-14.5 -35.5 v-100zM0 650q0 -20 14.5 -35t35.5 -15h1000q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1000q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 950q0 -20 14.5 -35t35.5 -15h600q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-600q-21 0 -35.5 -14.5 t-14.5 -35.5v-100z" />
+<glyph unicode="&#xe053;" d="M0 50q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 650q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5 v-100zM200 350q0 -20 14.5 -35t35.5 -15h700q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-700q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM200 950q0 -20 14.5 -35t35.5 -15h700q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-700q-21 0 -35.5 -14.5 t-14.5 -35.5v-100z" />
+<glyph unicode="&#xe054;" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM100 650v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1000q-21 0 -35.5 15 t-14.5 35zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM500 950v100q0 21 14.5 35.5t35.5 14.5h600q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-600 q-21 0 -35.5 15t-14.5 35z" />
+<glyph unicode="&#xe055;" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM0 350v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15 t-14.5 35zM0 650v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM0 950v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100 q-21 0 -35.5 15t-14.5 35z" />
+<glyph unicode="&#xe056;" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM0 350v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15 t-14.5 35zM0 650v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM0 950v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15 t-14.5 35zM300 50v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800 q-21 0 -35.5 15t-14.5 35zM300 650v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM300 950v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15 h-800q-21 0 -35.5 15t-14.5 35z" />
+<glyph unicode="&#xe057;" d="M-101 500v100h201v75l166 -125l-166 -125v75h-201zM300 0h100v1100h-100v-1100zM500 50q0 -20 14.5 -35t35.5 -15h600q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 350q0 -20 14.5 -35t35.5 -15h300q20 0 35 15t15 35 v100q0 21 -15 35.5t-35 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 650q0 -20 14.5 -35t35.5 -15h500q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 950q0 -20 14.5 -35t35.5 -15h100q20 0 35 15t15 35v100 q0 21 -15 35.5t-35 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-100z" />
+<glyph unicode="&#xe058;" d="M1 50q0 -20 14.5 -35t35.5 -15h600q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 350q0 -20 14.5 -35t35.5 -15h300q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 650 q0 -20 14.5 -35t35.5 -15h500q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 950q0 -20 14.5 -35t35.5 -15h100q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM801 0v1100h100v-1100 h-100zM934 550l167 -125v75h200v100h-200v75z" />
+<glyph unicode="&#xe059;" d="M0 275v650q0 31 22 53t53 22h750q31 0 53 -22t22 -53v-650q0 -31 -22 -53t-53 -22h-750q-31 0 -53 22t-22 53zM900 600l300 300v-600z" />
+<glyph unicode="&#xe060;" d="M0 44v1012q0 18 13 31t31 13h1112q19 0 31.5 -13t12.5 -31v-1012q0 -18 -12.5 -31t-31.5 -13h-1112q-18 0 -31 13t-13 31zM100 263l247 182l298 -131l-74 156l293 318l236 -288v500h-1000v-737zM208 750q0 56 39 95t95 39t95 -39t39 -95t-39 -95t-95 -39t-95 39t-39 95z " />
+<glyph unicode="&#xe062;" d="M148 745q0 124 60.5 231.5t165 172t226.5 64.5q123 0 227 -63t164.5 -169.5t60.5 -229.5t-73 -272q-73 -114 -166.5 -237t-150.5 -189l-57 -66q-10 9 -27 26t-66.5 70.5t-96 109t-104 135.5t-100.5 155q-63 139 -63 262zM342 772q0 -107 75.5 -182.5t181.5 -75.5 q107 0 182.5 75.5t75.5 182.5t-75.5 182t-182.5 75t-182 -75.5t-75 -181.5z" />
+<glyph unicode="&#xe063;" d="M1 600q0 122 47.5 233t127.5 191t191 127.5t233 47.5t233 -47.5t191 -127.5t127.5 -191t47.5 -233t-47.5 -233t-127.5 -191t-191 -127.5t-233 -47.5t-233 47.5t-191 127.5t-127.5 191t-47.5 233zM173 600q0 -177 125.5 -302t301.5 -125v854q-176 0 -301.5 -125 t-125.5 -302z" />
+<glyph unicode="&#xe064;" d="M117 406q0 94 34 186t88.5 172.5t112 159t115 177t87.5 194.5q21 -71 57.5 -142.5t76 -130.5t83 -118.5t82 -117t70 -116t50 -125.5t18.5 -136q0 -89 -39 -165.5t-102 -126.5t-140 -79.5t-156 -33.5q-114 6 -211.5 53t-161.5 139t-64 210zM243 414q14 -82 59.5 -136 t136.5 -80l16 98q-7 6 -18 17t-34 48t-33 77q-15 73 -14 143.5t10 122.5l9 51q-92 -110 -119.5 -185t-12.5 -156z" />
+<glyph unicode="&#xe065;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5q366 -6 397 -14l-186 -186h-311q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v125l200 200v-225q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5 t-117.5 282.5zM436 341l161 50l412 412l-114 113l-405 -405zM995 1015l113 -113l113 113l-21 85l-92 28z" />
+<glyph unicode="&#xe066;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h261l2 -80q-133 -32 -218 -120h-145q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5l200 153v-53q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5 zM423 524q30 38 81.5 64t103 35.5t99 14t77.5 3.5l29 -1v-209l360 324l-359 318v-216q-7 0 -19 -1t-48 -8t-69.5 -18.5t-76.5 -37t-76.5 -59t-62 -88t-39.5 -121.5z" />
+<glyph unicode="&#xe067;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q61 0 127 -23l-178 -177h-349q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v69l200 200v-169q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5 t-117.5 282.5zM342 632l283 -284l567 567l-137 137l-430 -431l-146 147z" />
+<glyph unicode="&#xe068;" d="M0 603l300 296v-198h200v200h-200l300 300l295 -300h-195v-200h200v198l300 -296l-300 -300v198h-200v-200h195l-295 -300l-300 300h200v200h-200v-198z" />
+<glyph unicode="&#xe069;" d="M200 50v1000q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-437l500 487v-1100l-500 488v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="&#xe070;" d="M0 50v1000q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-437l500 487v-487l500 487v-1100l-500 488v-488l-500 488v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="&#xe071;" d="M136 550l564 550v-487l500 487v-1100l-500 488v-488z" />
+<glyph unicode="&#xe072;" d="M200 0l900 550l-900 550v-1100z" />
+<glyph unicode="&#xe073;" d="M200 150q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v800q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5t-14.5 -35.5v-800zM600 150q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v800q0 21 -14.5 35.5t-35.5 14.5h-200 q-21 0 -35.5 -14.5t-14.5 -35.5v-800z" />
+<glyph unicode="&#xe074;" d="M200 150q0 -20 14.5 -35t35.5 -15h800q21 0 35.5 15t14.5 35v800q0 21 -14.5 35.5t-35.5 14.5h-800q-21 0 -35.5 -14.5t-14.5 -35.5v-800z" />
+<glyph unicode="&#xe075;" d="M0 0v1100l500 -487v487l564 -550l-564 -550v488z" />
+<glyph unicode="&#xe076;" d="M0 0v1100l500 -487v487l500 -487v437q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438l-500 -488v488z" />
+<glyph unicode="&#xe077;" d="M300 0v1100l500 -487v437q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438z" />
+<glyph unicode="&#xe078;" d="M100 250v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5zM100 500h1100l-550 564z" />
+<glyph unicode="&#xe079;" d="M185 599l592 -592l240 240l-353 353l353 353l-240 240z" />
+<glyph unicode="&#xe080;" d="M272 194l353 353l-353 353l241 240l572 -571l21 -22l-1 -1v-1l-592 -591z" />
+<glyph unicode="&#xe081;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM300 500h200v-200h200v200h200v200h-200v200h-200v-200h-200v-200z" />
+<glyph unicode="&#xe082;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM300 500h600v200h-600v-200z" />
+<glyph unicode="&#xe083;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM246 459l213 -213l141 142l141 -142l213 213l-142 141l142 141l-213 212l-141 -141l-141 142l-212 -213l141 -141 z" />
+<glyph unicode="&#xe084;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM270 551l276 -277l411 411l-175 174l-236 -236l-102 102z" />
+<glyph unicode="&#xe085;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM364 700h143q4 0 11.5 -1t11 -1t6.5 3t3 9t1 11t3.5 8.5t3.5 6t5.5 4t6.5 2.5t9 1.5t9 0.5h11.5h12.5 q19 0 30 -10t11 -26q0 -22 -4 -28t-27 -22q-5 -1 -12.5 -3t-27 -13.5t-34 -27t-26.5 -46t-11 -68.5h200q5 3 14 8t31.5 25.5t39.5 45.5t31 69t14 94q0 51 -17.5 89t-42 58t-58.5 32t-58.5 15t-51.5 3q-50 0 -90.5 -12t-75 -38.5t-53.5 -74.5t-19 -114zM500 300h200v100h-200 v-100z" />
+<glyph unicode="&#xe086;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM400 300h400v100h-100v300h-300v-100h100v-200h-100v-100zM500 800h200v100h-200v-100z" />
+<glyph unicode="&#xe087;" d="M0 500v200h195q31 125 98.5 199.5t206.5 100.5v200h200v-200q54 -20 113 -60t112.5 -105.5t71.5 -134.5h203v-200h-203q-25 -102 -116.5 -186t-180.5 -117v-197h-200v197q-140 27 -208 102.5t-98 200.5h-194zM290 500q24 -73 79.5 -127.5t130.5 -78.5v206h200v-206 q149 48 201 206h-201v200h200q-25 74 -75.5 127t-124.5 77v-204h-200v203q-75 -23 -130 -77t-79 -126h209v-200h-210z" />
+<glyph unicode="&#xe088;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM356 465l135 135 l-135 135l109 109l135 -135l135 135l109 -109l-135 -135l135 -135l-109 -109l-135 135l-135 -135z" />
+<glyph unicode="&#xe089;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM322 537l141 141 l87 -87l204 205l142 -142l-346 -345z" />
+<glyph unicode="&#xe090;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -115 62 -215l568 567q-100 62 -216 62q-171 0 -292.5 -121.5t-121.5 -292.5zM391 245q97 -59 209 -59q171 0 292.5 121.5t121.5 292.5 q0 112 -59 209z" />
+<glyph unicode="&#xe091;" d="M0 547l600 453v-300h600v-300h-600v-301z" />
+<glyph unicode="&#xe092;" d="M0 400v300h600v300l600 -453l-600 -448v301h-600z" />
+<glyph unicode="&#xe093;" d="M204 600l450 600l444 -600h-298v-600h-300v600h-296z" />
+<glyph unicode="&#xe094;" d="M104 600h296v600h300v-600h298l-449 -600z" />
+<glyph unicode="&#xe095;" d="M0 200q6 132 41 238.5t103.5 193t184 138t271.5 59.5v271l600 -453l-600 -448v301q-95 -2 -183 -20t-170 -52t-147 -92.5t-100 -135.5z" />
+<glyph unicode="&#xe096;" d="M0 0v400l129 -129l294 294l142 -142l-294 -294l129 -129h-400zM635 777l142 -142l294 294l129 -129v400h-400l129 -129z" />
+<glyph unicode="&#xe097;" d="M34 176l295 295l-129 129h400v-400l-129 130l-295 -295zM600 600v400l129 -129l295 295l142 -141l-295 -295l129 -130h-400z" />
+<glyph unicode="&#xe101;" d="M23 600q0 118 45.5 224.5t123 184t184 123t224.5 45.5t224.5 -45.5t184 -123t123 -184t45.5 -224.5t-45.5 -224.5t-123 -184t-184 -123t-224.5 -45.5t-224.5 45.5t-184 123t-123 184t-45.5 224.5zM456 851l58 -302q4 -20 21.5 -34.5t37.5 -14.5h54q20 0 37.5 14.5 t21.5 34.5l58 302q4 20 -8 34.5t-32 14.5h-207q-21 0 -33 -14.5t-8 -34.5zM500 300h200v100h-200v-100z" />
+<glyph unicode="&#xe102;" d="M0 800h100v-200h400v300h200v-300h400v200h100v100h-111q1 1 1 6.5t-1.5 15t-3.5 17.5l-34 172q-11 39 -41.5 63t-69.5 24q-32 0 -61 -17l-239 -144q-22 -13 -40 -35q-19 24 -40 36l-238 144q-33 18 -62 18q-39 0 -69.5 -23t-40.5 -61l-35 -177q-2 -8 -3 -18t-1 -15v-6 h-111v-100zM100 0h400v400h-400v-400zM200 900q-3 0 14 48t36 96l18 47l213 -191h-281zM700 0v400h400v-400h-400zM731 900l202 197q5 -12 12 -32.5t23 -64t25 -72t7 -28.5h-269z" />
+<glyph unicode="&#xe103;" d="M0 -22v143l216 193q-9 53 -13 83t-5.5 94t9 113t38.5 114t74 124q47 60 99.5 102.5t103 68t127.5 48t145.5 37.5t184.5 43.5t220 58.5q0 -189 -22 -343t-59 -258t-89 -181.5t-108.5 -120t-122 -68t-125.5 -30t-121.5 -1.5t-107.5 12.5t-87.5 17t-56.5 7.5l-99 -55z M238.5 300.5q19.5 -6.5 86.5 76.5q55 66 367 234q70 38 118.5 69.5t102 79t99 111.5t86.5 148q22 50 24 60t-6 19q-7 5 -17 5t-26.5 -14.5t-33.5 -39.5q-35 -51 -113.5 -108.5t-139.5 -89.5l-61 -32q-369 -197 -458 -401q-48 -111 -28.5 -117.5z" />
+<glyph unicode="&#xe104;" d="M111 408q0 -33 5 -63q9 -56 44 -119.5t105 -108.5q31 -21 64 -16t62 23.5t57 49.5t48 61.5t35 60.5q32 66 39 184.5t-13 157.5q79 -80 122 -164t26 -184q-5 -33 -20.5 -69.5t-37.5 -80.5q-10 -19 -14.5 -29t-12 -26t-9 -23.5t-3 -19t2.5 -15.5t11 -9.5t19.5 -5t30.5 2.5 t42 8q57 20 91 34t87.5 44.5t87 64t65.5 88.5t47 122q38 172 -44.5 341.5t-246.5 278.5q22 -44 43 -129q39 -159 -32 -154q-15 2 -33 9q-79 33 -120.5 100t-44 175.5t48.5 257.5q-13 -8 -34 -23.5t-72.5 -66.5t-88.5 -105.5t-60 -138t-8 -166.5q2 -12 8 -41.5t8 -43t6 -39.5 t3.5 -39.5t-1 -33.5t-6 -31.5t-13.5 -24t-21 -20.5t-31 -12q-38 -10 -67 13t-40.5 61.5t-15 81.5t10.5 75q-52 -46 -83.5 -101t-39 -107t-7.5 -85z" />
+<glyph unicode="&#xe105;" d="M-61 600l26 40q6 10 20 30t49 63.5t74.5 85.5t97 90t116.5 83.5t132.5 59t145.5 23.5t145.5 -23.5t132.5 -59t116.5 -83.5t97 -90t74.5 -85.5t49 -63.5t20 -30l26 -40l-26 -40q-6 -10 -20 -30t-49 -63.5t-74.5 -85.5t-97 -90t-116.5 -83.5t-132.5 -59t-145.5 -23.5 t-145.5 23.5t-132.5 59t-116.5 83.5t-97 90t-74.5 85.5t-49 63.5t-20 30zM120 600q7 -10 40.5 -58t56 -78.5t68 -77.5t87.5 -75t103 -49.5t125 -21.5t123.5 20t100.5 45.5t85.5 71.5t66.5 75.5t58 81.5t47 66q-1 1 -28.5 37.5t-42 55t-43.5 53t-57.5 63.5t-58.5 54 q49 -74 49 -163q0 -124 -88 -212t-212 -88t-212 88t-88 212q0 85 46 158q-102 -87 -226 -258zM377 656q49 -124 154 -191l105 105q-37 24 -75 72t-57 84l-20 36z" />
+<glyph unicode="&#xe106;" d="M-61 600l26 40q6 10 20 30t49 63.5t74.5 85.5t97 90t116.5 83.5t132.5 59t145.5 23.5q61 0 121 -17l37 142h148l-314 -1200h-148l37 143q-82 21 -165 71.5t-140 102t-109.5 112t-72 88.5t-29.5 43zM120 600q210 -282 393 -336l37 141q-107 18 -178.5 101.5t-71.5 193.5 q0 85 46 158q-102 -87 -226 -258zM377 656q49 -124 154 -191l47 47l23 87q-30 28 -59 69t-44 68l-14 26zM780 161l38 145q22 15 44.5 34t46 44t40.5 44t41 50.5t33.5 43.5t33 44t24.5 34q-97 127 -140 175l39 146q67 -54 131.5 -125.5t87.5 -103.5t36 -52l26 -40l-26 -40 q-7 -12 -25.5 -38t-63.5 -79.5t-95.5 -102.5t-124 -100t-146.5 -79z" />
+<glyph unicode="&#xe107;" d="M-97.5 34q13.5 -34 50.5 -34h1294q37 0 50.5 35.5t-7.5 67.5l-642 1056q-20 34 -48 36.5t-48 -29.5l-642 -1066q-21 -32 -7.5 -66zM155 200l445 723l445 -723h-345v100h-200v-100h-345zM500 600l100 -300l100 300v100h-200v-100z" />
+<glyph unicode="&#xe108;" d="M100 262v41q0 20 11 44.5t26 38.5l363 325v339q0 62 44 106t106 44t106 -44t44 -106v-339l363 -325q15 -14 26 -38.5t11 -44.5v-41q0 -20 -12 -26.5t-29 5.5l-359 249v-263q100 -91 100 -113v-64q0 -20 -13 -28.5t-32 0.5l-94 78h-222l-94 -78q-19 -9 -32 -0.5t-13 28.5 v64q0 22 100 113v263l-359 -249q-17 -12 -29 -5.5t-12 26.5z" />
+<glyph unicode="&#xe109;" d="M0 50q0 -20 14.5 -35t35.5 -15h1000q21 0 35.5 15t14.5 35v750h-1100v-750zM0 900h1100v150q0 21 -14.5 35.5t-35.5 14.5h-150v100h-100v-100h-500v100h-100v-100h-150q-21 0 -35.5 -14.5t-14.5 -35.5v-150zM100 100v100h100v-100h-100zM100 300v100h100v-100h-100z M100 500v100h100v-100h-100zM300 100v100h100v-100h-100zM300 300v100h100v-100h-100zM300 500v100h100v-100h-100zM500 100v100h100v-100h-100zM500 300v100h100v-100h-100zM500 500v100h100v-100h-100zM700 100v100h100v-100h-100zM700 300v100h100v-100h-100zM700 500 v100h100v-100h-100zM900 100v100h100v-100h-100zM900 300v100h100v-100h-100zM900 500v100h100v-100h-100z" />
+<glyph unicode="&#xe110;" d="M0 200v200h259l600 600h241v198l300 -295l-300 -300v197h-159l-600 -600h-341zM0 800h259l122 -122l141 142l-181 180h-341v-200zM678 381l141 142l122 -123h159v198l300 -295l-300 -300v197h-241z" />
+<glyph unicode="&#xe111;" d="M0 400v600q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-596l-304 -300v300h-100q-41 0 -70.5 29.5t-29.5 70.5z" />
+<glyph unicode="&#xe112;" d="M100 600v200h300v-250q0 -113 6 -145q17 -92 102 -117q39 -11 92 -11q37 0 66.5 5.5t50 15.5t36 24t24 31.5t14 37.5t7 42t2.5 45t0 47v25v250h300v-200q0 -42 -3 -83t-15 -104t-31.5 -116t-58 -109.5t-89 -96.5t-129 -65.5t-174.5 -25.5t-174.5 25.5t-129 65.5t-89 96.5 t-58 109.5t-31.5 116t-15 104t-3 83zM100 900v300h300v-300h-300zM800 900v300h300v-300h-300z" />
+<glyph unicode="&#xe113;" d="M-30 411l227 -227l352 353l353 -353l226 227l-578 579z" />
+<glyph unicode="&#xe114;" d="M70 797l580 -579l578 579l-226 227l-353 -353l-352 353z" />
+<glyph unicode="&#xe115;" d="M-198 700l299 283l300 -283h-203v-400h385l215 -200h-800v600h-196zM402 1000l215 -200h381v-400h-198l299 -283l299 283h-200v600h-796z" />
+<glyph unicode="&#xe116;" d="M18 939q-5 24 10 42q14 19 39 19h896l38 162q5 17 18.5 27.5t30.5 10.5h94q20 0 35 -14.5t15 -35.5t-15 -35.5t-35 -14.5h-54l-201 -961q-2 -4 -6 -10.5t-19 -17.5t-33 -11h-31v-50q0 -20 -14.5 -35t-35.5 -15t-35.5 15t-14.5 35v50h-300v-50q0 -20 -14.5 -35t-35.5 -15 t-35.5 15t-14.5 35v50h-50q-21 0 -35.5 15t-14.5 35q0 21 14.5 35.5t35.5 14.5h535l48 200h-633q-32 0 -54.5 21t-27.5 43z" />
+<glyph unicode="&#xe117;" d="M0 0v800h1200v-800h-1200zM0 900v100h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500v-100h-1200z" />
+<glyph unicode="&#xe118;" d="M1 0l300 700h1200l-300 -700h-1200zM1 400v600h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500v-200h-1000z" />
+<glyph unicode="&#xe119;" d="M302 300h198v600h-198l298 300l298 -300h-198v-600h198l-298 -300z" />
+<glyph unicode="&#xe120;" d="M0 600l300 298v-198h600v198l300 -298l-300 -297v197h-600v-197z" />
+<glyph unicode="&#xe121;" d="M0 100v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM31 400l172 739q5 22 23 41.5t38 19.5h672q19 0 37.5 -22.5t23.5 -45.5l172 -732h-1138zM800 100h100v100h-100v-100z M1000 100h100v100h-100v-100z" />
+<glyph unicode="&#xe122;" d="M-101 600v50q0 24 25 49t50 38l25 13v-250l-11 5.5t-24 14t-30 21.5t-24 27.5t-11 31.5zM100 500v250v8v8v7t0.5 7t1.5 5.5t2 5t3 4t4.5 3.5t6 1.5t7.5 0.5h200l675 250v-850l-675 200h-38l47 -276q2 -12 -3 -17.5t-11 -6t-21 -0.5h-8h-83q-20 0 -34.5 14t-18.5 35 q-55 337 -55 351zM1100 200v850q0 21 14.5 35.5t35.5 14.5q20 0 35 -14.5t15 -35.5v-850q0 -20 -15 -35t-35 -15q-21 0 -35.5 15t-14.5 35z" />
+<glyph unicode="&#xe123;" d="M74 350q0 21 13.5 35.5t33.5 14.5h18l117 173l63 327q15 77 76 140t144 83l-18 32q-6 19 3 32t29 13h94q20 0 29 -10.5t3 -29.5q-18 -36 -18 -37q83 -19 144 -82.5t76 -140.5l63 -327l118 -173h17q20 0 33.5 -14.5t13.5 -35.5q0 -20 -13 -40t-31 -27q-8 -3 -23 -8.5 t-65 -20t-103 -25t-132.5 -19.5t-158.5 -9q-125 0 -245.5 20.5t-178.5 40.5l-58 20q-18 7 -31 27.5t-13 40.5zM497 110q12 -49 40 -79.5t63 -30.5t63 30.5t39 79.5q-48 -6 -102 -6t-103 6z" />
+<glyph unicode="&#xe124;" d="M21 445l233 -45l-78 -224l224 78l45 -233l155 179l155 -179l45 233l224 -78l-78 224l234 45l-180 155l180 156l-234 44l78 225l-224 -78l-45 233l-155 -180l-155 180l-45 -233l-224 78l78 -225l-233 -44l179 -156z" />
+<glyph unicode="&#xe125;" d="M0 200h200v600h-200v-600zM300 275q0 -75 100 -75h61q124 -100 139 -100h250q46 0 83 57l238 344q29 31 29 74v100q0 44 -30.5 84.5t-69.5 40.5h-328q28 118 28 125v150q0 44 -30.5 84.5t-69.5 40.5h-50q-27 0 -51 -20t-38 -48l-96 -198l-145 -196q-20 -26 -20 -63v-400z M400 300v375l150 213l100 212h50v-175l-50 -225h450v-125l-250 -375h-214l-136 100h-100z" />
+<glyph unicode="&#xe126;" d="M0 400v600h200v-600h-200zM300 525v400q0 75 100 75h61q124 100 139 100h250q46 0 83 -57l238 -344q29 -31 29 -74v-100q0 -44 -30.5 -84.5t-69.5 -40.5h-328q28 -118 28 -125v-150q0 -44 -30.5 -84.5t-69.5 -40.5h-50q-27 0 -51 20t-38 48l-96 198l-145 196 q-20 26 -20 63zM400 525l150 -212l100 -213h50v175l-50 225h450v125l-250 375h-214l-136 -100h-100v-375z" />
+<glyph unicode="&#xe127;" d="M8 200v600h200v-600h-200zM308 275v525q0 17 14 35.5t28 28.5l14 9l362 230q14 6 25 6q17 0 29 -12l109 -112q14 -14 14 -34q0 -18 -11 -32l-85 -121h302q85 0 138.5 -38t53.5 -110t-54.5 -111t-138.5 -39h-107l-130 -339q-7 -22 -20.5 -41.5t-28.5 -19.5h-341 q-7 0 -90 81t-83 94zM408 289l100 -89h293l131 339q6 21 19.5 41t28.5 20h203q16 0 25 15t9 36q0 20 -9 34.5t-25 14.5h-457h-6.5h-7.5t-6.5 0.5t-6 1t-5 1.5t-5.5 2.5t-4 4t-4 5.5q-5 12 -5 20q0 14 10 27l147 183l-86 83l-339 -236v-503z" />
+<glyph unicode="&#xe128;" d="M-101 651q0 72 54 110t139 38l302 -1l-85 121q-11 16 -11 32q0 21 14 34l109 113q13 12 29 12q11 0 25 -6l365 -230q7 -4 17 -10.5t26.5 -26t16.5 -36.5v-526q0 -13 -86 -93.5t-94 -80.5h-341q-16 0 -29.5 20t-19.5 41l-130 339h-107q-84 0 -139 39t-55 111zM-1 601h222 q15 0 28.5 -20.5t19.5 -40.5l131 -339h293l107 89v502l-343 237l-87 -83l145 -184q10 -11 10 -26q0 -11 -5 -20q-1 -3 -3.5 -5.5l-4 -4t-5 -2.5t-5.5 -1.5t-6.5 -1t-6.5 -0.5h-7.5h-6.5h-476v-100zM1000 201v600h200v-600h-200z" />
+<glyph unicode="&#xe129;" d="M97 719l230 -363q4 -6 10.5 -15.5t26 -25t36.5 -15.5h525q13 0 94 83t81 90v342q0 15 -20 28.5t-41 19.5l-339 131v106q0 84 -39 139t-111 55t-110 -53.5t-38 -138.5v-302l-121 84q-15 12 -33.5 11.5t-32.5 -13.5l-112 -110q-22 -22 -6 -53zM172 739l83 86l183 -146 q22 -18 47 -5q3 1 5.5 3.5l4 4t2.5 5t1.5 5.5t1 6.5t0.5 6.5v7.5v6.5v456q0 22 25 31t50 -0.5t25 -30.5v-202q0 -16 20 -29.5t41 -19.5l339 -130v-294l-89 -100h-503zM400 0v200h600v-200h-600z" />
+<glyph unicode="&#xe130;" d="M2 585q-16 -31 6 -53l112 -110q13 -13 32 -13.5t34 10.5l121 85q0 -51 -0.5 -153.5t-0.5 -148.5q0 -84 38.5 -138t110.5 -54t111 55t39 139v106l339 131q20 6 40.5 19.5t20.5 28.5v342q0 7 -81 90t-94 83h-525q-17 0 -35.5 -14t-28.5 -28l-10 -15zM77 565l236 339h503 l89 -100v-294l-340 -130q-20 -6 -40 -20t-20 -29v-202q0 -22 -25 -31t-50 0t-25 31v456v14.5t-1.5 11.5t-5 12t-9.5 7q-24 13 -46 -5l-184 -146zM305 1104v200h600v-200h-600z" />
+<glyph unicode="&#xe131;" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM298 701l2 -201h300l-2 -194l402 294l-402 298v-197h-300z" />
+<glyph unicode="&#xe132;" d="M0 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t231.5 47.5q122 0 232.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-218 -217.5t-300 -80t-299.5 80t-217.5 217.5t-80 299.5zM200 600l402 -294l-2 194h300l2 201h-300v197z" />
+<glyph unicode="&#xe133;" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM300 600h200v-300h200v300h200l-300 400z" />
+<glyph unicode="&#xe134;" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM300 600l300 -400l300 400h-200v300h-200v-300h-200z" />
+<glyph unicode="&#xe135;" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q121 0 231.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM254 780q-8 -33 5.5 -92.5t7.5 -87.5q0 -9 17 -44t16 -60 q12 0 23 -5.5t23 -15t20 -13.5q24 -12 108 -42q22 -8 53 -31.5t59.5 -38.5t57.5 -11q8 -18 -15 -55t-20 -57q42 -71 87 -80q0 -6 -3 -15.5t-3.5 -14.5t4.5 -17q104 -3 221 112q30 29 47 47t34.5 49t20.5 62q-14 9 -37 9.5t-36 7.5q-14 7 -49 15t-52 19q-9 0 -39.5 -0.5 t-46.5 -1.5t-39 -6.5t-39 -16.5q-50 -35 -66 -12q-4 2 -3.5 25.5t0.5 25.5q-6 13 -26.5 17t-24.5 7q2 22 -2 41t-16.5 28t-38.5 -20q-23 -25 -42 4q-19 28 -8 58q6 16 22 22q6 -1 26 -1.5t33.5 -4t19.5 -13.5q12 -19 32 -37.5t34 -27.5l14 -8q0 3 9.5 39.5t5.5 57.5 q-4 23 14.5 44.5t22.5 31.5q5 14 10 35t8.5 31t15.5 22.5t34 21.5q-6 18 10 37q8 0 23.5 -1.5t24.5 -1.5t20.5 4.5t20.5 15.5q-10 23 -30.5 42.5t-38 30t-49 26.5t-43.5 23q11 39 2 44q31 -13 58 -14.5t39 3.5l11 4q7 36 -16.5 53.5t-64.5 28.5t-56 23q-19 -3 -37 0 q-15 -12 -36.5 -21t-34.5 -12t-44 -8t-39 -6q-15 -3 -45.5 0.5t-45.5 -2.5q-21 -7 -52 -26.5t-34 -34.5q-3 -11 6.5 -22.5t8.5 -18.5q-3 -34 -27.5 -90.5t-29.5 -79.5zM518 916q3 12 16 30t16 25q10 -10 18.5 -10t14 6t14.5 14.5t16 12.5q0 -24 17 -66.5t17 -43.5 q-9 2 -31 5t-36 5t-32 8t-30 14zM692 1003h1h-1z" />
+<glyph unicode="&#xe136;" d="M0 164.5q0 21.5 15 37.5l600 599q-33 101 6 201.5t135 154.5q164 92 306 -9l-259 -138l145 -232l251 126q13 -175 -151 -267q-123 -70 -253 -23l-596 -596q-15 -16 -36.5 -16t-36.5 16l-111 110q-15 15 -15 36.5z" />
+<glyph unicode="&#xe137;" horiz-adv-x="1220" d="M0 196v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM0 596v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5zM0 996v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM600 596h500v100h-500v-100zM800 196h300v100h-300v-100zM900 996h200v100h-200v-100z" />
+<glyph unicode="&#xe138;" d="M100 1100v100h1000v-100h-1000zM150 1000h900l-350 -500v-300l-200 -200v500z" />
+<glyph unicode="&#xe139;" d="M0 200v200h1200v-200q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM0 500v400q0 41 29.5 70.5t70.5 29.5h300v100q0 41 29.5 70.5t70.5 29.5h200q41 0 70.5 -29.5t29.5 -70.5v-100h300q41 0 70.5 -29.5t29.5 -70.5v-400h-500v100h-200v-100h-500z M500 1000h200v100h-200v-100z" />
+<glyph unicode="&#xe140;" d="M0 0v400l129 -129l200 200l142 -142l-200 -200l129 -129h-400zM0 800l129 129l200 -200l142 142l-200 200l129 129h-400v-400zM729 329l142 142l200 -200l129 129v-400h-400l129 129zM729 871l200 200l-129 129h400v-400l-129 129l-200 -200z" />
+<glyph unicode="&#xe141;" d="M0 596q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM182 596q0 -172 121.5 -293t292.5 -121t292.5 121t121.5 293q0 171 -121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM291 655 q0 23 15.5 38.5t38.5 15.5t39 -16t16 -38q0 -23 -16 -39t-39 -16q-22 0 -38 16t-16 39zM400 850q0 22 16 38.5t39 16.5q22 0 38 -16t16 -39t-16 -39t-38 -16q-23 0 -39 16.5t-16 38.5zM514 609q0 32 20.5 56.5t51.5 29.5l122 126l1 1q-9 14 -9 28q0 22 16 38.5t39 16.5 q22 0 38 -16t16 -39t-16 -39t-38 -16q-14 0 -29 10l-55 -145q17 -22 17 -51q0 -36 -25.5 -61.5t-61.5 -25.5t-61.5 25.5t-25.5 61.5zM800 655q0 22 16 38t39 16t38.5 -15.5t15.5 -38.5t-16 -39t-38 -16q-23 0 -39 16t-16 39z" />
+<glyph unicode="&#xe142;" d="M-40 375q-13 -95 35 -173q35 -57 94 -89t129 -32q63 0 119 28q33 16 65 40.5t52.5 45.5t59.5 64q40 44 57 61l394 394q35 35 47 84t-3 96q-27 87 -117 104q-20 2 -29 2q-46 0 -78.5 -16.5t-67.5 -51.5l-389 -396l-7 -7l69 -67l377 373q20 22 39 38q23 23 50 23 q38 0 53 -36q16 -39 -20 -75l-547 -547q-52 -52 -125 -52q-55 0 -100 33t-54 96q-5 35 2.5 66t31.5 63t42 50t56 54q24 21 44 41l348 348q52 52 82.5 79.5t84 54t107.5 26.5q25 0 48 -4q95 -17 154 -94.5t51 -175.5q-7 -101 -98 -192l-252 -249l-253 -256l7 -7l69 -60 l517 511q67 67 95 157t11 183q-16 87 -67 154t-130 103q-69 33 -152 33q-107 0 -197 -55q-40 -24 -111 -95l-512 -512q-68 -68 -81 -163z" />
+<glyph unicode="&#xe143;" d="M80 784q0 131 98.5 229.5t230.5 98.5q143 0 241 -129q103 129 246 129q129 0 226 -98.5t97 -229.5q0 -46 -17.5 -91t-61 -99t-77 -89.5t-104.5 -105.5q-197 -191 -293 -322l-17 -23l-16 23q-43 58 -100 122.5t-92 99.5t-101 100q-71 70 -104.5 105.5t-77 89.5t-61 99 t-17.5 91zM250 784q0 -27 30.5 -70t61.5 -75.5t95 -94.5l22 -22q93 -90 190 -201q82 92 195 203l12 12q64 62 97.5 97t64.5 79t31 72q0 71 -48 119.5t-105 48.5q-74 0 -132 -83l-118 -171l-114 174q-51 80 -123 80q-60 0 -109.5 -49.5t-49.5 -118.5z" />
+<glyph unicode="&#xe144;" d="M57 353q0 -95 66 -159l141 -142q68 -66 159 -66q93 0 159 66l283 283q66 66 66 159t-66 159l-141 141q-8 9 -19 17l-105 -105l212 -212l-389 -389l-247 248l95 95l-18 18q-46 45 -75 101l-55 -55q-66 -66 -66 -159zM269 706q0 -93 66 -159l141 -141q7 -7 19 -17l105 105 l-212 212l389 389l247 -247l-95 -96l18 -17q47 -49 77 -100l29 29q35 35 62.5 88t27.5 96q0 93 -66 159l-141 141q-66 66 -159 66q-95 0 -159 -66l-283 -283q-66 -64 -66 -159z" />
+<glyph unicode="&#xe145;" d="M200 100v953q0 21 30 46t81 48t129 38t163 15t162 -15t127 -38t79 -48t29 -46v-953q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-41 0 -70.5 29.5t-29.5 70.5zM300 300h600v700h-600v-700zM496 150q0 -43 30.5 -73.5t73.5 -30.5t73.5 30.5t30.5 73.5t-30.5 73.5t-73.5 30.5 t-73.5 -30.5t-30.5 -73.5z" />
+<glyph unicode="&#xe146;" d="M0 0l303 380l207 208l-210 212h300l267 279l-35 36q-15 14 -15 35t15 35q14 15 35 15t35 -15l283 -282q15 -15 15 -36t-15 -35q-14 -15 -35 -15t-35 15l-36 35l-279 -267v-300l-212 210l-208 -207z" />
+<glyph unicode="&#xe148;" d="M295 433h139q5 -77 48.5 -126.5t117.5 -64.5v335q-6 1 -15.5 4t-11.5 3q-46 14 -79 26.5t-72 36t-62.5 52t-40 72.5t-16.5 99q0 92 44 159.5t109 101t144 40.5v78h100v-79q38 -4 72.5 -13.5t75.5 -31.5t71 -53.5t51.5 -84t24.5 -118.5h-159q-8 72 -35 109.5t-101 50.5 v-307l64 -14q34 -7 64 -16.5t70 -31.5t67.5 -52t47.5 -80.5t20 -112.5q0 -139 -89 -224t-244 -96v-77h-100v78q-152 17 -237 104q-40 40 -52.5 93.5t-15.5 139.5zM466 889q0 -29 8 -51t16.5 -34t29.5 -22.5t31 -13.5t38 -10q7 -2 11 -3v274q-61 -8 -97.5 -37.5t-36.5 -102.5 zM700 237q170 18 170 151q0 64 -44 99.5t-126 60.5v-311z" />
+<glyph unicode="&#xe149;" d="M100 600v100h166q-24 49 -44 104q-10 26 -14.5 55.5t-3 72.5t25 90t68.5 87q97 88 263 88q129 0 230 -89t101 -208h-153q0 52 -34 89.5t-74 51.5t-76 14q-37 0 -79 -14.5t-62 -35.5q-41 -44 -41 -101q0 -28 16.5 -69.5t28 -62.5t41.5 -72h241v-100h-197q8 -50 -2.5 -115 t-31.5 -94q-41 -59 -99 -113q35 11 84 18t70 7q33 1 103 -16t103 -17q76 0 136 30l50 -147q-41 -25 -80.5 -36.5t-59 -13t-61.5 -1.5q-23 0 -128 33t-155 29q-39 -4 -82 -17t-66 -25l-24 -11l-55 145l16.5 11t15.5 10t13.5 9.5t14.5 12t14.5 14t17.5 18.5q48 55 54 126.5 t-30 142.5h-221z" />
+<glyph unicode="&#xe150;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM602 900l298 300l298 -300h-198v-900h-200v900h-198z" />
+<glyph unicode="&#xe151;" d="M2 300h198v900h200v-900h198l-298 -300zM700 0v200h100v-100h200v-100h-300zM700 400v100h300v-200h-99v-100h-100v100h99v100h-200zM700 700v500h300v-500h-100v100h-100v-100h-100zM801 900h100v200h-100v-200z" />
+<glyph unicode="&#xe152;" d="M2 300h198v900h200v-900h198l-298 -300zM700 0v500h300v-500h-100v100h-100v-100h-100zM700 700v200h100v-100h200v-100h-300zM700 1100v100h300v-200h-99v-100h-100v100h99v100h-200zM801 200h100v200h-100v-200z" />
+<glyph unicode="&#xe153;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM800 100v400h300v-500h-100v100h-200zM800 1100v100h200v-500h-100v400h-100zM901 200h100v200h-100v-200z" />
+<glyph unicode="&#xe154;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM800 400v100h200v-500h-100v400h-100zM800 800v400h300v-500h-100v100h-200zM901 900h100v200h-100v-200z" />
+<glyph unicode="&#xe155;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM700 100v200h500v-200h-500zM700 400v200h400v-200h-400zM700 700v200h300v-200h-300zM700 1000v200h200v-200h-200z" />
+<glyph unicode="&#xe156;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM700 100v200h200v-200h-200zM700 400v200h300v-200h-300zM700 700v200h400v-200h-400zM700 1000v200h500v-200h-500z" />
+<glyph unicode="&#xe157;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q162 0 281 -118.5t119 -281.5v-300q0 -165 -118.5 -282.5t-281.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500z" />
+<glyph unicode="&#xe158;" d="M0 400v300q0 163 119 281.5t281 118.5h300q165 0 282.5 -117.5t117.5 -282.5v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-163 0 -281.5 117.5t-118.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM400 300l333 250l-333 250v-500z" />
+<glyph unicode="&#xe159;" d="M0 400v300q0 163 117.5 281.5t282.5 118.5h300q163 0 281.5 -119t118.5 -281v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM300 700l250 -333l250 333h-500z" />
+<glyph unicode="&#xe160;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q165 0 282.5 -117.5t117.5 -282.5v-300q0 -162 -118.5 -281t-281.5 -119h-300q-165 0 -282.5 118.5t-117.5 281.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM300 400h500l-250 333z" />
+<glyph unicode="&#xe161;" d="M0 400v300h300v200l400 -350l-400 -350v200h-300zM500 0v200h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-500v200h400q165 0 282.5 -117.5t117.5 -282.5v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-400z" />
+<glyph unicode="&#xe162;" d="M217 519q8 -19 31 -19h302q-155 -438 -160 -458q-5 -21 4 -32l9 -8h9q14 0 26 15q11 13 274.5 321.5t264.5 308.5q14 19 5 36q-8 17 -31 17l-301 -1q1 4 78 219.5t79 227.5q2 15 -5 27l-9 9h-9q-15 0 -25 -16q-4 -6 -98 -111.5t-228.5 -257t-209.5 -237.5q-16 -19 -6 -41 z" />
+<glyph unicode="&#xe163;" d="M0 400q0 -165 117.5 -282.5t282.5 -117.5h300q47 0 100 15v185h-500q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5h500v185q-14 4 -114 7.5t-193 5.5l-93 2q-165 0 -282.5 -117.5t-117.5 -282.5v-300zM600 400v300h300v200l400 -350l-400 -350v200h-300z " />
+<glyph unicode="&#xe164;" d="M0 400q0 -165 117.5 -282.5t282.5 -117.5h300q163 0 281.5 117.5t118.5 282.5v98l-78 73l-122 -123v-148q0 -41 -29.5 -70.5t-70.5 -29.5h-500q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5h156l118 122l-74 78h-100q-165 0 -282.5 -117.5t-117.5 -282.5 v-300zM496 709l353 342l-149 149h500v-500l-149 149l-342 -353z" />
+<glyph unicode="&#xe165;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM406 600 q0 80 57 137t137 57t137 -57t57 -137t-57 -137t-137 -57t-137 57t-57 137z" />
+<glyph unicode="&#xe166;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 800l445 -500l450 500h-295v400h-300v-400h-300zM900 150h100v50h-100v-50z" />
+<glyph unicode="&#xe167;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 700h300v-300h300v300h295l-445 500zM900 150h100v50h-100v-50z" />
+<glyph unicode="&#xe168;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 705l305 -305l596 596l-154 155l-442 -442l-150 151zM900 150h100v50h-100v-50z" />
+<glyph unicode="&#xe169;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 988l97 -98l212 213l-97 97zM200 400l697 1l3 699l-250 -239l-149 149l-212 -212l149 -149zM900 150h100v50h-100v-50z" />
+<glyph unicode="&#xe170;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM200 612l212 -212l98 97l-213 212zM300 1200l239 -250l-149 -149l212 -212l149 148l249 -237l-1 697zM900 150h100v50h-100v-50z" />
+<glyph unicode="&#xe171;" d="M23 415l1177 784v-1079l-475 272l-310 -393v416h-392zM494 210l672 938l-672 -712v-226z" />
+<glyph unicode="&#xe172;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-850q0 -21 -15 -35.5t-35 -14.5h-150v400h-700v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 1000h100v200h-100v-200z" />
+<glyph unicode="&#xe173;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-218l-276 -275l-120 120l-126 -127h-378v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM581 306l123 123l120 -120l353 352l123 -123l-475 -476zM600 1000h100v200h-100v-200z" />
+<glyph unicode="&#xe174;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-269l-103 -103l-170 170l-298 -298h-329v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 1000h100v200h-100v-200zM700 133l170 170l-170 170l127 127l170 -170l170 170l127 -128l-170 -169l170 -170 l-127 -127l-170 170l-170 -170z" />
+<glyph unicode="&#xe175;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-300h-400v-200h-500v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 300l300 -300l300 300h-200v300h-200v-300h-200zM600 1000v200h100v-200h-100z" />
+<glyph unicode="&#xe176;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-402l-200 200l-298 -298h-402v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 300h200v-300h200v300h200l-300 300zM600 1000v200h100v-200h-100z" />
+<glyph unicode="&#xe177;" d="M0 250q0 -21 14.5 -35.5t35.5 -14.5h1100q21 0 35.5 14.5t14.5 35.5v550h-1200v-550zM0 900h1200v150q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-150zM100 300v200h400v-200h-400z" />
+<glyph unicode="&#xe178;" d="M0 400l300 298v-198h400v-200h-400v-198zM100 800v200h100v-200h-100zM300 800v200h100v-200h-100zM500 800v200h400v198l300 -298l-300 -298v198h-400zM800 300v200h100v-200h-100zM1000 300h100v200h-100v-200z" />
+<glyph unicode="&#xe179;" d="M100 700v400l50 100l50 -100v-300h100v300l50 100l50 -100v-300h100v300l50 100l50 -100v-400l-100 -203v-447q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v447zM800 597q0 -29 10.5 -55.5t25 -43t29 -28.5t25.5 -18l10 -5v-397q0 -21 14.5 -35.5 t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v1106q0 31 -18 40.5t-44 -7.5l-276 -116q-25 -17 -43.5 -51.5t-18.5 -65.5v-359z" />
+<glyph unicode="&#xe180;" d="M100 0h400v56q-75 0 -87.5 6t-12.5 44v394h500v-394q0 -38 -12.5 -44t-87.5 -6v-56h400v56q-4 0 -11 0.5t-24 3t-30 7t-24 15t-11 24.5v888q0 22 25 34.5t50 13.5l25 2v56h-400v-56q75 0 87.5 -6t12.5 -44v-394h-500v394q0 38 12.5 44t87.5 6v56h-400v-56q4 0 11 -0.5 t24 -3t30 -7t24 -15t11 -24.5v-888q0 -22 -25 -34.5t-50 -13.5l-25 -2v-56z" />
+<glyph unicode="&#xe181;" d="M0 300q0 -41 29.5 -70.5t70.5 -29.5h300q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-300q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM100 100h400l200 200h105l295 98v-298h-425l-100 -100h-375zM100 300v200h300v-200h-300zM100 600v200h300v-200h-300z M100 1000h400l200 -200v-98l295 98h105v200h-425l-100 100h-375zM700 402v163l400 133v-163z" />
+<glyph unicode="&#xe182;" d="M16.5 974.5q0.5 -21.5 16 -90t46.5 -140t104 -177.5t175 -208q103 -103 207.5 -176t180 -103.5t137 -47t92.5 -16.5l31 1l163 162q17 18 13.5 41t-22.5 37l-192 136q-19 14 -45 12t-42 -19l-118 -118q-142 101 -268 227t-227 268l118 118q17 17 20 41.5t-11 44.5 l-139 194q-14 19 -36.5 22t-40.5 -14l-162 -162q-1 -11 -0.5 -32.5z" />
+<glyph unicode="&#xe183;" d="M0 50v212q0 20 10.5 45.5t24.5 39.5l365 303v50q0 4 1 10.5t12 22.5t30 28.5t60 23t97 10.5t97 -10t60 -23.5t30 -27.5t12 -24l1 -10v-50l365 -303q14 -14 24.5 -39.5t10.5 -45.5v-212q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-20 0 -35 14.5t-15 35.5zM0 712 q0 -21 14.5 -33.5t34.5 -8.5l202 33q20 4 34.5 21t14.5 38v146q141 24 300 24t300 -24v-146q0 -21 14.5 -38t34.5 -21l202 -33q20 -4 34.5 8.5t14.5 33.5v200q-6 8 -19 20.5t-63 45t-112 57t-171 45t-235 20.5q-92 0 -175 -10.5t-141.5 -27t-108.5 -36.5t-81.5 -40 t-53.5 -36.5t-31 -27.5l-9 -10v-200z" />
+<glyph unicode="&#xe184;" d="M100 0v100h1100v-100h-1100zM175 200h950l-125 150v250l100 100v400h-100v-200h-100v200h-200v-200h-100v200h-200v-200h-100v200h-100v-400l100 -100v-250z" />
+<glyph unicode="&#xe185;" d="M100 0h300v400q0 41 -29.5 70.5t-70.5 29.5h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-400zM500 0v1000q0 41 29.5 70.5t70.5 29.5h100q41 0 70.5 -29.5t29.5 -70.5v-1000h-300zM900 0v700q0 41 29.5 70.5t70.5 29.5h100q41 0 70.5 -29.5t29.5 -70.5v-700h-300z" />
+<glyph unicode="&#xe186;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v300h-200v100h200v100h-300v-300h200v-100h-200v-100zM600 300h200v100h100v300h-100v100h-200v-500 zM700 400v300h100v-300h-100z" />
+<glyph unicode="&#xe187;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h100v200h100v-200h100v500h-100v-200h-100v200h-100v-500zM600 300h200v100h100v300h-100v100h-200v-500 zM700 400v300h100v-300h-100z" />
+<glyph unicode="&#xe188;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v100h-200v300h200v100h-300v-500zM600 300h300v100h-200v300h200v100h-300v-500z" />
+<glyph unicode="&#xe189;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 550l300 -150v300zM600 400l300 150l-300 150v-300z" />
+<glyph unicode="&#xe190;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300v500h700v-500h-700zM300 400h130q41 0 68 42t27 107t-28.5 108t-66.5 43h-130v-300zM575 549 q0 -65 27 -107t68 -42h130v300h-130q-38 0 -66.5 -43t-28.5 -108z" />
+<glyph unicode="&#xe191;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v300h-200v100h200v100h-300v-300h200v-100h-200v-100zM601 300h100v100h-100v-100zM700 700h100 v-400h100v500h-200v-100z" />
+<glyph unicode="&#xe192;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v400h-200v100h-100v-500zM301 400v200h100v-200h-100zM601 300h100v100h-100v-100zM700 700h100 v-400h100v500h-200v-100z" />
+<glyph unicode="&#xe193;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 700v100h300v-300h-99v-100h-100v100h99v200h-200zM201 300v100h100v-100h-100zM601 300v100h100v-100h-100z M700 700v100h200v-500h-100v400h-100z" />
+<glyph unicode="&#xe194;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM400 500v200 l100 100h300v-100h-300v-200h300v-100h-300z" />
+<glyph unicode="&#xe195;" d="M0 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM182 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM400 400v400h300 l100 -100v-100h-100v100h-200v-100h200v-100h-200v-100h-100zM700 400v100h100v-100h-100z" />
+<glyph unicode="&#xe197;" d="M-14 494q0 -80 56.5 -137t135.5 -57h222v300h400v-300h128q120 0 205 86.5t85 207.5t-85 207t-205 86q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5zM300 200h200v300h200v-300h200 l-300 -300z" />
+<glyph unicode="&#xe198;" d="M-14 494q0 -80 56.5 -137t135.5 -57h8l414 414l403 -403q94 26 154.5 104.5t60.5 178.5q0 120 -85 206.5t-205 86.5q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5zM300 200l300 300 l300 -300h-200v-300h-200v300h-200z" />
+<glyph unicode="&#xe199;" d="M100 200h400v-155l-75 -45h350l-75 45v155h400l-270 300h170l-270 300h170l-300 333l-300 -333h170l-270 -300h170z" />
+<glyph unicode="&#xe200;" d="M121 700q0 -53 28.5 -97t75.5 -65q-4 -16 -4 -38q0 -74 52.5 -126.5t126.5 -52.5q56 0 100 30v-306l-75 -45h350l-75 45v306q46 -30 100 -30q74 0 126.5 52.5t52.5 126.5q0 24 -9 55q50 32 79.5 83t29.5 112q0 90 -61.5 155.5t-150.5 71.5q-26 89 -99.5 145.5 t-167.5 56.5q-116 0 -197.5 -81.5t-81.5 -197.5q0 -4 1 -11.5t1 -11.5q-14 2 -23 2q-74 0 -126.5 -52.5t-52.5 -126.5z" />
+</font>
+</defs></svg>

web/includes/functions.php

@@ -401,7 +401,7 @@ title="<?= $title ?>">
 function outputImageStill( $id, $src, $width, $height, $title="" )
 {
 ?>
-<img id="<?= $id ?>" src="<?= $src ?>" alt="<?= $title ?>" width="<?= $width ?>" height="<?= $height ?>"/>
+<img class="img-responsive" id="<?= $id ?>" src="<?= $src ?>" alt="<?= $title ?>" width="<?= $width ?>" height="<?= $height ?>"/>
 <?php
 }
 
@@ -1533,9 +1533,9 @@ function getPagination( $pages, $page, $maxShortcuts, $query, $querySep='&amp;'
             {
                 if ( false && $page > 2 )
                 {
-                    $pageText .= '<a href="?view='.$view.$querySep.'page=1'.$query.'">&lt;&lt;</a>';
+                    $pageText .= '<li><a href="?view='.$view.$querySep.'page=1'.$query.'">&lt;&lt;</a></li>';
                 }
-                $pageText .= '<a href="?view='.$view.$querySep.'page='.($page-1).$query.'">&lt;</a>';
+                $pageText .= '<li><a href="?view='.$view.$querySep.'page='.($page-1).$query.'">&lt;</a></li>';
 
                 $newPages = array();
                 $pagesUsed = array();
@@ -1555,11 +1555,11 @@ function getPagination( $pages, $page, $maxShortcuts, $query, $querySep='&amp;'
 
                 foreach ( $newPages as $newPage )
                 {
-                    $pageText .= '<a href="?view='.$view.$querySep.'page='.$newPage.$query.'">'.$newPage.'</a>&nbsp;';
+                    $pageText .= '<li><a href="?view='.$view.$querySep.'page='.$newPage.$query.'">'.$newPage.'</a></li>';
                 }
 
             }
-            $pageText .= '-&nbsp;'.$page.'&nbsp;-';
+                    $pageText .= '<li class="active"><a href="?view='.$view.$querySep.'page='.$page.$query.'">'.$page.'</a></li>';
             if ( $page < $pages )
             {
                 $newPages = array();
@@ -1580,12 +1580,12 @@ function getPagination( $pages, $page, $maxShortcuts, $query, $querySep='&amp;'
 
                 foreach ( $newPages as $newPage )
                 {
-                    $pageText .= '&nbsp;<a href="?view='.$view.$querySep.'page='.$newPage.$query.'">'.$newPage.'</a>';
+                    $pageText .= '<li><a href="?view='.$view.$querySep.'page='.$newPage.$query.'">'.$newPage.'</a></li>';
                 }
-                $pageText .= '<a href="?view='.$view.$querySep.'page='.($page+1).$query.'">&gt;</a>';
+                $pageText .= '<li><a href="?view='.$view.$querySep.'page='.($page+1).$query.'">&gt;</a></li>';
                 if ( false && $page < ($pages-1) )
                 {
-                    $pageText .= '<a href="?view='.$view.$querySep.'page='.$pages.$query.'">&gt;&gt;</a>';
+                    $pageText .= '<li><a href="?view='.$view.$querySep.'page='.$pages.$query.'">&gt;&gt;</a></li>';
                 }
             }
         }

web/index.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en" ng-app="ZoneMinder">
+<head>
+	<title>ZoneMinder</title>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+	<base href="/">
+	<link rel="icon" type="image/ico" href="graphics/favicon.ico"/>
+	<link rel="shortcut icon" href="graphics/favicon.ico"/>
+	<link rel="stylesheet" href="/css/bootstrap.css" type="text/css" />
+	<link rel="stylesheet" href="/css/datetimepicker.css" type="text/css" />
+	<link rel="stylesheet" href="/css/skin.css" type="text/css" />
+	<script type="text/javascript" src="/js/moment.min.js"></script>
+	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
+	<script src="/js/angular-ui-router.min.js"></script>
+	<script src="/js/dirPagination.js"></script>
+	<script type="text/javascript" src="/js/Chart.min.js"></script>
+	<script src="/js/app.js"></script>
+	<script src="/js/controllers.js"></script>
+	<script type="text/javascript" src="/js/tc-angular-chartjs.min.js"></script>
+	<script type="text/javascript" src="/js/ui-bootstrap-tpls-0.12.0.min.js"></script>
+	<script type="text/javascript" src="/js/jquery-2.1.1.min.js"></script>
+	<script type="text/javascript" src="/js/bootstrap.min.js"></script>
+	<script type="text/javascript" src="/js/datetimepicker.js"></script>
+</head>
+
+<body>
+
+<div ng-include="'/views/header.html'"></div>
+
+<section ui-view></section>
+
+</body>
+</html>

web/js/app.js

@@ -0,0 +1,438 @@
+var ZoneMinder = angular.module('ZoneMinder', [
+	'ZoneMinderControllers',
+	'tc.chartjs',
+	'ui.bootstrap',
+	'angularUtils.directives.dirPagination',
+	'ui.bootstrap.datetimepicker',
+	'ui.router'
+]);
+
+ZoneMinder.config(['$locationProvider', function($locationProvider) {
+	$locationProvider.html5Mode(false);
+}]);
+
+ZoneMinder.config(function($stateProvider, $urlRouterProvider) {
+	$urlRouterProvider
+		.when ('/', '/monitor')
+		.otherwise('/');
+
+	$stateProvider
+
+		///////////////////////////////////////////////////
+		// Monitor Grid and List View (main monitor page //
+		///////////////////////////////////////////////////
+
+		// This page lets you view the monitors as either a grid, or a list.
+		// The grid or list is chosen by clicking on the button on the top-right of the page
+		.state('monitor', {
+			// State can not be explicitly activated - only implicitly by one of its children
+			abstract: true,
+			// This abstract will prepend '/monitor' onto the urls of all its children
+			url: '/monitor',
+			// As a top level state, this template will be loaded into index.html's ui-view
+			templateUrl: '/views/monitor.html'
+		})
+
+		.state('monitor.list', {
+			url: '',
+			templateUrl: '/views/monitor.list.html'
+		})
+
+		//////////////////////
+		// Monitor > Detail //
+		//////////////////////
+
+		// 'detail' is a child of 'monitor' and as such will be loaded into monitor.html's ui-view
+		// The 'detail' state will be the first 'tab' in the 'detail' view, which is 'General'
+		.state('monitor.detail', {
+			// monitor.detail can not be loaded directly
+			abstract: true,
+			// This state is a child of 'monitor'.  The URL will end up being like:
+			// '/monitor/{mid:[0-9]{1,4}}'.  When the URL becomes something like '/monitor/7',
+			// this state will become active.
+			url: '/detail/{mid:[0-9]{1,4}}',
+			templateUrl: '/views/monitor.detail.html',
+			controller: 'MonitorController'
+		})
+
+		////////////////////////////
+		// Monitor > Detail > Tab //
+		////////////////////////////
+
+		// Each 'tab' gets its own state.  As these are all children of 'detail', they are lodaed
+		// into detail's ui-view
+
+		.state('monitor.detail.general', {
+			url: '',
+			templateUrl: '/views/monitor.detail.general.html'
+		})
+		.state('monitor.detail.source', {
+			url: '',
+			templateUrl: '/views/monitor.detail.source.html'
+		})
+		.state('monitor.detail.timestamps', {
+			url: '',
+			templateUrl: '/views/monitor.detail.timestamps.html'
+		})
+		.state('monitor.detail.buffers', {
+			url: '',
+			templateUrl: '/views/monitor.detail.buffers.html'
+		})
+		.state('monitor.detail.misc', {
+			url: '',
+			templateUrl: '/views/monitor.detail.misc.html'
+		})
+
+		.state('host', {
+			url: '/host',
+			templateUrl: '/views/host.html'
+		})
+
+		.state('log', {
+			url: '/log',
+			templateUrl: '/views/log.html'
+		})
+
+		///////////////////////////
+		// Zones - Edit and List //
+		///////////////////////////
+		.state('zones', {
+			url: '/zones/{mid:[0-9]{1,4}}',
+			templateUrl: '/views/zones.html',
+			resolve: {
+				mid: function($stateParams) {
+					return {  value: $stateParams.mid };
+				},
+				zones: function(Zones, $stateParams) {
+					return Zones.getZones($stateParams.mid);
+				}
+			},
+			controller: function($scope, mid, zones) {
+				$scope.mid = mid.value;
+				$scope.zones = zones.data.zones;
+			}
+		})
+		.state('zones.edit', {
+			url: '/edit/{zid:[0-9]{1,4}}',
+			templateUrl: '/views/zones.edit.html',
+			resolve: {
+				zone: function(Zones, $stateParams) {
+					return Zones.getZone($stateParams.zid);
+				}
+			},
+			controller: function($scope, zone) {
+				$scope.zone = zone.data.zone.Zone;
+			}
+		})
+
+
+		.state('events', {
+			url: '/events',
+			templateUrl: '/views/events.html'
+		})
+
+		.state('options', {
+			abstract: true,
+			url: '/options',
+			templateUrl: '/views/options/options.html',
+			controller: function($scope) {
+				$scope.configData = [];
+			}
+		})
+		.state('options.images', {
+		        url: '/images',
+		        templateUrl: '/views/options/options.images.html',
+			resolve: { config: function(Config) { return Config.getCategory('images'); } },
+			controller: function($scope, config) { $scope.configData['images'] = config.data.data; }
+		})
+		.state('options.system', {
+		        url: '/system',
+		        templateUrl: '/views/options/options.system.html',
+			resolve: { config: function(Config) { return Config.getCategory('system'); } },
+			controller: function($scope, config) { $scope.configData['system'] = config.data.data; }
+		})
+		.state('options.config', {
+		        url: '/config',
+		        templateUrl: '/views/options/options.config.html',
+			resolve: { config: function(Config) { return Config.getCategory('config'); } },
+			controller: function($scope, config) { $scope.configData['config'] = config.data.data; }
+		})
+		.state('options.paths', {
+		        url: '/paths',
+		        templateUrl: '/views/options/options.paths.html',
+			resolve: { config: function(Config) { return Config.getCategory('paths'); } },
+			controller: function($scope, config) { $scope.configData['paths'] = config.data.data; }
+		})
+		.state('options.logging', {
+		        url: '/logging',
+		        templateUrl: '/views/options/options.logging.html',
+			resolve: { config: function(Config) { return Config.getCategory('logging'); } },
+			controller: function($scope, config) { $scope.configData['logging'] = config.data.data; }
+		})
+		.state('options.dynamic', {
+		        url: '/dynamic',
+		        templateUrl: '/views/options/options.dynamic.html',
+			resolve: { config: function(Config) { return Config.getCategory('dynamic'); } },
+			controller: function($scope, config) { $scope.configData['dynamic'] = config.data.data; }
+		})
+		.state('options.mail', {
+		        url: '/mail',
+		        templateUrl: '/views/options/options.mail.html',
+			resolve: { config: function(Config) { return Config.getCategory('mail'); } },
+			controller: function($scope, config) { $scope.configData['mail'] = config.data.data; }
+		})
+		.state('options.eyezm', {
+		        url: '/eyezm',
+		        templateUrl: '/views/options/options.eyezm.html',
+			resolve: { config: function(Config) { return Config.getCategory('eyezm'); } },
+			controller: function($scope, config) { $scope.configData['eyezm'] = config.data.data; }
+		})
+		.state('options.network', {
+		        url: '/network',
+		        templateUrl: '/views/options/options.network.html',
+			resolve: { config: function(Config) { return Config.getCategory('network'); } },
+			controller: function($scope, config) { $scope.configData['network'] = config.data.data; }
+		})
+		.state('options.upload', {
+		        url: '/upload',
+		        templateUrl: '/views/options/options.upload.html',
+			resolve: { config: function(Config) { return Config.getCategory('upload'); } },
+			controller: function($scope, config) { $scope.configData['upload'] = config.data.data; }
+		})
+		.state('options.x10', {
+		        url: '/x10',
+		        templateUrl: '/views/options/options.x10.html',
+			resolve: { config: function(Config) { return Config.getCategory('x10'); } },
+			controller: function($scope, config) { $scope.configData['x10'] = config.data.data; }
+		})
+		.state('options.web', {
+		        url: '/web',
+		        templateUrl: '/views/options/options.web.html',
+			resolve: { config: function(Config) { return Config.getCategory('web'); } },
+			controller: function($scope, config) { $scope.configData['web'] = config.data.data; }
+		})
+		.state('options.highband', {
+		        url: '/highband',
+		        templateUrl: '/views/options/options.highband.html',
+			resolve: { config: function(Config) { return Config.getCategory('highband'); } },
+			controller: function($scope, config) { $scope.configData['highband'] = config.data.data; }
+		})
+		.state('options.lowband', {
+		        url: '/lowband',
+		        templateUrl: '/views/options/options.lowband.html',
+			resolve: { config: function(Config) { return Config.getCategory('lowband'); } },
+			controller: function($scope, config) { $scope.configData['lowband'] = config.data.data; }
+		})
+		.state('options.medband', {
+		        url: '/medband',
+		        templateUrl: '/views/options/options.medband.html',
+			resolve: { config: function(Config) { return Config.getCategory('medband'); } },
+			controller: function($scope, config) { $scope.configData['medband'] = config.data.data; }
+		})
+		.state('options.phoneband', {
+		        url: '/phoneband',
+		        templateUrl: '/views/options/options.phoneband.html',
+			resolve: { config: function(Config) { return Config.getCategory('phoneband'); } },
+			controller: function($scope, config) { $scope.configData['phoneband'] = config.data.data; }
+		});
+
+});
+
+ZoneMinder.config(function(paginationTemplateProvider) {
+    paginationTemplateProvider.setPath('/js/dirPagination.tpl.html');
+});
+
+ZoneMinder.factory('Monitor', function($http) {
+	return {
+		getMonitors: function() {
+			return $http.get('/api/monitors.json');
+		},
+		getMonitor: function(mid) {
+			return $http.get('/api/monitors/'+mid+'.json');
+		},
+		saveMonitor: function(monitor) {
+			return $http({
+				method: 'POST',
+				url: '/api/monitors.json',
+				data: $.param(monitor),
+				headers: {'Content-Type': 'application/x-www-form-urlencoded'}
+			});
+		}
+	};
+});
+
+ZoneMinder.factory('State', function($http) {
+	return {
+		get: function(callback) {
+			$http.get('/api/states.json').success(callback);
+		},
+		change: function(state) {
+			return $http.post('/api/states/change/'+state+'.json');
+		}
+	};
+});
+
+ZoneMinder.factory('Header', function($http) {
+	return {
+		getLogState: function(callback) {
+			$http.get('/api/monitors.json').success(callback);
+		},
+		getDaemonStatus: function(callback) {
+			$http.get('/api/host/daemonCheck.json').success(callback);
+		}
+	};
+});
+
+ZoneMinder.factory('Log', function($http) {
+	return {
+		get: function(page) {
+			return $http.get('/api/logs.json?page='+page);
+		}
+	};
+});
+
+ZoneMinder.factory('Host', function($http) {
+	return {
+		getDiskPercent: function(callback) {
+			$http.get('/api/host/getDiskPercent.json').success(callback);
+		},
+		getLoad: function(callback) {
+			$http.get('/api/host/getLoad.json').success(callback);
+		}
+	};
+});
+
+ZoneMinder.factory('Footer', function($http) {
+	return {
+		getVersion: function(callback) {
+			$http.get('/api/host/getVersion.json').success(callback);
+		}
+	};
+});
+
+ZoneMinder.factory('Events', function($http) {
+	return {
+		get: function(filter, page) {
+			if (filter) {
+				return $http.get('/api/events/index/'+filter+'.json?page='+page);
+			} else {
+				return $http.get('/api/events.json?page='+page);
+			}
+		}
+	};
+});
+
+ZoneMinder.factory('Event', function($http) {
+	return {
+		get: function(eventId) {
+			return $http.get('/api/events/'+ eventId +'.json');
+		},
+		delete: function(eventId) {
+			return $http.delete('/api/events/'+ eventId + '.json');
+		},
+		archive: function(eventId) {
+			return $http.post('/api/events/archive/'+ eventId + '.json');
+		}
+	};
+});
+
+ZoneMinder.factory('Console', function($http) {
+	return {
+		getConsoleEvents: function(interval) {
+			return $http.get('/api/events/consoleEvents/'+interval+'.json');
+		},
+		getMonitors: function() {
+			return $http.get('/api/monitors.json');
+		},
+		daemonStatus: function(id, daemon) {
+			return $http.get('/api/monitors/daemonStatus/id:'+id+'/daemon:'+daemon+'.json');
+		},
+		delete: function(id) {
+			return $http.delete('/api/monitors/'+id+'.json');
+		}
+	};
+});
+
+
+ZoneMinder.factory('Config', function($http) {
+	return {
+		get: function() {
+			return $http.get('/api/configs.json');
+		},
+		getCategories: function() {
+			return $http.get('/api/configs/categories.json');
+		},
+		getCategory: function(category) {
+			return $http.get('/api/configs/category/' + category + '.json')
+		},
+			return $http({
+				method: 'POST',
+				url: '/api/configs/' + configId + '.json',
+				data: putData,
+				headers: {'Content-Type': 'application/x-www-form-urlencoded'}
+			});
+		},
+		findByName: function(name) {
+			return $http.get('/api/configs/viewByName/'+name+'.json')
+		}
+	};
+});
+
+ZoneMinder.factory('Zones', function($http) {
+	return {
+		getZones: function(mid) {
+			return $http.get('/api/zones/forMonitor/'+mid+'.json')
+		},
+		getZone: function(zid) {
+			return $http.get('/api/zones/'+zid+'.json')
+		},
+		createZoneImage: function(mid) {
+			return $http.post('/api/zones/createZoneImage/'+mid+'.json');
+		}
+	};
+});
+
+ZoneMinder.directive('angularHtmlBind', function($compile) {
+    return function(scope, elm, attrs) {
+        scope.$watch(attrs.angularHtmlBind, function(newValue, oldValue) {
+            if (newValue && newValue !== oldValue) {
+                elm.html(newValue);
+                $compile(elm.contents())(scope);
+            }
+        });
+    };
+});
+
+ZoneMinder.filter('DateDiff', function() {
+	return function(StartTime, EndTime, format) {
+	var d1 = new Date(StartTime.replace(/-/g,'/'));
+	var d2 = new Date(EndTime.replace(/-/g,'/'));
+	var miliseconds = d2-d1;
+	var seconds = miliseconds/1000;
+	var minutes = seconds/60;
+	var hours = minutes/60;
+	var days = hours/24;
+
+	switch (format) {
+		case "seconds":
+			return seconds;
+		case "hours":
+			return hours;
+		case "minutes":
+			return minutes;
+		case "pretty":
+			return Math.floor(minutes)+'m ' + seconds+'s';
+	}
+	};
+});
+
+ZoneMinder.filter('zpad', function() {
+	return function(input, n) {
+		if(input === undefined)
+			input = ""
+		if(input.length >= n)
+			return input
+		var zeros = "0".repeat(n);
+		return (zeros + input).slice(-1 * n)
+	}; 
+});

web/js/controllers.js

@@ -0,0 +1,416 @@
+var ZoneMinder = angular.module('ZoneMinderControllers', []);
+
+ZoneMinder.controller('StateController', function($scope, State, Header) {
+	State.get(function(results) {
+		$scope.states = results.states;
+	});
+
+	$scope.changeState = function(newState) {
+		State.change(newState)
+		// Redirect to the dashboard on success
+	        .success(function(data) { window.location = "/"; });
+	};
+
+	Header.getDaemonStatus(function(results) {
+		if (results.result == 1) {
+			$scope.isRunning = true;
+		} 
+	});
+});
+
+ZoneMinder.controller('HeaderController', function($scope, Header, State) {
+	Header.getLogState(function(results) {
+	});
+
+	Header.getDaemonStatus(function(results) {
+		if (results.result == 1) {
+			$scope.isRunning = true;
+		} 
+	});
+});
+
+ZoneMinder.controller('FooterController', function($scope, Footer) {
+	Footer.getVersion(function(version) {
+		$scope.version = version.version;
+	});
+});
+
+ZoneMinder.controller('LogController', function($scope, Log) {
+	getLogsPage(1);
+
+	$scope.pageChanged = function(newPage) {
+		getLogsPage(newPage);
+	}
+
+	function getLogsPage(pageNumber) {
+		Log.get(pageNumber).then(function(results) {
+			$scope.logs = results.data.logs;
+			$scope.totalLogs = results.data.pagination.count;
+			$scope.logsPerPage = results.data.pagination.limit;
+		});
+	}
+});
+
+ZoneMinder.controller('EventsController', function($scope, Events, Console, $modal) {
+	// First thing, get page 1 of the events.
+	$scope.page = 1;
+	getEvents(null, $scope.page);
+
+	// Get the monitors which popular the sidebar select
+	Console.getMonitors().then(function(results) {
+		$scope.monitors = results.data.monitors;
+	});
+
+	$scope.filter_url = '';
+
+	var now = new Date();
+	var startdate = new Date(now);
+	startdate.setMonth(now.getMonth() - 1);
+	$scope.filter = {
+		'StartTime' : startdate,
+		'EndTime' : new Date()
+	};
+
+	// If the page is changed, get the new page of events
+	$scope.pageChanged = function(newPage) {
+		$scope.page = newPage;
+		getEvents($scope.filter_url, newPage);
+	};
+
+	// Call Events.get and pass it the page number
+	// Set the appropriate scope values with the results.
+	// The events.php file takes over and iterates over events
+	// and the painator uses totalEvents and eventPerPage
+	function getEvents(filter, pageNumber) {
+		Events.get(filter, pageNumber).then(function(results) {
+			$scope.events = results.data.events;
+			$scope.totalEvents = results.data.pagination.count;
+			$scope.eventsPerPage = results.data.pagination.limit;
+		});
+	}
+
+	$scope.filterEvents = function() {
+		var filters = new Array();
+		var url = '';
+
+		// Push all of the MonitorId's into the filters array
+		angular.forEach($scope.filter.MonitorId, function(value, key) {
+			filters.push('MonitorId:'+value);
+		});
+
+		var StartTime = $scope.filter.StartTime.toISOString().slice(0, 19).replace('T', ' ');
+		filters.push('StartTime >=:'+StartTime);
+		var EndTime = $scope.filter.EndTime.toISOString().slice(0, 19).replace('T', ' ');
+		filters.push('EndTime <=:'+EndTime);
+
+		console.log(filters);
+
+		angular.forEach(filters, function(value, key) {
+			url = url + value + '/';
+		});
+
+		length = url.length;
+		$scope.filter_url = url.substring(0, length - 1);
+		$scope.page = 1;
+		getEvents($scope.filter_url, 1);
+	}
+
+	// This is called when a user clicks on an event.
+	// It fires up a modal and passes it the EventId of the clicked event
+	// EventController takes over from there.
+	$scope.displayEvent = function (index) {
+		var event = $scope.events[index];
+
+		var modalInstance = $modal.open({
+			templateUrl: '/views/event.html',
+			controller: 'EventController',
+			size: 'lg',
+			resolve: {
+				eventId: function () { return event.Event.Id; },
+				index: function () { return index; }
+			 }
+		});
+
+		modalInstance.result.then(function (index) {
+				$scope.events.splice(index, 1);
+				$scope.totalEvents = $scope.totalEvents - 1;
+				$scope.displayEvent(index);
+			}, function () {
+				console.log('Modal dismissed at: ' + new Date());
+			}
+		);
+	};
+});
+
+ZoneMinder.controller('EventController', function($scope, Event, $modalInstance, eventId, index, Config, $filter) {
+
+	$scope.stream = true;
+
+	Event.get(eventId).then(function(results) {
+		$scope.eventId			= eventId;
+		$scope.name 			= results.data.event.Event.Name;
+		$scope.cause 			= results.data.event.Event.Cause;
+		$scope.startTime 		= results.data.event.Event.StartTime;
+		$scope.endTime 			= results.data.event.Event.EndTime;
+		$scope.width 			= results.data.event.Event.Width;
+		$scope.length 			= results.data.event.Event.Length;
+		$scope.frames			= results.data.event.Event.Frames;
+		$scope.alarmFrames		= results.data.event.Event.AlarmFrames;
+		$scope.totScore			= results.data.event.Event.TotScore;
+		$scope.avgScore			= results.data.event.Event.AvgScore;
+		$scope.maxScore			= results.data.event.Event.MaxScore;
+		$scope.notes			= results.data.event.Event.Notes;
+		$scope.archived			= results.data.event.Event.Archived;
+		$scope.archive_text		= $scope.archived == 0 ? 'Archive' : 'Unarchive';
+		$scope.eventView_text		= 'Frames';
+		$scope.basePath			= results.data.event.Event.BasePath;
+		var frames			= results.data.event.Frame;
+
+		Config.findByName('ZM_EVENT_IMAGE_DIGITS').then(function(results) {
+			var event_image_digits = results.data.config.Value;
+
+			angular.forEach(frames, function(frame, key) {
+				var id = $filter('zpad')(frame.FrameId, event_image_digits);
+				frames[key].Path = $scope.basePath + id + '-capture.jpg';
+			});
+
+			$scope.frames			= frames;
+		});
+
+	});
+
+	$scope.cancel = function () {
+		$modalInstance.dismiss('cancel');
+	};
+
+	$scope.delete= function() {
+		Event.delete(eventId).then(function(results) {
+			$modalInstance.close(index);
+			console.log(results);
+		});
+	};
+
+	$scope.archive = function() {
+		Event.archive(eventId).then(function(results) {
+			$scope.archived = results.data.archived;
+			$scope.archive_text = $scope.archived == 0 ? 'Archive' : 'Unarchive';
+		});
+	};
+
+	$scope.eventView = function() {
+		$scope.eventView_text = $scope.eventView_text == 'Stream' ? 'Frames' : 'Stream';
+		$scope.stream = $scope.stream == true ? false : true;
+	};
+});
+
+ZoneMinder.controller('MonitorController', function($scope, $state, $http, Monitor, Console) {
+	if ($state.params.mid) {
+		Monitor.getMonitor($state.params.mid).then(function(results) {
+			$scope.monitor = results.data.monitor.Monitor;
+		});
+	} else {
+		// Assign each monitor a random color, as opposed to them all being 'red'
+		var color =  '#' + (Math.random() * 0xFFFFFF << 0).toString(16);
+
+		// This is where the monitor's 'form data' is saved
+		// It is sent to saveMonitor when the save button is clicked
+		$scope.monitor = {
+			// Set default values for a monitor
+			'Type' : 'Remote',
+			'RefBlendPerc' : 6,
+			'AlarmRefBlendPerc' : 6,
+			'Function' : 'Monitor',
+			'ImageBufferCount' : 100,
+			'WarmupCount' : 25,
+			'PreEventCount' : 50,
+			'PostEventCount' : 50,
+			'StreamReplayBuffer' : 1000,
+			'AlarmFrameCount' : 1,
+			'LabelFormat' : '%N - %d/%m/%y %H:%M:%S',
+			'LabelX' : 0,
+			'LabelY' : 0,
+			'Colours' : 3,
+			// Here be a bug!
+			// When retrieving 'Orientation', it comes back and is set a a number
+			// But it mustbe saved as a string (due to mysql enum)
+			'Orientation' : '0',
+			'Enabled' : true,
+			'Protocol' : 'http',
+			'SectionLength' : 600,
+			'EventPrefix' : 'Event-',
+			'FrameSkip' : 0,
+			'MotionFrameSkip' : 0,
+			'FPSReportInterval' : 1000,
+			'DefaultView' : 'Events',
+			'DefaultRate' : 100,
+			'DefaultScale' : 100,
+			'SignalCheckColour' : '#0000c0',
+			'Method' : 'simple',
+			'WebColour' : color
+		};
+	}
+
+
+	// Call Monitor.saveMonitor when the save button is clicked.  Pass along $scope.monitor
+	$scope.submitMonitor = function() {
+		Monitor.saveMonitor($scope.monitor)
+		// Redirect to the dashboard on success
+	        .success(function(data) { window.location = "/"; });
+	};
+
+	$scope.grid = true;
+	$scope.gridButton = 'glyphicon-th';
+	$scope.consoleLayout = 4;
+
+
+	$scope.updateLayout = function () {
+		var rows = [];
+		var monitors = $scope.monitors;
+		for (var i = 0; i < monitors.length; i++) {
+			if (i % $scope.consoleLayout == 0) rows.push([]);
+			rows[rows.length-1].push(monitors[i]);
+		}
+		$scope.columnSize = Math.floor(12 / $scope.consoleLayout);
+		return $scope.rows = rows;
+	};
+
+	$scope.delete = function (index) {
+		var monitor = $scope.monitors[index];
+		var id = monitor.Id;
+
+		if (monitor.deleteText == 'Are you sure?') {
+			monitor.deleteText = 'Deleting...';
+			Console.delete(id).then(function(results) {
+				$scope.monitors.splice(index, 1);
+			});
+		}
+
+		monitor.deleteText = 'Are you sure?'
+	};
+
+	Console.getMonitors().then(function(results) {
+		if (results.data.monitors.length == 0) {
+			$scope.fresh = true;
+		} else {
+			var monitors = new Array();
+			var daemons = ['zmc', 'zma']; // Daemons to check for each monitor
+
+			// For each monitor
+			angular.forEach(results['data']['monitors'], function(value, key) {
+				var id = value.Monitor.Id;
+				var alerts = value.Monitor.alerts = new Array();
+
+				// Check if the above daemons are running for it
+				angular.forEach(daemons, function(daemon) {
+					// Ask the API for the daemonStatus of the id 
+					Console.daemonStatus(id, daemon).then(function(results) {
+						value.Monitor.alerts[daemon] = results.data.status;
+
+						// If there is a failed daemon, set a generic error
+						if (daemon) {
+							value.Monitor.alert = 'zma or zmc is not running';
+						}
+					});
+				});
+
+				value.Monitor.deleteText = 'Delete';
+				monitors.push(value.Monitor);
+
+			});
+
+			$scope.monitors = monitors;
+			$scope.updateLayout();
+		}
+	});
+
+	$scope.consoleView = function() {
+		$scope.gridButton = $scope.gridButton == 'glyphicon-th' ? 'glyphicon-th-list' : 'glyphicon-th';
+		$scope.grid = $scope.grid == true ? false : true;
+	};
+
+	$scope.saveMonitor = function(monitor) {
+		var i = document.getElementById('function'+monitor.Id).parentNode.parentNode;
+		Monitor.saveMonitor(monitor)
+		.success(function(data) {
+                                i.className = i.className + " has-success has-feedback";
+
+		 });
+	};
+});
+
+
+ZoneMinder.controller('ConfigController', function($scope, $http, Config) {
+
+	$scope.updateConfig = function(id, configName) {
+		var value = $scope.configData[configName].Value;
+		var id  = $scope.configData[configName].Id;
+		var i = document.getElementById(configName).parentNode.parentNode;
+		var s = i.getElementsByTagName("span");
+		s = s[0];
+
+		Config.updateOption(id, value).then(function(results) {
+			if (results.statusText == 'OK') {
+				i.className = i.className + " has-success has-feedback";
+				s.className = s.className + " glyphicon glyphicon-ok";
+			} else {
+				i.className = i.className + " has-failure has-feedback";
+				s.className = s.className + " glyphicon glyphicon-ok";
+			}
+		});
+	}
+
+	$scope.submitConfig = function() {
+		Config.save($scope.configData)
+		// Redirect to the dashboard on success
+	        .success(function(data) { window.location = "/"; });
+	};
+
+});
+
+ZoneMinder.controller('HostController', function($scope, Host) {
+	Host.getDiskPercent(function(diskPercent) {
+		var array = [];
+		angular.forEach(diskPercent.usage, function(value, key) {
+			var a = {
+				'value' : Math.floor(value.space),
+				'label' : key,
+				'color' : value.color
+			};
+			array.push(a);
+		});
+		$scope.ddata = array;
+
+		$scope.doptions =  {
+			responsive: false,
+			segmentShowStroke : true,
+			segmentStrokeColor : '#fff',
+			segmentStrokeWidth : 2,
+			percentageInnerCutout : 50, // This is 0 for Pie charts
+			animationSteps : 1,
+			animationEasing : 'easeOutBounce',
+			animateRotate : false,
+			animateScale : false,
+			legendTemplate : '<ul class="list-inline tc-chart-js-legend"><% for (var i=0; i<segments.length; i++){%><li><span style="color:<%=segments[i].fillColor%>"><%if(segments[i].label){%><%=segments[i].label%>: <%=segments[i].value%>Gb <%}%></span></li><%}%></ul>'
+		};
+	});
+
+	Host.getLoad(function(load) {
+		$scope.loadData = {
+			labels: ['1 min', '5 min', '15 min'],
+			datasets: [{
+				label: 'CPU Load',
+				fillColor: 'rgba(220,220,220,0.2)',
+				strokeColor: 'rgba(220,220,220,1)',
+				pointColor: 'rgba(220,220,220,1)',
+				pointStrokeColor: '#fff',
+				pointHighlightFill: '#fff',
+				pointHighlightStroke: 'rgba(220,220,220,1)',
+				data: [ load.load[0], load.load[1], load.load[2] ]
+			}]
+		};
+	});
+
+});
+
+ZoneMinder.controller('ZonesController', function($scope, Zones) {
+});

web/js/datetimepicker.js

@@ -0,0 +1,397 @@
+/*globals define, jQuery */
+/*jslint vars:true */
+
+/**
+ * @license angular-bootstrap-datetimepicker  version: 0.3.8
+ * (c) 2013-2014 Knight Rider Consulting, Inc. http://www.knightrider.com
+ * License: MIT
+ */
+
+/**
+ *
+ *    @author        Dale "Ducky" Lotts
+ *    @since        2013-Jul-8
+ */
+
+(function (factory) {
+  'use strict';
+  /* istanbul ignore if */
+  if (typeof define === 'function'  && /* istanbul ignore next */ define.amd) {
+    define(['angular', 'moment'], factory); // AMD
+  } else {
+    factory(window.angular, window.moment); // Browser global
+  }
+}(function (angular, moment) {
+  'use strict';
+  angular.module('ui.bootstrap.datetimepicker', [])
+    .constant('dateTimePickerConfig', {
+      dropdownSelector: null,
+      minuteStep: 5,
+      minView: 'minute',
+      startView: 'day'
+    })
+    .directive('datetimepicker', ['$log', 'dateTimePickerConfig', function datetimepickerDirective($log, defaultConfig) {
+
+      function DateObject() {
+
+        this.dateValue = new Date().getTime();
+        this.selectable = true;
+
+        var validProperties = ['dateValue', 'display', 'active', 'selectable', 'past', 'future'];
+
+        for (var prop in arguments[0]) {
+          /* istanbul ignore else */
+          //noinspection JSUnfilteredForInLoop
+          if (validProperties.indexOf(prop) >= 0) {
+            //noinspection JSUnfilteredForInLoop
+            this[prop] = arguments[0][prop];
+          }
+        }
+      }
+
+      var validateConfiguration = function validateConfiguration(configuration) {
+        var validOptions = ['startView', 'minView', 'minuteStep', 'dropdownSelector'];
+
+        for (var prop in configuration) {
+          //noinspection JSUnfilteredForInLoop
+          if (validOptions.indexOf(prop) < 0) {
+            throw ('invalid option: ' + prop);
+          }
+        }
+
+        // Order of the elements in the validViews array is significant.
+        var validViews = ['minute', 'hour', 'day', 'month', 'year'];
+
+        if (validViews.indexOf(configuration.startView) < 0) {
+          throw ('invalid startView value: ' + configuration.startView);
+        }
+
+        if (validViews.indexOf(configuration.minView) < 0) {
+          throw ('invalid minView value: ' + configuration.minView);
+        }
+
+        if (validViews.indexOf(configuration.minView) > validViews.indexOf(configuration.startView)) {
+          throw ('startView must be greater than minView');
+        }
+
+        if (!angular.isNumber(configuration.minuteStep)) {
+          throw ('minuteStep must be numeric');
+        }
+        if (configuration.minuteStep <= 0 || configuration.minuteStep >= 60) {
+          throw ('minuteStep must be greater than zero and less than 60');
+        }
+        if (configuration.dropdownSelector !== null && !angular.isString(configuration.dropdownSelector)) {
+          throw ('dropdownSelector must be a string');
+        }
+
+        /* istanbul ignore next */
+        if (configuration.dropdownSelector !== null && ((typeof jQuery === 'undefined') || (typeof jQuery().dropdown !== 'function'))) {
+          $log.error('Please DO NOT specify the dropdownSelector option unless you are using jQuery AND Bootstrap.js. ' +
+          'Please include jQuery AND Bootstrap.js, or write code to close the dropdown in the on-set-time callback. \n\n' +
+          'The dropdownSelector configuration option is being removed because it will not function properly.');
+          delete configuration.dropdownSelector;
+        }
+      };
+
+      return {
+        restrict: 'E',
+        require: 'ngModel',
+        template: '<div class="datetimepicker table-responsive">' +
+        '<table class="table table-striped">' +
+        '   <thead>' +
+        '       <tr>' +
+        '           <th class="left" data-ng-click="changeView(data.currentView, data.leftDate, $event)" data-ng-show="data.leftDate.selectable"><i class="glyphicon glyphicon-arrow-left"/></th>' +
+        '           <th class="switch" colspan="5" data-ng-show="data.previousViewDate.selectable" data-ng-click="changeView(data.previousView, data.previousViewDate, $event)">{{ data.previousViewDate.display }}</th>' +
+        '           <th class="right" data-ng-click="changeView(data.currentView, data.rightDate, $event)" data-ng-show="data.rightDate.selectable"><i class="glyphicon glyphicon-arrow-right"/></th>' +
+        '       </tr>' +
+        '       <tr>' +
+        '           <th class="dow" data-ng-repeat="day in data.dayNames" >{{ day }}</th>' +
+        '       </tr>' +
+        '   </thead>' +
+        '   <tbody>' +
+        '       <tr data-ng-if="data.currentView !== \'day\'" >' +
+        '           <td colspan="7" >' +
+        '              <span    class="{{ data.currentView }}" ' +
+        '                       data-ng-repeat="dateObject in data.dates"  ' +
+        '                       data-ng-class="{active: dateObject.active, past: dateObject.past, future: dateObject.future, disabled: !dateObject.selectable}" ' +
+        '                       data-ng-click="changeView(data.nextView, dateObject, $event)">{{ dateObject.display }}</span> ' +
+        '           </td>' +
+        '       </tr>' +
+        '       <tr data-ng-if="data.currentView === \'day\'" data-ng-repeat="week in data.weeks">' +
+        '           <td data-ng-repeat="dateObject in week.dates" ' +
+        '               data-ng-click="changeView(data.nextView, dateObject, $event)"' +
+        '               class="day" ' +
+        '               data-ng-class="{active: dateObject.active, past: dateObject.past, future: dateObject.future, disabled: !dateObject.selectable}" >{{ dateObject.display }}</td>' +
+        '       </tr>' +
+        '   </tbody>' +
+        '</table></div>',
+        scope: {
+          onSetTime: '&',
+          beforeRender: '&'
+        },
+        replace: true,
+        link: function link(scope, element, attrs, ngModelController) {
+
+          var directiveConfig = {};
+
+          if (attrs.datetimepickerConfig) {
+            directiveConfig = scope.$parent.$eval(attrs.datetimepickerConfig);
+          }
+
+          var configuration = {};
+
+          angular.extend(configuration, defaultConfig, directiveConfig);
+
+          validateConfiguration(configuration);
+
+          var startOfDecade = function startOfDecade(unixDate) {
+            var startYear = (parseInt(moment.utc(unixDate).year() / 10, 10) * 10);
+            return moment.utc(unixDate).year(startYear).startOf('year');
+          };
+
+          var dataFactory = {
+            year: function year(unixDate) {
+              var selectedDate = moment.utc(unixDate).startOf('year');
+              // View starts one year before the decade starts and ends one year after the decade ends
+              // i.e. passing in a date of 1/1/2013 will give a range of 2009 to 2020
+              // Truncate the last digit from the current year and subtract 1 to get the start of the decade
+              var startDecade = (parseInt(selectedDate.year() / 10, 10) * 10);
+              var startDate = moment.utc(startOfDecade(unixDate)).subtract(1, 'year').startOf('year');
+
+              var activeYear = ngModelController.$modelValue ? moment(ngModelController.$modelValue).year() : 0;
+
+              var result = {
+                'currentView': 'year',
+                'nextView': configuration.minView === 'year' ? 'setTime' : 'month',
+                'previousViewDate': new DateObject({dateValue: null, display: startDecade + '-' + (startDecade + 9)}),
+                'leftDate': new DateObject({dateValue: moment.utc(startDate).subtract(9, 'year').valueOf()}),
+                'rightDate': new DateObject({dateValue: moment.utc(startDate).add(11, 'year').valueOf()}),
+                'dates': []
+              };
+
+              for (var i = 0; i < 12; i += 1) {
+                var yearMoment = moment.utc(startDate).add(i, 'years');
+                var dateValue = {
+                  'dateValue': yearMoment.valueOf(),
+                  'display': yearMoment.format('YYYY'),
+                  'past': yearMoment.year() < startDecade,
+                  'future': yearMoment.year() > startDecade + 9,
+                  'active': yearMoment.year() === activeYear
+                };
+
+                result.dates.push(new DateObject(dateValue));
+              }
+
+              return result;
+            },
+
+            month: function month(unixDate) {
+
+              var startDate = moment.utc(unixDate).startOf('year');
+              var previousViewDate = startOfDecade(unixDate);
+              var activeDate = ngModelController.$modelValue ? moment(ngModelController.$modelValue).format('YYYY-MMM') : 0;
+
+              var result = {
+                'previousView': 'year',
+                'currentView': 'month',
+                'nextView': configuration.minView === 'month' ? 'setTime' : 'day',
+                'previousViewDate': new DateObject({
+                  dateValue: previousViewDate.valueOf(),
+                  display: startDate.format('YYYY')
+                }),
+                'leftDate': new DateObject({dateValue: moment.utc(startDate).subtract(1, 'year').valueOf()}),
+                'rightDate': new DateObject({dateValue: moment.utc(startDate).add(1, 'year').valueOf()}),
+                'dates': []
+              };
+
+              for (var i = 0; i < 12; i += 1) {
+                var monthMoment = moment.utc(startDate).add(i, 'months');
+                var dateValue = {
+                  'dateValue': monthMoment.valueOf(),
+                  'display': monthMoment.format('MMM'),
+                  'active': monthMoment.format('YYYY-MMM') === activeDate
+                };
+
+                result.dates.push(new DateObject(dateValue));
+              }
+
+              return result;
+            },
+
+            day: function day(unixDate) {
+
+              var selectedDate = moment.utc(unixDate);
+              var startOfMonth = moment.utc(selectedDate).startOf('month');
+              var previousViewDate = moment.utc(selectedDate).startOf('year');
+              var endOfMonth = moment.utc(selectedDate).endOf('month');
+
+              var startDate = moment.utc(startOfMonth).subtract(Math.abs(startOfMonth.weekday()), 'days');
+
+              var activeDate = ngModelController.$modelValue ? moment(ngModelController.$modelValue).format('YYYY-MMM-DD') : '';
+
+              var result = {
+                'previousView': 'month',
+                'currentView': 'day',
+                'nextView': configuration.minView === 'day' ? 'setTime' : 'hour',
+                'previousViewDate': new DateObject({
+                  dateValue: previousViewDate.valueOf(),
+                  display: startOfMonth.format('YYYY-MMM')
+                }),
+                'leftDate': new DateObject({dateValue: moment.utc(startOfMonth).subtract(1, 'months').valueOf()}),
+                'rightDate': new DateObject({dateValue: moment.utc(startOfMonth).add(1, 'months').valueOf()}),
+                'dayNames': [],
+                'weeks': []
+              };
+
+
+              for (var dayNumber = 0; dayNumber < 7; dayNumber += 1) {
+                result.dayNames.push(moment.utc().weekday(dayNumber).format('dd'));
+              }
+
+              for (var i = 0; i < 6; i += 1) {
+                var week = {dates: []};
+                for (var j = 0; j < 7; j += 1) {
+                  var monthMoment = moment.utc(startDate).add((i * 7) + j, 'days');
+                  var dateValue = {
+                    'dateValue': monthMoment.valueOf(),
+                    'display': monthMoment.format('D'),
+                    'active': monthMoment.format('YYYY-MMM-DD') === activeDate,
+                    'past': monthMoment.isBefore(startOfMonth),
+                    'future': monthMoment.isAfter(endOfMonth)
+                  };
+                  week.dates.push(new DateObject(dateValue));
+                }
+                result.weeks.push(week);
+              }
+
+              return result;
+            },
+
+            hour: function hour(unixDate) {
+              var selectedDate = moment.utc(unixDate).startOf('day');
+              var previousViewDate = moment.utc(selectedDate).startOf('month');
+
+              var activeFormat = ngModelController.$modelValue ? moment(ngModelController.$modelValue).format('YYYY-MM-DD H') : '';
+
+              var result = {
+                'previousView': 'day',
+                'currentView': 'hour',
+                'nextView': configuration.minView === 'hour' ? 'setTime' : 'minute',
+                'previousViewDate': new DateObject({
+                  dateValue: previousViewDate.valueOf(),
+                  display: selectedDate.format('ll')
+                }),
+                'leftDate': new DateObject({dateValue: moment.utc(selectedDate).subtract(1, 'days').valueOf()}),
+                'rightDate': new DateObject({dateValue: moment.utc(selectedDate).add(1, 'days').valueOf()}),
+                'dates': []
+              };
+
+              for (var i = 0; i < 24; i += 1) {
+                var hourMoment = moment.utc(selectedDate).add(i, 'hours');
+                var dateValue = {
+                  'dateValue': hourMoment.valueOf(),
+                  'display': hourMoment.format('LT'),
+                  'active': hourMoment.format('YYYY-MM-DD H') === activeFormat
+                };
+
+                result.dates.push(new DateObject(dateValue));
+              }
+
+              return result;
+            },
+
+            minute: function minute(unixDate) {
+              var selectedDate = moment.utc(unixDate).startOf('hour');
+              var previousViewDate = moment.utc(selectedDate).startOf('day');
+              var activeFormat = ngModelController.$modelValue ? moment(ngModelController.$modelValue).format('YYYY-MM-DD H:mm') : '';
+
+              var result = {
+                'previousView': 'hour',
+                'currentView': 'minute',
+                'nextView': 'setTime',
+                'previousViewDate': new DateObject({
+                  dateValue: previousViewDate.valueOf(),
+                  display: selectedDate.format('lll')
+                }),
+                'leftDate': new DateObject({dateValue: moment.utc(selectedDate).subtract(1, 'hours').valueOf()}),
+                'rightDate': new DateObject({dateValue: moment.utc(selectedDate).add(1, 'hours').valueOf()}),
+                'dates': []
+              };
+
+              var limit = 60 / configuration.minuteStep;
+
+              for (var i = 0; i < limit; i += 1) {
+                var hourMoment = moment.utc(selectedDate).add(i * configuration.minuteStep, 'minute');
+                var dateValue = {
+                  'dateValue': hourMoment.valueOf(),
+                  'display': hourMoment.format('LT'),
+                  'active': hourMoment.format('YYYY-MM-DD H:mm') === activeFormat
+                };
+
+                result.dates.push(new DateObject(dateValue));
+              }
+
+              return result;
+            },
+
+            setTime: function setTime(unixDate) {
+              var tempDate = new Date(unixDate);
+              var newDate = new Date(tempDate.getTime() + (tempDate.getTimezoneOffset() * 60000));
+
+              var oldDate = ngModelController.$modelValue;
+              ngModelController.$setViewValue(newDate);
+
+              if (configuration.dropdownSelector) {
+                jQuery(configuration.dropdownSelector).dropdown('toggle');
+              }
+
+              scope.onSetTime({newDate: newDate, oldDate: oldDate});
+
+              return dataFactory[configuration.startView](unixDate);
+            }
+          };
+
+          var getUTCTime = function getUTCTime(modelValue) {
+            var tempDate = (modelValue ? moment(modelValue).toDate() : new Date());
+            return tempDate.getTime() - (tempDate.getTimezoneOffset() * 60000);
+          };
+
+          scope.changeView = function changeView(viewName, dateObject, event) {
+            if (event) {
+              event.stopPropagation();
+              event.preventDefault();
+            }
+
+            if (viewName && (dateObject.dateValue > -Infinity) && dateObject.selectable && dataFactory[viewName]) {
+              var result = dataFactory[viewName](dateObject.dateValue);
+
+              var weekDates = [];
+              if (result.weeks) {
+                for (var i = 0; i < result.weeks.length; i += 1) {
+                  var week = result.weeks[i];
+                  for (var j = 0; j < week.dates.length; j += 1) {
+                    var weekDate = week.dates[j];
+                    weekDates.push(weekDate);
+                  }
+                }
+              }
+
+              scope.beforeRender({
+                $view: result.currentView,
+                $dates: result.dates || weekDates,
+                $leftDate: result.leftDate,
+                $upDate: result.previousViewDate,
+                $rightDate: result.rightDate
+              });
+
+              scope.data = result;
+            }
+          };
+
+          ngModelController.$render = function $render() {
+            scope.changeView(configuration.startView, new DateObject({dateValue: getUTCTime(ngModelController.$viewValue)}));
+          };
+        }
+      };
+    }]);
+}));

web/js/dirPagination.js

@@ -0,0 +1,413 @@
+/**
+ * dirPagination - AngularJS module for paginating (almost) anything.
+ *
+ *
+ * Credits
+ * =======
+ *
+ * Daniel Tabuenca: https://groups.google.com/d/msg/angular/an9QpzqIYiM/r8v-3W1X5vcJ
+ * for the idea on how to dynamically invoke the ng-repeat directive.
+ *
+ * I borrowed a couple of lines and a few attribute names from the AngularUI Bootstrap project:
+ * https://github.com/angular-ui/bootstrap/blob/master/src/pagination/pagination.js
+ *
+ * Copyright 2014 Michael Bromley <michael@michaelbromley.co.uk>
+ */
+
+(function() {
+
+    /**
+     * Config
+     */
+    var moduleName = 'angularUtils.directives.dirPagination';
+    var DEFAULT_ID = '__default';
+
+    /**
+     * Module
+     */
+    var module;
+    try {
+        module = angular.module(moduleName);
+    } catch(err) {
+        // named module does not exist, so create one
+        module = angular.module(moduleName, []);
+    }
+
+    module.directive('dirPaginate', ['$compile', '$parse', '$timeout', 'paginationService', function($compile, $parse, $timeout, paginationService) {
+
+        return  {
+            terminal: true,
+            multiElement: true,
+            priority: 5000, // This setting is used in conjunction with the later call to $compile() to prevent infinite recursion of compilation
+            compile: function dirPaginationCompileFn(tElement, tAttrs){
+
+                var expression = tAttrs.dirPaginate;
+                // regex taken directly from https://github.com/angular/angular.js/blob/master/src/ng/directive/ngRepeat.js#L211
+                var match = expression.match(/^\s*([\s\S]+?)\s+in\s+([\s\S]+?)(?:\s+track\s+by\s+([\s\S]+?))?\s*$/);
+
+                var filterPattern = /\|\s*itemsPerPage\s*:[^|]*/;
+                if (match[2].match(filterPattern) === null) {
+                    throw 'pagination directive: the \'itemsPerPage\' filter must be set.';
+                }
+                var itemsPerPageFilterRemoved = match[2].replace(filterPattern, '');
+                var collectionGetter = $parse(itemsPerPageFilterRemoved);
+
+                // If any value is specified for paginationId, we register the un-evaluated expression at this stage for the benefit of any
+                // dir-pagination-controls directives that may be looking for this ID.
+                var rawId = tAttrs.paginationId || DEFAULT_ID;
+                paginationService.registerInstance(rawId);
+
+                return function dirPaginationLinkFn(scope, element, attrs){
+
+                    // Now that we have access to the `scope` we can interpolate any expression given in the paginationId attribute and
+                    // potentially register a new ID if it evaluates to a different value than the rawId.
+                    var paginationId = $parse(attrs.paginationId)(scope) || attrs.paginationId || DEFAULT_ID;
+                    paginationService.registerInstance(paginationId);
+
+                    var repeatExpression;
+                    var idDefinedInFilter = !!expression.match(/(\|\s*itemsPerPage\s*:[^|]*:[^|]*)/);
+                    if (paginationId !== DEFAULT_ID && !idDefinedInFilter) {
+                        repeatExpression = expression.replace(/(\|\s*itemsPerPage\s*:[^|]*)/, "$1 : '" + paginationId + "'");
+                    } else {
+                        repeatExpression = expression;
+                    }
+
+                    // Add ng-repeat to the dom element
+                    if (element[0].hasAttribute('dir-paginate-start') || element[0].hasAttribute('data-dir-paginate-start')) {
+                        // using multiElement mode (dir-paginate-start, dir-paginate-end)
+                        attrs.$set('ngRepeatStart', repeatExpression);
+                        element.eq(element.length - 1).attr('ng-repeat-end', true);
+                    } else {
+                        attrs.$set('ngRepeat', repeatExpression);
+                    }
+
+                    var compiled =  $compile(element, false, 5000); // we manually compile the element again, as we have now added ng-repeat. Priority less than 5000 prevents infinite recursion of compiling dirPaginate
+
+                    var currentPageGetter;
+                    if (attrs.currentPage) {
+                        currentPageGetter = $parse(attrs.currentPage);
+                    } else {
+                        // if the current-page attribute was not set, we'll make our own
+                        var defaultCurrentPage = paginationId + '__currentPage';
+                        scope[defaultCurrentPage] = 1;
+                        currentPageGetter = $parse(defaultCurrentPage);
+                    }
+                    paginationService.setCurrentPageParser(paginationId, currentPageGetter, scope);
+
+                    if (typeof attrs.totalItems !== 'undefined') {
+                        paginationService.setAsyncModeTrue(paginationId);
+                        scope.$watch(function() {
+                            return $parse(attrs.totalItems)(scope);
+                        }, function (result) {
+                            if (0 <= result) {
+                                paginationService.setCollectionLength(paginationId, result);
+                            }
+                        });
+                    } else {
+                        scope.$watchCollection(function() {
+                            return collectionGetter(scope);
+                        }, function(collection) {
+                            if (collection) {
+                                paginationService.setCollectionLength(paginationId, collection.length);
+                            }
+                        });
+                    }
+
+                    // Delegate to the link function returned by the new compilation of the ng-repeat
+                    compiled(scope);
+                };
+            }
+        }; 
+    }]);
+
+    module.directive('dirPaginationControls', ['paginationService', 'paginationTemplate', function(paginationService, paginationTemplate) {
+
+        var numberRegex = /^\d+$/;
+
+        /**
+         * Generate an array of page numbers (or the '...' string) which is used in an ng-repeat to generate the
+         * links used in pagination
+         *
+         * @param currentPage
+         * @param rowsPerPage
+         * @param paginationRange
+         * @param collectionLength
+         * @returns {Array}
+         */
+        function generatePagesArray(currentPage, collectionLength, rowsPerPage, paginationRange) {
+            var pages = [];
+            var totalPages = Math.ceil(collectionLength / rowsPerPage);
+            var halfWay = Math.ceil(paginationRange / 2);
+            var position;
+
+            if (currentPage <= halfWay) {
+                position = 'start';
+            } else if (totalPages - halfWay < currentPage) {
+                position = 'end';
+            } else {
+                position = 'middle';
+            }
+
+            var ellipsesNeeded = paginationRange < totalPages;
+            var i = 1;
+            while (i <= totalPages && i <= paginationRange) {
+                var pageNumber = calculatePageNumber(i, currentPage, paginationRange, totalPages);
+
+                var openingEllipsesNeeded = (i === 2 && (position === 'middle' || position === 'end'));
+                var closingEllipsesNeeded = (i === paginationRange - 1 && (position === 'middle' || position === 'start'));
+                if (ellipsesNeeded && (openingEllipsesNeeded || closingEllipsesNeeded)) {
+                    pages.push('...');
+                } else {
+                    pages.push(pageNumber);
+                }
+                i ++;
+            }
+            return pages;
+        }
+
+        /**
+         * Given the position in the sequence of pagination links [i], figure out what page number corresponds to that position.
+         *
+         * @param i
+         * @param currentPage
+         * @param paginationRange
+         * @param totalPages
+         * @returns {*}
+         */
+        function calculatePageNumber(i, currentPage, paginationRange, totalPages) {
+            var halfWay = Math.ceil(paginationRange/2);
+            if (i === paginationRange) {
+                return totalPages;
+            } else if (i === 1) {
+                return i;
+            } else if (paginationRange < totalPages) {
+                if (totalPages - halfWay < currentPage) {
+                    return totalPages - paginationRange + i;
+                } else if (halfWay < currentPage) {
+                    return currentPage - halfWay + i;
+                } else {
+                    return i;
+                }
+            } else {
+                return i;
+            }
+        }
+
+        return {
+            restrict: 'AE',
+            templateUrl: function(elem, attrs) {
+                return attrs.templateUrl || paginationTemplate.getPath();
+            },
+            scope: {
+                maxSize: '=?',
+                onPageChange: '&?',
+                paginationId: '=?'
+            },
+            link: function dirPaginationControlsLinkFn(scope, element, attrs) {
+
+                // rawId is the un-interpolated value of the pagination-id attribute. This is only important when the corresponding dir-paginate directive has
+                // not yet been linked (e.g. if it is inside an ng-if block), and in that case it prevents this controls directive from assuming that there is
+                // no corresponding dir-paginate directive and wrongly throwing an exception.
+                var rawId = attrs.paginationId ||  DEFAULT_ID;
+                var paginationId = scope.paginationId || attrs.paginationId ||  DEFAULT_ID;
+
+                if (!paginationService.isRegistered(paginationId) && !paginationService.isRegistered(rawId)) {
+                    var idMessage = (paginationId !== DEFAULT_ID) ? ' (id: ' + paginationId + ') ' : ' ';
+                    throw 'pagination directive: the pagination controls' + idMessage + 'cannot be used without the corresponding pagination directive.';
+                }
+
+                if (!scope.maxSize) { scope.maxSize = 9; }
+                scope.directionLinks = angular.isDefined(attrs.directionLinks) ? scope.$parent.$eval(attrs.directionLinks) : true;
+                scope.boundaryLinks = angular.isDefined(attrs.boundaryLinks) ? scope.$parent.$eval(attrs.boundaryLinks) : false;
+
+                var paginationRange = Math.max(scope.maxSize, 5);
+                scope.pages = [];
+                scope.pagination = {
+                    last: 1,
+                    current: 1
+                };
+                scope.range = {
+                    lower: 1,
+                    upper: 1,
+                    total: 1
+                };
+
+                scope.$watch(function() {
+                    return (paginationService.getCollectionLength(paginationId) + 1) * paginationService.getItemsPerPage(paginationId);
+                }, function(length) {
+                    if (0 < length) {
+                        generatePagination();
+                    }
+                });
+                
+                scope.$watch(function() {
+                    return (paginationService.getItemsPerPage(paginationId));
+                }, function(current, previous) {
+                    if (current != previous) {
+                        goToPage(scope.pagination.current);
+                    }
+                });
+
+                scope.$watch(function() {
+                    return paginationService.getCurrentPage(paginationId);
+                }, function(currentPage, previousPage) {
+                    if (currentPage != previousPage) {
+                        goToPage(currentPage);
+                    }
+                });
+
+                scope.setCurrent = function(num) {
+                    if (isValidPageNumber(num)) {
+                        paginationService.setCurrentPage(paginationId, num);
+                    }
+                };
+
+                function goToPage(num) {
+                    if (isValidPageNumber(num)) {
+                        scope.pages = generatePagesArray(num, paginationService.getCollectionLength(paginationId), paginationService.getItemsPerPage(paginationId), paginationRange);
+                        scope.pagination.current = num;
+                        updateRangeValues();
+
+                        // if a callback has been set, then call it with the page number as an argument
+                        if (scope.onPageChange) {
+                            scope.onPageChange({ newPageNumber : num });
+                        }
+                    }
+                }
+
+                function generatePagination() {
+                    var page = parseInt(paginationService.getCurrentPage(paginationId)) || 1;
+
+                    scope.pages = generatePagesArray(page, paginationService.getCollectionLength(paginationId), paginationService.getItemsPerPage(paginationId), paginationRange);
+                    scope.pagination.current = page;
+                    scope.pagination.last = scope.pages[scope.pages.length - 1];
+                    if (scope.pagination.last < scope.pagination.current) {
+                        scope.setCurrent(scope.pagination.last);
+                    } else {
+                        updateRangeValues();
+                    }
+                }
+
+                /**
+                 * This function updates the values (lower, upper, total) of the `scope.range` object, which can be used in the pagination
+                 * template to display the current page range, e.g. "showing 21 - 40 of 144 results";
+                 */
+                function updateRangeValues() {
+                    var currentPage = paginationService.getCurrentPage(paginationId),
+                        itemsPerPage = paginationService.getItemsPerPage(paginationId),
+                        totalItems = paginationService.getCollectionLength(paginationId);
+
+                    scope.range.lower = (currentPage - 1) * itemsPerPage + 1;
+                    scope.range.upper = Math.min(currentPage * itemsPerPage, totalItems);
+                    scope.range.total = totalItems;
+                }
+
+                function isValidPageNumber(num) {
+                    return (numberRegex.test(num) && (0 < num && num <= scope.pagination.last));
+                }
+            }
+        };
+    }]);
+
+    module.filter('itemsPerPage', ['paginationService', function(paginationService) {
+
+        return function(collection, itemsPerPage, paginationId) {
+            if (typeof (paginationId) === 'undefined') {
+                paginationId = DEFAULT_ID;
+            }
+            if (!paginationService.isRegistered(paginationId)) {
+                throw 'pagination directive: the itemsPerPage id argument (id: ' + paginationId + ') does not match a registered pagination-id.';
+            }
+            var end;
+            var start;
+            if (collection instanceof Array) {
+                itemsPerPage = parseInt(itemsPerPage) || 9999999999;
+                if (paginationService.isAsyncMode(paginationId)) {
+                    start = 0;
+                } else {
+                    start = (paginationService.getCurrentPage(paginationId) - 1) * itemsPerPage;
+                }
+                end = start + itemsPerPage;
+                paginationService.setItemsPerPage(paginationId, itemsPerPage);
+
+                return collection.slice(start, end);
+            } else {
+                return collection;
+            }
+        };
+    }]);
+
+    module.service('paginationService', function() {
+
+        var instances = {};
+        var lastRegisteredInstance;
+
+        this.registerInstance = function(instanceId) {
+            if (typeof instances[instanceId] === 'undefined') {
+                instances[instanceId] = {
+                    asyncMode: false
+                };
+                lastRegisteredInstance = instanceId;
+            }
+        };
+
+        this.isRegistered = function(instanceId) {
+            return (typeof instances[instanceId] !== 'undefined');
+        };
+
+        this.getLastInstanceId = function() {
+            return lastRegisteredInstance;
+        };
+
+        this.setCurrentPageParser = function(instanceId, val, scope) {
+            instances[instanceId].currentPageParser = val;
+            instances[instanceId].context = scope;
+        };
+        this.setCurrentPage = function(instanceId, val) {
+            instances[instanceId].currentPageParser.assign(instances[instanceId].context, val);
+        };
+        this.getCurrentPage = function(instanceId) {
+            var parser = instances[instanceId].currentPageParser;
+            return parser ? parser(instances[instanceId].context) : 1;
+        };
+
+        this.setItemsPerPage = function(instanceId, val) {
+            instances[instanceId].itemsPerPage = val;
+        };
+        this.getItemsPerPage = function(instanceId) {
+            return instances[instanceId].itemsPerPage;
+        };
+
+        this.setCollectionLength = function(instanceId, val) {
+            instances[instanceId].collectionLength = val;
+        };
+        this.getCollectionLength = function(instanceId) {
+            return instances[instanceId].collectionLength;
+        };
+
+        this.setAsyncModeTrue = function(instanceId) {
+            instances[instanceId].asyncMode = true;
+        };
+
+        this.isAsyncMode = function(instanceId) {
+            return instances[instanceId].asyncMode;
+        };
+    });
+    
+    module.provider('paginationTemplate', function() {
+
+        var templatePath = 'directives/pagination/dirPagination.tpl.html';
+        
+        this.setPath = function(path) {
+            templatePath = path;
+        };
+        
+        this.$get = function() {
+            return {
+                getPath: function() {
+                    return templatePath;
+                }
+            };
+        };
+    });
+})();

web/js/dirPagination.tpl.html

@@ -0,0 +1,20 @@
+<div class="text-center">
+	<ul class="pagination" ng-if="1 < pages.length">
+	    <li ng-if="boundaryLinks" ng-class="{ disabled : pagination.current == 1 }">
+	        <a href="" ng-click="setCurrent(1)">&laquo;</a>
+	    </li>
+	    <li ng-if="directionLinks" ng-class="{ disabled : pagination.current == 1 }">
+	        <a href="" ng-click="setCurrent(pagination.current - 1)">&lsaquo;</a>
+	    </li>
+	    <li ng-repeat="pageNumber in pages track by $index" ng-class="{ active : pagination.current == pageNumber, disabled : pageNumber == '...' }">
+	        <a href="" ng-click="setCurrent(pageNumber)">{{ pageNumber }}</a>
+	    </li>
+	
+	    <li ng-if="directionLinks" ng-class="{ disabled : pagination.current == pagination.last }">
+	        <a href="" ng-click="setCurrent(pagination.current + 1)">&rsaquo;</a>
+	    </li>
+	    <li ng-if="boundaryLinks"  ng-class="{ disabled : pagination.current == pagination.last }">
+	        <a href="" ng-click="setCurrent(pagination.last)">&raquo;</a>
+	    </li>
+	</ul>
+</div>

web/js/jquery-1.4.2.min.js

@@ -0,0 +1,154 @@
+/*!
+ * jQuery JavaScript Library v1.4.2
+ * http://jquery.com/
+ *
+ * Copyright 2010, John Resig
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ * Copyright 2010, The Dojo Foundation
+ * Released under the MIT, BSD, and GPL Licenses.
+ *
+ * Date: Sat Feb 13 22:33:48 2010 -0500
+ */
+(function(A,w){function ma(){if(!c.isReady){try{s.documentElement.doScroll("left")}catch(a){setTimeout(ma,1);return}c.ready()}}function Qa(a,b){b.src?c.ajax({url:b.src,async:false,dataType:"script"}):c.globalEval(b.text||b.textContent||b.innerHTML||"");b.parentNode&&b.parentNode.removeChild(b)}function X(a,b,d,f,e,j){var i=a.length;if(typeof b==="object"){for(var o in b)X(a,o,b[o],f,e,d);return a}if(d!==w){f=!j&&f&&c.isFunction(d);for(o=0;o<i;o++)e(a[o],b,f?d.call(a[o],o,e(a[o],b)):d,j);return a}return i?
+e(a[0],b):w}function J(){return(new Date).getTime()}function Y(){return false}function Z(){return true}function na(a,b,d){d[0].type=a;return c.event.handle.apply(b,d)}function oa(a){var b,d=[],f=[],e=arguments,j,i,o,k,n,r;i=c.data(this,"events");if(!(a.liveFired===this||!i||!i.live||a.button&&a.type==="click")){a.liveFired=this;var u=i.live.slice(0);for(k=0;k<u.length;k++){i=u[k];i.origType.replace(O,"")===a.type?f.push(i.selector):u.splice(k--,1)}j=c(a.target).closest(f,a.currentTarget);n=0;for(r=
+j.length;n<r;n++)for(k=0;k<u.length;k++){i=u[k];if(j[n].selector===i.selector){o=j[n].elem;f=null;if(i.preType==="mouseenter"||i.preType==="mouseleave")f=c(a.relatedTarget).closest(i.selector)[0];if(!f||f!==o)d.push({elem:o,handleObj:i})}}n=0;for(r=d.length;n<r;n++){j=d[n];a.currentTarget=j.elem;a.data=j.handleObj.data;a.handleObj=j.handleObj;if(j.handleObj.origHandler.apply(j.elem,e)===false){b=false;break}}return b}}function pa(a,b){return"live."+(a&&a!=="*"?a+".":"")+b.replace(/\./g,"`").replace(/ /g,
+"&")}function qa(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function ra(a,b){var d=0;b.each(function(){if(this.nodeName===(a[d]&&a[d].nodeName)){var f=c.data(a[d++]),e=c.data(this,f);if(f=f&&f.events){delete e.handle;e.events={};for(var j in f)for(var i in f[j])c.event.add(this,j,f[j][i],f[j][i].data)}}})}function sa(a,b,d){var f,e,j;b=b&&b[0]?b[0].ownerDocument||b[0]:s;if(a.length===1&&typeof a[0]==="string"&&a[0].length<512&&b===s&&!ta.test(a[0])&&(c.support.checkClone||!ua.test(a[0]))){e=
+true;if(j=c.fragments[a[0]])if(j!==1)f=j}if(!f){f=b.createDocumentFragment();c.clean(a,b,f,d)}if(e)c.fragments[a[0]]=j?f:1;return{fragment:f,cacheable:e}}function K(a,b){var d={};c.each(va.concat.apply([],va.slice(0,b)),function(){d[this]=a});return d}function wa(a){return"scrollTo"in a&&a.document?a:a.nodeType===9?a.defaultView||a.parentWindow:false}var c=function(a,b){return new c.fn.init(a,b)},Ra=A.jQuery,Sa=A.$,s=A.document,T,Ta=/^[^<]*(<[\w\W]+>)[^>]*$|^#([\w-]+)$/,Ua=/^.[^:#\[\.,]*$/,Va=/\S/,
+Wa=/^(\s|\u00A0)+|(\s|\u00A0)+$/g,Xa=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,P=navigator.userAgent,xa=false,Q=[],L,$=Object.prototype.toString,aa=Object.prototype.hasOwnProperty,ba=Array.prototype.push,R=Array.prototype.slice,ya=Array.prototype.indexOf;c.fn=c.prototype={init:function(a,b){var d,f;if(!a)return this;if(a.nodeType){this.context=this[0]=a;this.length=1;return this}if(a==="body"&&!b){this.context=s;this[0]=s.body;this.selector="body";this.length=1;return this}if(typeof a==="string")if((d=Ta.exec(a))&&
+(d[1]||!b))if(d[1]){f=b?b.ownerDocument||b:s;if(a=Xa.exec(a))if(c.isPlainObject(b)){a=[s.createElement(a[1])];c.fn.attr.call(a,b,true)}else a=[f.createElement(a[1])];else{a=sa([d[1]],[f]);a=(a.cacheable?a.fragment.cloneNode(true):a.fragment).childNodes}return c.merge(this,a)}else{if(b=s.getElementById(d[2])){if(b.id!==d[2])return T.find(a);this.length=1;this[0]=b}this.context=s;this.selector=a;return this}else if(!b&&/^\w+$/.test(a)){this.selector=a;this.context=s;a=s.getElementsByTagName(a);return c.merge(this,
+a)}else return!b||b.jquery?(b||T).find(a):c(b).find(a);else if(c.isFunction(a))return T.ready(a);if(a.selector!==w){this.selector=a.selector;this.context=a.context}return c.makeArray(a,this)},selector:"",jquery:"1.4.2",length:0,size:function(){return this.length},toArray:function(){return R.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this.slice(a)[0]:this[a]},pushStack:function(a,b,d){var f=c();c.isArray(a)?ba.apply(f,a):c.merge(f,a);f.prevObject=this;f.context=this.context;if(b===
+"find")f.selector=this.selector+(this.selector?" ":"")+d;else if(b)f.selector=this.selector+"."+b+"("+d+")";return f},each:function(a,b){return c.each(this,a,b)},ready:function(a){c.bindReady();if(c.isReady)a.call(s,c);else Q&&Q.push(a);return this},eq:function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(R.apply(this,arguments),"slice",R.call(arguments).join(","))},map:function(a){return this.pushStack(c.map(this,
+function(b,d){return a.call(b,d,b)}))},end:function(){return this.prevObject||c(null)},push:ba,sort:[].sort,splice:[].splice};c.fn.init.prototype=c.fn;c.extend=c.fn.extend=function(){var a=arguments[0]||{},b=1,d=arguments.length,f=false,e,j,i,o;if(typeof a==="boolean"){f=a;a=arguments[1]||{};b=2}if(typeof a!=="object"&&!c.isFunction(a))a={};if(d===b){a=this;--b}for(;b<d;b++)if((e=arguments[b])!=null)for(j in e){i=a[j];o=e[j];if(a!==o)if(f&&o&&(c.isPlainObject(o)||c.isArray(o))){i=i&&(c.isPlainObject(i)||
+c.isArray(i))?i:c.isArray(o)?[]:{};a[j]=c.extend(f,i,o)}else if(o!==w)a[j]=o}return a};c.extend({noConflict:function(a){A.$=Sa;if(a)A.jQuery=Ra;return c},isReady:false,ready:function(){if(!c.isReady){if(!s.body)return setTimeout(c.ready,13);c.isReady=true;if(Q){for(var a,b=0;a=Q[b++];)a.call(s,c);Q=null}c.fn.triggerHandler&&c(s).triggerHandler("ready")}},bindReady:function(){if(!xa){xa=true;if(s.readyState==="complete")return c.ready();if(s.addEventListener){s.addEventListener("DOMContentLoaded",
+L,false);A.addEventListener("load",c.ready,false)}else if(s.attachEvent){s.attachEvent("onreadystatechange",L);A.attachEvent("onload",c.ready);var a=false;try{a=A.frameElement==null}catch(b){}s.documentElement.doScroll&&a&&ma()}}},isFunction:function(a){return $.call(a)==="[object Function]"},isArray:function(a){return $.call(a)==="[object Array]"},isPlainObject:function(a){if(!a||$.call(a)!=="[object Object]"||a.nodeType||a.setInterval)return false;if(a.constructor&&!aa.call(a,"constructor")&&!aa.call(a.constructor.prototype,
+"isPrototypeOf"))return false;var b;for(b in a);return b===w||aa.call(a,b)},isEmptyObject:function(a){for(var b in a)return false;return true},error:function(a){throw a;},parseJSON:function(a){if(typeof a!=="string"||!a)return null;a=c.trim(a);if(/^[\],:{}\s]*$/.test(a.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:\s*\[)+/g,"")))return A.JSON&&A.JSON.parse?A.JSON.parse(a):(new Function("return "+
+a))();else c.error("Invalid JSON: "+a)},noop:function(){},globalEval:function(a){if(a&&Va.test(a)){var b=s.getElementsByTagName("head")[0]||s.documentElement,d=s.createElement("script");d.type="text/javascript";if(c.support.scriptEval)d.appendChild(s.createTextNode(a));else d.text=a;b.insertBefore(d,b.firstChild);b.removeChild(d)}},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,b,d){var f,e=0,j=a.length,i=j===w||c.isFunction(a);if(d)if(i)for(f in a){if(b.apply(a[f],
+d)===false)break}else for(;e<j;){if(b.apply(a[e++],d)===false)break}else if(i)for(f in a){if(b.call(a[f],f,a[f])===false)break}else for(d=a[0];e<j&&b.call(d,e,d)!==false;d=a[++e]);return a},trim:function(a){return(a||"").replace(Wa,"")},makeArray:function(a,b){b=b||[];if(a!=null)a.length==null||typeof a==="string"||c.isFunction(a)||typeof a!=="function"&&a.setInterval?ba.call(b,a):c.merge(b,a);return b},inArray:function(a,b){if(b.indexOf)return b.indexOf(a);for(var d=0,f=b.length;d<f;d++)if(b[d]===
+a)return d;return-1},merge:function(a,b){var d=a.length,f=0;if(typeof b.length==="number")for(var e=b.length;f<e;f++)a[d++]=b[f];else for(;b[f]!==w;)a[d++]=b[f++];a.length=d;return a},grep:function(a,b,d){for(var f=[],e=0,j=a.length;e<j;e++)!d!==!b(a[e],e)&&f.push(a[e]);return f},map:function(a,b,d){for(var f=[],e,j=0,i=a.length;j<i;j++){e=b(a[j],j,d);if(e!=null)f[f.length]=e}return f.concat.apply([],f)},guid:1,proxy:function(a,b,d){if(arguments.length===2)if(typeof b==="string"){d=a;a=d[b];b=w}else if(b&&
+!c.isFunction(b)){d=b;b=w}if(!b&&a)b=function(){return a.apply(d||this,arguments)};if(a)b.guid=a.guid=a.guid||b.guid||c.guid++;return b},uaMatch:function(a){a=a.toLowerCase();a=/(webkit)[ \/]([\w.]+)/.exec(a)||/(opera)(?:.*version)?[ \/]([\w.]+)/.exec(a)||/(msie) ([\w.]+)/.exec(a)||!/compatible/.test(a)&&/(mozilla)(?:.*? rv:([\w.]+))?/.exec(a)||[];return{browser:a[1]||"",version:a[2]||"0"}},browser:{}});P=c.uaMatch(P);if(P.browser){c.browser[P.browser]=true;c.browser.version=P.version}if(c.browser.webkit)c.browser.safari=
+true;if(ya)c.inArray=function(a,b){return ya.call(b,a)};T=c(s);if(s.addEventListener)L=function(){s.removeEventListener("DOMContentLoaded",L,false);c.ready()};else if(s.attachEvent)L=function(){if(s.readyState==="complete"){s.detachEvent("onreadystatechange",L);c.ready()}};(function(){c.support={};var a=s.documentElement,b=s.createElement("script"),d=s.createElement("div"),f="script"+J();d.style.display="none";d.innerHTML="   <link/><table></table><a href='/a' style='color:red;float:left;opacity:.55;'>a</a><input type='checkbox'/>";
+var e=d.getElementsByTagName("*"),j=d.getElementsByTagName("a")[0];if(!(!e||!e.length||!j)){c.support={leadingWhitespace:d.firstChild.nodeType===3,tbody:!d.getElementsByTagName("tbody").length,htmlSerialize:!!d.getElementsByTagName("link").length,style:/red/.test(j.getAttribute("style")),hrefNormalized:j.getAttribute("href")==="/a",opacity:/^0.55$/.test(j.style.opacity),cssFloat:!!j.style.cssFloat,checkOn:d.getElementsByTagName("input")[0].value==="on",optSelected:s.createElement("select").appendChild(s.createElement("option")).selected,
+parentNode:d.removeChild(d.appendChild(s.createElement("div"))).parentNode===null,deleteExpando:true,checkClone:false,scriptEval:false,noCloneEvent:true,boxModel:null};b.type="text/javascript";try{b.appendChild(s.createTextNode("window."+f+"=1;"))}catch(i){}a.insertBefore(b,a.firstChild);if(A[f]){c.support.scriptEval=true;delete A[f]}try{delete b.test}catch(o){c.support.deleteExpando=false}a.removeChild(b);if(d.attachEvent&&d.fireEvent){d.attachEvent("onclick",function k(){c.support.noCloneEvent=
+false;d.detachEvent("onclick",k)});d.cloneNode(true).fireEvent("onclick")}d=s.createElement("div");d.innerHTML="<input type='radio' name='radiotest' checked='checked'/>";a=s.createDocumentFragment();a.appendChild(d.firstChild);c.support.checkClone=a.cloneNode(true).cloneNode(true).lastChild.checked;c(function(){var k=s.createElement("div");k.style.width=k.style.paddingLeft="1px";s.body.appendChild(k);c.boxModel=c.support.boxModel=k.offsetWidth===2;s.body.removeChild(k).style.display="none"});a=function(k){var n=
+s.createElement("div");k="on"+k;var r=k in n;if(!r){n.setAttribute(k,"return;");r=typeof n[k]==="function"}return r};c.support.submitBubbles=a("submit");c.support.changeBubbles=a("change");a=b=d=e=j=null}})();c.props={"for":"htmlFor","class":"className",readonly:"readOnly",maxlength:"maxLength",cellspacing:"cellSpacing",rowspan:"rowSpan",colspan:"colSpan",tabindex:"tabIndex",usemap:"useMap",frameborder:"frameBorder"};var G="jQuery"+J(),Ya=0,za={};c.extend({cache:{},expando:G,noData:{embed:true,object:true,
+applet:true},data:function(a,b,d){if(!(a.nodeName&&c.noData[a.nodeName.toLowerCase()])){a=a==A?za:a;var f=a[G],e=c.cache;if(!f&&typeof b==="string"&&d===w)return null;f||(f=++Ya);if(typeof b==="object"){a[G]=f;e[f]=c.extend(true,{},b)}else if(!e[f]){a[G]=f;e[f]={}}a=e[f];if(d!==w)a[b]=d;return typeof b==="string"?a[b]:a}},removeData:function(a,b){if(!(a.nodeName&&c.noData[a.nodeName.toLowerCase()])){a=a==A?za:a;var d=a[G],f=c.cache,e=f[d];if(b){if(e){delete e[b];c.isEmptyObject(e)&&c.removeData(a)}}else{if(c.support.deleteExpando)delete a[c.expando];
+else a.removeAttribute&&a.removeAttribute(c.expando);delete f[d]}}}});c.fn.extend({data:function(a,b){if(typeof a==="undefined"&&this.length)return c.data(this[0]);else if(typeof a==="object")return this.each(function(){c.data(this,a)});var d=a.split(".");d[1]=d[1]?"."+d[1]:"";if(b===w){var f=this.triggerHandler("getData"+d[1]+"!",[d[0]]);if(f===w&&this.length)f=c.data(this[0],a);return f===w&&d[1]?this.data(d[0]):f}else return this.trigger("setData"+d[1]+"!",[d[0],b]).each(function(){c.data(this,
+a,b)})},removeData:function(a){return this.each(function(){c.removeData(this,a)})}});c.extend({queue:function(a,b,d){if(a){b=(b||"fx")+"queue";var f=c.data(a,b);if(!d)return f||[];if(!f||c.isArray(d))f=c.data(a,b,c.makeArray(d));else f.push(d);return f}},dequeue:function(a,b){b=b||"fx";var d=c.queue(a,b),f=d.shift();if(f==="inprogress")f=d.shift();if(f){b==="fx"&&d.unshift("inprogress");f.call(a,function(){c.dequeue(a,b)})}}});c.fn.extend({queue:function(a,b){if(typeof a!=="string"){b=a;a="fx"}if(b===
+w)return c.queue(this[0],a);return this.each(function(){var d=c.queue(this,a,b);a==="fx"&&d[0]!=="inprogress"&&c.dequeue(this,a)})},dequeue:function(a){return this.each(function(){c.dequeue(this,a)})},delay:function(a,b){a=c.fx?c.fx.speeds[a]||a:a;b=b||"fx";return this.queue(b,function(){var d=this;setTimeout(function(){c.dequeue(d,b)},a)})},clearQueue:function(a){return this.queue(a||"fx",[])}});var Aa=/[\n\t]/g,ca=/\s+/,Za=/\r/g,$a=/href|src|style/,ab=/(button|input)/i,bb=/(button|input|object|select|textarea)/i,
+cb=/^(a|area)$/i,Ba=/radio|checkbox/;c.fn.extend({attr:function(a,b){return X(this,a,b,true,c.attr)},removeAttr:function(a){return this.each(function(){c.attr(this,a,"");this.nodeType===1&&this.removeAttribute(a)})},addClass:function(a){if(c.isFunction(a))return this.each(function(n){var r=c(this);r.addClass(a.call(this,n,r.attr("class")))});if(a&&typeof a==="string")for(var b=(a||"").split(ca),d=0,f=this.length;d<f;d++){var e=this[d];if(e.nodeType===1)if(e.className){for(var j=" "+e.className+" ",
+i=e.className,o=0,k=b.length;o<k;o++)if(j.indexOf(" "+b[o]+" ")<0)i+=" "+b[o];e.className=c.trim(i)}else e.className=a}return this},removeClass:function(a){if(c.isFunction(a))return this.each(function(k){var n=c(this);n.removeClass(a.call(this,k,n.attr("class")))});if(a&&typeof a==="string"||a===w)for(var b=(a||"").split(ca),d=0,f=this.length;d<f;d++){var e=this[d];if(e.nodeType===1&&e.className)if(a){for(var j=(" "+e.className+" ").replace(Aa," "),i=0,o=b.length;i<o;i++)j=j.replace(" "+b[i]+" ",
+" ");e.className=c.trim(j)}else e.className=""}return this},toggleClass:function(a,b){var d=typeof a,f=typeof b==="boolean";if(c.isFunction(a))return this.each(function(e){var j=c(this);j.toggleClass(a.call(this,e,j.attr("class"),b),b)});return this.each(function(){if(d==="string")for(var e,j=0,i=c(this),o=b,k=a.split(ca);e=k[j++];){o=f?o:!i.hasClass(e);i[o?"addClass":"removeClass"](e)}else if(d==="undefined"||d==="boolean"){this.className&&c.data(this,"__className__",this.className);this.className=
+this.className||a===false?"":c.data(this,"__className__")||""}})},hasClass:function(a){a=" "+a+" ";for(var b=0,d=this.length;b<d;b++)if((" "+this[b].className+" ").replace(Aa," ").indexOf(a)>-1)return true;return false},val:function(a){if(a===w){var b=this[0];if(b){if(c.nodeName(b,"option"))return(b.attributes.value||{}).specified?b.value:b.text;if(c.nodeName(b,"select")){var d=b.selectedIndex,f=[],e=b.options;b=b.type==="select-one";if(d<0)return null;var j=b?d:0;for(d=b?d+1:e.length;j<d;j++){var i=
+e[j];if(i.selected){a=c(i).val();if(b)return a;f.push(a)}}return f}if(Ba.test(b.type)&&!c.support.checkOn)return b.getAttribute("value")===null?"on":b.value;return(b.value||"").replace(Za,"")}return w}var o=c.isFunction(a);return this.each(function(k){var n=c(this),r=a;if(this.nodeType===1){if(o)r=a.call(this,k,n.val());if(typeof r==="number")r+="";if(c.isArray(r)&&Ba.test(this.type))this.checked=c.inArray(n.val(),r)>=0;else if(c.nodeName(this,"select")){var u=c.makeArray(r);c("option",this).each(function(){this.selected=
+c.inArray(c(this).val(),u)>=0});if(!u.length)this.selectedIndex=-1}else this.value=r}})}});c.extend({attrFn:{val:true,css:true,html:true,text:true,data:true,width:true,height:true,offset:true},attr:function(a,b,d,f){if(!a||a.nodeType===3||a.nodeType===8)return w;if(f&&b in c.attrFn)return c(a)[b](d);f=a.nodeType!==1||!c.isXMLDoc(a);var e=d!==w;b=f&&c.props[b]||b;if(a.nodeType===1){var j=$a.test(b);if(b in a&&f&&!j){if(e){b==="type"&&ab.test(a.nodeName)&&a.parentNode&&c.error("type property can't be changed");
+a[b]=d}if(c.nodeName(a,"form")&&a.getAttributeNode(b))return a.getAttributeNode(b).nodeValue;if(b==="tabIndex")return(b=a.getAttributeNode("tabIndex"))&&b.specified?b.value:bb.test(a.nodeName)||cb.test(a.nodeName)&&a.href?0:w;return a[b]}if(!c.support.style&&f&&b==="style"){if(e)a.style.cssText=""+d;return a.style.cssText}e&&a.setAttribute(b,""+d);a=!c.support.hrefNormalized&&f&&j?a.getAttribute(b,2):a.getAttribute(b);return a===null?w:a}return c.style(a,b,d)}});var O=/\.(.*)$/,db=function(a){return a.replace(/[^\w\s\.\|`]/g,
+function(b){return"\\"+b})};c.event={add:function(a,b,d,f){if(!(a.nodeType===3||a.nodeType===8)){if(a.setInterval&&a!==A&&!a.frameElement)a=A;var e,j;if(d.handler){e=d;d=e.handler}if(!d.guid)d.guid=c.guid++;if(j=c.data(a)){var i=j.events=j.events||{},o=j.handle;if(!o)j.handle=o=function(){return typeof c!=="undefined"&&!c.event.triggered?c.event.handle.apply(o.elem,arguments):w};o.elem=a;b=b.split(" ");for(var k,n=0,r;k=b[n++];){j=e?c.extend({},e):{handler:d,data:f};if(k.indexOf(".")>-1){r=k.split(".");
+k=r.shift();j.namespace=r.slice(0).sort().join(".")}else{r=[];j.namespace=""}j.type=k;j.guid=d.guid;var u=i[k],z=c.event.special[k]||{};if(!u){u=i[k]=[];if(!z.setup||z.setup.call(a,f,r,o)===false)if(a.addEventListener)a.addEventListener(k,o,false);else a.attachEvent&&a.attachEvent("on"+k,o)}if(z.add){z.add.call(a,j);if(!j.handler.guid)j.handler.guid=d.guid}u.push(j);c.event.global[k]=true}a=null}}},global:{},remove:function(a,b,d,f){if(!(a.nodeType===3||a.nodeType===8)){var e,j=0,i,o,k,n,r,u,z=c.data(a),
+C=z&&z.events;if(z&&C){if(b&&b.type){d=b.handler;b=b.type}if(!b||typeof b==="string"&&b.charAt(0)==="."){b=b||"";for(e in C)c.event.remove(a,e+b)}else{for(b=b.split(" ");e=b[j++];){n=e;i=e.indexOf(".")<0;o=[];if(!i){o=e.split(".");e=o.shift();k=new RegExp("(^|\\.)"+c.map(o.slice(0).sort(),db).join("\\.(?:.*\\.)?")+"(\\.|$)")}if(r=C[e])if(d){n=c.event.special[e]||{};for(B=f||0;B<r.length;B++){u=r[B];if(d.guid===u.guid){if(i||k.test(u.namespace)){f==null&&r.splice(B--,1);n.remove&&n.remove.call(a,u)}if(f!=
+null)break}}if(r.length===0||f!=null&&r.length===1){if(!n.teardown||n.teardown.call(a,o)===false)Ca(a,e,z.handle);delete C[e]}}else for(var B=0;B<r.length;B++){u=r[B];if(i||k.test(u.namespace)){c.event.remove(a,n,u.handler,B);r.splice(B--,1)}}}if(c.isEmptyObject(C)){if(b=z.handle)b.elem=null;delete z.events;delete z.handle;c.isEmptyObject(z)&&c.removeData(a)}}}}},trigger:function(a,b,d,f){var e=a.type||a;if(!f){a=typeof a==="object"?a[G]?a:c.extend(c.Event(e),a):c.Event(e);if(e.indexOf("!")>=0){a.type=
+e=e.slice(0,-1);a.exclusive=true}if(!d){a.stopPropagation();c.event.global[e]&&c.each(c.cache,function(){this.events&&this.events[e]&&c.event.trigger(a,b,this.handle.elem)})}if(!d||d.nodeType===3||d.nodeType===8)return w;a.result=w;a.target=d;b=c.makeArray(b);b.unshift(a)}a.currentTarget=d;(f=c.data(d,"handle"))&&f.apply(d,b);f=d.parentNode||d.ownerDocument;try{if(!(d&&d.nodeName&&c.noData[d.nodeName.toLowerCase()]))if(d["on"+e]&&d["on"+e].apply(d,b)===false)a.result=false}catch(j){}if(!a.isPropagationStopped()&&
+f)c.event.trigger(a,b,f,true);else if(!a.isDefaultPrevented()){f=a.target;var i,o=c.nodeName(f,"a")&&e==="click",k=c.event.special[e]||{};if((!k._default||k._default.call(d,a)===false)&&!o&&!(f&&f.nodeName&&c.noData[f.nodeName.toLowerCase()])){try{if(f[e]){if(i=f["on"+e])f["on"+e]=null;c.event.triggered=true;f[e]()}}catch(n){}if(i)f["on"+e]=i;c.event.triggered=false}}},handle:function(a){var b,d,f,e;a=arguments[0]=c.event.fix(a||A.event);a.currentTarget=this;b=a.type.indexOf(".")<0&&!a.exclusive;
+if(!b){d=a.type.split(".");a.type=d.shift();f=new RegExp("(^|\\.)"+d.slice(0).sort().join("\\.(?:.*\\.)?")+"(\\.|$)")}e=c.data(this,"events");d=e[a.type];if(e&&d){d=d.slice(0);e=0;for(var j=d.length;e<j;e++){var i=d[e];if(b||f.test(i.namespace)){a.handler=i.handler;a.data=i.data;a.handleObj=i;i=i.handler.apply(this,arguments);if(i!==w){a.result=i;if(i===false){a.preventDefault();a.stopPropagation()}}if(a.isImmediatePropagationStopped())break}}}return a.result},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),
+fix:function(a){if(a[G])return a;var b=a;a=c.Event(b);for(var d=this.props.length,f;d;){f=this.props[--d];a[f]=b[f]}if(!a.target)a.target=a.srcElement||s;if(a.target.nodeType===3)a.target=a.target.parentNode;if(!a.relatedTarget&&a.fromElement)a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement;if(a.pageX==null&&a.clientX!=null){b=s.documentElement;d=s.body;a.pageX=a.clientX+(b&&b.scrollLeft||d&&d.scrollLeft||0)-(b&&b.clientLeft||d&&d.clientLeft||0);a.pageY=a.clientY+(b&&b.scrollTop||
+d&&d.scrollTop||0)-(b&&b.clientTop||d&&d.clientTop||0)}if(!a.which&&(a.charCode||a.charCode===0?a.charCode:a.keyCode))a.which=a.charCode||a.keyCode;if(!a.metaKey&&a.ctrlKey)a.metaKey=a.ctrlKey;if(!a.which&&a.button!==w)a.which=a.button&1?1:a.button&2?3:a.button&4?2:0;return a},guid:1E8,proxy:c.proxy,special:{ready:{setup:c.bindReady,teardown:c.noop},live:{add:function(a){c.event.add(this,a.origType,c.extend({},a,{handler:oa}))},remove:function(a){var b=true,d=a.origType.replace(O,"");c.each(c.data(this,
+"events").live||[],function(){if(d===this.origType.replace(O,""))return b=false});b&&c.event.remove(this,a.origType,oa)}},beforeunload:{setup:function(a,b,d){if(this.setInterval)this.onbeforeunload=d;return false},teardown:function(a,b){if(this.onbeforeunload===b)this.onbeforeunload=null}}}};var Ca=s.removeEventListener?function(a,b,d){a.removeEventListener(b,d,false)}:function(a,b,d){a.detachEvent("on"+b,d)};c.Event=function(a){if(!this.preventDefault)return new c.Event(a);if(a&&a.type){this.originalEvent=
+a;this.type=a.type}else this.type=a;this.timeStamp=J();this[G]=true};c.Event.prototype={preventDefault:function(){this.isDefaultPrevented=Z;var a=this.originalEvent;if(a){a.preventDefault&&a.preventDefault();a.returnValue=false}},stopPropagation:function(){this.isPropagationStopped=Z;var a=this.originalEvent;if(a){a.stopPropagation&&a.stopPropagation();a.cancelBubble=true}},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=Z;this.stopPropagation()},isDefaultPrevented:Y,isPropagationStopped:Y,
+isImmediatePropagationStopped:Y};var Da=function(a){var b=a.relatedTarget;try{for(;b&&b!==this;)b=b.parentNode;if(b!==this){a.type=a.data;c.event.handle.apply(this,arguments)}}catch(d){}},Ea=function(a){a.type=a.data;c.event.handle.apply(this,arguments)};c.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){c.event.special[a]={setup:function(d){c.event.add(this,b,d&&d.selector?Ea:Da,a)},teardown:function(d){c.event.remove(this,b,d&&d.selector?Ea:Da)}}});if(!c.support.submitBubbles)c.event.special.submit=
+{setup:function(){if(this.nodeName.toLowerCase()!=="form"){c.event.add(this,"click.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="submit"||d==="image")&&c(b).closest("form").length)return na("submit",this,arguments)});c.event.add(this,"keypress.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="text"||d==="password")&&c(b).closest("form").length&&a.keyCode===13)return na("submit",this,arguments)})}else return false},teardown:function(){c.event.remove(this,".specialSubmit")}};
+if(!c.support.changeBubbles){var da=/textarea|input|select/i,ea,Fa=function(a){var b=a.type,d=a.value;if(b==="radio"||b==="checkbox")d=a.checked;else if(b==="select-multiple")d=a.selectedIndex>-1?c.map(a.options,function(f){return f.selected}).join("-"):"";else if(a.nodeName.toLowerCase()==="select")d=a.selectedIndex;return d},fa=function(a,b){var d=a.target,f,e;if(!(!da.test(d.nodeName)||d.readOnly)){f=c.data(d,"_change_data");e=Fa(d);if(a.type!=="focusout"||d.type!=="radio")c.data(d,"_change_data",
+e);if(!(f===w||e===f))if(f!=null||e){a.type="change";return c.event.trigger(a,b,d)}}};c.event.special.change={filters:{focusout:fa,click:function(a){var b=a.target,d=b.type;if(d==="radio"||d==="checkbox"||b.nodeName.toLowerCase()==="select")return fa.call(this,a)},keydown:function(a){var b=a.target,d=b.type;if(a.keyCode===13&&b.nodeName.toLowerCase()!=="textarea"||a.keyCode===32&&(d==="checkbox"||d==="radio")||d==="select-multiple")return fa.call(this,a)},beforeactivate:function(a){a=a.target;c.data(a,
+"_change_data",Fa(a))}},setup:function(){if(this.type==="file")return false;for(var a in ea)c.event.add(this,a+".specialChange",ea[a]);return da.test(this.nodeName)},teardown:function(){c.event.remove(this,".specialChange");return da.test(this.nodeName)}};ea=c.event.special.change.filters}s.addEventListener&&c.each({focus:"focusin",blur:"focusout"},function(a,b){function d(f){f=c.event.fix(f);f.type=b;return c.event.handle.call(this,f)}c.event.special[b]={setup:function(){this.addEventListener(a,
+d,true)},teardown:function(){this.removeEventListener(a,d,true)}}});c.each(["bind","one"],function(a,b){c.fn[b]=function(d,f,e){if(typeof d==="object"){for(var j in d)this[b](j,f,d[j],e);return this}if(c.isFunction(f)){e=f;f=w}var i=b==="one"?c.proxy(e,function(k){c(this).unbind(k,i);return e.apply(this,arguments)}):e;if(d==="unload"&&b!=="one")this.one(d,f,e);else{j=0;for(var o=this.length;j<o;j++)c.event.add(this[j],d,i,f)}return this}});c.fn.extend({unbind:function(a,b){if(typeof a==="object"&&
+!a.preventDefault)for(var d in a)this.unbind(d,a[d]);else{d=0;for(var f=this.length;d<f;d++)c.event.remove(this[d],a,b)}return this},delegate:function(a,b,d,f){return this.live(b,d,f,a)},undelegate:function(a,b,d){return arguments.length===0?this.unbind("live"):this.die(b,null,d,a)},trigger:function(a,b){return this.each(function(){c.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0]){a=c.Event(a);a.preventDefault();a.stopPropagation();c.event.trigger(a,b,this[0]);return a.result}},
+toggle:function(a){for(var b=arguments,d=1;d<b.length;)c.proxy(a,b[d++]);return this.click(c.proxy(a,function(f){var e=(c.data(this,"lastToggle"+a.guid)||0)%d;c.data(this,"lastToggle"+a.guid,e+1);f.preventDefault();return b[e].apply(this,arguments)||false}))},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}});var Ga={focus:"focusin",blur:"focusout",mouseenter:"mouseover",mouseleave:"mouseout"};c.each(["live","die"],function(a,b){c.fn[b]=function(d,f,e,j){var i,o=0,k,n,r=j||this.selector,
+u=j?this:c(this.context);if(c.isFunction(f)){e=f;f=w}for(d=(d||"").split(" ");(i=d[o++])!=null;){j=O.exec(i);k="";if(j){k=j[0];i=i.replace(O,"")}if(i==="hover")d.push("mouseenter"+k,"mouseleave"+k);else{n=i;if(i==="focus"||i==="blur"){d.push(Ga[i]+k);i+=k}else i=(Ga[i]||i)+k;b==="live"?u.each(function(){c.event.add(this,pa(i,r),{data:f,selector:r,handler:e,origType:i,origHandler:e,preType:n})}):u.unbind(pa(i,r),e)}}return this}});c.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error".split(" "),
+function(a,b){c.fn[b]=function(d){return d?this.bind(b,d):this.trigger(b)};if(c.attrFn)c.attrFn[b]=true});A.attachEvent&&!A.addEventListener&&A.attachEvent("onunload",function(){for(var a in c.cache)if(c.cache[a].handle)try{c.event.remove(c.cache[a].handle.elem)}catch(b){}});(function(){function a(g){for(var h="",l,m=0;g[m];m++){l=g[m];if(l.nodeType===3||l.nodeType===4)h+=l.nodeValue;else if(l.nodeType!==8)h+=a(l.childNodes)}return h}function b(g,h,l,m,q,p){q=0;for(var v=m.length;q<v;q++){var t=m[q];
+if(t){t=t[g];for(var y=false;t;){if(t.sizcache===l){y=m[t.sizset];break}if(t.nodeType===1&&!p){t.sizcache=l;t.sizset=q}if(t.nodeName.toLowerCase()===h){y=t;break}t=t[g]}m[q]=y}}}function d(g,h,l,m,q,p){q=0;for(var v=m.length;q<v;q++){var t=m[q];if(t){t=t[g];for(var y=false;t;){if(t.sizcache===l){y=m[t.sizset];break}if(t.nodeType===1){if(!p){t.sizcache=l;t.sizset=q}if(typeof h!=="string"){if(t===h){y=true;break}}else if(k.filter(h,[t]).length>0){y=t;break}}t=t[g]}m[q]=y}}}var f=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
+e=0,j=Object.prototype.toString,i=false,o=true;[0,0].sort(function(){o=false;return 0});var k=function(g,h,l,m){l=l||[];var q=h=h||s;if(h.nodeType!==1&&h.nodeType!==9)return[];if(!g||typeof g!=="string")return l;for(var p=[],v,t,y,S,H=true,M=x(h),I=g;(f.exec(""),v=f.exec(I))!==null;){I=v[3];p.push(v[1]);if(v[2]){S=v[3];break}}if(p.length>1&&r.exec(g))if(p.length===2&&n.relative[p[0]])t=ga(p[0]+p[1],h);else for(t=n.relative[p[0]]?[h]:k(p.shift(),h);p.length;){g=p.shift();if(n.relative[g])g+=p.shift();
+t=ga(g,t)}else{if(!m&&p.length>1&&h.nodeType===9&&!M&&n.match.ID.test(p[0])&&!n.match.ID.test(p[p.length-1])){v=k.find(p.shift(),h,M);h=v.expr?k.filter(v.expr,v.set)[0]:v.set[0]}if(h){v=m?{expr:p.pop(),set:z(m)}:k.find(p.pop(),p.length===1&&(p[0]==="~"||p[0]==="+")&&h.parentNode?h.parentNode:h,M);t=v.expr?k.filter(v.expr,v.set):v.set;if(p.length>0)y=z(t);else H=false;for(;p.length;){var D=p.pop();v=D;if(n.relative[D])v=p.pop();else D="";if(v==null)v=h;n.relative[D](y,v,M)}}else y=[]}y||(y=t);y||k.error(D||
+g);if(j.call(y)==="[object Array]")if(H)if(h&&h.nodeType===1)for(g=0;y[g]!=null;g++){if(y[g]&&(y[g]===true||y[g].nodeType===1&&E(h,y[g])))l.push(t[g])}else for(g=0;y[g]!=null;g++)y[g]&&y[g].nodeType===1&&l.push(t[g]);else l.push.apply(l,y);else z(y,l);if(S){k(S,q,l,m);k.uniqueSort(l)}return l};k.uniqueSort=function(g){if(B){i=o;g.sort(B);if(i)for(var h=1;h<g.length;h++)g[h]===g[h-1]&&g.splice(h--,1)}return g};k.matches=function(g,h){return k(g,null,null,h)};k.find=function(g,h,l){var m,q;if(!g)return[];
+for(var p=0,v=n.order.length;p<v;p++){var t=n.order[p];if(q=n.leftMatch[t].exec(g)){var y=q[1];q.splice(1,1);if(y.substr(y.length-1)!=="\\"){q[1]=(q[1]||"").replace(/\\/g,"");m=n.find[t](q,h,l);if(m!=null){g=g.replace(n.match[t],"");break}}}}m||(m=h.getElementsByTagName("*"));return{set:m,expr:g}};k.filter=function(g,h,l,m){for(var q=g,p=[],v=h,t,y,S=h&&h[0]&&x(h[0]);g&&h.length;){for(var H in n.filter)if((t=n.leftMatch[H].exec(g))!=null&&t[2]){var M=n.filter[H],I,D;D=t[1];y=false;t.splice(1,1);if(D.substr(D.length-
+1)!=="\\"){if(v===p)p=[];if(n.preFilter[H])if(t=n.preFilter[H](t,v,l,p,m,S)){if(t===true)continue}else y=I=true;if(t)for(var U=0;(D=v[U])!=null;U++)if(D){I=M(D,t,U,v);var Ha=m^!!I;if(l&&I!=null)if(Ha)y=true;else v[U]=false;else if(Ha){p.push(D);y=true}}if(I!==w){l||(v=p);g=g.replace(n.match[H],"");if(!y)return[];break}}}if(g===q)if(y==null)k.error(g);else break;q=g}return v};k.error=function(g){throw"Syntax error, unrecognized expression: "+g;};var n=k.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF-]|\\.)+)/,
+CLASS:/\.((?:[\w\u00c0-\uFFFF-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\((even|odd|[\dn+-]*)\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(g){return g.getAttribute("href")}},
+relative:{"+":function(g,h){var l=typeof h==="string",m=l&&!/\W/.test(h);l=l&&!m;if(m)h=h.toLowerCase();m=0;for(var q=g.length,p;m<q;m++)if(p=g[m]){for(;(p=p.previousSibling)&&p.nodeType!==1;);g[m]=l||p&&p.nodeName.toLowerCase()===h?p||false:p===h}l&&k.filter(h,g,true)},">":function(g,h){var l=typeof h==="string";if(l&&!/\W/.test(h)){h=h.toLowerCase();for(var m=0,q=g.length;m<q;m++){var p=g[m];if(p){l=p.parentNode;g[m]=l.nodeName.toLowerCase()===h?l:false}}}else{m=0;for(q=g.length;m<q;m++)if(p=g[m])g[m]=
+l?p.parentNode:p.parentNode===h;l&&k.filter(h,g,true)}},"":function(g,h,l){var m=e++,q=d;if(typeof h==="string"&&!/\W/.test(h)){var p=h=h.toLowerCase();q=b}q("parentNode",h,m,g,p,l)},"~":function(g,h,l){var m=e++,q=d;if(typeof h==="string"&&!/\W/.test(h)){var p=h=h.toLowerCase();q=b}q("previousSibling",h,m,g,p,l)}},find:{ID:function(g,h,l){if(typeof h.getElementById!=="undefined"&&!l)return(g=h.getElementById(g[1]))?[g]:[]},NAME:function(g,h){if(typeof h.getElementsByName!=="undefined"){var l=[];
+h=h.getElementsByName(g[1]);for(var m=0,q=h.length;m<q;m++)h[m].getAttribute("name")===g[1]&&l.push(h[m]);return l.length===0?null:l}},TAG:function(g,h){return h.getElementsByTagName(g[1])}},preFilter:{CLASS:function(g,h,l,m,q,p){g=" "+g[1].replace(/\\/g,"")+" ";if(p)return g;p=0;for(var v;(v=h[p])!=null;p++)if(v)if(q^(v.className&&(" "+v.className+" ").replace(/[\t\n]/g," ").indexOf(g)>=0))l||m.push(v);else if(l)h[p]=false;return false},ID:function(g){return g[1].replace(/\\/g,"")},TAG:function(g){return g[1].toLowerCase()},
+CHILD:function(g){if(g[1]==="nth"){var h=/(-?)(\d*)n((?:\+|-)?\d*)/.exec(g[2]==="even"&&"2n"||g[2]==="odd"&&"2n+1"||!/\D/.test(g[2])&&"0n+"+g[2]||g[2]);g[2]=h[1]+(h[2]||1)-0;g[3]=h[3]-0}g[0]=e++;return g},ATTR:function(g,h,l,m,q,p){h=g[1].replace(/\\/g,"");if(!p&&n.attrMap[h])g[1]=n.attrMap[h];if(g[2]==="~=")g[4]=" "+g[4]+" ";return g},PSEUDO:function(g,h,l,m,q){if(g[1]==="not")if((f.exec(g[3])||"").length>1||/^\w/.test(g[3]))g[3]=k(g[3],null,null,h);else{g=k.filter(g[3],h,l,true^q);l||m.push.apply(m,
+g);return false}else if(n.match.POS.test(g[0])||n.match.CHILD.test(g[0]))return true;return g},POS:function(g){g.unshift(true);return g}},filters:{enabled:function(g){return g.disabled===false&&g.type!=="hidden"},disabled:function(g){return g.disabled===true},checked:function(g){return g.checked===true},selected:function(g){return g.selected===true},parent:function(g){return!!g.firstChild},empty:function(g){return!g.firstChild},has:function(g,h,l){return!!k(l[3],g).length},header:function(g){return/h\d/i.test(g.nodeName)},
+text:function(g){return"text"===g.type},radio:function(g){return"radio"===g.type},checkbox:function(g){return"checkbox"===g.type},file:function(g){return"file"===g.type},password:function(g){return"password"===g.type},submit:function(g){return"submit"===g.type},image:function(g){return"image"===g.type},reset:function(g){return"reset"===g.type},button:function(g){return"button"===g.type||g.nodeName.toLowerCase()==="button"},input:function(g){return/input|select|textarea|button/i.test(g.nodeName)}},
+setFilters:{first:function(g,h){return h===0},last:function(g,h,l,m){return h===m.length-1},even:function(g,h){return h%2===0},odd:function(g,h){return h%2===1},lt:function(g,h,l){return h<l[3]-0},gt:function(g,h,l){return h>l[3]-0},nth:function(g,h,l){return l[3]-0===h},eq:function(g,h,l){return l[3]-0===h}},filter:{PSEUDO:function(g,h,l,m){var q=h[1],p=n.filters[q];if(p)return p(g,l,h,m);else if(q==="contains")return(g.textContent||g.innerText||a([g])||"").indexOf(h[3])>=0;else if(q==="not"){h=
+h[3];l=0;for(m=h.length;l<m;l++)if(h[l]===g)return false;return true}else k.error("Syntax error, unrecognized expression: "+q)},CHILD:function(g,h){var l=h[1],m=g;switch(l){case "only":case "first":for(;m=m.previousSibling;)if(m.nodeType===1)return false;if(l==="first")return true;m=g;case "last":for(;m=m.nextSibling;)if(m.nodeType===1)return false;return true;case "nth":l=h[2];var q=h[3];if(l===1&&q===0)return true;h=h[0];var p=g.parentNode;if(p&&(p.sizcache!==h||!g.nodeIndex)){var v=0;for(m=p.firstChild;m;m=
+m.nextSibling)if(m.nodeType===1)m.nodeIndex=++v;p.sizcache=h}g=g.nodeIndex-q;return l===0?g===0:g%l===0&&g/l>=0}},ID:function(g,h){return g.nodeType===1&&g.getAttribute("id")===h},TAG:function(g,h){return h==="*"&&g.nodeType===1||g.nodeName.toLowerCase()===h},CLASS:function(g,h){return(" "+(g.className||g.getAttribute("class"))+" ").indexOf(h)>-1},ATTR:function(g,h){var l=h[1];g=n.attrHandle[l]?n.attrHandle[l](g):g[l]!=null?g[l]:g.getAttribute(l);l=g+"";var m=h[2];h=h[4];return g==null?m==="!=":m===
+"="?l===h:m==="*="?l.indexOf(h)>=0:m==="~="?(" "+l+" ").indexOf(h)>=0:!h?l&&g!==false:m==="!="?l!==h:m==="^="?l.indexOf(h)===0:m==="$="?l.substr(l.length-h.length)===h:m==="|="?l===h||l.substr(0,h.length+1)===h+"-":false},POS:function(g,h,l,m){var q=n.setFilters[h[2]];if(q)return q(g,l,h,m)}}},r=n.match.POS;for(var u in n.match){n.match[u]=new RegExp(n.match[u].source+/(?![^\[]*\])(?![^\(]*\))/.source);n.leftMatch[u]=new RegExp(/(^(?:.|\r|\n)*?)/.source+n.match[u].source.replace(/\\(\d+)/g,function(g,
+h){return"\\"+(h-0+1)}))}var z=function(g,h){g=Array.prototype.slice.call(g,0);if(h){h.push.apply(h,g);return h}return g};try{Array.prototype.slice.call(s.documentElement.childNodes,0)}catch(C){z=function(g,h){h=h||[];if(j.call(g)==="[object Array]")Array.prototype.push.apply(h,g);else if(typeof g.length==="number")for(var l=0,m=g.length;l<m;l++)h.push(g[l]);else for(l=0;g[l];l++)h.push(g[l]);return h}}var B;if(s.documentElement.compareDocumentPosition)B=function(g,h){if(!g.compareDocumentPosition||
+!h.compareDocumentPosition){if(g==h)i=true;return g.compareDocumentPosition?-1:1}g=g.compareDocumentPosition(h)&4?-1:g===h?0:1;if(g===0)i=true;return g};else if("sourceIndex"in s.documentElement)B=function(g,h){if(!g.sourceIndex||!h.sourceIndex){if(g==h)i=true;return g.sourceIndex?-1:1}g=g.sourceIndex-h.sourceIndex;if(g===0)i=true;return g};else if(s.createRange)B=function(g,h){if(!g.ownerDocument||!h.ownerDocument){if(g==h)i=true;return g.ownerDocument?-1:1}var l=g.ownerDocument.createRange(),m=
+h.ownerDocument.createRange();l.setStart(g,0);l.setEnd(g,0);m.setStart(h,0);m.setEnd(h,0);g=l.compareBoundaryPoints(Range.START_TO_END,m);if(g===0)i=true;return g};(function(){var g=s.createElement("div"),h="script"+(new Date).getTime();g.innerHTML="<a name='"+h+"'/>";var l=s.documentElement;l.insertBefore(g,l.firstChild);if(s.getElementById(h)){n.find.ID=function(m,q,p){if(typeof q.getElementById!=="undefined"&&!p)return(q=q.getElementById(m[1]))?q.id===m[1]||typeof q.getAttributeNode!=="undefined"&&
+q.getAttributeNode("id").nodeValue===m[1]?[q]:w:[]};n.filter.ID=function(m,q){var p=typeof m.getAttributeNode!=="undefined"&&m.getAttributeNode("id");return m.nodeType===1&&p&&p.nodeValue===q}}l.removeChild(g);l=g=null})();(function(){var g=s.createElement("div");g.appendChild(s.createComment(""));if(g.getElementsByTagName("*").length>0)n.find.TAG=function(h,l){l=l.getElementsByTagName(h[1]);if(h[1]==="*"){h=[];for(var m=0;l[m];m++)l[m].nodeType===1&&h.push(l[m]);l=h}return l};g.innerHTML="<a href='#'></a>";
+if(g.firstChild&&typeof g.firstChild.getAttribute!=="undefined"&&g.firstChild.getAttribute("href")!=="#")n.attrHandle.href=function(h){return h.getAttribute("href",2)};g=null})();s.querySelectorAll&&function(){var g=k,h=s.createElement("div");h.innerHTML="<p class='TEST'></p>";if(!(h.querySelectorAll&&h.querySelectorAll(".TEST").length===0)){k=function(m,q,p,v){q=q||s;if(!v&&q.nodeType===9&&!x(q))try{return z(q.querySelectorAll(m),p)}catch(t){}return g(m,q,p,v)};for(var l in g)k[l]=g[l];h=null}}();
+(function(){var g=s.createElement("div");g.innerHTML="<div class='test e'></div><div class='test'></div>";if(!(!g.getElementsByClassName||g.getElementsByClassName("e").length===0)){g.lastChild.className="e";if(g.getElementsByClassName("e").length!==1){n.order.splice(1,0,"CLASS");n.find.CLASS=function(h,l,m){if(typeof l.getElementsByClassName!=="undefined"&&!m)return l.getElementsByClassName(h[1])};g=null}}})();var E=s.compareDocumentPosition?function(g,h){return!!(g.compareDocumentPosition(h)&16)}:
+function(g,h){return g!==h&&(g.contains?g.contains(h):true)},x=function(g){return(g=(g?g.ownerDocument||g:0).documentElement)?g.nodeName!=="HTML":false},ga=function(g,h){var l=[],m="",q;for(h=h.nodeType?[h]:h;q=n.match.PSEUDO.exec(g);){m+=q[0];g=g.replace(n.match.PSEUDO,"")}g=n.relative[g]?g+"*":g;q=0;for(var p=h.length;q<p;q++)k(g,h[q],l);return k.filter(m,l)};c.find=k;c.expr=k.selectors;c.expr[":"]=c.expr.filters;c.unique=k.uniqueSort;c.text=a;c.isXMLDoc=x;c.contains=E})();var eb=/Until$/,fb=/^(?:parents|prevUntil|prevAll)/,
+gb=/,/;R=Array.prototype.slice;var Ia=function(a,b,d){if(c.isFunction(b))return c.grep(a,function(e,j){return!!b.call(e,j,e)===d});else if(b.nodeType)return c.grep(a,function(e){return e===b===d});else if(typeof b==="string"){var f=c.grep(a,function(e){return e.nodeType===1});if(Ua.test(b))return c.filter(b,f,!d);else b=c.filter(b,f)}return c.grep(a,function(e){return c.inArray(e,b)>=0===d})};c.fn.extend({find:function(a){for(var b=this.pushStack("","find",a),d=0,f=0,e=this.length;f<e;f++){d=b.length;
+c.find(a,this[f],b);if(f>0)for(var j=d;j<b.length;j++)for(var i=0;i<d;i++)if(b[i]===b[j]){b.splice(j--,1);break}}return b},has:function(a){var b=c(a);return this.filter(function(){for(var d=0,f=b.length;d<f;d++)if(c.contains(this,b[d]))return true})},not:function(a){return this.pushStack(Ia(this,a,false),"not",a)},filter:function(a){return this.pushStack(Ia(this,a,true),"filter",a)},is:function(a){return!!a&&c.filter(a,this).length>0},closest:function(a,b){if(c.isArray(a)){var d=[],f=this[0],e,j=
+{},i;if(f&&a.length){e=0;for(var o=a.length;e<o;e++){i=a[e];j[i]||(j[i]=c.expr.match.POS.test(i)?c(i,b||this.context):i)}for(;f&&f.ownerDocument&&f!==b;){for(i in j){e=j[i];if(e.jquery?e.index(f)>-1:c(f).is(e)){d.push({selector:i,elem:f});delete j[i]}}f=f.parentNode}}return d}var k=c.expr.match.POS.test(a)?c(a,b||this.context):null;return this.map(function(n,r){for(;r&&r.ownerDocument&&r!==b;){if(k?k.index(r)>-1:c(r).is(a))return r;r=r.parentNode}return null})},index:function(a){if(!a||typeof a===
+"string")return c.inArray(this[0],a?c(a):this.parent().children());return c.inArray(a.jquery?a[0]:a,this)},add:function(a,b){a=typeof a==="string"?c(a,b||this.context):c.makeArray(a);b=c.merge(this.get(),a);return this.pushStack(qa(a[0])||qa(b[0])?b:c.unique(b))},andSelf:function(){return this.add(this.prevObject)}});c.each({parent:function(a){return(a=a.parentNode)&&a.nodeType!==11?a:null},parents:function(a){return c.dir(a,"parentNode")},parentsUntil:function(a,b,d){return c.dir(a,"parentNode",
+d)},next:function(a){return c.nth(a,2,"nextSibling")},prev:function(a){return c.nth(a,2,"previousSibling")},nextAll:function(a){return c.dir(a,"nextSibling")},prevAll:function(a){return c.dir(a,"previousSibling")},nextUntil:function(a,b,d){return c.dir(a,"nextSibling",d)},prevUntil:function(a,b,d){return c.dir(a,"previousSibling",d)},siblings:function(a){return c.sibling(a.parentNode.firstChild,a)},children:function(a){return c.sibling(a.firstChild)},contents:function(a){return c.nodeName(a,"iframe")?
+a.contentDocument||a.contentWindow.document:c.makeArray(a.childNodes)}},function(a,b){c.fn[a]=function(d,f){var e=c.map(this,b,d);eb.test(a)||(f=d);if(f&&typeof f==="string")e=c.filter(f,e);e=this.length>1?c.unique(e):e;if((this.length>1||gb.test(f))&&fb.test(a))e=e.reverse();return this.pushStack(e,a,R.call(arguments).join(","))}});c.extend({filter:function(a,b,d){if(d)a=":not("+a+")";return c.find.matches(a,b)},dir:function(a,b,d){var f=[];for(a=a[b];a&&a.nodeType!==9&&(d===w||a.nodeType!==1||!c(a).is(d));){a.nodeType===
+1&&f.push(a);a=a[b]}return f},nth:function(a,b,d){b=b||1;for(var f=0;a;a=a[d])if(a.nodeType===1&&++f===b)break;return a},sibling:function(a,b){for(var d=[];a;a=a.nextSibling)a.nodeType===1&&a!==b&&d.push(a);return d}});var Ja=/ jQuery\d+="(?:\d+|null)"/g,V=/^\s+/,Ka=/(<([\w:]+)[^>]*?)\/>/g,hb=/^(?:area|br|col|embed|hr|img|input|link|meta|param)$/i,La=/<([\w:]+)/,ib=/<tbody/i,jb=/<|&#?\w+;/,ta=/<script|<object|<embed|<option|<style/i,ua=/checked\s*(?:[^=]|=\s*.checked.)/i,Ma=function(a,b,d){return hb.test(d)?
+a:b+"></"+d+">"},F={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]};F.optgroup=F.option;F.tbody=F.tfoot=F.colgroup=F.caption=F.thead;F.th=F.td;if(!c.support.htmlSerialize)F._default=[1,"div<div>","</div>"];c.fn.extend({text:function(a){if(c.isFunction(a))return this.each(function(b){var d=
+c(this);d.text(a.call(this,b,d.text()))});if(typeof a!=="object"&&a!==w)return this.empty().append((this[0]&&this[0].ownerDocument||s).createTextNode(a));return c.text(this)},wrapAll:function(a){if(c.isFunction(a))return this.each(function(d){c(this).wrapAll(a.call(this,d))});if(this[0]){var b=c(a,this[0].ownerDocument).eq(0).clone(true);this[0].parentNode&&b.insertBefore(this[0]);b.map(function(){for(var d=this;d.firstChild&&d.firstChild.nodeType===1;)d=d.firstChild;return d}).append(this)}return this},
+wrapInner:function(a){if(c.isFunction(a))return this.each(function(b){c(this).wrapInner(a.call(this,b))});return this.each(function(){var b=c(this),d=b.contents();d.length?d.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){c(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){c.nodeName(this,"body")||c(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.appendChild(a)})},
+prepend:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,this)});else if(arguments.length){var a=c(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,
+this.nextSibling)});else if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,c(arguments[0]).toArray());return a}},remove:function(a,b){for(var d=0,f;(f=this[d])!=null;d++)if(!a||c.filter(a,[f]).length){if(!b&&f.nodeType===1){c.cleanData(f.getElementsByTagName("*"));c.cleanData([f])}f.parentNode&&f.parentNode.removeChild(f)}return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++)for(b.nodeType===1&&c.cleanData(b.getElementsByTagName("*"));b.firstChild;)b.removeChild(b.firstChild);
+return this},clone:function(a){var b=this.map(function(){if(!c.support.noCloneEvent&&!c.isXMLDoc(this)){var d=this.outerHTML,f=this.ownerDocument;if(!d){d=f.createElement("div");d.appendChild(this.cloneNode(true));d=d.innerHTML}return c.clean([d.replace(Ja,"").replace(/=([^="'>\s]+\/)>/g,'="$1">').replace(V,"")],f)[0]}else return this.cloneNode(true)});if(a===true){ra(this,b);ra(this.find("*"),b.find("*"))}return b},html:function(a){if(a===w)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(Ja,
+""):null;else if(typeof a==="string"&&!ta.test(a)&&(c.support.leadingWhitespace||!V.test(a))&&!F[(La.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Ka,Ma);try{for(var b=0,d=this.length;b<d;b++)if(this[b].nodeType===1){c.cleanData(this[b].getElementsByTagName("*"));this[b].innerHTML=a}}catch(f){this.empty().append(a)}}else c.isFunction(a)?this.each(function(e){var j=c(this),i=j.html();j.empty().append(function(){return a.call(this,e,i)})}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&
+this[0].parentNode){if(c.isFunction(a))return this.each(function(b){var d=c(this),f=d.html();d.replaceWith(a.call(this,b,f))});if(typeof a!=="string")a=c(a).detach();return this.each(function(){var b=this.nextSibling,d=this.parentNode;c(this).remove();b?c(b).before(a):c(d).append(a)})}else return this.pushStack(c(c.isFunction(a)?a():a),"replaceWith",a)},detach:function(a){return this.remove(a,true)},domManip:function(a,b,d){function f(u){return c.nodeName(u,"table")?u.getElementsByTagName("tbody")[0]||
+u.appendChild(u.ownerDocument.createElement("tbody")):u}var e,j,i=a[0],o=[],k;if(!c.support.checkClone&&arguments.length===3&&typeof i==="string"&&ua.test(i))return this.each(function(){c(this).domManip(a,b,d,true)});if(c.isFunction(i))return this.each(function(u){var z=c(this);a[0]=i.call(this,u,b?z.html():w);z.domManip(a,b,d)});if(this[0]){e=i&&i.parentNode;e=c.support.parentNode&&e&&e.nodeType===11&&e.childNodes.length===this.length?{fragment:e}:sa(a,this,o);k=e.fragment;if(j=k.childNodes.length===
+1?(k=k.firstChild):k.firstChild){b=b&&c.nodeName(j,"tr");for(var n=0,r=this.length;n<r;n++)d.call(b?f(this[n],j):this[n],n>0||e.cacheable||this.length>1?k.cloneNode(true):k)}o.length&&c.each(o,Qa)}return this}});c.fragments={};c.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){c.fn[a]=function(d){var f=[];d=c(d);var e=this.length===1&&this[0].parentNode;if(e&&e.nodeType===11&&e.childNodes.length===1&&d.length===1){d[b](this[0]);
+return this}else{e=0;for(var j=d.length;e<j;e++){var i=(e>0?this.clone(true):this).get();c.fn[b].apply(c(d[e]),i);f=f.concat(i)}return this.pushStack(f,a,d.selector)}}});c.extend({clean:function(a,b,d,f){b=b||s;if(typeof b.createElement==="undefined")b=b.ownerDocument||b[0]&&b[0].ownerDocument||s;for(var e=[],j=0,i;(i=a[j])!=null;j++){if(typeof i==="number")i+="";if(i){if(typeof i==="string"&&!jb.test(i))i=b.createTextNode(i);else if(typeof i==="string"){i=i.replace(Ka,Ma);var o=(La.exec(i)||["",
+""])[1].toLowerCase(),k=F[o]||F._default,n=k[0],r=b.createElement("div");for(r.innerHTML=k[1]+i+k[2];n--;)r=r.lastChild;if(!c.support.tbody){n=ib.test(i);o=o==="table"&&!n?r.firstChild&&r.firstChild.childNodes:k[1]==="<table>"&&!n?r.childNodes:[];for(k=o.length-1;k>=0;--k)c.nodeName(o[k],"tbody")&&!o[k].childNodes.length&&o[k].parentNode.removeChild(o[k])}!c.support.leadingWhitespace&&V.test(i)&&r.insertBefore(b.createTextNode(V.exec(i)[0]),r.firstChild);i=r.childNodes}if(i.nodeType)e.push(i);else e=
+c.merge(e,i)}}if(d)for(j=0;e[j];j++)if(f&&c.nodeName(e[j],"script")&&(!e[j].type||e[j].type.toLowerCase()==="text/javascript"))f.push(e[j].parentNode?e[j].parentNode.removeChild(e[j]):e[j]);else{e[j].nodeType===1&&e.splice.apply(e,[j+1,0].concat(c.makeArray(e[j].getElementsByTagName("script"))));d.appendChild(e[j])}return e},cleanData:function(a){for(var b,d,f=c.cache,e=c.event.special,j=c.support.deleteExpando,i=0,o;(o=a[i])!=null;i++)if(d=o[c.expando]){b=f[d];if(b.events)for(var k in b.events)e[k]?
+c.event.remove(o,k):Ca(o,k,b.handle);if(j)delete o[c.expando];else o.removeAttribute&&o.removeAttribute(c.expando);delete f[d]}}});var kb=/z-?index|font-?weight|opacity|zoom|line-?height/i,Na=/alpha\([^)]*\)/,Oa=/opacity=([^)]*)/,ha=/float/i,ia=/-([a-z])/ig,lb=/([A-Z])/g,mb=/^-?\d+(?:px)?$/i,nb=/^-?\d/,ob={position:"absolute",visibility:"hidden",display:"block"},pb=["Left","Right"],qb=["Top","Bottom"],rb=s.defaultView&&s.defaultView.getComputedStyle,Pa=c.support.cssFloat?"cssFloat":"styleFloat",ja=
+function(a,b){return b.toUpperCase()};c.fn.css=function(a,b){return X(this,a,b,true,function(d,f,e){if(e===w)return c.curCSS(d,f);if(typeof e==="number"&&!kb.test(f))e+="px";c.style(d,f,e)})};c.extend({style:function(a,b,d){if(!a||a.nodeType===3||a.nodeType===8)return w;if((b==="width"||b==="height")&&parseFloat(d)<0)d=w;var f=a.style||a,e=d!==w;if(!c.support.opacity&&b==="opacity"){if(e){f.zoom=1;b=parseInt(d,10)+""==="NaN"?"":"alpha(opacity="+d*100+")";a=f.filter||c.curCSS(a,"filter")||"";f.filter=
+Na.test(a)?a.replace(Na,b):b}return f.filter&&f.filter.indexOf("opacity=")>=0?parseFloat(Oa.exec(f.filter)[1])/100+"":""}if(ha.test(b))b=Pa;b=b.replace(ia,ja);if(e)f[b]=d;return f[b]},css:function(a,b,d,f){if(b==="width"||b==="height"){var e,j=b==="width"?pb:qb;function i(){e=b==="width"?a.offsetWidth:a.offsetHeight;f!=="border"&&c.each(j,function(){f||(e-=parseFloat(c.curCSS(a,"padding"+this,true))||0);if(f==="margin")e+=parseFloat(c.curCSS(a,"margin"+this,true))||0;else e-=parseFloat(c.curCSS(a,
+"border"+this+"Width",true))||0})}a.offsetWidth!==0?i():c.swap(a,ob,i);return Math.max(0,Math.round(e))}return c.curCSS(a,b,d)},curCSS:function(a,b,d){var f,e=a.style;if(!c.support.opacity&&b==="opacity"&&a.currentStyle){f=Oa.test(a.currentStyle.filter||"")?parseFloat(RegExp.$1)/100+"":"";return f===""?"1":f}if(ha.test(b))b=Pa;if(!d&&e&&e[b])f=e[b];else if(rb){if(ha.test(b))b="float";b=b.replace(lb,"-$1").toLowerCase();e=a.ownerDocument.defaultView;if(!e)return null;if(a=e.getComputedStyle(a,null))f=
+a.getPropertyValue(b);if(b==="opacity"&&f==="")f="1"}else if(a.currentStyle){d=b.replace(ia,ja);f=a.currentStyle[b]||a.currentStyle[d];if(!mb.test(f)&&nb.test(f)){b=e.left;var j=a.runtimeStyle.left;a.runtimeStyle.left=a.currentStyle.left;e.left=d==="fontSize"?"1em":f||0;f=e.pixelLeft+"px";e.left=b;a.runtimeStyle.left=j}}return f},swap:function(a,b,d){var f={};for(var e in b){f[e]=a.style[e];a.style[e]=b[e]}d.call(a);for(e in b)a.style[e]=f[e]}});if(c.expr&&c.expr.filters){c.expr.filters.hidden=function(a){var b=
+a.offsetWidth,d=a.offsetHeight,f=a.nodeName.toLowerCase()==="tr";return b===0&&d===0&&!f?true:b>0&&d>0&&!f?false:c.curCSS(a,"display")==="none"};c.expr.filters.visible=function(a){return!c.expr.filters.hidden(a)}}var sb=J(),tb=/<script(.|\s)*?\/script>/gi,ub=/select|textarea/i,vb=/color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week/i,N=/=\?(&|$)/,ka=/\?/,wb=/(\?|&)_=.*?(&|$)/,xb=/^(\w+:)?\/\/([^\/?#]+)/,yb=/%20/g,zb=c.fn.load;c.fn.extend({load:function(a,b,d){if(typeof a!==
+"string")return zb.call(this,a);else if(!this.length)return this;var f=a.indexOf(" ");if(f>=0){var e=a.slice(f,a.length);a=a.slice(0,f)}f="GET";if(b)if(c.isFunction(b)){d=b;b=null}else if(typeof b==="object"){b=c.param(b,c.ajaxSettings.traditional);f="POST"}var j=this;c.ajax({url:a,type:f,dataType:"html",data:b,complete:function(i,o){if(o==="success"||o==="notmodified")j.html(e?c("<div />").append(i.responseText.replace(tb,"")).find(e):i.responseText);d&&j.each(d,[i.responseText,o,i])}});return this},
+serialize:function(){return c.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?c.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||ub.test(this.nodeName)||vb.test(this.type))}).map(function(a,b){a=c(this).val();return a==null?null:c.isArray(a)?c.map(a,function(d){return{name:b.name,value:d}}):{name:b.name,value:a}}).get()}});c.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),
+function(a,b){c.fn[b]=function(d){return this.bind(b,d)}});c.extend({get:function(a,b,d,f){if(c.isFunction(b)){f=f||d;d=b;b=null}return c.ajax({type:"GET",url:a,data:b,success:d,dataType:f})},getScript:function(a,b){return c.get(a,null,b,"script")},getJSON:function(a,b,d){return c.get(a,b,d,"json")},post:function(a,b,d,f){if(c.isFunction(b)){f=f||d;d=b;b={}}return c.ajax({type:"POST",url:a,data:b,success:d,dataType:f})},ajaxSetup:function(a){c.extend(c.ajaxSettings,a)},ajaxSettings:{url:location.href,
+global:true,type:"GET",contentType:"application/x-www-form-urlencoded",processData:true,async:true,xhr:A.XMLHttpRequest&&(A.location.protocol!=="file:"||!A.ActiveXObject)?function(){return new A.XMLHttpRequest}:function(){try{return new A.ActiveXObject("Microsoft.XMLHTTP")}catch(a){}},accepts:{xml:"application/xml, text/xml",html:"text/html",script:"text/javascript, application/javascript",json:"application/json, text/javascript",text:"text/plain",_default:"*/*"}},lastModified:{},etag:{},ajax:function(a){function b(){e.success&&
+e.success.call(k,o,i,x);e.global&&f("ajaxSuccess",[x,e])}function d(){e.complete&&e.complete.call(k,x,i);e.global&&f("ajaxComplete",[x,e]);e.global&&!--c.active&&c.event.trigger("ajaxStop")}function f(q,p){(e.context?c(e.context):c.event).trigger(q,p)}var e=c.extend(true,{},c.ajaxSettings,a),j,i,o,k=a&&a.context||e,n=e.type.toUpperCase();if(e.data&&e.processData&&typeof e.data!=="string")e.data=c.param(e.data,e.traditional);if(e.dataType==="jsonp"){if(n==="GET")N.test(e.url)||(e.url+=(ka.test(e.url)?
+"&":"?")+(e.jsonp||"callback")+"=?");else if(!e.data||!N.test(e.data))e.data=(e.data?e.data+"&":"")+(e.jsonp||"callback")+"=?";e.dataType="json"}if(e.dataType==="json"&&(e.data&&N.test(e.data)||N.test(e.url))){j=e.jsonpCallback||"jsonp"+sb++;if(e.data)e.data=(e.data+"").replace(N,"="+j+"$1");e.url=e.url.replace(N,"="+j+"$1");e.dataType="script";A[j]=A[j]||function(q){o=q;b();d();A[j]=w;try{delete A[j]}catch(p){}z&&z.removeChild(C)}}if(e.dataType==="script"&&e.cache===null)e.cache=false;if(e.cache===
+false&&n==="GET"){var r=J(),u=e.url.replace(wb,"$1_="+r+"$2");e.url=u+(u===e.url?(ka.test(e.url)?"&":"?")+"_="+r:"")}if(e.data&&n==="GET")e.url+=(ka.test(e.url)?"&":"?")+e.data;e.global&&!c.active++&&c.event.trigger("ajaxStart");r=(r=xb.exec(e.url))&&(r[1]&&r[1]!==location.protocol||r[2]!==location.host);if(e.dataType==="script"&&n==="GET"&&r){var z=s.getElementsByTagName("head")[0]||s.documentElement,C=s.createElement("script");C.src=e.url;if(e.scriptCharset)C.charset=e.scriptCharset;if(!j){var B=
+false;C.onload=C.onreadystatechange=function(){if(!B&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){B=true;b();d();C.onload=C.onreadystatechange=null;z&&C.parentNode&&z.removeChild(C)}}}z.insertBefore(C,z.firstChild);return w}var E=false,x=e.xhr();if(x){e.username?x.open(n,e.url,e.async,e.username,e.password):x.open(n,e.url,e.async);try{if(e.data||a&&a.contentType)x.setRequestHeader("Content-Type",e.contentType);if(e.ifModified){c.lastModified[e.url]&&x.setRequestHeader("If-Modified-Since",
+c.lastModified[e.url]);c.etag[e.url]&&x.setRequestHeader("If-None-Match",c.etag[e.url])}r||x.setRequestHeader("X-Requested-With","XMLHttpRequest");x.setRequestHeader("Accept",e.dataType&&e.accepts[e.dataType]?e.accepts[e.dataType]+", */*":e.accepts._default)}catch(ga){}if(e.beforeSend&&e.beforeSend.call(k,x,e)===false){e.global&&!--c.active&&c.event.trigger("ajaxStop");x.abort();return false}e.global&&f("ajaxSend",[x,e]);var g=x.onreadystatechange=function(q){if(!x||x.readyState===0||q==="abort"){E||
+d();E=true;if(x)x.onreadystatechange=c.noop}else if(!E&&x&&(x.readyState===4||q==="timeout")){E=true;x.onreadystatechange=c.noop;i=q==="timeout"?"timeout":!c.httpSuccess(x)?"error":e.ifModified&&c.httpNotModified(x,e.url)?"notmodified":"success";var p;if(i==="success")try{o=c.httpData(x,e.dataType,e)}catch(v){i="parsererror";p=v}if(i==="success"||i==="notmodified")j||b();else c.handleError(e,x,i,p);d();q==="timeout"&&x.abort();if(e.async)x=null}};try{var h=x.abort;x.abort=function(){x&&h.call(x);
+g("abort")}}catch(l){}e.async&&e.timeout>0&&setTimeout(function(){x&&!E&&g("timeout")},e.timeout);try{x.send(n==="POST"||n==="PUT"||n==="DELETE"?e.data:null)}catch(m){c.handleError(e,x,null,m);d()}e.async||g();return x}},handleError:function(a,b,d,f){if(a.error)a.error.call(a.context||a,b,d,f);if(a.global)(a.context?c(a.context):c.event).trigger("ajaxError",[b,a,f])},active:0,httpSuccess:function(a){try{return!a.status&&location.protocol==="file:"||a.status>=200&&a.status<300||a.status===304||a.status===
+1223||a.status===0}catch(b){}return false},httpNotModified:function(a,b){var d=a.getResponseHeader("Last-Modified"),f=a.getResponseHeader("Etag");if(d)c.lastModified[b]=d;if(f)c.etag[b]=f;return a.status===304||a.status===0},httpData:function(a,b,d){var f=a.getResponseHeader("content-type")||"",e=b==="xml"||!b&&f.indexOf("xml")>=0;a=e?a.responseXML:a.responseText;e&&a.documentElement.nodeName==="parsererror"&&c.error("parsererror");if(d&&d.dataFilter)a=d.dataFilter(a,b);if(typeof a==="string")if(b===
+"json"||!b&&f.indexOf("json")>=0)a=c.parseJSON(a);else if(b==="script"||!b&&f.indexOf("javascript")>=0)c.globalEval(a);return a},param:function(a,b){function d(i,o){if(c.isArray(o))c.each(o,function(k,n){b||/\[\]$/.test(i)?f(i,n):d(i+"["+(typeof n==="object"||c.isArray(n)?k:"")+"]",n)});else!b&&o!=null&&typeof o==="object"?c.each(o,function(k,n){d(i+"["+k+"]",n)}):f(i,o)}function f(i,o){o=c.isFunction(o)?o():o;e[e.length]=encodeURIComponent(i)+"="+encodeURIComponent(o)}var e=[];if(b===w)b=c.ajaxSettings.traditional;
+if(c.isArray(a)||a.jquery)c.each(a,function(){f(this.name,this.value)});else for(var j in a)d(j,a[j]);return e.join("&").replace(yb,"+")}});var la={},Ab=/toggle|show|hide/,Bb=/^([+-]=)?([\d+-.]+)(.*)$/,W,va=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]];c.fn.extend({show:function(a,b){if(a||a===0)return this.animate(K("show",3),a,b);else{a=0;for(b=this.length;a<b;a++){var d=c.data(this[a],"olddisplay");
+this[a].style.display=d||"";if(c.css(this[a],"display")==="none"){d=this[a].nodeName;var f;if(la[d])f=la[d];else{var e=c("<"+d+" />").appendTo("body");f=e.css("display");if(f==="none")f="block";e.remove();la[d]=f}c.data(this[a],"olddisplay",f)}}a=0;for(b=this.length;a<b;a++)this[a].style.display=c.data(this[a],"olddisplay")||"";return this}},hide:function(a,b){if(a||a===0)return this.animate(K("hide",3),a,b);else{a=0;for(b=this.length;a<b;a++){var d=c.data(this[a],"olddisplay");!d&&d!=="none"&&c.data(this[a],
+"olddisplay",c.css(this[a],"display"))}a=0;for(b=this.length;a<b;a++)this[a].style.display="none";return this}},_toggle:c.fn.toggle,toggle:function(a,b){var d=typeof a==="boolean";if(c.isFunction(a)&&c.isFunction(b))this._toggle.apply(this,arguments);else a==null||d?this.each(function(){var f=d?a:c(this).is(":hidden");c(this)[f?"show":"hide"]()}):this.animate(K("toggle",3),a,b);return this},fadeTo:function(a,b,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,d)},
+animate:function(a,b,d,f){var e=c.speed(b,d,f);if(c.isEmptyObject(a))return this.each(e.complete);return this[e.queue===false?"each":"queue"](function(){var j=c.extend({},e),i,o=this.nodeType===1&&c(this).is(":hidden"),k=this;for(i in a){var n=i.replace(ia,ja);if(i!==n){a[n]=a[i];delete a[i];i=n}if(a[i]==="hide"&&o||a[i]==="show"&&!o)return j.complete.call(this);if((i==="height"||i==="width")&&this.style){j.display=c.css(this,"display");j.overflow=this.style.overflow}if(c.isArray(a[i])){(j.specialEasing=
+j.specialEasing||{})[i]=a[i][1];a[i]=a[i][0]}}if(j.overflow!=null)this.style.overflow="hidden";j.curAnim=c.extend({},a);c.each(a,function(r,u){var z=new c.fx(k,j,r);if(Ab.test(u))z[u==="toggle"?o?"show":"hide":u](a);else{var C=Bb.exec(u),B=z.cur(true)||0;if(C){u=parseFloat(C[2]);var E=C[3]||"px";if(E!=="px"){k.style[r]=(u||1)+E;B=(u||1)/z.cur(true)*B;k.style[r]=B+E}if(C[1])u=(C[1]==="-="?-1:1)*u+B;z.custom(B,u,E)}else z.custom(B,u,"")}});return true})},stop:function(a,b){var d=c.timers;a&&this.queue([]);
+this.each(function(){for(var f=d.length-1;f>=0;f--)if(d[f].elem===this){b&&d[f](true);d.splice(f,1)}});b||this.dequeue();return this}});c.each({slideDown:K("show",1),slideUp:K("hide",1),slideToggle:K("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"}},function(a,b){c.fn[a]=function(d,f){return this.animate(b,d,f)}});c.extend({speed:function(a,b,d){var f=a&&typeof a==="object"?a:{complete:d||!d&&b||c.isFunction(a)&&a,duration:a,easing:d&&b||b&&!c.isFunction(b)&&b};f.duration=c.fx.off?0:typeof f.duration===
+"number"?f.duration:c.fx.speeds[f.duration]||c.fx.speeds._default;f.old=f.complete;f.complete=function(){f.queue!==false&&c(this).dequeue();c.isFunction(f.old)&&f.old.call(this)};return f},easing:{linear:function(a,b,d,f){return d+f*a},swing:function(a,b,d,f){return(-Math.cos(a*Math.PI)/2+0.5)*f+d}},timers:[],fx:function(a,b,d){this.options=b;this.elem=a;this.prop=d;if(!b.orig)b.orig={}}});c.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this);(c.fx.step[this.prop]||
+c.fx.step._default)(this);if((this.prop==="height"||this.prop==="width")&&this.elem.style)this.elem.style.display="block"},cur:function(a){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];return(a=parseFloat(c.css(this.elem,this.prop,a)))&&a>-10000?a:parseFloat(c.curCSS(this.elem,this.prop))||0},custom:function(a,b,d){function f(j){return e.step(j)}this.startTime=J();this.start=a;this.end=b;this.unit=d||this.unit||"px";this.now=this.start;
+this.pos=this.state=0;var e=this;f.elem=this.elem;if(f()&&c.timers.push(f)&&!W)W=setInterval(c.fx.tick,13)},show:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.show=true;this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur());c(this.elem).show()},hide:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.hide=true;this.custom(this.cur(),0)},step:function(a){var b=J(),d=true;if(a||b>=this.options.duration+this.startTime){this.now=
+this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;for(var f in this.options.curAnim)if(this.options.curAnim[f]!==true)d=false;if(d){if(this.options.display!=null){this.elem.style.overflow=this.options.overflow;a=c.data(this.elem,"olddisplay");this.elem.style.display=a?a:this.options.display;if(c.css(this.elem,"display")==="none")this.elem.style.display="block"}this.options.hide&&c(this.elem).hide();if(this.options.hide||this.options.show)for(var e in this.options.curAnim)c.style(this.elem,
+e,this.options.orig[e]);this.options.complete.call(this.elem)}return false}else{e=b-this.startTime;this.state=e/this.options.duration;a=this.options.easing||(c.easing.swing?"swing":"linear");this.pos=c.easing[this.options.specialEasing&&this.options.specialEasing[this.prop]||a](this.state,e,0,1,this.options.duration);this.now=this.start+(this.end-this.start)*this.pos;this.update()}return true}};c.extend(c.fx,{tick:function(){for(var a=c.timers,b=0;b<a.length;b++)a[b]()||a.splice(b--,1);a.length||
+c.fx.stop()},stop:function(){clearInterval(W);W=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){c.style(a.elem,"opacity",a.now)},_default:function(a){if(a.elem.style&&a.elem.style[a.prop]!=null)a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now):a.now)+a.unit;else a.elem[a.prop]=a.now}}});if(c.expr&&c.expr.filters)c.expr.filters.animated=function(a){return c.grep(c.timers,function(b){return a===b.elem}).length};c.fn.offset="getBoundingClientRect"in s.documentElement?
+function(a){var b=this[0];if(a)return this.each(function(e){c.offset.setOffset(this,a,e)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);var d=b.getBoundingClientRect(),f=b.ownerDocument;b=f.body;f=f.documentElement;return{top:d.top+(self.pageYOffset||c.support.boxModel&&f.scrollTop||b.scrollTop)-(f.clientTop||b.clientTop||0),left:d.left+(self.pageXOffset||c.support.boxModel&&f.scrollLeft||b.scrollLeft)-(f.clientLeft||b.clientLeft||0)}}:function(a){var b=
+this[0];if(a)return this.each(function(r){c.offset.setOffset(this,a,r)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);c.offset.initialize();var d=b.offsetParent,f=b,e=b.ownerDocument,j,i=e.documentElement,o=e.body;f=(e=e.defaultView)?e.getComputedStyle(b,null):b.currentStyle;for(var k=b.offsetTop,n=b.offsetLeft;(b=b.parentNode)&&b!==o&&b!==i;){if(c.offset.supportsFixedPosition&&f.position==="fixed")break;j=e?e.getComputedStyle(b,null):b.currentStyle;
+k-=b.scrollTop;n-=b.scrollLeft;if(b===d){k+=b.offsetTop;n+=b.offsetLeft;if(c.offset.doesNotAddBorder&&!(c.offset.doesAddBorderForTableAndCells&&/^t(able|d|h)$/i.test(b.nodeName))){k+=parseFloat(j.borderTopWidth)||0;n+=parseFloat(j.borderLeftWidth)||0}f=d;d=b.offsetParent}if(c.offset.subtractsBorderForOverflowNotVisible&&j.overflow!=="visible"){k+=parseFloat(j.borderTopWidth)||0;n+=parseFloat(j.borderLeftWidth)||0}f=j}if(f.position==="relative"||f.position==="static"){k+=o.offsetTop;n+=o.offsetLeft}if(c.offset.supportsFixedPosition&&
+f.position==="fixed"){k+=Math.max(i.scrollTop,o.scrollTop);n+=Math.max(i.scrollLeft,o.scrollLeft)}return{top:k,left:n}};c.offset={initialize:function(){var a=s.body,b=s.createElement("div"),d,f,e,j=parseFloat(c.curCSS(a,"marginTop",true))||0;c.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"});b.innerHTML="<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";
+a.insertBefore(b,a.firstChild);d=b.firstChild;f=d.firstChild;e=d.nextSibling.firstChild.firstChild;this.doesNotAddBorder=f.offsetTop!==5;this.doesAddBorderForTableAndCells=e.offsetTop===5;f.style.position="fixed";f.style.top="20px";this.supportsFixedPosition=f.offsetTop===20||f.offsetTop===15;f.style.position=f.style.top="";d.style.overflow="hidden";d.style.position="relative";this.subtractsBorderForOverflowNotVisible=f.offsetTop===-5;this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==j;a.removeChild(b);
+c.offset.initialize=c.noop},bodyOffset:function(a){var b=a.offsetTop,d=a.offsetLeft;c.offset.initialize();if(c.offset.doesNotIncludeMarginInBodyOffset){b+=parseFloat(c.curCSS(a,"marginTop",true))||0;d+=parseFloat(c.curCSS(a,"marginLeft",true))||0}return{top:b,left:d}},setOffset:function(a,b,d){if(/static/.test(c.curCSS(a,"position")))a.style.position="relative";var f=c(a),e=f.offset(),j=parseInt(c.curCSS(a,"top",true),10)||0,i=parseInt(c.curCSS(a,"left",true),10)||0;if(c.isFunction(b))b=b.call(a,
+d,e);d={top:b.top-e.top+j,left:b.left-e.left+i};"using"in b?b.using.call(a,d):f.css(d)}};c.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),d=this.offset(),f=/^body|html$/i.test(b[0].nodeName)?{top:0,left:0}:b.offset();d.top-=parseFloat(c.curCSS(a,"marginTop",true))||0;d.left-=parseFloat(c.curCSS(a,"marginLeft",true))||0;f.top+=parseFloat(c.curCSS(b[0],"borderTopWidth",true))||0;f.left+=parseFloat(c.curCSS(b[0],"borderLeftWidth",true))||0;return{top:d.top-
+f.top,left:d.left-f.left}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||s.body;a&&!/^body|html$/i.test(a.nodeName)&&c.css(a,"position")==="static";)a=a.offsetParent;return a})}});c.each(["Left","Top"],function(a,b){var d="scroll"+b;c.fn[d]=function(f){var e=this[0],j;if(!e)return null;if(f!==w)return this.each(function(){if(j=wa(this))j.scrollTo(!a?f:c(j).scrollLeft(),a?f:c(j).scrollTop());else this[d]=f});else return(j=wa(e))?"pageXOffset"in j?j[a?"pageYOffset":
+"pageXOffset"]:c.support.boxModel&&j.document.documentElement[d]||j.document.body[d]:e[d]}});c.each(["Height","Width"],function(a,b){var d=b.toLowerCase();c.fn["inner"+b]=function(){return this[0]?c.css(this[0],d,false,"padding"):null};c.fn["outer"+b]=function(f){return this[0]?c.css(this[0],d,false,f?"margin":"border"):null};c.fn[d]=function(f){var e=this[0];if(!e)return f==null?null:this;if(c.isFunction(f))return this.each(function(j){var i=c(this);i[d](f.call(this,j,i[d]()))});return"scrollTo"in
+e&&e.document?e.document.compatMode==="CSS1Compat"&&e.document.documentElement["client"+b]||e.document.body["client"+b]:e.nodeType===9?Math.max(e.documentElement["client"+b],e.body["scroll"+b],e.documentElement["scroll"+b],e.body["offset"+b],e.documentElement["offset"+b]):f===w?c.css(e,d):this.css(d,typeof f==="string"?f:f+"px")}});A.jQuery=A.$=c})(window);

web/js/npm.js

@@ -0,0 +1,13 @@
+// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
+require('../../js/transition.js')
+require('../../js/alert.js')
+require('../../js/button.js')
+require('../../js/carousel.js')
+require('../../js/collapse.js')
+require('../../js/dropdown.js')
+require('../../js/modal.js')
+require('../../js/tooltip.js')
+require('../../js/popover.js')
+require('../../js/scrollspy.js')
+require('../../js/tab.js')
+require('../../js/affix.js')

web/js/skin.js

@@ -0,0 +1,310 @@
+//
+// ZoneMinder base static javascript file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+//
+// This file should only contain static JavaScript and no php.
+// Use skin.js.php for JavaScript that need pre-processing
+//
+
+// Javascript window sizes
+var popupSizes = {
+    'bandwidth':    { 'width': 300, 'height': 120 },
+    'console':      { 'width': 750, 'height': 312 },
+    'control':      { 'width': 380, 'height': 480 },
+    'controlcaps':  { 'width': 780, 'height': 320 },
+    'controlcap':   { 'width': 400, 'height': 400 },
+    'cycle':        { 'addWidth': 32, 'minWidth': 384, 'addHeight': 62 },
+    'device':       { 'width': 260, 'height': 150 },
+    'devices':      { 'width': 400, 'height': 240 },
+    'donate':       { 'width': 500, 'height': 280 },
+    'event':        { 'addWidth': 108, 'minWidth': 496, 'addHeight': 230, minHeight: 540 },
+    'eventdetail':  { 'width': 600, 'height': 220 },
+    'events':       { 'width': 960, 'height': 780 },
+    'export':       { 'width': 400, 'height': 340 },
+    'filter':       { 'width': 720, 'height': 360 },
+    'filtersave':   { 'width': 610, 'height': 120 },
+    'frame':        { 'addWidth': 32, 'minWidth': 384, 'addHeight': 100 },
+    'frames':       { 'width': 500, 'height': 600 },
+    'function':     { 'width': 300, 'height': 92 },
+    'group':        { 'width': 360, 'height': 180 },
+    'groups':       { 'width': 440, 'height': 220 },
+    'image':        { 'addWidth': 48, 'addHeight': 80 },
+    'log':          { 'width': 1080, 'height': 720 },
+    'login':        { 'width': 720, 'height': 480 },
+    'logout':       { 'width': 260, 'height': 100 },
+    'monitor':      { 'width': 450, 'height': 440 },
+    'monitorpreset':{ 'width': 440, 'height': 200 },
+    'monitorprobe': { 'width': 500, 'height': 240 },
+    'monitorselect':{ 'width': 160, 'height': 200 },
+    'montage':      { 'width': -1, 'height': -1 },
+    'optionhelp':   { 'width': 400, 'height': 320 },
+    'options':      { 'width': 1000, 'height': 660 },
+    'preset':       { 'width': 300, 'height': 120 },
+    'settings':     { 'width': 220, 'height': 225 },
+    'state':        { 'width': 370, 'height': 134 },
+    'stats':        { 'width': 840, 'height': 200 },
+    'timeline':     { 'width': 760, 'height': 540 },
+    'user':         { 'width': 360, 'height': 420 },
+    'version':      { 'width': 360, 'height': 140 },
+    'video':        { 'width': 420, 'height': 360 },
+    'videoview':    { 'addWidth': 48, 'addHeight': 80 },
+    'watch':        { 'addWidth': 96, 'minWidth': 420, 'addHeight': 384 },
+    'zone':         { 'addWidth': 450, 'addHeight': 200, 'minHeight': 450 },
+    'zones':        { 'addWidth': 72, 'addHeight': 232 }
+};
+
+var popupOptions = "resizable,scrollbars,status=no";
+
+function checkSize() {
+    if (window.outerHeight) {
+        var w = window.outerWidth;
+        var prevW = w;
+        var h = window.outerHeight;
+        var prevH = h;
+        if (h > screen.availHeight)
+            h  = screen.availHeight;
+        if (w > screen.availWidth)
+            w  = screen.availWidth;
+        if (w != prevW || h != prevH)
+            window.resizeTo(w,h);
+    }
+}
+
+// Deprecated
+function newWindow( url, name, width, height )
+{
+    var windowId = window.open( url, name, popupOptions+",width="+width+",height="+height );
+}
+
+function getPopupSize( tag, width, height )
+{
+    var popupSize = Object.clone( popupSizes[tag] );
+    if ( !popupSize )
+    {
+        Error( "Can't find window size for tag '"+tag+"'" );
+        return( { 'width': 0, 'height': 0 } );
+    }
+    if ( popupSize.width && popupSize.height )
+    {
+        if ( width || height )
+            Warning( "Ignoring passed dimensions "+width+"x"+height+" when getting popup size for tag '"+tag+"'"  );
+        return( popupSize );
+    }
+    if ( popupSize.addWidth )
+    {
+        popupSize.width = popupSize.addWidth;
+        if ( !width )
+            Error( "Got addWidth but no passed width when getting popup size for tag '"+tag+"'" );
+        else
+            popupSize.width += parseInt(width);
+    }
+    else if ( width )
+    {
+        popupSize.width = width;
+        Error( "Got passed width but no addWidth when getting popup size for tag '"+tag+"'" );
+    }
+    if ( popupSize.minWidth && popupSize.width < popupSize.minWidth )
+    {
+        Warning( "Adjusting to minimum width when getting popup size for tag '"+tag+"'" );
+        popupSize.width = popupSize.minWidth;
+    }
+    if ( popupSize.addHeight )
+    {
+        popupSize.height = popupSize.addHeight;
+        if ( !height )
+            Error( "Got addHeight but no passed height when getting popup size for tag '"+tag+"'" );
+        else
+            popupSize.height += parseInt(height);
+    }
+    else if ( height )
+    {
+        popupSize.height = height;
+        Error( "Got passed height but no addHeight when getting popup size for tag '"+tag+"'" );
+    }
+    if ( popupSize.minHeight && popupSize.height < popupSize.minHeight )
+    {
+        Warning( "Adjusting to minimum height when getting popup size for tag '"+tag+"'" );
+        popupSize.height = popupSize.minHeight;
+    }
+    Debug( popupSize );
+    return( popupSize );
+}
+
+function zmWindow()
+{
+    var zmWin = window.open( 'http://www.zoneminder.com', 'ZoneMinder' );
+    zmWin.focus();
+}
+
+function createPopup( url, name, tag, width, height )
+{
+    var popupSize = getPopupSize( tag, width, height );
+    var popupDimensions = "";
+    if ( popupSize.width > 0 )
+        popupDimensions += ",width="+popupSize.width;
+    if ( popupSize.height > 0 )
+        popupDimensions += ",height="+popupSize.height;
+    var popup = window.open( url, name, popupOptions+popupDimensions );
+    popup.focus();
+}
+
+function createEventPopup( eventId, eventFilter, width, height )
+{
+    var url = '?view=event&eid='+eventId;
+    if ( eventFilter )
+        url += eventFilter;
+    var name = 'zmEvent';
+    var popupSize = getPopupSize( 'event', width, height );
+    var popup = window.open( url, name, popupOptions+",width="+popupSize.width+",height="+popupSize.height );
+    popup.focus();
+}
+
+function createFramesPopup( eventId, width, height )
+{
+    var url = '?view=frames&eid='+eventId;
+    var name = 'zmFrames';
+    var popupSize = getPopupSize( 'frames', width, height );
+    var popup = window.open( url, name, popupOptions+",width="+popupSize.width+",height="+popupSize.height );
+    popup.focus();
+}
+
+function createFramePopup( eventId, frameId, width, height )
+{
+    var url = '?view=frame&eid='+eventId+'&fid='+frameId;
+    var name = 'zmFrame';
+    var popupSize = getPopupSize( 'frame', width, height );
+    var popup = window.open( url, name, popupOptions+",width="+popupSize.width+",height="+popupSize.height );
+    popup.focus();
+}
+
+function windowToFront()
+{
+    top.window.focus();
+}
+
+function closeWindow()
+{
+    top.window.close();
+}
+
+function refreshWindow()
+{
+    window.location.reload( true );
+}
+
+function refreshParentWindow()
+{
+    if ( window.opener )
+        window.opener.location.reload( true );
+}
+
+//Shows a message if there is an error in the streamObj or the stream doesn't exist.  Returns true if error, false otherwise.
+function checkStreamForErrors( funcName, streamObj )
+{
+    if ( !streamObj )
+    {
+        Error( funcName+": stream object was null" );
+        return true;
+    }
+    if ( streamObj.result == "Error" )
+    {
+        Error( funcName+" stream error: "+streamObj.message );
+        return true;
+    }
+    return false;
+}
+
+function secsToTime( seconds )
+{
+    var timeString = "--";
+    if ( seconds < 60 )
+        timeString = seconds.toString();
+    else if ( seconds < 60*60 )
+    {
+        var timeMins = parseInt(seconds/60);
+        var timeSecs = seconds%60;
+        if ( timeSecs < 10 )
+            timeSecs = '0'+timeSecs.toString().substr( 0, 4 );
+        else
+            timeSecs = timeSecs.toString().substr( 0, 5 );
+        timeString = timeMins+":"+timeSecs;
+    }
+    else
+    {
+        var timeHours = parseInt(seconds/3600);
+        var timeMins = (seconds%3600)/60;
+        var timeSecs = seconds%60;
+        if ( timeMins < 10 )
+            timeMins = '0'+timeMins.toString().substr( 0, 4 );
+        else
+            timeMins = timeMins.toString().substr( 0, 5 );
+        if ( timeSecs < 10 )
+            timeSecs = '0'+timeSecs.toString().substr( 0, 4 );
+        else
+            timeSecs = timeSecs.toString().substr( 0, 5 );
+        timeString = timeHours+":"+timeMins+":"+timeSecs;
+    }
+    return( timeString );
+}
+
+function submitTab( tab )
+{
+    var form = $('contentForm');
+    form.action.value = "";
+    form.tab.value = tab;
+    form.submit();
+}
+
+function configureDeleteButton( element )
+{
+    var form = element.form;
+    var checked = element.checked;
+    if ( !checked )
+    {
+        for ( var i = 0; i < form.elements.length; i++ )
+        {
+            if ( form.elements[i].name == element.name )
+            {
+                if ( form.elements[i].checked )
+                {
+                    checked = true;
+                    break;
+                }
+            }
+        }
+    }
+    form.deleteBtn.disabled = !checked;
+}
+
+function confirmDelete( message )
+{
+    return( confirm( message?message:'Are you sure you wish to delete?' ) );
+}
+
+if ( refreshParent )
+{
+    refreshParentWindow();
+}
+
+if ( focusWindow )
+{
+    windowToFront();
+}
+window.addEvent( 'domready', checkSize);
+

web/js/skin.js.php

@@ -0,0 +1,40 @@
+<?php
+//
+// ZoneMinder base javascript file, $Date: 2008-04-21 14:52:05 +0100 (Mon, 21 Apr 2008) $, $Revision: 2391 $
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+//
+// This file should only contain JavaScript that needs preprocessing by php.
+// Static JavaScript should go in skin.js
+//
+
+?>
+var AJAX_TIMEOUT = <?= ZM_WEB_AJAX_TIMEOUT ?>;
+
+var currentView = '<?= $view ?>';
+var thisUrl = "<?= ZM_BASE_URL.$_SERVER['PHP_SELF'] ?>";
+var skinPath = "<?= ZM_SKIN_PATH ?>";
+
+var canEditSystem = <?= canEdit('System' )?'true':'false' ?>;
+var canViewSystem = <?= canView('System' )?'true':'false' ?>;
+
+var refreshParent = <?= !empty($refreshParent)?'true':'false' ?>;
+
+var focusWindow = <?= !empty($focusWindow)?'true':'false' ?>;
+
+var imagePrefix = "<?= viewImagePath( "", '&' ) ?>";

web/js/tc-angular-chartjs.min.js

@@ -0,0 +1,6 @@
+/**
+ * tc-angular-chartjs - v1.0.9 - 2014-10-14
+ * Copyright (c) 2014 Carl Craig <carlcraig@3c-studios.com>
+ * Dual licensed with the Apache-2.0 or MIT license.
+ */
+!function(){"use strict";function a(a){return new a}function b(a){return new a("line")}function c(a){return new a("bar")}function d(a){return new a("radar")}function e(a){return new a("polararea")}function f(a){return new a("pie")}function g(a){return new a("doughnut")}function h(){return function(a){function b(b,d,e){var f,g=d[0].getContext("2d"),h=new Chart(g),i=!1,j=!1,k=!1,l=null;for(var m in e)"chartLegend"===m?i=!0:"chart"===m?k=!0:"autoLegend"===m&&(j=!0);b.$watch("data",function(e){if(e){if(f&&f.destroy(),a)f=h[c(a)](b.data,b.options);else{if(!b.type)throw"Error creating chart: Chart type required.";f=h[c(b.type)](b.data,b.options)}i&&(b.legend=f.generateLegend()),j&&(l&&l.remove(),angular.element(d[0]).after(f.generateLegend()),l=angular.element(d[0]).next()),k&&(b.chart=f)}},!0)}function c(a){var b=a.toLowerCase();switch(b){case"line":return"Line";case"bar":return"Bar";case"radar":return"Radar";case"polararea":return"PolarArea";case"pie":return"Pie";case"doughnut":return"Doughnut";default:return a}}var d={restrict:"A",scope:{data:"=chartData",options:"=chartOptions",type:"@chartType",legend:"=chartLegend",chart:"=chart"},link:b};return d}}function i(){function a(a,b){a.$watch("legend",function(a){a&&b.html(a)},!0)}var b={restrict:"A",scope:{legend:"=chartLegend"},link:a};return b}angular.module("tc.chartjs",[]).directive("tcChartjs",a).directive("tcChartjsLine",b).directive("tcChartjsBar",c).directive("tcChartjsRadar",d).directive("tcChartjsPolararea",e).directive("tcChartjsPie",f).directive("tcChartjsDoughnut",g).directive("tcChartjsLegend",i).factory("TcChartjsFactory",h),a.$inject=["TcChartjsFactory"],b.$inject=["TcChartjsFactory"],c.$inject=["TcChartjsFactory"],d.$inject=["TcChartjsFactory"],e.$inject=["TcChartjsFactory"],f.$inject=["TcChartjsFactory"],g.$inject=["TcChartjsFactory"]}();

web/views/bandwidth.php

@@ -0,0 +1,58 @@
+<?php
+//
+// ZoneMinder web bandwidth view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+$newBandwidth = $_COOKIE['zmBandwidth'];
+
+if ( $user && !empty($user['MaxBandwidth']) )
+{
+    if ( $user['MaxBandwidth'] == "low" )
+    {
+        unset( $bwArray['high'] );
+        unset( $bwArray['medium'] );
+    }
+    elseif ( $user['MaxBandwidth'] == "medium" )
+    {
+        unset( $bwArray['high'] );
+    }
+}
+
+$focusWindow = true;
+
+xhtmlHeaders(__FILE__, $SLANG['Bandwidth'] );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+      <h2><?= $SLANG['Bandwidth'] ?></h2>
+    </div>
+    <div id="content">
+      <form name="contentForm" id="contentForm" method="get" action="<?= $_SERVER['PHP_SELF'] ?>">
+        <input type="hidden" name="view" value="none"/>
+        <input type="hidden" name="action" value="bandwidth"/>
+        <p><?= $SLANG['SetNewBandwidth'] ?></p>
+        <p><?= buildSelect( "newBandwidth", $bwArray ) ?></p>
+        <div id="contentButtons">
+          <input type="submit" value="<?= $SLANG['Save'] ?>"/><input type="button" value="<?= $SLANG['Cancel'] ?>" onclick="closeWindow();"/>
+        </div>
+      </form>
+    </div>
+  </div>
+</body>
+</html>

web/views/blank.php

@@ -0,0 +1,37 @@
+<?php
+//
+// ZoneMinder web empty view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+?>
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+<?php
+if ( !empty($refreshParent) )
+{
+?>
+<head>
+<script type="text/javascript">
+//self.onerror = function() { return( true ); }
+opener.location.reload(true);
+</script>
+</head>
+<?php
+}
+?>
+</html>

web/views/console.html

@@ -0,0 +1,94 @@
+	<div class="container-fluid" ng-controller="ConsoleController">
+		<div ng-show="fresh" class="alert alert-warning">
+			<p><strong>Uh-oh!</strong>  You have no monitors!  Why not <a class="alert-link" href="/?view=monitor">add</a> one?</p>
+		</div>
+
+		<div class="row" ng-hide="fresh">
+			<div class="col-md-1 col-md-offset-10">
+				<select ng-model="consoleLayout" ng-show="grid" ng-change="updateLayout()">
+					<option value="1">1 per row</option>
+					<option value="2">2 per row</option>
+					<option value="3">3 per row</option>
+					<option value="4">4 per row</option>
+					<option value="5">5 per row</option>
+					<option value="6">6 per row</option>
+					<option value="7">7 per row</option>
+					<option value="8">8 per row</option>
+					<option value="9">9 per row</option>
+					<option value="10">10 per row</option>
+					<option value="11">11 per row</option>
+					<option value="12">12 per row</option>
+				</select>
+			</div>
+			<div class="col-md-1 text-right">
+				<button ng-click="consoleView()" class="btn btn-default btn-lg" type="button">
+					<span class="glyphicon" ng-class="gridButton"></span>
+				</button>
+			</div>
+		</div>
+
+		<div ng-show="grid" ng-hide="fresh">
+			<div class="row" ng-repeat="monitors in rows">
+				<div ng-repeat="monitor in monitors" class="col-md-{{columnSize}}">
+				<div  class="monitor panel" ng-class="(monitor.alerts.zmc || monitor.alerts.zma) ? 'panel-default' : 'panel-danger'">
+
+					<div class="panel-heading">
+						<a ng-hide="(monitor.alerts.zmc || monitor.alerts.zma)" class="pull-right" href="#" tooltip="{{ monitor.alert }}">
+							<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
+						</a>
+						<h2 class="text-left panel-title">{{ monitor.Name }}</h2>
+					</div> <!-- End .panel-heading -->
+					
+					<div class="panel-body center-block">
+						<img class="img-responsive img-rounded" ng-src="/cgi-bin/nph-zms?mode=single&monitor={{monitor.Id}}" />
+					</div> <!-- End .panel-body -->
+
+				</div> <!-- End .monitor -->
+				</div>
+			</div>
+		</div>
+
+
+		<div class="row" ng-hide="grid">
+			<div class="col-md-12">
+				<table class="table table-striped">
+					<tr>
+						<th>Id</th>
+						<th>Name</th>
+						<th class="col-md-1">Function</th>
+						<th>Source</th>
+						<th>Enabled</th>
+						<th>Zones</th>
+						<th>Delete</th>
+					</tr>
+
+					<tr ng-repeat="monitor in monitors">
+						<td ng-bind="monitor.Id"></td>
+						<td><a ng-href="/?view=monitor&mid={{ monitor.Id }}">{{ monitor.Name}} </a></td>
+						<td class="col-md-1">
+							<label class="sr-only">Function</label>
+							<select id="function{{monitor.Id}}" ng-model="monitor.Function" class="form-control" ng-change="saveMonitor(monitor)">
+								<option value="None">None</option>
+								<option value="Monitor">Monitor</option>
+								<option value="Modect">Modect</option>
+								<option value="Record">Record</option>
+								<option value="Mocord">Mocord</option>
+								<option value="Nodect">Nodect</option>
+							</select>
+						</td>
+						<td ng-bind="monitor.Type"></td>
+						<td ng-bind="monitor.Enabled"></td>
+						<td ng-bind="monitor.Zones"></td>
+						<td><button type="button" class="btn btn-danger btn-sm" ng-click="delete($index)">{{ monitor.deleteText }}</button></td>
+					</tr>
+					<tfoot>
+						<tr>
+							<td colspan="7"><a href="?view=monitor">Add New Monitor</a></td>
+						</tr>
+					</tfoot>
+				</table>
+
+			</div>
+		</div>
+
+	</div> <!-- .container-fluid -->

web/views/control.php

@@ -0,0 +1,79 @@
+<?php
+//
+// ZoneMinder web control view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+if ( !canView( 'Control' ) )
+{
+    $view = "error";
+    return;
+}
+
+$groupSql = "";
+if ( !empty($_REQUEST['group']) ) {
+    $row = dbFetchOne( 'SELECT * FROM Groups WHERE Id = ?', NULL, array($_REQUEST['group']) );
+    $groupSql = " and find_in_set( Id, '".$row['MonitorIds']."' )";
+}
+
+$mid = validInt($_REQUEST['mid']);
+
+$sql = "SELECT * FROM Monitors WHERE Function != 'None' AND Controllable = 1$groupSql ORDER BY Sequence";
+$mids = array();
+foreach( dbFetchAll( $sql ) as $row )
+{
+    if ( !visibleMonitor( $row['Id'] ) )
+    {
+        continue;
+    }
+    if ( empty($mid) )
+        $mid = $row['Id'];
+    $mids[$row['Id']] = $row['Name'];
+}
+
+foreach ( getSkinIncludes( 'includes/control_functions.php' ) as $includeFile )
+    require_once $includeFile;
+
+$sql = 'SELECT C.*,M.* FROM Monitors AS M INNER JOIN Controls AS C ON (M.ControlId = C.Id ) WHERE M.Id = ?';
+$monitor = dbFetchOne( $sql, NULL, array( $mid ) );
+
+$focusWindow = true;
+
+xhtmlHeaders(__FILE__, $SLANG['Control'] );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+      <div id="headerButtons">
+        <a href="#" onclick="closeWindow();"><?= $SLANG['Close'] ?></a>
+      </div>
+      <h2><?= $SLANG['Control'] ?></h2>
+      <div id="headerControl">
+        <form name="contentForm" id="contentForm" method="get" action="<?= $_SERVER['PHP_SELF'] ?>">
+          <input type="hidden" name="view" value="<?= $view ?>"/>
+          <?= buildSelect( "mid", $mids, "this.form.submit();" ); ?>
+        </form>
+      </div>
+    </div>
+    <div id="content">
+      <div id="ptzControls" class="ptzControls">
+<?= ptzControls( $monitor ) ?>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

web/views/controlcap.php

@@ -0,0 +1,512 @@
+<?php
+//
+// ZoneMinder web control capabilities view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+if ( !canEdit( 'Control' ) )
+{
+    $view = "error";
+    return;
+}
+
+$tabs = array();
+$tabs["main"] = $SLANG['Main'];
+$tabs["move"] = $SLANG['Move'];
+$tabs["pan"] = $SLANG['Pan'];
+$tabs["tilt"] = $SLANG['Tilt'];
+$tabs["zoom"] = $SLANG['Zoom'];
+$tabs["focus"] = $SLANG['Focus'];
+$tabs["white"] = $SLANG['White'];
+$tabs["iris"] = $SLANG['Iris'];
+$tabs["presets"] = $SLANG['Presets'];
+
+if ( isset($_REQUEST['tab']) )
+    $tab = validHtmlStr($_REQUEST['tab']);
+else
+    $tab = "main";
+
+if ( isset( $_REQUEST['newControl'] ) )
+{
+    $newControl = $_REQUEST['newControl'];
+}
+else
+{
+    if ( !empty($_REQUEST['cid']) )
+    {
+        $control = dbFetchOne( 'SELECT * FROM Controls WHERE Id = ?', NULL, array($_REQUEST['cid'] ) );
+    }
+    else
+    {
+        $control = array(
+            'Name' => $SLANG['New'],
+            'Type' => "Local",
+            'Protocol' => "",
+            'CanWake' => "",
+            'CanSleep' => "",
+            'CanReset' => "",
+            'CanMove' => "",
+            'CanMoveDiag' => "",
+            'CanMoveMap' => "",
+            'CanMoveAbs' => "",
+            'CanMoveRel' => "",
+            'CanMoveCon' => "",
+            'CanPan' => "",
+            'MinPanRange' => "",
+            'MaxPanRange' => "",
+            'MinPanStep' => "",
+            'MaxPanStep' => "",
+            'HasPanSpeed' => "",
+            'MinPanSpeed' => "",
+            'MaxPanSpeed' => "",
+            'HasTurboPan' => "",
+            'TurboPanSpeed' => "",
+            'CanTilt' => "",
+            'MinTiltRange' => "",
+            'MaxTiltRange' => "",
+            'MinTiltStep' => "",
+            'MaxTiltStep' => "",
+            'HasTiltSpeed' => "",
+            'MinTiltSpeed' => "",
+            'MaxTiltSpeed' => "",
+            'HasTurboTilt' => "",
+            'TurboTiltSpeed' => "",
+            'CanZoom' => "",
+            'CanZoomAbs' => "",
+            'CanZoomRel' => "",
+            'CanZoomCon' => "",
+            'MinZoomRange' => "",
+            'MaxZoomRange' => "",
+            'MinZoomStep' => "",
+            'MaxZoomStep' => "",
+            'HasZoomSpeed' => "",
+            'MinZoomSpeed' => "",
+            'MaxZoomSpeed' => "",
+            'CanFocus' => "",
+            'CanAutoFocus' => "",
+            'CanFocusAbs' => "",
+            'CanFocusRel' => "",
+            'CanFocusCon' => "",
+            'MinFocusRange' => "",
+            'MaxFocusRange' => "",
+            'MinFocusStep' => "",
+            'MaxFocusStep' => "",
+            'HasFocusSpeed' => "",
+            'MinFocusSpeed' => "",
+            'MaxFocusSpeed' => "",
+            'CanIris' => "",
+            'CanAutoIris' => "",
+            'CanIrisAbs' => "",
+            'CanIrisRel' => "",
+            'CanIrisCon' => "",
+            'MinIrisRange' => "",
+            'MaxIrisRange' => "",
+            'MinIrisStep' => "",
+            'MaxIrisStep' => "",
+            'HasIrisSpeed' => "",
+            'MinIrisSpeed' => "",
+            'MaxIrisSpeed' => "",
+            'CanGain' => "",
+            'CanAutoGain' => "",
+            'CanGainAbs' => "",
+            'CanGainRel' => "",
+            'CanGainCon' => "",
+            'MinGainRange' => "",
+            'MaxGainRange' => "",
+            'MinGainStep' => "",
+            'MaxGainStep' => "",
+            'HasGainSpeed' => "",
+            'MinGainSpeed' => "",
+            'MaxGainSpeed' => "",
+            'CanWhite' => "",
+            'CanAutoWhite' => "",
+            'CanWhiteAbs' => "",
+            'CanWhiteRel' => "",
+            'CanWhiteCon' => "",
+            'MinWhiteRange' => "",
+            'MaxWhiteRange' => "",
+            'MinWhiteStep' => "",
+            'MaxWhiteStep' => "",
+            'HasWhiteSpeed' => "",
+            'MinWhiteSpeed' => "",
+            'MaxWhiteSpeed' => "",
+            'HasPresets' => "",
+            'NumPresets' => "",
+            'HasHomePreset' => "",
+            'CanSetPresets' => "",
+        );
+    }
+    $newControl = $control;
+}
+
+$focusWindow = true;
+
+xhtmlHeaders(__FILE__, $SLANG['ControlCap']." - ".$newControl['Name'] );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+      <h2><?= $SLANG['ControlCap'] ?> - <?= $newControl['Name'] ?></h2>
+    </div>
+    <div id="content">
+      <ul class="tabList">
+<?php
+foreach ( $tabs as $name=>$value )
+{
+    if ( $tab == $name )
+    {
+?>
+        <li class="active"><?= $value ?></li>
+<?php
+    }
+    else
+    {
+?>
+        <li><a href="#" onclick="submitTab( '<?= $name ?>' ); return( false );"><?= $value ?></a></li>
+<?php
+    }
+}
+?>
+      </ul>
+      <div class="clear"></div>
+      <form name="contentForm" id="contentForm" method="post" action="<?= $_SERVER['PHP_SELF'] ?>">
+        <input type="hidden" name="view" value="<?= $view ?>"/>
+        <input type="hidden" name="tab" value="<?= $tab ?>"/>
+        <input type="hidden" name="action" value="controlcap"/>
+        <input type="hidden" name="cid" value="<?= requestVar('cid') ?>"/>
+<?php
+if ( $tab != 'main' )
+{
+?>
+        <input type="hidden" name="newControl[Name]" value="<?= validHtmlStr($newControl['Name']) ?>"/>
+        <input type="hidden" name="newControl[Type]" value="<?= validHtmlStr($newControl['Type']) ?>"/>
+        <input type="hidden" name="newControl[Protocol]" value="<?= validHtmlStr($newControl['Protocol']) ?>"/>
+        <input type="hidden" name="newControl[CanWake]" value="<?= !empty($newControl['CanWake']) ?>"/>
+        <input type="hidden" name="newControl[CanSleep]" value="<?= !empty($newControl['CanSleep']) ?>"/>
+        <input type="hidden" name="newControl[CanReset]" value="<?= !empty($newControl['CanReset']) ?>"/>
+<?php
+}
+if ( $tab != 'move' )
+{
+?>
+        <input type="hidden" name="newControl[CanMove]" value="<?= !empty($newControl['CanMove']) ?>"/>
+        <input type="hidden" name="newControl[CanMoveDiag]" value="<?= !empty($newControl['CanMoveDiag']) ?>"/>
+        <input type="hidden" name="newControl[CanMoveMap]" value="<?= !empty($newControl['CanMoveMap']) ?>"/>
+        <input type="hidden" name="newControl[CanMoveAbs]" value="<?= !empty($newControl['CanMoveAbs']) ?>"/>
+        <input type="hidden" name="newControl[CanMoveRel]" value="<?= !empty($newControl['CanMoveRel']) ?>"/>
+        <input type="hidden" name="newControl[CanMoveCon]" value="<?= !empty($newControl['CanMoveCon']) ?>"/>
+<?php
+}
+if ( $tab != 'pan' )
+{
+?>
+        <input type="hidden" name="newControl[CanPan]" value="<?= !empty($newControl['CanPan']) ?>"/>
+        <input type="hidden" name="newControl[MinPanRange]" value="<?= $newControl['MinPanRange'] ?>"/>
+        <input type="hidden" name="newControl[MaxPanRange]" value="<?= $newControl['MaxPanRange'] ?>"/>
+        <input type="hidden" name="newControl[MinPanStep]" value="<?= $newControl['MinPanStep'] ?>"/>
+        <input type="hidden" name="newControl[MaxPanStep]" value="<?= $newControl['MaxPanStep'] ?>"/>
+        <input type="hidden" name="newControl[HasPanSpeed]" value="<?= !empty($newControl['HasPanSpeed']) ?>"/>
+        <input type="hidden" name="newControl[MinPanSpeed]" value="<?= $newControl['MinPanSpeed'] ?>"/>
+        <input type="hidden" name="newControl[MaxPanSpeed]" value="<?= $newControl['MaxPanSpeed'] ?>"/>
+        <input type="hidden" name="newControl[HasTurboPan]" value="<?= !empty($newControl['HasTurboPan']) ?>"/>
+        <input type="hidden" name="newControl[TurboPanSpeed]" value="<?= $newControl['TurboPanSpeed'] ?>"/>
+<?php
+}
+if ( $tab != 'tilt' )
+{
+?>
+        <input type="hidden" name="newControl[CanTilt]" value="<?= !empty($newControl['CanTilt']) ?>"/>
+        <input type="hidden" name="newControl[MinTiltRange]" value="<?= $newControl['MinTiltRange'] ?>"/>
+        <input type="hidden" name="newControl[MaxTiltRange]" value="<?= $newControl['MaxTiltRange'] ?>"/>
+        <input type="hidden" name="newControl[MinTiltStep]" value="<?= $newControl['MinTiltStep'] ?>"/>
+        <input type="hidden" name="newControl[MaxTiltStep]" value="<?= $newControl['MaxTiltStep'] ?>"/>
+        <input type="hidden" name="newControl[HasTiltSpeed]" value="<?= !empty($newControl['HasTiltSpeed']) ?>"/>
+        <input type="hidden" name="newControl[MinTiltSpeed]" value="<?= $newControl['MinTiltSpeed'] ?>"/>
+        <input type="hidden" name="newControl[MaxTiltSpeed]" value="<?= $newControl['MaxTiltSpeed'] ?>"/>
+        <input type="hidden" name="newControl[HasTurboTilt]" value="<?= !empty($newControl['HasTurboTilt']) ?>"/>
+        <input type="hidden" name="newControl[TurboTiltSpeed]" value="<?= $newControl['TurboTiltSpeed'] ?>"/>
+<?php
+}
+if ( $tab != 'zoom' )
+{
+?>
+        <input type="hidden" name="newControl[CanZoom]" value="<?= !empty($newControl['CanZoom']) ?>"/>
+        <input type="hidden" name="newControl[CanZoomAbs]" value="<?= !empty($newControl['CanZoomAbs']) ?>"/>
+        <input type="hidden" name="newControl[CanZoomRel]" value="<?= !empty($newControl['CanZoomRel']) ?>"/>
+        <input type="hidden" name="newControl[CanZoomCon]" value="<?= !empty($newControl['CanZoomCon']) ?>"/>
+        <input type="hidden" name="newControl[MinZoomRange]" value="<?= $newControl['MinZoomRange'] ?>"/>
+        <input type="hidden" name="newControl[MaxZoomRange]" value="<?= $newControl['MaxZoomRange'] ?>"/>
+        <input type="hidden" name="newControl[MinZoomStep]" value="<?= $newControl['MinZoomStep'] ?>"/>
+        <input type="hidden" name="newControl[MaxZoomStep]" value="<?= $newControl['MaxZoomStep'] ?>"/>
+        <input type="hidden" name="newControl[HasZoomSpeed]" value="<?= !empty($newControl['HasZoomSpeed']) ?>"/>
+        <input type="hidden" name="newControl[MinZoomSpeed]" value="<?= $newControl['MinZoomSpeed'] ?>"/>
+        <input type="hidden" name="newControl[MaxZoomSpeed]" value="<?= $newControl['MaxZoomSpeed'] ?>"/>
+<?php
+}
+if ( $tab != 'focus' )
+{
+?>
+        <input type="hidden" name="newControl[CanFocus]" value="<?= !empty($newControl['CanFocus']) ?>"/>
+        <input type="hidden" name="newControl[CanAutoFocus]" value="<?= !empty($newControl['CanAutoFocus']) ?>"/>
+        <input type="hidden" name="newControl[CanFocusAbs]" value="<?= !empty($newControl['CanFocusAbs']) ?>"/>
+        <input type="hidden" name="newControl[CanFocusRel]" value="<?= !empty($newControl['CanFocusRel']) ?>"/>
+        <input type="hidden" name="newControl[CanFocusCon]" value="<?= !empty($newControl['CanFocusCon']) ?>"/>
+        <input type="hidden" name="newControl[MinFocusRange]" value="<?= $newControl['MinFocusRange'] ?>"/>
+        <input type="hidden" name="newControl[MaxFocusRange]" value="<?= $newControl['MaxFocusRange'] ?>"/>
+        <input type="hidden" name="newControl[MinFocusStep]" value="<?= $newControl['MinFocusStep'] ?>"/>
+        <input type="hidden" name="newControl[MaxFocusStep]" value="<?= $newControl['MaxFocusStep'] ?>"/>
+        <input type="hidden" name="newControl[HasFocusSpeed]" value="<?= !empty($newControl['HasFocusSpeed']) ?>"/>
+        <input type="hidden" name="newControl[MinFocusSpeed]" value="<?= $newControl['MinFocusSpeed'] ?>"/>
+        <input type="hidden" name="newControl[MaxFocusSpeed]" value="<?= $newControl['MaxFocusSpeed'] ?>"/>
+<?php
+}
+if ( $tab != 'iris' )
+{
+?>
+        <input type="hidden" name="newControl[CanIris]" value="<?= !empty($newControl['CanIris']) ?>"/>
+        <input type="hidden" name="newControl[CanAutoIris]" value="<?= !empty($newControl['CanAutoIris']) ?>"/>
+        <input type="hidden" name="newControl[CanIrisAbs]" value="<?= !empty($newControl['CanIrisAbs']) ?>"/>
+        <input type="hidden" name="newControl[CanIrisRel]" value="<?= !empty($newControl['CanIrisRel']) ?>"/>
+        <input type="hidden" name="newControl[CanIrisCon]" value="<?= !empty($newControl['CanIrisCon']) ?>"/>
+        <input type="hidden" name="newControl[MinIrisRange]" value="<?= $newControl['MinIrisRange'] ?>"/>
+        <input type="hidden" name="newControl[MaxIrisRange]" value="<?= $newControl['MaxIrisRange'] ?>"/>
+        <input type="hidden" name="newControl[MinIrisStep]" value="<?= $newControl['MinIrisStep'] ?>"/>
+        <input type="hidden" name="newControl[MaxIrisStep]" value="<?= $newControl['MaxIrisStep'] ?>"/>
+        <input type="hidden" name="newControl[HasIrisSpeed]" value="<?= !empty($newControl['HasIrisSpeed']) ?>"/>
+        <input type="hidden" name="newControl[MinIrisSpeed]" value="<?= $newControl['MinIrisSpeed'] ?>"/>
+        <input type="hidden" name="newControl[MaxIrisSpeed]" value="<?= $newControl['MaxIrisSpeed'] ?>"/>
+<?php
+}
+if ( $tab != 'gain' )
+{
+?>
+        <input type="hidden" name="newControl[CanGain]" value="<?= !empty($newControl['CanGain']) ?>"/>
+        <input type="hidden" name="newControl[CanAutoGain]" value="<?= !empty($newControl['CanAutoGain']) ?>"/>
+        <input type="hidden" name="newControl[CanGainAbs]" value="<?= !empty($newControl['CanGainAbs']) ?>"/>
+        <input type="hidden" name="newControl[CanGainRel]" value="<?= !empty($newControl['CanGainRel']) ?>"/>
+        <input type="hidden" name="newControl[CanGainCon]" value="<?= !empty($newControl['CanGainCon']) ?>"/>
+        <input type="hidden" name="newControl[MinGainRange]" value="<?= $newControl['MinGainRange'] ?>"/>
+        <input type="hidden" name="newControl[MaxGainRange]" value="<?= $newControl['MaxGainRange'] ?>"/>
+        <input type="hidden" name="newControl[MinGainStep]" value="<?= $newControl['MinGainStep'] ?>"/>
+        <input type="hidden" name="newControl[MaxGainStep]" value="<?= $newControl['MaxGainStep'] ?>"/>
+        <input type="hidden" name="newControl[HasGainSpeed]" value="<?= !empty($newControl['HasGainSpeed']) ?>"/>
+        <input type="hidden" name="newControl[MinGainSpeed]" value="<?= $newControl['MinGainSpeed'] ?>"/>
+        <input type="hidden" name="newControl[MaxGainSpeed]" value="<?= $newControl['MaxGainSpeed'] ?>"/>
+<?php
+}
+if ( $tab != 'white' )
+{
+?>
+        <input type="hidden" name="newControl[CanWhite]" value="<?= !empty($newControl['CanWhite']) ?>"/>
+        <input type="hidden" name="newControl[CanAutoWhite]" value="<?= !empty($newControl['CanAutoWhite']) ?>"/>
+        <input type="hidden" name="newControl[CanWhiteAbs]" value="<?= !empty($newControl['CanWhiteAbs']) ?>"/>
+        <input type="hidden" name="newControl[CanWhiteRel]" value="<?= !empty($newControl['CanWhiteRel']) ?>"/>
+        <input type="hidden" name="newControl[CanWhiteCon]" value="<?= !empty($newControl['CanWhiteCon']) ?>"/>
+        <input type="hidden" name="newControl[MinWhiteRange]" value="<?= $newControl['MinWhiteRange'] ?>"/>
+        <input type="hidden" name="newControl[MaxWhiteRange]" value="<?= $newControl['MaxWhiteRange'] ?>"/>
+        <input type="hidden" name="newControl[MinWhiteStep]" value="<?= $newControl['MinWhiteStep'] ?>"/>
+        <input type="hidden" name="newControl[MaxWhiteStep]" value="<?= $newControl['MaxWhiteStep'] ?>"/>
+        <input type="hidden" name="newControl[HasWhiteSpeed]" value="<?= !empty($newControl['HasWhiteSpeed']) ?>"/>
+        <input type="hidden" name="newControl[MinWhiteSpeed]" value="<?= $newControl['MinWhiteSpeed'] ?>"/>
+        <input type="hidden" name="newControl[MaxWhiteSpeed]" value="<?= $newControl['MaxWhiteSpeed'] ?>"/>
+<?php
+}
+if ( $tab != 'presets' )
+{
+?>
+        <input type="hidden" name="newControl[HasPresets]" value="<?= !empty($newControl['HasPresets']) ?>"/>
+        <input type="hidden" name="newControl[NumPresets]" value="<?= $newControl['NumPresets'] ?>"/>
+        <input type="hidden" name="newControl[HasHomePreset]" value="<?= !empty($newControl['HasHomePreset']) ?>"/>
+        <input type="hidden" name="newControl[CanSetPresets]" value="<?= !empty($newControl['CanSetPresets']) ?>"/>
+<?php
+}
+?>
+        <table id="contentTable" class="major" cellspacing="0">
+          <tbody>
+<?php
+switch ( $tab )
+{
+    case 'main' :
+    {
+?>
+            <tr><th scope="row"><?= $SLANG['Name'] ?></th><td><input type="text" name="newControl[Name]" value="<?= validHtmlStr($newControl['Name']) ?>" size="24"/></td></tr>
+<?php
+        $types = array( 'Local'=>$SLANG['Local'], 'Remote'=>$SLANG['Remote'], 'Ffmpeg'=>$SLANG['Ffmpeg'], 'Libvlc'=>$SLANG['Libvlc'], 'cURL'=>"cURL");
+?>
+            <tr><th scope="row"><?= $SLANG['Type'] ?></th><td><?= buildSelect( "newControl[Type]", $types ); ?></td></tr>
+            <tr><th scope="row"><?= $SLANG['Protocol'] ?></th><td><input type="text" name="newControl[Protocol]" value="<?= validHtmlStr($newControl['Protocol']) ?>" size="24"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanWake'] ?></th><td><input type="checkbox" name="newControl[CanWake]" value="1"<?php if ( !empty($newControl['CanWake']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanSleep'] ?></th><td><input type="checkbox" name="newControl[CanSleep]" value="1"<?php if ( !empty($newControl['CanSleep']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanReset'] ?></th><td><input type="checkbox" name="newControl[CanReset]" value="1"<?php if ( !empty($newControl['CanReset']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+<?php
+        break;
+    }
+    case 'move' :
+    {
+?>
+            <tr><th scope="row"><?= $SLANG['CanMove'] ?></th><td><input type="checkbox" name="newControl[CanMove]" value="1"<?php if ( !empty($newControl['CanMove']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanMoveDiag'] ?></th><td><input type="checkbox" name="newControl[CanMoveDiag]" value="1"<?php if ( !empty($newControl['CanMoveDiag']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanMoveMap'] ?></th><td><input type="checkbox" name="newControl[CanMoveMap]" value="1"<?php if ( !empty($newControl['CanMoveMap']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanMoveAbs'] ?></th><td><input type="checkbox" name="newControl[CanMoveAbs]" value="1"<?php if ( !empty($newControl['CanMoveAbs']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanMoveRel'] ?></th><td><input type="checkbox" name="newControl[CanMoveRel]" value="1"<?php if ( !empty($newControl['CanMoveRel']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanMoveCon'] ?></th><td><input type="checkbox" name="newControl[CanMoveCon]" value="1"<?php if ( !empty($newControl['CanMoveCon']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+<?php
+        break;
+    }
+    case 'pan' :
+    {
+?>
+            <tr><th scope="row"><?= $SLANG['CanPan'] ?></th><td><input type="checkbox" name="newControl[CanPan]" value="1"<?php if ( !empty($newControl['CanPan']) ) { ?> checked="checked"<?php } ?>></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinPanRange'] ?></th><td><input type="text" name="newControl[MinPanRange]" value="<?= $newControl['MinPanRange'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxPanRange'] ?></th><td><input type="text" name="newControl[MaxPanRange]" value="<?= $newControl['MaxPanRange'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinPanStep'] ?></th><td><input type="text" name="newControl[MinPanStep]" value="<?= $newControl['MinPanStep'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxPanStep'] ?></th><td><input type="text" name="newControl[MaxPanStep]" value="<?= $newControl['MaxPanStep'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['HasPanSpeed'] ?></th><td><input type="checkbox" name="newControl[HasPanSpeed]" value="1"<?php if ( !empty($newControl['HasPanSpeed']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinPanSpeed'] ?></th><td><input type="text" name="newControl[MinPanSpeed]" value="<?= $newControl['MinPanSpeed'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxPanSpeed'] ?></th><td><input type="text" name="newControl[MaxPanSpeed]" value="<?= $newControl['MaxPanSpeed'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['HasTurboPan'] ?></th><td><input type="checkbox" name="newControl[HasTurboPan]" value="1"<?php if ( !empty($newControl['HasTurboPan']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['TurboPanSpeed'] ?></th><td><input type="text" name="newControl[TurboPanSpeed]" value="<?= $newControl['TurboPanSpeed'] ?>" size="8"/></td></tr>
+<?php
+        break;
+    }
+    case 'tilt' :
+    {
+?>
+            <tr><th scope="row"><?= $SLANG['CanTilt'] ?></th><td><input type="checkbox" name="newControl[CanTilt]" value="1"<?php if ( !empty($newControl['CanTilt']) ) { ?> checked="checked"<?php } ?>></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinTiltRange'] ?></th><td><input type="text" name="newControl[MinTiltRange]" value="<?= $newControl['MinTiltRange'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxTiltRange'] ?></th><td><input type="text" name="newControl[MaxTiltRange]" value="<?= $newControl['MaxTiltRange'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinTiltStep'] ?></th><td><input type="text" name="newControl[MinTiltStep]" value="<?= $newControl['MinTiltStep'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxTiltStep'] ?></th><td><input type="text" name="newControl[MaxTiltStep]" value="<?= $newControl['MaxTiltStep'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['HasTiltSpeed'] ?></th><td><input type="checkbox" name="newControl[HasTiltSpeed]" value="1"<?php if ( !empty($newControl['HasTiltSpeed']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinTiltSpeed'] ?></th><td><input type="text" name="newControl[MinTiltSpeed]" value="<?= $newControl['MinTiltSpeed'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxTiltSpeed'] ?></th><td><input type="text" name="newControl[MaxTiltSpeed]" value="<?= $newControl['MaxTiltSpeed'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['HasTurboTilt'] ?></th><td><input type="checkbox" name="newControl[HasTurboTilt]" value="1"<?php if ( !empty($newControl['HasTurboTilt']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['TurboTiltSpeed'] ?></th><td><input type="text" name="newControl[TurboTiltSpeed]" value="<?= $newControl['TurboTiltSpeed'] ?>" size="8"/></td></tr>
+<?php
+        break;
+    }
+    case 'zoom' :
+    {
+?>
+            <tr><th scope="row"><?= $SLANG['CanZoom'] ?></th><td><input type="checkbox" name="newControl[CanZoom]" value="1"<?php if ( !empty($newControl['CanZoom']) ) { ?> checked="checked"<?php } ?>></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanZoomAbs'] ?></th><td><input type="checkbox" name="newControl[CanZoomAbs]" value="1"<?php if ( !empty($newControl['CanZoomAbs']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanZoomRel'] ?></th><td><input type="checkbox" name="newControl[CanZoomRel]" value="1"<?php if ( !empty($newControl['CanZoomRel']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanZoomCon'] ?></th><td><input type="checkbox" name="newControl[CanZoomCon]" value="1"<?php if ( !empty($newControl['CanZoomCon']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinZoomRange'] ?></th><td><input type="text" name="newControl[MinZoomRange]" value="<?= $newControl['MinZoomRange'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxZoomRange'] ?></th><td><input type="text" name="newControl[MaxZoomRange]" value="<?= $newControl['MaxZoomRange'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinZoomStep'] ?></th><td><input type="text" name="newControl[MinZoomStep]" value="<?= $newControl['MinZoomStep'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxZoomStep'] ?></th><td><input type="text" name="newControl[MaxZoomStep]" value="<?= $newControl['MaxZoomStep'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['HasZoomSpeed'] ?></th><td><input type="checkbox" name="newControl[HasZoomSpeed]" value="1"<?php if ( !empty($newControl['HasZoomSpeed']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinZoomSpeed'] ?></th><td><input type="text" name="newControl[MinZoomSpeed]" value="<?= $newControl['MinZoomSpeed'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxZoomSpeed'] ?></th><td><input type="text" name="newControl[MaxZoomSpeed]" value="<?= $newControl['MaxZoomSpeed'] ?>" size="8"/></td></tr>
+<?php
+        break;
+    }
+    case 'focus' :
+    {
+?>
+            <tr><th scope="row"><?= $SLANG['CanFocus'] ?></th><td><input type="checkbox" name="newControl[CanFocus]" value="1"<?php if ( !empty($newControl['CanFocus']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanAutoFocus'] ?></th><td><input type="checkbox" name="newControl[CanAutoFocus]" value="1"<?php if ( !empty($newControl['CanAutoFocus']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanFocusAbs'] ?></th><td><input type="checkbox" name="newControl[CanFocusAbs]" value="1"<?php if ( !empty($newControl['CanFocusAbs']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanFocusRel'] ?></th><td><input type="checkbox" name="newControl[CanFocusRel]" value="1"<?php if ( !empty($newControl['CanFocusRel']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanFocusCon'] ?></th><td><input type="checkbox" name="newControl[CanFocusCon]" value="1"<?php if ( !empty($newControl['CanFocusCon']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinFocusRange'] ?></th><td><input type="text" name="newControl[MinFocusRange]" value="<?= $newControl['MinFocusRange'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxFocusRange'] ?></th><td><input type="text" name="newControl[MaxFocusRange]" value="<?= $newControl['MaxFocusRange'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinFocusStep'] ?></th><td><input type="text" name="newControl[MinFocusStep]" value="<?= $newControl['MinFocusStep'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxFocusStep'] ?></th><td><input type="text" name="newControl[MaxFocusStep]" value="<?= $newControl['MaxFocusStep'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['HasFocusSpeed'] ?></th><td><input type="checkbox" name="newControl[HasFocusSpeed]" value="1"<?php if ( !empty($newControl['HasFocusSpeed']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinFocusSpeed'] ?></th><td><input type="text" name="newControl[MinFocusSpeed]" value="<?= $newControl['MinFocusSpeed'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxFocusSpeed'] ?></th><td><input type="text" name="newControl[MaxFocusSpeed]" value="<?= $newControl['MaxFocusSpeed'] ?>" size="8"/></td></tr>
+<?php
+        break;
+    }
+    case 'iris' :
+    {
+?>
+            <tr><th scope="row"><?= $SLANG['CanIris'] ?></th><td><input type="checkbox" name="newControl[CanIris]" value="1"<?php if ( !empty($newControl['CanIris']) ) { ?> checked="checked"<?php } ?>></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanAutoIris'] ?></th><td><input type="checkbox" name="newControl[CanAutoIris]" value="1"<?php if ( !empty($newControl['CanAutoIris']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanIrisAbs'] ?></th><td><input type="checkbox" name="newControl[CanIrisAbs]" value="1"<?php if ( !empty($newControl['CanIrisAbs']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanIrisRel'] ?></th><td><input type="checkbox" name="newControl[CanIrisRel]" value="1"<?php if ( !empty($newControl['CanIrisRel']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanIrisCon'] ?></th><td><input type="checkbox" name="newControl[CanIrisCon]" value="1"<?php if ( !empty($newControl['CanIrisCon']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinIrisRange'] ?></th><td><input type="text" name="newControl[MinIrisRange]" value="<?= $newControl['MinIrisRange'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxIrisRange'] ?></th><td><input type="text" name="newControl[MaxIrisRange]" value="<?= $newControl['MaxIrisRange'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinIrisStep'] ?></th><td><input type="text" name="newControl[MinIrisStep]" value="<?= $newControl['MinIrisStep'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxIrisStep'] ?></th><td><input type="text" name="newControl[MaxIrisStep]" value="<?= $newControl['MaxIrisStep'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['HasIrisSpeed'] ?></th><td><input type="checkbox" name="newControl[HasIrisSpeed]" value="1"<?php if ( !empty($newControl['HasIrisSpeed']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinIrisSpeed'] ?></th><td><input type="text" name="newControl[MinIrisSpeed]" value="<?= $newControl['MinIrisSpeed'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxIrisSpeed'] ?></th><td><input type="text" name="newControl[MaxIrisSpeed]" value="<?= $newControl['MaxIrisSpeed'] ?>" size="8"/></td></tr>
+<?php
+        break;
+    }
+    case 'gain' :
+    {
+?>
+            <tr><th scope="row"><?= $SLANG['CanGain'] ?></th><td><input type="checkbox" name="newControl[CanGain]" value="1"<?php if ( !empty($newControl['CanGain']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanAutoGain'] ?></th><td><input type="checkbox" name="newControl[CanAutoGain]" value="1"<?php if ( !empty($newControl['CanAutoGain']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanGainAbs'] ?></th><td><input type="checkbox" name="newControl[CanGainAbs]" value="1"<?php if ( !empty($newControl['CanGainAbs']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanGainRel'] ?></th><td><input type="checkbox" name="newControl[CanGainRel]" value="1"<?php if ( !empty($newControl['CanGainRel']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanGainCon'] ?></th><td><input type="checkbox" name="newControl[CanGainCon]" value="1"<?php if ( !empty($newControl['CanGainCon']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinGainRange'] ?></th><td><input type="text" name="newControl[MinGainRange]" value="<?= $newControl['MinGainRange'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxGainRange'] ?></th><td><input type="text" name="newControl[MaxGainRange]" value="<?= $newControl['MaxGainRange'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinGainStep'] ?></th><td><input type="text" name="newControl[MinGainStep]" value="<?= $newControl['MinGainStep'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxGainStep'] ?></th><td><input type="text" name="newControl[MaxGainStep]" value="<?= $newControl['MaxGainStep'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['HasGainSpeed'] ?></th><td><input type="checkbox" name="newControl[HasGainSpeed]" value="1"<?php if ( !empty($newControl['HasGainSpeed']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinGainSpeed'] ?></th><td><input type="text" name="newControl[MinGainSpeed]" value="<?= $newControl['MinGainSpeed'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxGainSpeed'] ?></th><td><input type="text" name="newControl[MaxGainSpeed]" value="<?= $newControl['MaxGainSpeed'] ?>" size="8"/></td></tr>
+<?php
+        break;
+    }
+    case 'white' :
+    {
+?>
+            <tr><th scope="row"><?= $SLANG['CanWhite'] ?></th><td><input type="checkbox" name="newControl[CanWhite]" value="1"<?php if ( !empty($newControl['CanWhite']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanAutoWhite'] ?></th><td><input type="checkbox" name="newControl[CanAutoWhite]" value="1"<?php if ( !empty($newControl['CanAutoWhite']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanWhiteAbs'] ?></th><td><input type="checkbox" name="newControl[CanWhiteAbs]" value="1"<?php if ( !empty($newControl['CanWhiteAbs']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanWhiteRel'] ?></th><td><input type="checkbox" name="newControl[CanWhiteRel]" value="1"<?php if ( !empty($newControl['CanWhiteRel']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanWhiteCon'] ?></th><td><input type="checkbox" name="newControl[CanWhiteCon]" value="1"<?php if ( !empty($newControl['CanWhiteCon']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinWhiteRange'] ?></th><td><input type="text" name="newControl[MinWhiteRange]" value="<?= $newControl['MinWhiteRange'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxWhiteRange'] ?></th><td><input type="text" name="newControl[MaxWhiteRange]" value="<?= $newControl['MaxWhiteRange'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinWhiteStep'] ?></th><td><input type="text" name="newControl[MinWhiteStep]" value="<?= $newControl['MinWhiteStep'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxWhiteStep'] ?></th><td><input type="text" name="newControl[MaxWhiteStep]" value="<?= $newControl['MaxWhiteStep'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['HasWhiteSpeed'] ?></th><td><input type="checkbox" name="newControl[HasWhiteSpeed]" value="1"<?php if ( !empty($newControl['HasWhiteSpeed']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MinWhiteSpeed'] ?></th><td><input type="text" name="newControl[MinWhiteSpeed]" value="<?= $newControl['MinWhiteSpeed'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['MaxWhiteSpeed'] ?></th><td><input type="text" name="newControl[MaxWhiteSpeed]" value="<?= $newControl['MaxWhiteSpeed'] ?>" size="8"/></td></tr>
+<?php
+        break;
+    }
+    case 'presets' :
+    {
+?>
+            <tr><th scope="row"><?= $SLANG['HasPresets'] ?></th><td><input type="checkbox" name="newControl[HasPresets]" value="1"<?php if ( !empty($newControl['HasPresets']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['NumPresets'] ?></th><td><input type="text" name="newControl[NumPresets]" value="<?= $newControl['NumPresets'] ?>" size="8"/></td></tr>
+            <tr><th scope="row"><?= $SLANG['HasHomePreset'] ?></th><td><input type="checkbox" name="newControl[HasHomePreset]" value="1"<?php if ( !empty($newControl['HasHomePreset']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+            <tr><th scope="row"><?= $SLANG['CanSetPresets'] ?></th><td><input type="checkbox" name="newControl[CanSetPresets]" value="1"<?php if ( !empty($newControl['CanSetPresets']) ) { ?> checked="checked"<?php } ?>/></td></tr>
+<?php
+        break;
+    }
+}
+?>
+          </tbody>
+        </table>
+        <div id="contentButtons">
+          <input type="submit" value="<?= $SLANG['Save'] ?>"<?php if ( !canEdit( 'Control' ) ) { ?> disabled="disabled"<?php } ?>/><input type="button" value="<?= $SLANG['Cancel'] ?>" onclick="closeWindow()"/>
+        </div>
+      </form>
+    </div>
+  </div>
+</body>
+</html>

web/views/controlcaps.php

@@ -0,0 +1,89 @@
+<?php
+//
+// ZoneMinder web controls file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+if ( !canView( 'Control' ) )
+{
+    $view = "error";
+    return;
+}
+
+$controls = dbFetchAll( 'SELECT * FROM Controls ORDER BY Id' );
+
+$focusWindow = true;
+
+xhtmlHeaders(__FILE__, $SLANG['ControlCaps'] );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+      <div id="headerButtons">
+        <a href="#" onclick="closeWindow();"><?= $SLANG['Close'] ?></a>
+      </div>
+      <h2><?= $SLANG['ControlCaps'] ?></h2>
+    </div>
+    <div id="content">
+      <form name="contentForm" id="contentForm" method="get" action="<?= $_SERVER['PHP_SELF'] ?>" onsubmit="return( confirmDelete( 'Warning, deleting a control will reset all monitors that use it to be uncontrollable.\nAre you sure you wish to delete?' ) );">
+        <input type="hidden" name="view" value="<?= $view ?>"/>
+        <input type="hidden" name="action" value="delete"/>
+        <table id="contentTable" class="major" cellspacing="0">
+          <thead>
+            <tr>
+              <th class="colName"><?= $SLANG['Name'] ?></th>
+              <th class="colType"><?= $SLANG['Type'] ?></th>
+              <th class="colProtocol"><?= $SLANG['Protocol'] ?></th>
+              <th class="colCanMove"><?= $SLANG['CanMove'] ?></th>
+              <th class="colCanZoom"><?= $SLANG['CanZoom'] ?></th>
+              <th class="colCanFocus"><?= $SLANG['CanFocus'] ?></th>
+              <th class="colCanIris"><?= $SLANG['CanIris'] ?></th>
+              <th class="colCanWhiteBal"><?= $SLANG['CanWhiteBal'] ?></th>
+              <th class="colHasPresets"><?= $SLANG['HasPresets'] ?></th>
+              <th class="colMark"><?= $SLANG['Mark'] ?></th>
+            </tr>
+          </thead>
+          <tbody>
+<?php
+foreach( $controls as $control )
+{
+?>
+            <tr>
+              <td class="colName"><?= makePopupLink( '?view=controlcap&amp;cid='.$control['Id'], 'zmControlCap', 'controlcap', $control['Name'], canView( 'Control' ) ) ?></td>
+              <td class="colType"><?= $control['Type'] ?></td>
+              <td class="colProtocol"><?= $control['Protocol'] ?></td>
+              <td class="colCanMove"><?= $control['CanMove']?$SLANG['Yes']:$SLANG['No'] ?></td>
+              <td class="colCanZoom"><?= $control['CanZoom']?$SLANG['Yes']:$SLANG['No'] ?></td>
+              <td class="colCanFocus"><?= $control['CanFocus']?$SLANG['Yes']:$SLANG['No'] ?></td>
+              <td class="colCanIris"><?= $control['CanIris']?$SLANG['Yes']:$SLANG['No'] ?></td>
+              <td class="colCanWhiteBal"><?= $control['CanWhite']?$SLANG['Yes']:$SLANG['No'] ?></td>
+              <td class="colHasPresets"><?= $control['HasHomePreset']?'H':'' ?><?= $control['HasPresets']?$control['NumPresets']:'0' ?></td>
+              <td class="colMark"><input type="checkbox" name="markCids[]" value="<?= $control['Id'] ?>" onclick="configureDeleteButton( this );"<?php if ( !canEdit( 'Control' ) ) {?> disabled="disabled"<?php } ?>/></td>
+            </tr>
+<?php
+}
+?>
+          </tbody>
+        </table>
+        <div id="contentButtons">
+          <input type="button" value="<?= $SLANG['AddNewControl'] ?>" onclick="createPopup( '?view=controlcap', 'zmControlCap', 'controlcap' );"<?php if ( !canEdit( 'Control' ) ) {?> disabled="disabled"<?php } ?>/><input type="submit" name="deleteBtn" value="<?= $SLANG['Delete'] ?>" disabled="disabled"/>
+        </div>
+      </form>
+    </div>
+  </div>
+</body>
+</html>

web/views/controlpreset.php

@@ -0,0 +1,70 @@
+<?php
+//
+// ZoneMinder web run state view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+if ( !canEdit( 'Monitors' ) )
+{
+    $view = "error";
+    return;
+}
+
+$monitor = dbFetchOne( 'SELECT C.*,M.* FROM Monitors AS M INNER JOIN Controls AS C ON (M.ControlId = C.Id ) WHERE M.Id = ?', NULL, array( $_REQUEST['mid']) );
+
+$labels = array();
+foreach( dbFetchAll( 'SELECT * FROM ControlPresets WHERE MonitorId = ?', NULL, array( $monitor['Id'] ) ) as $row ) {
+    $labels[$row['Preset']] = $row['Label'];
+}
+
+$presets = array();
+for ( $i = 1; $i <= $monitor['NumPresets']; $i++ )
+{
+    $presets[$i] = $SLANG['Preset']." ".$i;
+    if ( !empty($labels[$i]) )
+    {
+        $presets[$i] .= " (".validHtmlStr($labels[$i]).")";
+    }
+}
+
+
+$focusWindow = true;
+
+xhtmlHeaders(__FILE__, $SLANG['SetPreset'] );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+      <h2><?= $SLANG['SetPreset'] ?></h2>
+    </div>
+    <div id="content">
+      <form name="contentForm" id="contentForm" method="post" action="<?= $_SERVER['PHP_SELF'] ?>">
+        <input type="hidden" name="view" value="none"/>
+        <input type="hidden" name="mid" value="<?= $monitor['Id'] ?>"/>
+        <input type="hidden" name="action" value="control"/>
+        <input type="hidden" name="control" value="presetSet"/>
+        <input type="hidden" name="showControls" value="1"/>
+        <p><?= buildSelect( "preset", $presets, "updateLabel()" ) ?></p>
+        <p><label for="newLabel"><?= $SLANG['NewLabel'] ?></label><input type="text" name="newLabel" id="newLabel" value="" size="16"/></p>
+        <div id="contentButtons">
+          <input type="submit" value="<?= $SLANG['Save'] ?>"/><input type="button" value="<?= $SLANG['Cancel'] ?>" onclick="closeWindow()"/>
+        </div>
+      </form>
+    </div>
+  </div>
+</body>
+</html>

web/views/cycle.php

@@ -0,0 +1,129 @@
+<?php
+//
+// ZoneMinder web cycle view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+if ( !canView( 'Stream' ) )
+{
+    $view = "error";
+    return;
+}
+
+if ( empty($_REQUEST['mode']) )
+{
+    if ( canStream() )
+        $mode = "stream";
+    else
+        $mode = "still";
+}
+else
+{
+    $mode = validHtmlStr($_REQUEST['mode']);
+}
+
+$group = '';
+$groupSql = '';
+if ( !empty($_REQUEST['group']) )
+{
+    $group = validInt($_REQUEST['group']);
+    $row = dbFetchOne( 'SELECT * FROM Groups WHERE Id = ?', NULL, array($group) );
+    $groupSql = " and find_in_set( Id, '".$row['MonitorIds']."' )";
+}
+
+$sql = "SELECT * FROM Monitors WHERE Function != 'None'$groupSql ORDER BY Sequence";
+$monitors = array();
+$monIdx = 0;
+foreach( dbFetchAll( $sql ) as $row )
+{
+    if ( !visibleMonitor( $row['Id'] ) )
+        continue;
+    if ( isset($_REQUEST['mid']) && $row['Id'] == $_REQUEST['mid'] )
+        $monIdx = count($monitors);
+    $row['ScaledWidth'] = reScale( $row['Width'], $row['DefaultScale'], ZM_WEB_DEFAULT_SCALE );
+    $row['ScaledHeight'] = reScale( $row['Height'], $row['DefaultScale'], ZM_WEB_DEFAULT_SCALE );
+    $monitors[] = $row;
+}
+
+$monitor = $monitors[$monIdx];
+$nextMid = $monIdx==(count($monitors)-1)?$monitors[0]['Id']:$monitors[$monIdx+1]['Id'];
+$montageWidth = $monitor['ScaledWidth'];
+$montageHeight = $monitor['ScaledHeight'];
+$widthScale = ($montageWidth*SCALE_BASE)/$monitor['Width'];
+$heightScale = ($montageHeight*SCALE_BASE)/$monitor['Height'];
+$scale = (int)(($widthScale<$heightScale)?$widthScale:$heightScale);
+
+if ( false && (ZM_WEB_STREAM_METHOD == 'mpeg' && ZM_MPEG_LIVE_FORMAT) )
+{
+    $streamMode = "mpeg";
+    $streamSrc = getStreamSrc( array( "mode=".$streamMode, "monitor=".$monitor['Id'], "scale=".$scale, "bitrate=".ZM_WEB_VIDEO_BITRATE, "maxfps=".ZM_WEB_VIDEO_MAXFPS, "format=".ZM_MPEG_LIVE_FORMAT ) );
+}
+elseif ( $mode == 'stream' && canStream() )
+{
+    $streamMode = "jpeg";
+    $streamSrc = getStreamSrc( array( "mode=".$streamMode, "monitor=".$monitor['Id'], "scale=".$scale, "maxfps=".ZM_WEB_VIDEO_MAXFPS ) );
+}
+else
+{
+    $streamMode = "single";
+    $streamSrc = getStreamSrc( array( "mode=".$streamMode, "monitor=".$monitor['Id'], "scale=".$scale ) );
+}
+
+noCacheHeaders();
+
+$focusWindow = true;
+
+xhtmlHeaders(__FILE__, $SLANG['CycleWatch'] );
+?>
+<body>
+
+	<?php include("header.php"); ?>
+
+  <div id="page">
+    <div id="header">
+      <div id="headerButtons">
+<?php if ( $mode == "stream" ) { ?>
+        <a href="?view=<?= $view ?>&amp;mode=still&amp;group=<?= $group ?>&amp;mid=<?= $monitor['Id'] ?>"><?= $SLANG['Stills'] ?></a>
+<?php } else { ?>
+        <a href="?view=<?= $view ?>&amp;mode=stream&amp;group=<?= $group ?>&amp;mid=<?= $monitor['Id'] ?>"><?= $SLANG['Stream'] ?></a>
+<?php } ?>
+      </div>
+    </div>
+    <div id="content">
+      <div id="imageFeed">
+<?php
+if ( $streamMode == "mpeg" )
+{
+    outputVideoStream( "liveStream", $streamSrc, reScale( $monitor['Width'], $scale ), reScale( $monitor['Height'], $scale ), ZM_MPEG_LIVE_FORMAT, validHtmlStr($monitor['Name']) );
+}
+elseif ( $streamMode == "jpeg" )
+{
+    if ( canStreamNative() )
+        outputImageStream( "liveStream", $streamSrc, reScale( $monitor['Width'], $scale ), reScale( $monitor['Height'], $scale ), validHtmlStr($monitor['Name']) );
+    elseif ( canStreamApplet() )
+        outputHelperStream( "liveStream", $streamSrc, reScale( $monitor['Width'], $scale ), reScale( $monitor['Height'], $scale ), validHtmlStr($monitor['Name']) );
+}
+else
+{
+    outputImageStill( "liveStream", $streamSrc, reScale( $monitor['Width'], $scale ), reScale( $monitor['Height'], $scale ), validHtmlStr($monitor['Name']) );
+}
+?>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

web/views/device.php

@@ -0,0 +1,67 @@
+<?php
+//
+// ZoneMinder web device detail view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+if ( !canEdit( 'Devices' ) )
+{
+    $view = "error";
+    return;
+}
+if ( !empty($_REQUEST['did']) ) {
+    $newDevice = dbFetchOne( 'SELECT * FROM Devices WHERE Id = ?', NULL, array($_REQUEST['did']) );
+} else {
+    $newDevice = array(
+        "Id" => "",
+        "Name" => "New Device",
+        "KeyString" => ""
+    );
+}
+
+xhtmlHeaders( __FILE__, $SLANG['Device']." - ".$newDevice['Name'] );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+      <h2><?= $SLANG['Device']." - ".validHtmlStr($newDevice['Name']) ?></h2>
+    </div>
+    <div id="content">
+      <form name="contentForm" method="get" action="<?= $_SERVER['PHP_SELF'] ?>">
+        <input type="hidden" name="view" value="<?= $view ?>"/>
+        <input type="hidden" name="action" value="device"/>
+        <input type="hidden" name="did" value="<?= $newDevice['Id'] ?>"/>
+        <table id="contentTable" class="major" cellspacing="0">
+          <tbody>
+            <tr>
+              <th scope="row"><?= $SLANG['Name'] ?></th>
+              <td><input type="text" name="newDevice[Name]" value="<?= validHtmlStr($newDevice['Name']) ?>"/></td>
+            </tr>
+            <tr>
+              <th scope="row"><?= $SLANG['KeyString'] ?></th>
+              <td><input type="text" name="newDevice[KeyString]" value="<?= validHtmlStr($newDevice['KeyString']) ?>"/></td>
+            </tr>
+          </tbody>
+        </table>
+        <div id="contentButtons">
+          <input type="submit" value="<?= $SLANG['Save'] ?>"<?php if ( !canEdit( 'Devices' ) ) { ?> disabled="disabled"<?php } ?>/><input type="button" value="<?= $SLANG['Cancel'] ?>" onclick="closeWindow()"/>
+        </div>
+      </form>
+    </div>
+  </div>
+</body>
+</html>

web/views/devices.php

@@ -0,0 +1,86 @@
+<?php
+//
+// ZoneMinder web devices file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+if ( !canView( 'Devices' ) )
+{
+    $view = "error";
+     return;
+}
+
+$sql = "SELECT * FROM Devices WHERE Type = 'X10' ORDER BY Name";
+$devices = array();
+foreach( dbFetchAll( $sql ) as $row )
+{
+    $row['Status'] = getDeviceStatusX10( $row['KeyString'] );
+    $devices[] = $row;
+}
+
+xhtmlHeaders(__FILE__, $SLANG['Devices'] );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+      <h2><?= $SLANG['Devices'] ?></h2>
+    </div>
+    <div id="content">
+      <form name="contentForm" method="get" action="<?= $_SERVER['PHP_SELF'] ?>">
+        <input type="hidden" name="view" value="none"/>
+        <input type="hidden" name="action" value="device"/>
+        <input type="hidden" name="key" value=""/>
+        <input type="hidden" name="command" value=""/>
+        <table id="contentTable" class="major" cellspacing="0">
+          <tbody>
+<?php
+foreach( $devices as $device )
+{
+    if ( $device['Status'] == 'ON' )
+    {
+        $fclass = "infoText";
+    }
+    elseif ( $device['Status'] == 'OFF' )
+    {
+        $fclass = "warnText";
+    }
+    else
+    {
+        $fclass = "errorText";
+    }
+?>
+            <tr>
+              <td><?= makePopupLink( '?view=device&amp;did='.$device['Id'], 'zmDevice', 'device', '<span class="'.$fclass.'">'.validHtmlStr($device['Name']).' ('.validHtmlStr($device['KeyString']).')</span>', canEdit( 'Devices' ) ) ?></td>
+              <td><input type="button" value="<?= $SLANG['On'] ?>"<?= ($device['Status'] != 'ON')?' class="set"':'' ?> onclick="switchDeviceOn( this, '<?= validHtmlStr($device['KeyString']) ?>' )"<?= canEdit( 'Devices' )?"":' disabled="disabled"' ?>/></td>
+              <td><input type="button" value="<?= $SLANG['Off'] ?>"<?= ($device['Status'] != 'OFF')?' class="set"':'' ?> onclick="switchDeviceOff( this, '<?= validHtmlStr($device['KeyString']) ?>' )"<?= canEdit( 'Devices' )?"":' disabled="disabled"' ?>/></td>
+              <td><input type="checkbox" name="markDids[]" value="<?= $device['Id'] ?>" onclick="configureButtons( this, 'markDids' );"<?php if ( !canEdit( 'Devices' ) ) {?> disabled="disabled"<?php } ?>/></td>
+            </tr>
+<?php
+}
+?>
+          </tbody>
+        </table>
+        <div id="contentButtons">
+          <input type="button" value="<?= $SLANG['New'] ?>" onclick="createPopup( '?view=device&amp;did=0', 'zmDevice', 'device' )"<?= canEdit('Devices')?'':' disabled="disabled"' ?>/>
+          <input type="button" name="deleteBtn" value="<?= $SLANG['Delete'] ?>" onclick="deleteDevice( this )" disabled="disabled"/>
+          <input type="button" value="<?= $SLANG['Cancel'] ?>" onclick="closeWindow();"/>
+        </div>
+      </form>
+    </div>
+  </div>
+</body>
+</html>

web/views/donate.php

@@ -0,0 +1,65 @@
+<?php
+//
+// ZoneMinder web donate view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+if ( !canEdit( 'System' ) )
+{
+    $view = "error";
+    return;
+}
+
+$options = array( 
+    "go"      => $SLANG['DonateYes'],
+    "hour"    => $SLANG['DonateRemindHour'],
+    "day"     => $SLANG['DonateRemindDay'],
+    "week"    => $SLANG['DonateRemindWeek'],
+    "month"   => $SLANG['DonateRemindMonth'],
+    "never"   => $SLANG['DonateRemindNever'],
+    "already" => $SLANG['DonateAlready'],
+);
+
+$focusWindow = true;
+
+xhtmlHeaders(__FILE__, $SLANG['Donate'] );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+      <h2><?= $SLANG['Donate'] ?></h2>
+      <h1>ZoneMinder - <?= $SLANG['Donate'] ?></h1>
+    </div>
+    <div id="content">
+      <form name="contentForm" id="contentForm" method="post" action="<?= $_SERVER['PHP_SELF'] ?>">
+        <input type="hidden" name="view" value="none"/>
+        <input type="hidden" name="action" value="donate"/>
+        <p>
+          <?= $SLANG['DonateEnticement'] ?>
+        </p>
+        <p>
+          <?= buildSelect( "option", $options ); ?>
+        </p>
+        <div id="contentButtons">
+          <input type="submit" value="<?= $SLANG['Apply'] ?>" onclick="submitForm( this )">
+          <input type="button" value="<?= $SLANG['Close'] ?>" onclick="closeWindow()">
+        </div>
+      </form>
+    </div>
+  </div>
+</body>
+</html>

web/views/error.php

@@ -0,0 +1,43 @@
+<?php
+//
+// ZoneMinder web error view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+$focusWindow = true;
+
+xhtmlHeaders(__FILE__, $SLANG['Error'] );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+      <h1>ZoneMinder <?= $SLANG['Error'] ?></h1>
+    </div>
+    <div id="content">
+      <p>
+        <?= $SLANG['YouNoPerms'] ?>
+      </p>
+      <p>
+        <?= $SLANG['ContactAdmin'] ?>
+      </p>
+      <p>
+        <a href="#" onclick="closeWindow();"><?= $SLANG['Close'] ?></a>
+      </p>
+    </div>
+  </div>
+</body>
+</html>

web/views/event-frames-stills.html

@@ -0,0 +1,17 @@
+<div id="event-frames-stills" ng-hide="stream" class="flexcontainer" >
+	<div ng-repeat="frame in frames" class="frame panel" ng-class="(frame.Type == 'Alarm') ? 'panel-danger' : 'panel-default'">
+		<div class="panel-heading">
+			<span class="pull-right" ng-bind="frame.FrameId"></span>
+			<span ng-bind="frame.TimeStamp"></span>
+		</div>
+		<div class="panel-body">
+			<div class="thumbnail">
+				<img ng-src="{{ frame.Path }}" alt="Frame {{frame.FrameId}}" class="img-responsive" />
+			</div>
+			<ul>
+				<li>Delta: <span ng-bind="frame.Delta"></span></li>
+				<li>Score: <span ng-bind="frame.Score"></span></li>
+			</ul>
+		</div>
+	</div>
+</div>

web/views/event.html

@@ -0,0 +1,21 @@
+<div class="modal-header">
+	<button type="button" class="pull-right close" aria-label="Close" ng-click="cancel()"><span aria-hidden="true">&times;</span></button>
+	<span class="pull-right modal-title">Event {{eventId}}</span>
+	<span ng-bind="startTime"></span>
+</div>
+
+<div class="modal-body">
+
+	<div id="eventStream" ng-show="stream">
+		<img class="img-responsive" ng-src="/cgi-bin/nph-zms?source=event&mode=jpeg&event={{eventId}}&frame=1&scale=100&rate=100&maxfps=30&replay=single" />
+	</div>
+	<div ng-include="'/views/event-frames-stills.html'"></div>
+</div>
+
+<div class="modal-footer">
+	<span class="pull-right glyphicon glyphicon-chevron-right"><span class="sr-only">Next</span></span>
+	<button type="button" class="btn btn-default" ng-click="eventView()">{{ eventView_text }}</button>
+	<button type="button" class="btn btn-default" ng-click="archive()">{{ archive_text }}</button>
+	<button type="button" class="btn btn-danger" ng-click="delete()">Delete</button>
+	<span class="pull-left glyphicon glyphicon-chevron-left"><span class="sr-only">Previous</span></span>
+</div>

web/views/eventdetail.php

@@ -0,0 +1,131 @@
+<?php
+//
+// ZoneMinder web event detail view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+if ( !canEdit( 'Events' ) )
+{
+    $view = "error";
+    return;
+}
+if ( isset($_REQUEST['eid']) ) {
+    $mode = 'single';
+    $eid = validInt($_REQUEST['eid']);
+    $newEvent = dbFetchOne( 'SELECT E.* FROM Events AS E WHERE E.Id = ?', NULL, array($eid) );
+} elseif ( isset($_REQUEST['eids']) ) {
+    $mode = 'multi';
+    $sql = 'SELECT E.* FROM Events AS E WHERE ';
+    $sqlWhere = array();
+	$sqlValues = array();
+    foreach ( $_REQUEST['eids'] as $eid ) {
+        $sqlWhere[] = 'E.Id = ?';
+		$sqlValues[] = $eid;
+    }
+    unset( $eid );
+    $sql .= join( " or ", $sqlWhere );
+    foreach( dbFetchAll( $sql, NULL, $sqlValues ) as $row )
+    {
+        if ( !isset($newEvent) )
+        {
+            $newEvent = $row;
+        }
+        else
+        {
+            if ( $newEvent['Cause'] && $newEvent['Cause'] != $row['Cause'] )
+                $newEvent['Cause'] = "";
+            if ( $newEvent['Notes'] && $newEvent['Notes'] != $row['Notes'] )
+                $newEvent['Notes'] = "";
+        }
+    }
+}
+else
+{
+    $mode = '';
+}
+
+$focusWindow = true;
+
+if ( $mode == 'single' )
+    xhtmlHeaders(__FILE__, $SLANG['Event']." - ".$eid );
+else
+    xhtmlHeaders(__FILE__, $SLANG['Events'] );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+<?php
+if ( $mode == 'single' )
+{
+?>
+      <h2><?= $SLANG['Event'] ?> <?= $eid ?></h2>
+<?php
+}
+else
+{
+?>
+      <h2><?= $SLANG['Events'] ?></h2>
+<?php
+}
+?>
+    </div>
+    <div id="content">
+      <form name="contentForm" id="contentForm" method="post" action="<?= $_SERVER['PHP_SELF'] ?>">
+        <input type="hidden" name="view" value="none"/>
+<?php
+if ( $mode == 'single' )
+{
+?>
+        <input type="hidden" name="view" value="<?= $view ?>"/>
+        <input type="hidden" name="action" value="eventdetail"/>
+        <input type="hidden" name="eid" value="<?= $eid ?>"/>
+<?php
+}
+elseif ( $mode = 'multi' )
+{
+?>
+        <input type="hidden" name="view" value="none"/>
+        <input type="hidden" name="action" value="eventdetail"/>
+<?php
+    foreach ( $_REQUEST['eids'] as $eid )
+    {
+?>
+        <input type="hidden" name="markEids[]" value="<?= validHtmlStr($eid) ?>"/>
+<?php
+    }
+}
+?>
+        <table id="contentTable" class="major" cellspacing="0">
+          <tbody>
+            <tr>
+              <th scope="row"><?= $SLANG['Cause'] ?></th>
+              <td><input type="text" name="newEvent[Cause]" value="<?= validHtmlStr($newEvent['Cause']) ?>" size="32"/></td>
+            </tr>
+            <tr>
+              <th scope="row"><?= $SLANG['Notes'] ?></th>
+              <td><textarea name="newEvent[Notes]" rows="6" cols="50"><?= validHtmlStr($newEvent['Notes']) ?></textarea></td>
+            </tr>
+          </tbody>
+        </table>
+        <div id="contentButtons">
+          <input type="submit" value="<?= $SLANG['Save'] ?>"<?php if ( !canEdit( 'Events' ) ) { ?> disabled="disabled"<?php } ?>/><input type="button" value="<?= $SLANG['Cancel'] ?>" onclick="closeWindow()"/>
+        </div>
+      </form>
+    </div>
+  </div>
+</body>
+</html>

web/views/events.html

@@ -0,0 +1,26 @@
+	<div class="container-fluid" ng-controller="EventsController">
+		<div class="row">
+
+			<div class="col-md-2 sidebar">
+				<div class="container-fluid">
+					<section ng-include="'/views/events_search.html'"></section>
+				</div>
+			</div>
+
+			<div class="col-md-10 col-md-offset-2">
+				<div class="clearfix events">
+					<div class="event" dir-paginate="event in events | itemsPerPage: eventsPerPage" total-items="totalEvents" current-page="page" ng-click="displayEvent($index)">
+						<img ng-src="/events/{{ event.thumbData.Path }}" class="img-thumbnail" alt="..."/>
+						<div class="over">
+							<div class="info">
+								<span>Monitor {{event.Event.MonitorId}}</span>
+								<span>{{ event.Event.StartTime | DateDiff:event.Event.EndTime:'pretty' }}</span>
+								<span>Event {{event.Event.Id}}</span>
+							</div> <!-- End .info -->
+						</div> <!-- End .over -->
+					</div> <!-- End .event -->
+				</div> <!-- End .clearfix -->
+				<dir-pagination-controls on-page-change="pageChanged(newPageNumber)"></dir-pagination-controls>
+			</div> <!-- End main .col-md-10 -->
+		</div> <!-- End .row -->
+	</div> <!-- End .container-fluid -->

web/views/events_search.html

@@ -0,0 +1,54 @@
+<form ng-submit="filterEvents()" name="formEvents" novalidate>
+
+	<div class="row">
+		<h3>Monitors</h3>
+		<select multiple class="form-control" ng-model="filter.MonitorId">
+			<option ng-repeat="monitor in monitors" ng-value="monitor.Monitor.Id">{{monitor.Monitor.Name}}</option>
+		 </select>
+	</div>
+
+	<div class="row">
+	<h3>Date</h3>
+	<div class="container-fluid">
+
+		<div class="row">
+			<div class="form-group">
+				<label for="StartTime">From</label>
+				<div class="dropdown">
+					<a class="dropdown-toggle" id="StartTime" role="button" data-toggle="dropdown" data-target="#" href="#">
+						<div class="input-group"><input type="text" class="form-control" data-ng-model="filter.StartTime"><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
+						</div>
+					</a>
+					<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
+						<datetimepicker data-ng-model="filter.StartTime" data-datetimepicker-config="{ dropdownSelector: '#StartTime' }"/>
+					</ul>
+				</div>
+			</div> <!-- End .form-horizontal -->
+		</div> <!-- End .row (from) -->
+
+		<div class="row">
+			<div class="form-group">
+				<label for="EndTime">To</label>
+				<div class="dropdown">
+					<a class="dropdown-toggle" id="EndTime" role="button" data-toggle="dropdown" data-target="#" href="#">
+						<div class="input-group"><input type="text" class="form-control" data-ng-model="filter.EndTime"><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
+						</div>
+					</a>
+					<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
+						<datetimepicker data-ng-model="filter.EndTime" data-datetimepicker-config="{ dropdownSelector: '#EndTime' }"/>
+					</ul>
+				</div>
+			</div> <!-- End .form-group -->
+		</div> <!-- End .row (to)  -->
+	</div>
+	</div>
+	<div class="row">
+		<button class="btn btn-default btn-block" type="button" name="archiveBtn">Archive</button>
+		<button class="btn btn-default btn-block" type="button" name="unarchiveBtn">UnArchive</button>
+		<button class="btn btn-default btn-block" type="button" name="exportBtn">Export</button>
+		<button class="btn btn-default btn-block" type="button" name="deleteBtn">Delete</button>
+		<button type="submit" class="btn btn-success btn-block">Find</button>
+	</div>
+
+
+</form>

web/views/export.php

@@ -0,0 +1,131 @@
+<?php
+//
+// ZoneMinder web export view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+if ( !canView( 'Events' ) )
+{
+    $view = "error";
+    return;
+}
+
+if ( isset($_SESSION['export']) )
+{
+    if ( isset($_SESSION['export']['detail']) )
+        $_REQUEST['exportDetail'] = $_SESSION['export']['detail'];
+    if ( isset($_SESSION['export']['frames']) )
+        $_REQUEST['exportFrames'] = $_SESSION['export']['frames'];
+    if ( isset($_SESSION['export']['images']) )
+        $_REQUEST['exportImages'] = $_SESSION['export']['images'];
+    if ( isset($_SESSION['export']['video']) )
+        $_REQUEST['exportVideo'] = $_SESSION['export']['video'];
+    if ( isset($_SESSION['export']['misc']) )
+        $_REQUEST['exportMisc'] = $_SESSION['export']['misc'];
+    if ( isset($_SESSION['export']['format']) )
+        $_REQUEST['exportFormat'] = $_SESSION['export']['format'];
+}
+
+$focusWindow = true;
+
+xhtmlHeaders(__FILE__, $SLANG['Export'] );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+      <div id="headerButtons">
+        <a href="#" onclick="closeWindow()"><?= $SLANG['Close'] ?></a>
+      </div>
+      <h2><?= $SLANG['ExportOptions'] ?></h2>
+    </div>
+    <div id="content">
+      <form name="contentForm" id="contentForm" method="post" action="<?= $_SERVER['PHP_SELF'] ?>">
+<?php
+if ( !empty($_REQUEST['eid']) )
+{
+?>
+        <input type="hidden" name="id" value="<?= validInt($_REQUEST['eid']) ?>"/>
+<?php
+}
+elseif ( !empty($_REQUEST['eids']) )
+{
+    foreach ( $_REQUEST['eids'] as $eid )
+    {
+?>
+        <input type="hidden" name="eids[]" value="<?= validInt($eid) ?>"/>
+<?php
+    }
+    unset( $eid );
+}
+?>
+        <table id="contentTable" class="minor" cellspacing="0">
+          <tbody>
+            <tr>
+              <th scope="row"><?= $SLANG['ExportDetails'] ?></th>
+              <td><input type="checkbox" name="exportDetail" value="1"<?php if ( !empty($_REQUEST['exportDetail']) ) { ?> checked="checked"<?php } ?> onclick="configureExportButton( this )"/></td>
+            </tr>
+            <tr>
+              <th scope="row"><?= $SLANG['ExportFrames'] ?></th>
+              <td><input type="checkbox" name="exportFrames" value="1"<?php if ( !empty($_REQUEST['exportFrames']) ) { ?> checked="checked"<?php } ?> onclick="configureExportButton( this )"/></td>
+            </tr>
+            <tr>
+              <th scope="row"><?= $SLANG['ExportImageFiles'] ?></th>
+              <td><input type="checkbox" name="exportImages" value="1"<?php if ( !empty($_REQUEST['exportImages']) ) { ?> checked="checked"<?php } ?> onclick="configureExportButton( this )"/></td>
+            </tr>
+            <tr>
+              <th scope="row"><?= $SLANG['ExportVideoFiles'] ?></th>
+              <td><input type="checkbox" name="exportVideo" value="1"<?php if ( !empty($_REQUEST['exportVideo']) ) { ?> checked="checked"<?php } ?> onclick="configureExportButton( this )"/></td>
+            </tr>
+            <tr>
+              <th scope="row"><?= $SLANG['ExportMiscFiles'] ?></th>
+              <td><input type="checkbox" name="exportMisc" value="1"<?php if ( !empty($_REQUEST['exportMisc']) ) { ?> checked="checked"<?php } ?> onclick="configureExportButton( this )"/></td>
+            </tr>
+            <tr>
+              <th scope="row"><?= $SLANG['ExportFormat'] ?></th>
+              <td>
+                <input type="radio" id="exportFormatTar" name="exportFormat" value="tar"<?php if ( isset($_REQUEST['exportFormat']) && $_REQUEST['exportFormat'] == "tar" ) { ?> checked="checked"<?php } ?> onclick="configureExportButton( this )"/><label for="exportFormatTar"><?= $SLANG['ExportFormatTar'] ?></label>
+                <input type="radio" id="exportFormatZip" name="exportFormat" value="zip"<?php if ( isset($_REQUEST['exportFormat']) && $_REQUEST['exportFormat'] == "zip" ) { ?> checked="checked"<?php } ?> onclick="configureExportButton( this )"/><label for="exportFormatZip"><?= $SLANG['ExportFormatZip'] ?></label>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        <input type="button" id="exportButton" name="exportButton" value="<?= $SLANG['Export'] ?>" onclick="exportEvent( this.form );" disabled="disabled"/>
+      </form>
+    </div>
+<?php
+    if ( isset($_REQUEST['generated']) )
+    {
+?>
+      <h2 id="exportProgress" class="<?= $_REQUEST['generated']?'infoText':'errorText' ?>"><span id="exportProgressText"><?= $_REQUEST['generated']?$SLANG['ExportSucceeded']:$SLANG['ExportFailed'] ?></span><span id="exportProgressTicker"></span></h2>
+<?php
+    }
+    else
+    {
+?>
+      <h2 id="exportProgress" class="hidden warnText"><span id="exportProgressText"><?= $SLANG['Exporting'] ?></span><span id="exportProgressTicker"></span></h2>
+<?php
+    }
+    if ( !empty($_REQUEST['generated']) )
+    {
+?>
+      <h3 id="downloadLink"><a href="<?= validHtmlStr($_REQUEST['exportFile']) ?>"><?= $SLANG['Download'] ?></a></h3>
+<?php
+    }
+?>
+  </div>
+</body>
+</html>

web/views/filter.php

@@ -0,0 +1,328 @@
+<?php
+//
+// ZoneMinder web filter view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+if ( !canView( 'Events' ) )
+{
+    $view = "error";
+    return;
+}
+$selectName = "filterName";
+$filterNames = array( ''=>$SLANG['ChooseFilter'] );
+foreach ( dbFetchAll( "select * from Filters order by Name" ) as $row )
+{
+    $filterNames[$row['Name']] = $row['Name'];
+    if ( $row['Background'] )
+        $filterNames[$row['Name']] .= "*";
+    if ( !empty($_REQUEST['reload']) && isset($_REQUEST['filterName']) && $_REQUEST['filterName'] == $row['Name'] )
+        $dbFilter = $row;
+}
+
+$backgroundStr = "";
+if ( isset($dbFilter) )
+{
+    if ( $dbFilter['Background'] ) 
+        $backgroundStr = '['.strtolower($SLANG['Background']).']';
+    $_REQUEST['filter'] = jsonDecode( $dbFilter['Query'] );
+    $_REQUEST['sort_field'] = isset($_REQUEST['filter']['sort_field'])?$_REQUEST['filter']['sort_field']:"DateTime";
+    $_REQUEST['sort_asc'] = isset($_REQUEST['filter']['sort_asc'])?$_REQUEST['filter']['sort_asc']:"1";
+    $_REQUEST['limit'] = isset($_REQUEST['filter']['limit'])?$_REQUEST['filter']['limit']:"";
+    unset( $_REQUEST['filter']['sort_field'] );
+    unset( $_REQUEST['filter']['sort_asc'] );
+    unset( $_REQUEST['filter']['limit'] );
+}
+
+$conjunctionTypes = array(
+    'and' => $SLANG['ConjAnd'],
+    'or'  => $SLANG['ConjOr']
+);
+$obracketTypes = array(); 
+$cbracketTypes = array();
+if ( isset($_REQUEST['filter']['terms']) )
+{
+    for ( $i = 0; $i <= count($_REQUEST['filter']['terms'])-2; $i++ )
+    {
+        $obracketTypes[$i] = str_repeat( "(", $i );
+        $cbracketTypes[$i] = str_repeat( ")", $i );
+    }
+}
+
+$attrTypes = array(
+    'MonitorId'   => $SLANG['AttrMonitorId'],
+    'MonitorName' => $SLANG['AttrMonitorName'],
+    'Id'          => $SLANG['AttrId'],
+    'Name'        => $SLANG['AttrName'],
+    'Cause'       => $SLANG['AttrCause'],
+    'Notes'       => $SLANG['AttrNotes'],
+    'DateTime'    => $SLANG['AttrDateTime'],
+    'Date'        => $SLANG['AttrDate'],
+    'Time'        => $SLANG['AttrTime'],
+    'Weekday'     => $SLANG['AttrWeekday'],
+    'Length'      => $SLANG['AttrDuration'],
+    'Frames'      => $SLANG['AttrFrames'],
+    'AlarmFrames' => $SLANG['AttrAlarmFrames'],
+    'TotScore'    => $SLANG['AttrTotalScore'],
+    'AvgScore'    => $SLANG['AttrAvgScore'],
+    'MaxScore'    => $SLANG['AttrMaxScore'],
+    'Archived'    => $SLANG['AttrArchiveStatus'],
+    'DiskPercent' => $SLANG['AttrDiskPercent'],
+    'DiskBlocks'  => $SLANG['AttrDiskBlocks'],
+    'SystemLoad'  => $SLANG['AttrSystemLoad'],
+);
+$opTypes = array(
+    '='   => $SLANG['OpEq'],
+    '!='  => $SLANG['OpNe'],
+    '>='  => $SLANG['OpGtEq'],
+    '>'   => $SLANG['OpGt'],
+    '<'   => $SLANG['OpLt'],
+    '<='  => $SLANG['OpLtEq'],
+    '=~'  => $SLANG['OpMatches'],
+    '!~'  => $SLANG['OpNotMatches'],
+    '=[]' => $SLANG['OpIn'],
+    '![]' => $SLANG['OpNotIn'],
+);
+$archiveTypes = array(
+    '0' => $SLANG['ArchUnarchived'],
+    '1' => $SLANG['ArchArchived']
+);
+$weekdays = array();
+for ( $i = 0; $i < 7; $i++ )
+{
+    $weekdays[$i] = strftime( "%A", mktime( 12, 0, 0, 1, $i+1, 2001 ) );
+}
+$sort_fields = array(
+    'Id'          => $SLANG['AttrId'],
+    'Name'        => $SLANG['AttrName'],
+    'Cause'       => $SLANG['AttrCause'],
+    'Notes'       => $SLANG['AttrNotes'],
+    'MonitorName' => $SLANG['AttrMonitorName'],
+    'DateTime'    => $SLANG['AttrDateTime'],
+    'Length'      => $SLANG['AttrDuration'],
+    'Frames'      => $SLANG['AttrFrames'],
+    'AlarmFrames' => $SLANG['AttrAlarmFrames'],
+    'TotScore'    => $SLANG['AttrTotalScore'],
+    'AvgScore'    => $SLANG['AttrAvgScore'],
+    'MaxScore'    => $SLANG['AttrMaxScore'],
+);
+$sort_dirns = array(
+    '1' => $SLANG['SortAsc'],
+    '0'  => $SLANG['SortDesc']
+);
+if ( empty($_REQUEST['sort_field']) )
+{
+    $_REQUEST['sort_field'] = ZM_WEB_EVENT_SORT_FIELD; 
+    $_REQUEST['sort_asc'] = (ZM_WEB_EVENT_SORT_ORDER == "asc");
+}
+
+$hasCal = file_exists( 'tools/jscalendar/calendar.js' );
+
+$focusWindow = true;
+
+xhtmlHeaders(__FILE__, $SLANG['EventFilter'] );
+?>
+<body>
+
+	<?php include("header.php"); ?>
+
+  <div class="container-fluid">
+    <div id="content">
+      <form name="contentForm" id="contentForm" method="get" action="<?= $_SERVER['PHP_SELF'] ?>">
+        <input type="hidden" name="view" value="filter"/>
+        <input type="hidden" name="page" value="<?= requestVar( 'page' ) ?>"/>
+        <input type="hidden" name="reload" value="0"/>
+        <input type="hidden" name="execute" value="0"/>
+        <input type="hidden" name="action" value=""/>
+        <input type="hidden" name="subaction" value=""/>
+        <input type="hidden" name="line" value=""/>
+        <input type="hidden" name="fid" value=""/>
+        <hr/>
+        <div id="filterSelector"><label for="<?= $selectName ?>"><?= $SLANG['UseFilter'] ?></label><?php if ( count($filterNames) > 1 ) { echo buildSelect( $selectName, $filterNames, "submitToFilter( this, 1 );" ); } else { ?><select disabled="disabled"><option><?= $SLANG['NoSavedFilters'] ?></option></select><?php } ?><?= $backgroundStr ?></div>
+        <hr/>
+        <table id="fieldsTable" class="filterTable" cellspacing="0">
+          <tbody>
+<?php
+for ( $i = 0; isset($_REQUEST['filter']) && $i < count($_REQUEST['filter']['terms']); $i++ )
+{
+?>
+            <tr>
+<?php
+    if ( $i == 0 )
+    {
+?>
+              <td>&nbsp;</td>
+<?php
+    }
+    else
+    {
+?>
+              <td><?= buildSelect( "filter[terms][$i][cnj]", $conjunctionTypes ); ?></td>
+<?php
+    }
+?>
+              <td><?php if ( count($_REQUEST['filter']['terms']) > 2 ) { echo buildSelect( "filter[terms][$i][obr]", $obracketTypes ); } else { ?>&nbsp;<?php } ?></td>
+              <td><?= buildSelect( "filter[terms][$i][attr]", $attrTypes, "clearValue( this, $i ); submitToFilter( this, 0 );" ); ?></td>
+<?php
+    if ( isset($_REQUEST['filter']['terms'][$i]['attr']) )
+    {
+        if ( $_REQUEST['filter']['terms'][$i]['attr'] == "Archived" )
+        {
+?>
+              <td><?= $SLANG['OpEq'] ?><input type="hidden" name="filter[terms][<?= $i ?>][op]" value="="/></td>
+              <td><?= buildSelect( "filter[terms][$i][val]", $archiveTypes ); ?></td>
+<?php
+        }
+        elseif ( $_REQUEST['filter']['terms'][$i]['attr'] == "DateTime" )
+        {
+?>
+              <td><?= buildSelect( "filter[terms][$i][op]", $opTypes ); ?></td>
+              <td><input name="filter[terms][<?= $i ?>][val]" id="filter[terms][<?= $i ?>][val]" value="<?= isset($_REQUEST['filter']['terms'][$i]['val'])?validHtmlStr($_REQUEST['filter']['terms'][$i]['val']):'' ?>"/><?php if ( $hasCal ) { ?><script type="text/javascript">Calendar.setup( { inputField: "filter[terms][<?= $i ?>][val]", ifFormat: "%Y-%m-%d %H:%M", showsTime: true, timeFormat: "24", showOthers: true, weekNumbers: false });</script><?php } ?></td>
+<?php
+        }
+        elseif ( $_REQUEST['filter']['terms'][$i]['attr'] == "Date" )
+        {
+?>
+              <td><?= buildSelect( "filter[terms][$i][op]", $opTypes ); ?></td>
+              <td><input name="filter[terms][<?= $i ?>][val]" id="filter[terms][<?= $i ?>][val]" value="<?= isset($_REQUEST['filter']['terms'][$i]['val'])?validHtmlStr($_REQUEST['filter']['terms'][$i]['val']):'' ?>"/><?php if ( $hasCal ) { ?><script type="text/javascript">Calendar.setup( { inputField: "filter[terms][<?= $i ?>][val]", ifFormat: "%Y-%m-%d", showOthers: true, weekNumbers: false });</script><?php } ?></td>
+<?php
+        }
+        elseif ( $_REQUEST['filter']['terms'][$i]['attr'] == "Weekday" )
+        {
+?>
+              <td><?= buildSelect( "filter[terms][$i][op]", $opTypes ); ?></td>
+              <td><?= buildSelect( "filter[terms][$i][val]", $weekdays ); ?></td>
+<?php
+        }
+        elseif ( false && $_REQUEST['filter']['terms'][$i]['attr'] == "MonitorName" )
+        {
+            $monitors = array();
+            foreach ( dbFetchAll( "select Id,Name from Monitors order by Sequence asc" ) as $monitor )
+            {
+                if ( visibleMonitor( $monitor['Id'] ) )
+                {
+                    $monitors[$monitor['Name']] = $monitor['Name'];
+                }
+            }
+?>
+              <td><?= buildSelect( "filter[terms][$i][op]", $opTypes ); ?></td>
+              <td><?= buildSelect( "filter[terms][$i][val]", $monitors ); ?></td>
+<?php
+        }
+        else
+        {
+?>
+              <td><?= buildSelect( "filter[terms][$i][op]", $opTypes ); ?></td>
+              <td><input name="filter[terms][<?= $i ?>][val]" value="<?= $_REQUEST['filter']['terms'][$i]['val'] ?>"/></td>
+<?php
+        }
+    }
+    else
+    {
+?>
+              <td><?= buildSelect( "filter[terms][$i][op]", $opTypes ); ?></td>
+              <td><input name="filter[terms][<?= $i ?>][val]" value="<?= isset($_REQUEST['filter']['terms'][$i]['val'])?$_REQUEST['filter']['terms'][$i]['val']:'' ?>"/></td>
+<?php
+    }
+?>
+              <td><?php if ( count($_REQUEST['filter']['terms']) > 2 ) { echo buildSelect( "filter[terms][$i][cbr]", $cbracketTypes ); } else { ?>&nbsp;<?php } ?></td>
+              <td><input type="button" onclick="addTerm( this, <?= $i+1 ?> )" value="+"/><?php if ( $_REQUEST['filter']['terms'] > 1 ) { ?><input type="button" onclick="delTerm( this, <?= $i ?> )" value="-"/><?php } ?></td>
+            </tr>
+<?php
+}
+?>
+          </tbody>
+        </table>
+        <hr/>
+        <table id="sortTable" class="filterTable" cellspacing="0">
+          <tbody>
+            <tr>
+              <td><label for="sort_field"><?= $SLANG['SortBy'] ?></label><?= buildSelect( "sort_field", $sort_fields ); ?><?= buildSelect( "sort_asc", $sort_dirns ); ?></td>
+              <td><label for="limit"><?= $SLANG['LimitResultsPre'] ?></label><input type="text" size="6" id="limit" name="limit" value="<?= isset($_REQUEST['limit'])?validInt($_REQUEST['limit']):"" ?>"/><?= $SLANG['LimitResultsPost'] ?></td>
+            </tr>
+          </tbody>
+        </table>
+        <hr/>
+        <table id="actionsTable" class="filterTable" cellspacing="0">
+          <tbody>
+            <tr>
+              <td><?= $SLANG['FilterArchiveEvents'] ?></td>
+              <td><input type="checkbox" name="autoArchive" value="1"<?php if ( !empty($dbFilter['AutoArchive']) ) { ?> checked="checked"<?php } ?> onclick="updateButtons( this )"/></td>
+            </tr>
+<?php
+if ( ZM_OPT_FFMPEG )
+{
+?>
+            <tr>
+              <td><?= $SLANG['FilterVideoEvents'] ?></td>
+              <td><input type="checkbox" name="autoVideo" value="1"<?php if ( !empty($dbFilter['AutoVideo']) ) { ?> checked="checked"<?php } ?> onclick="updateButtons( this )"/></td>
+            </tr>
+<?php
+}
+if ( ZM_OPT_UPLOAD )
+{
+?>
+            <tr>
+              <td><?= $SLANG['FilterUploadEvents'] ?></td>
+              <td><input type="checkbox" name="autoUpload" value="1"<?php if ( !empty($dbFilter['AutoUpload']) ) { ?> checked="checked"<?php } ?> onclick="updateButtons( this )"/></td>
+            </tr>
+<?php
+}
+if ( ZM_OPT_EMAIL )
+{
+?>
+            <tr>
+              <td><?= $SLANG['FilterEmailEvents'] ?></td>
+              <td><input type="checkbox" name="autoEmail" value="1"<?php if ( !empty($dbFilter['AutoEmail']) ) { ?> checked="checked"<?php } ?> onclick="updateButtons( this )"/></td>
+            </tr>
+<?php
+}
+if ( ZM_OPT_MESSAGE )
+{
+?>
+            <tr>
+              <td><?= $SLANG['FilterMessageEvents'] ?></td>
+              <td><input type="checkbox" name="autoMessage" value="1"<?php if ( !empty($dbFilter['AutoMessage']) ) { ?> checked="checked"<?php } ?> onclick="updateButtons( this )"/></td>
+            </tr>
+<?php
+}
+?>
+            <tr>
+              <td><?= $SLANG['FilterExecuteEvents'] ?></td>
+              <td><input type="checkbox" name="autoExecute" value="1"<?php if ( !empty($dbFilter['AutoExecute']) ) { ?> checked="checked"<?php } ?>/><input type="text" name="autoExecuteCmd" value="<?= isset($dbFilter['AutoExecuteCmd'])?$dbFilter['AutoExecuteCmd']:"" ?>" size="32" maxlength="255" onchange="updateButtons( this )"/></td>
+            </tr>
+            <tr>
+              <td><?= $SLANG['FilterDeleteEvents'] ?></td>
+              <td colspan="2"><input type="checkbox" name="autoDelete" value="1"<?php if ( !empty($dbFilter['AutoDelete']) ) { ?> checked="checked"<?php } ?> onclick="updateButtons( this )"/></td>
+            </tr>
+          </tbody>
+        </table>
+        <hr/>
+        <div id="contentButtons">
+          <input type="submit" value="<?= $SLANG['Submit'] ?>" onclick="submitToEvents( this );"/>
+          <input type="button" name="executeButton" id="executeButton" value="<?= $SLANG['Execute'] ?>" onclick="executeFilter( this );"/>
+<?php if ( canEdit( 'Events' ) ) { ?>
+          <input type="button" value="<?= $SLANG['Save'] ?>" onclick="saveFilter( this );"/><?php } ?>
+<?php if ( canEdit( 'Events' ) && isset($dbFilter) ) { ?>
+          <input type="button" value="<?= $SLANG['Delete'] ?>" onclick="deleteFilter( this, '<?= $dbFilter['Name'] ?>' );"/><?php } ?>
+          <input type="button" value="<?= $SLANG['Reset'] ?>" onclick="submitToFilter( this, 1 );"/>
+        </div>
+      </form>
+    </div>
+  </div>
+</body>
+</html>

web/views/filtersave.php

@@ -0,0 +1,86 @@
+<?php
+//
+// ZoneMinder web filter save view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+if ( !canEdit( 'Events' ) )
+{
+    $view = "error";
+    return;
+}
+
+$selectName = "filterName";
+$newSelectName = "new".ucfirst($selectName);
+foreach ( dbFetchAll( "select * from Filters order by Name" ) as $row )
+{
+    $filterNames[$row['Name']] = $row['Name'];
+    if ( $_REQUEST['filterName'] == $row['Name'] )
+    {
+        $filterData = $row;
+    }
+}
+
+$focusWindow = true;
+
+$filter = $_REQUEST['filter'];
+
+parseFilter( $filter );
+
+xhtmlHeaders(__FILE__, $SLANG['SaveFilter'] );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+      <h2><?= $SLANG['SaveFilter'] ?></h2>
+    </div>
+    <div id="content">
+      <form name="contentForm" id="contentForm" method="post" action="<?= $_SERVER['PHP_SELF'] ?>">
+        <input type="hidden" name="view" value="none"/>
+        <input type="hidden" name="action" value="filter"/>
+        <?= $filter['fields'] ?>
+        <input type="hidden" name="sort_field" value="<?= requestVar( 'sort_field' ) ?>"/>
+        <input type="hidden" name="sort_asc" value="<?= requestVar( 'sort_asc' ) ?>"/>
+        <input type="hidden" name="limit" value="<?= requestVar( 'limit' ) ?>"/>
+        <input type="hidden" name="autoArchive" value="<?= requestVar( 'autoArchive' ) ?>"/>
+        <input type="hidden" name="autoVideo" value="<?= requestVar( 'autoVideo' ) ?>"/>
+        <input type="hidden" name="autoUpload" value="<?= requestVar( 'autoUpload' ) ?>"/>
+        <input type="hidden" name="autoEmail" value="<?= requestVar( 'autoEmail' ) ?>"/>
+        <input type="hidden" name="autoMessage" value="<?= requestVar( 'autoMessage' ) ?>"/>
+        <input type="hidden" name="autoExecute" value="<?= requestVar( 'autoExecute' ) ?>"/>
+        <input type="hidden" name="autoExecuteCmd" value="<?= requestVar( 'autoExecuteCmd' ) ?>"/>
+        <input type="hidden" name="autoDelete" value="<?= requestVar( 'autoDelete' ) ?>"/>
+<?php if ( count($filterNames) ) { ?>
+        <p>
+          <label for="<?= $selectName ?>"><?= $SLANG['SaveAs'] ?></label><?= buildSelect( $selectName, $filterNames ); ?><label for="<?= $newSelectName ?>"><?= $SLANG['OrEnterNewName'] ?></label><input type="text" size="32" id="<?= $newSelectName ?>" name="<?= $newSelectName ?>" value="<?= requestVar('filterName') ?>"/>
+        </p>
+<?php } else { ?>
+        <p>
+          <label for="<?= $newSelectName ?>"><?= $SLANG['EnterNewFilterName'] ?></label><input type="text" size="32" id="<?= $newSelectName ?>" name="<?= $newSelectName ?>" value="">
+        </p>
+<?php } ?>
+        <p>
+          <label for="background"><?= $SLANG['BackgroundFilter'] ?></label><input type="checkbox" id="background" name="background" value="1"<?php if ( !empty($filterData['Background']) ) { ?> checked="checked"<?php } ?>/>
+        </p>
+        <div id="contentButtons">
+          <input type="submit" value="<?= $SLANG['Save'] ?>"<?php if ( !canEdit( 'Events' ) ) { ?> disabled="disabled"<?php } ?>/><input type="button" value="<?= $SLANG['Cancel'] ?>" onclick="closeWindow();"/>
+        </div>
+      </form>
+    </div>
+  </div>
+</body>
+</html>

web/views/footer.php

@@ -0,0 +1,16 @@
+			<div id="footer" ng-controller="FooterController">
+				<div class="container-fluid">
+						<p class="pull-right text-muted"> <a href="?view=version" target="_blank">v {{ version }}</a>
+      <?php
+if ( ZM_OPT_USE_AUTH )
+{
+?><?= $SLANG['LoggedInAs'] ?> <?= makePopupLink( '?view=logout', 'zmLogout', 'logout', $user['Username'], (ZM_AUTH_TYPE == "builtin") ) ?>, <?= strtolower( $SLANG['ConfiguredFor'] ) ?><?php
+}
+else
+{
+?><?= $SLANG['ConfiguredFor'] ?><?php
+}
+?>&nbsp;<?= makePopupLink( '?view=bandwidth', 'zmBandwidth', 'bandwidth', $bwArray[$_COOKIE['zmBandwidth']], ($user && $user['MaxBandwidth'] != 'low' ) ) ?> <?= $SLANG['BandwidthHead'] ?>
+					</p>
+				</div>
+			</div> <!-- End #footer -->

web/views/frame.php

@@ -0,0 +1,100 @@
+<?php
+//
+// ZoneMinder web frame view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+if ( !canView( 'Events' ) )
+{
+    $view = "error";
+    return;
+}
+
+$eid = validInt($_REQUEST['eid']);
+if ( !empty($_REQUEST['fid']) )
+    $fid = validInt($_REQUEST['fid']);
+
+$sql = 'SELECT E.*,M.Name AS MonitorName,M.DefaultScale FROM Events AS E INNER JOIN Monitors AS M ON E.MonitorId = M.Id WHERE E.Id = ?';
+$event = dbFetchOne( $sql, NULL, array($eid) );
+
+if ( !empty($fid) ) {
+    $sql = 'SELECT * FROM Frames WHERE EventId = ? AND FrameId = ?';
+    if ( !($frame = dbFetchOne( $sql, NULL, array($eid, $fid) )) )
+        $frame = array( 'FrameId'=>$fid, 'Type'=>'Normal', 'Score'=>0 );
+} else {
+    $frame = dbFetchOne( 'SELECT * FROM Frames WHERE EventId = ? AND Score = ?', NULL, array( $eid, $event['MaxScore'] ) );
+}
+
+$maxFid = $event['Frames'];
+
+$firstFid = 1;
+$prevFid = $frame['FrameId']-1;
+$nextFid = $frame['FrameId']+1;
+$lastFid = $maxFid;
+
+$alarmFrame = $frame['Type']=='Alarm';
+
+if ( isset( $_REQUEST['scale'] ) )
+    $scale = validInt($_REQUEST['scale']);
+else
+    $scale = max( reScale( SCALE_BASE, $event['DefaultScale'], ZM_WEB_DEFAULT_SCALE ), SCALE_BASE );
+
+$imageData = getImageSrc( $event, $frame, $scale, (isset($_REQUEST['show']) && $_REQUEST['show']=="capt") );
+
+$imagePath = $imageData['thumbPath'];
+$eventPath = $imageData['eventPath'];
+$dImagePath = sprintf( "%s/%0".ZM_EVENT_IMAGE_DIGITS."d-diag-d.jpg", $eventPath, $frame['FrameId'] );
+$rImagePath = sprintf( "%s/%0".ZM_EVENT_IMAGE_DIGITS."d-diag-r.jpg", $eventPath, $frame['FrameId'] );
+
+$focusWindow = true;
+
+xhtmlHeaders(__FILE__, $SLANG['Frame']." - ".$event['Id']." - ".$frame['FrameId'] );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+      <div id="headerButtons">
+        <?php if ( ZM_RECORD_EVENT_STATS && $alarmFrame ) { echo makePopupLink( '?view=stats&amp;eid='.$event['Id'].'&amp;fid='.$frame['FrameId'], 'zmStats', 'stats', $SLANG['Stats'] ); } ?>
+        <?php if ( canEdit( 'Events' ) ) { ?><a href="?view=none&amp;action=delete&amp;markEid=<?= $event['Id'] ?>"><?= $SLANG['Delete'] ?></a><?php } ?>
+        <a href="#" onclick="closeWindow(); return( false );"><?= $SLANG['Close'] ?></a>
+      </div>
+      <h2><?= $SLANG['Frame'] ?> <?= $event['Id']."-".$frame['FrameId']." (".$frame['Score'].")" ?></h2>
+    </div>
+    <div id="content">
+      <p id="image"><?php if ( $imageData['hasAnalImage'] ) { ?><a href="?view=frame&amp;eid=<?= $event['Id'] ?>&amp;fid=<?= $frame['FrameId'] ?>&amp;scale=<?= $scale ?>&amp;show=<?= $imageData['isAnalImage']?"capt":"anal" ?>"><?php } ?><img src="<?= viewImagePath( $imagePath ) ?>" width="<?= reScale( $event['Width'], $event['DefaultScale'], $scale ) ?>" height="<?= reScale( $event['Height'], $event['DefaultScale'], $scale ) ?>" alt="<?= $frame['EventId']."-".$frame['FrameId'] ?>" class="<?= $imageData['imageClass'] ?>"/><?php if ( $imageData['hasAnalImage'] ) { ?></a><?php } ?></p>
+      <p id="controls">
+<?php if ( $frame['FrameId'] > 1 ) { ?>
+        <a id="firstLink" href="?view=frame&amp;eid=<?= $event['Id'] ?>&amp;fid=<?= $firstFid ?>&amp;scale=<?= $scale ?>"><?= $SLANG['First'] ?></a>
+<?php } if ( $frame['FrameId'] > 1 ) { ?>
+        <a id="prevLink" href="?view=frame&amp;eid=<?= $event['Id'] ?>&amp;fid=<?= $prevFid ?>&amp;scale=<?= $scale ?>"><?= $SLANG['Prev'] ?></a>
+<?php } if ( $frame['FrameId'] < $maxFid ) { ?>
+        <a id="nextLink" href="?view=frame&amp;eid=<?= $event['Id'] ?>&amp;fid=<?= $nextFid ?>&amp;scale=<?= $scale ?>"><?= $SLANG['Next'] ?></a>
+<?php } if ( $frame['FrameId'] < $maxFid ) { ?>
+        <a id="lastLink" href="?view=frame&amp;eid=<?= $event['Id'] ?>&amp;fid=<?= $lastFid ?>&amp;scale=<?= $scale ?>"><?= $SLANG['Last'] ?></a>
+<?php } ?>
+      </p>
+<?php if (file_exists ($dImagePath)) { ?>
+      <p id="diagImagePath"><?= $dImagePath ?></p>
+      <p id="diagImage"><img src=?"<?= viewImagePath( $dImagePath ) ?>" width="<?= reScale( $event['Width'], $event['DefaultScale'], $scale ) ?>" height="<?= reScale( $event['Height'], $event['DefaultScale'], $scale ) ?>" class="<?= $imageData['imageClass'] ?>"/></p>
+<?php } if (file_exists ($rImagePath)) { ?>
+      <p id="refImagePath"><?= $rImagePath ?></p>
+      <p id="refImage"><img src="<?= viewImagePath( $rImagePath ) ?>" width="<?= reScale( $event['Width'], $event['DefaultScale'], $scale ) ?>" height="<?= reScale( $event['Height'], $event['DefaultScale'], $scale ) ?>" class="<?= $imageData['imageClass'] ?>"/></p>
+<?php } ?>
+    </div>
+  </div>
+</body>
+</html>

web/views/frames.php

@@ -0,0 +1,103 @@
+<?php
+//
+// ZoneMinder web frames view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+if ( !canView( 'Events' ) )
+{
+    $view = "error";
+    return;
+}
+$sql = 'SELECT E.*,M.Name AS MonitorName FROM Events AS E INNER JOIN Monitors AS M ON E.MonitorId = M.Id WHERE E.Id = ?';
+$event = dbFetchOne( $sql, NULL, array($_REQUEST['eid']) );
+
+$sql = 'SELECT *, unix_timestamp( TimeStamp ) AS UnixTimeStamp FROM Frames WHERE EventID = ? ORDER BY FrameId';
+$frames = dbFetchAll( $sql, NULL, array( $_REQUEST['eid'] ) );
+
+$focusWindow = true;
+
+xhtmlHeaders(__FILE__, $SLANG['Frames']." - ".$event['Id'] );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+      <div id="headerButtons"><a href="#" onclick="closeWindow();"><?= $SLANG['Close'] ?></a></div>
+      <h2><?= $SLANG['Frames'] ?> - <?= $event['Id'] ?></h2>
+    </div>
+    <div id="content">
+      <form name="contentForm" id="contentForm" method="get" action="<?= $_SERVER['PHP_SELF'] ?>">
+        <input type="hidden" name="view" value="none"/>
+        <table id="contentTable" class="major" cellspacing="0">
+          <thead>
+            <tr>
+              <th class="colId"><?= $SLANG['FrameId'] ?></th>
+              <th class="colType"><?= $SLANG['Type'] ?></th>
+              <th class="colTimeStamp"><?= $SLANG['TimeStamp'] ?></th>
+              <th class="colTimeDelta"><?= $SLANG['TimeDelta'] ?></th>
+              <th class="colScore"><?= $SLANG['Score'] ?></th>
+            </tr>
+          </thead>
+          <tbody>
+<?php
+if ( count($frames) )
+{
+    foreach ( $frames as $frame )
+    {
+        $class = strtolower($frame['Type']);
+?>
+            <tr class="<?= $class ?>">
+              <td class="colId"><?= makePopupLink( '?view=frame&amp;eid='.$event['Id'].'&amp;fid='.$frame['FrameId'], 'zmImage', array( 'image', $event['Width'], $event['Height'] ), $frame['FrameId'] ) ?></td>
+              <td class="colType"><?= $frame['Type'] ?></td>
+              <td class="colTimeStamp"><?= strftime( STRF_FMT_TIME, $frame['UnixTimeStamp'] ) ?></td>
+              <td class="colTimeDelta"><?= number_format( $frame['Delta'], 2 ) ?></td>
+<?php
+        if ( ZM_RECORD_EVENT_STATS && ($frame['Type'] == 'Alarm') )
+        {
+?>
+              <td class="colScore"><?= makePopupLink( '?view=stats&amp;eid='.$event['Id'].'&amp;fid='.$frame['FrameId'], 'zmStats', 'stats', $frame['Score'] ) ?></td>
+<?php
+        }
+        else
+        {
+?> 
+              <td class="colScore"><?= $frame['Score'] ?></td>
+<?php
+        }
+?> 
+            </tr>
+<?php
+    }
+}
+else
+{
+?>
+            <tr>
+              <td colspan="5"><?= $SLANG['NoFramesRecorded'] ?></td>
+            </tr>
+<?php
+}
+?>
+          </tbody>
+        </table>
+        <div id="contentButtons">
+        </div>
+      </form>
+    </div>
+  </div>
+</body>
+</html>

web/views/function.php

@@ -0,0 +1,64 @@
+<?php
+//
+// ZoneMinder web function view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+if ( !canEdit( 'Monitors' ) )
+{
+    $view = "error";
+    return;
+}
+
+$monitor = dbFetchMonitor( $_REQUEST['mid'] );
+
+$focusWindow = true;
+
+xhtmlHeaders(__FILE__, $SLANG['Function']." - ".validHtmlStr($monitor['Name']) );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+      <h2><?= $SLANG['Function']." - ".validHtmlStr($monitor['Name']) ?></h2>
+    </div>
+    <div id="content">
+      <form name="contentForm" id="contentForm" method="post" action="<?= $_SERVER['PHP_SELF'] ?>">
+        <input type="hidden" name="view" value="none"/>
+        <input type="hidden" name="action" value="function"/>
+        <input type="hidden" name="mid" value="<?= $monitor['Id'] ?>"/>
+        <p>
+          <select name="newFunction">
+<?php
+foreach ( getEnumValues( 'Monitors', 'Function' ) as $optFunction )
+{
+?>
+            <option value="<?= $optFunction ?>"<?php if ( $optFunction == $monitor['Function'] ) { ?> selected="selected"<?php } ?>><?= $SLANG['Fn'.$optFunction] ?></option>
+<?php
+}
+?>
+          </select>
+          <label for="newEnabled"><?= $SLANG['Enabled'] ?></label><input type="checkbox" name="newEnabled" id="newEnabled" value="1"<?php if ( !empty($monitor['Enabled']) ) { ?> checked="checked"<?php } ?>/>
+        </p>
+        <div id="contentButtons">
+          <input type="submit" value="<?= $SLANG['Save'] ?>"/>
+          <input type="button" value="<?= $SLANG['Cancel'] ?>" onclick="closeWindow()"/>
+        </div>
+      </form>
+    </div>
+  </div>
+</body>
+</html>

web/views/group.php

@@ -0,0 +1,88 @@
+<?php
+//
+// ZoneMinder web group detail view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+if ( !canEdit( 'System' ) )
+{
+    $view = "error";
+    return;
+}
+
+if ( !empty($_REQUEST['gid']) )
+{
+    $newGroup = dbFetchGroup( $_REQUEST['gid'] );
+}
+else
+{
+    $newGroup = array(
+        "Id" => "",
+        "Name" => "New Group",
+        "MonitorIds" => ""
+    );
+}
+
+xhtmlHeaders( __FILE__, $SLANG['Group']." - ".$newGroup['Name'] );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+      <h2><?= $SLANG['Group'] ?> - <?= $newGroup['Name'] ?></h2>
+    </div>
+    <div id="content">
+      <form name="groupForm" method="post" action="<?= $_SERVER['PHP_SELF'] ?>">
+        <input type="hidden" name="view" value="<?= $view ?>"/>
+        <input type="hidden" name="action" value="group"/>
+        <input type="hidden" name="gid" value="<?= $newGroup['Id'] ?>"/>
+        <table id="contentTable" class="major" cellspacing="0">
+          <tbody>
+            <tr>
+              <th scope="row"><?= $SLANG['Name'] ?></th>
+              <td><input type="text" name="newGroup[Name]" value="<?= validHtmlStr($newGroup['Name']) ?>"/></td>
+            </tr>
+            <tr>
+              <th scope="row"><?= $SLANG['MonitorIds'] ?></th>
+              <td>
+                <select name="newGroup[MonitorIds][]" size="4" multiple="multiple">
+<?php
+    $monitors = dbFetchAll( "select Id,Name from Monitors order by Sequence asc" );
+    $monitorIds = array_flip( explode( ',', $newGroup['MonitorIds'] ) );
+    foreach ( $monitors as $monitor )
+    {
+        if ( visibleMonitor( $monitor['Id'] ) )
+        {
+?>
+                  <option value="<?= $monitor['Id'] ?>"<?php if ( array_key_exists( $monitor['Id'], $monitorIds ) ) { ?> selected="selected"<?php } ?>><?= validHtmlStr($monitor['Name']) ?></option>
+<?php
+        }
+    }
+?>
+                </select>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        <div id="contentButtons">
+          <input type="submit" value="<?= $SLANG['Save'] ?>"<?php if ( !canEdit( 'System' ) ) { ?> disabled="disabled"<?php } ?>/>
+          <input type="button" value="<?= $SLANG['Cancel'] ?>" onclick="closeWindow()"/>
+        </div>
+      </form>
+    </div>
+  </div>
+</body>
+</html>

web/views/groups.php

@@ -0,0 +1,94 @@
+<?php
+//
+// ZoneMinder web monitor groups file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+if ( !canView( 'System' ) )
+{
+    $view = "error";
+    return;
+}
+
+$sql = "select * from Groups order by Name";
+$groups = array();
+$selected = false;
+foreach( dbFetchAll( $sql ) as $row )
+{
+    if ( !empty($_COOKIE['zmGroup']) && ($row['Id'] == $_COOKIE['zmGroup']) )
+    {
+        $row['selected'] = true;
+        $selected = true;
+    }
+    else
+    {
+        $row['selected'] = false;
+    }
+    $groups[] = $row;
+}
+
+xhtmlHeaders(__FILE__, $SLANG['Groups'] );
+?>
+<body>
+
+	<?php include("header.php"); ?>
+
+  <div id="page">
+    <div id="content">
+      <form name="groupsForm" method="get" action="<?= $_SERVER['PHP_SELF'] ?>">
+        <input type="hidden" name="view" value="none"/>
+        <input type="hidden" name="action" value="setgroup"/>
+        <table id="contentTable" class="major" cellspacing="0">
+          <thead>
+            <tr>
+              <th class="colName"><?= $SLANG['Name'] ?></th>
+              <th class="colIds"><?= $SLANG['MonitorIds'] ?></th>
+              <th class="colSelect"><?= $SLANG['Select'] ?></th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr class="highlight">
+              <td class="colName"><?= $SLANG['NoGroup'] ?></td>
+              <td class="colIds"><?= $SLANG['All'] ?></td>
+              <td class="colSelect"><input type="radio" name="gid" value="0"<?= !$selected?' checked="checked"':'' ?> onclick="configureButtons( this );"/></td>
+            </tr>
+<?php
+foreach ( $groups as $group )
+{
+?>
+            <tr>
+              <td class="colName"><?= validHtmlStr($group['Name']) ?></td>
+              <td class="colIds"><?= monitorIdsToNames( $group['MonitorIds'], 30 ) ?></td>
+              <td class="colSelect"><input type="radio" name="gid" value="<?= $group['Id'] ?>"<?= $group['selected']?' checked="checked"':'' ?> onclick="configureButtons( this );"/></td>
+            </tr>
+<?php
+}
+?>
+          </tbody>
+        </table>
+        <div id="contentButtons">
+          <input type="submit" value="<?= $SLANG['Apply'] ?>"/>
+          <input type="button" value="<?= $SLANG['New'] ?>" onclick="newGroup()"<?= canEdit('System')?'':' disabled="disabled"' ?>/>
+          <input type="button" name="editBtn" value="<?= $SLANG['Edit'] ?>" onclick="editGroup( this )"<?= $selected&&canEdit('System')?'':' disabled="disabled"' ?>/>
+          <input type="button" name="deleteBtn" value="<?= $SLANG['Delete'] ?>" onclick="deleteGroup( this )"<?= $selected&&canEdit('System')?'':' disabled="disabled"' ?>/>
+          <input type="button" value="<?= $SLANG['Cancel'] ?>" onclick="closeWindow();"/>
+        </div>
+      </form>
+    </div>
+  </div>
+</body>
+</html>

web/views/header.html

@@ -0,0 +1,32 @@
+<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" ng-controller="HeaderController">
+	<div class="container">
+		<div class="navbar-header">
+			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mainNav">
+				<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" ui-sref="home">ZoneMinder</a>
+		</div>
+		
+		
+		<div class="collapse navbar-collapse" id="mainNav">	
+			<ul class="nav navbar-nav navbar-right">
+				<li ui-sref-active="active"><a ui-sref="monitor.list">Monitors</a></li>
+				<li ui-sref-active="active"><a ui-sref="events">Events</a></li>
+				<li ui-sref-active="active"><a href="?view=timeline">Timeline</a></li>
+				<li ui-sref-active="active"><a ui-sref="options.system">Options</a></li>
+				<li ui-sref-active="active"><a ui-sref="log">Logs</span></a></li>
+				<li ui-sref-active="active"><a href="?view=devices">Devices</a></li>
+				<li ui-sref-active="active"><a ui-sref="host">Host</a></li>
+				<li>
+					<button type="button" class="btn navbar-btn" ng-class="isRunning ? 'btn-success' : 'btn-danger'" data-toggle="modal" data-target="#myModal">
+						<span class="glyphicon glyphicon-off"></span>
+					</button>
+				</li>
+			</ul>
+		</div> <!-- End #mainNav -->
+	</div>
+</nav>
+<div ng-include="'/views/state.html'"></div>

web/views/host.html

@@ -0,0 +1,19 @@
+	<div class="container-fluid" ng-controller="HostController">
+
+		<div class="row">
+			<div class="col-md-3">
+				<h3>Disk Usage in Gigabytes</h3>
+				
+				<canvas tc-chartjs-polararea chart-data="ddata" chart-options="doptions" width="250px" height="250px" chart-legend="doughnutChart1"></canvas>
+
+				<div tc-chartjs-legend="" chart-legend="doughnutChart1"></div>
+			</div> <!-- End disk usage -->
+
+			<div class="col-md-3">
+				<h3>CPU Load</h3>
+
+				<canvas tc-chartjs-line chart-data="loadData" width="250px" height="250px"></canvas>
+			</div>
+		</div>
+
+	</div>

web/views/log.html

@@ -0,0 +1,60 @@
+<div class="container-fluid" ng-controller="LogController">
+	<div class="row">
+
+
+		<div class="col-md-2">
+			<div id="filters">
+				<div class="form-group">
+					<label class="sr-only" for="filter[Component]">Component</label>
+					<select class="form-control" id="filter[Component]" onchange="filterLog(this)"><option value="">Component</option></select>
+				</div>
+
+				<div class="form-group">
+					<label class="sr-only" for="filter[Pid]">PID</label>
+					<select class="form-control" id="filter[Pid]" onchange="filterLog(this)"><option value="">PID</option></select>
+				</div>
+
+				<div class="form-group">
+					<label class="sr-only" for="filter[Level]">Level</label>
+					<select class="form-control" id="filter[Level]" onchange="filterLog(this)"><option value="">Level</option></select>
+				</div>
+
+				<div class="form-group">
+					<label class="sr-only" for="filter[File]">File</label>
+					<select class="form-control" id="filter[File]" onchange="filterLog(this)"><option value="">File</option></select>
+				</div>
+
+				<div class="form-group">
+					<label class="sr-only" for="filter[Line]">Line</label>
+					<select class="form-control" id="filter[Line]" onchange="filterLog(this)"><option value="">Line</option></select>
+				</div>
+			</div>
+		</div> <!-- End .col-md-2 -->
+
+		<div class="col-md-10">
+				<dir-pagination-controls on-page-change="pageChanged(newPageNumber)"></dir-pagination-controls>
+
+			<table class="table table-striped table-condensed">
+				<tr>
+					<th><?= $SLANG['DateTime'] ?></th>
+					<th><?= $SLANG['Component'] ?></th>
+					<th><?= $SLANG['Pid'] ?></th>
+					<th><?= $SLANG['Level'] ?></th>
+					<th><?= $SLANG['Message'] ?></th>
+					<th><?= $SLANG['File'] ?></th>
+					<th><?= $SLANG['Line'] ?></th>
+				</tr>
+				<tr dir-paginate="log in logs| itemsPerPage: logsPerPage" total-items="totalLogs">
+					<td>{{ log.Log.TimeKey }}</td>
+					<td>{{ log.Log.Component }}</td>
+					<td>{{ log.Log.Pid }}</td>
+					<td>{{ log.Log.Level }}</td>
+					<td>{{ log.Log.Message }}</td>
+					<td>{{ log.Log.File }}</td>
+					<td>{{ log.Log.Line }}</td>
+				</tr>
+			</table>
+		</div> <!-- End .col-md-10 -->
+
+	</div> <!-- End .row -->
+</div>

web/views/login.php

@@ -0,0 +1,49 @@
+<?php
+//
+// ZoneMinder web login view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+xhtmlHeaders(__FILE__, $SLANG['Login'] );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+      <h1>ZoneMinder <?= $SLANG['Login'] ?></h1>
+    </div>
+    <div id="content">
+      <form name="loginForm" id="loginForm" method="post" action="<?= $_SERVER['PHP_SELF'] ?>">
+        <input type="hidden" name="action" value="login"/>
+        <input type="hidden" name="view" value="postlogin"/>
+        <table id="loginTable" class="minor" cellspacing="0">
+          <tbody>
+            <tr>
+              <td class="colLeft"><?= $SLANG['Username'] ?></td>
+              <td class="colRight"><input type="text" name="username" value="<?= isset($_REQUEST['username'])?validHtmlStr($_REQUEST['username']):"" ?>" size="12"/></td>
+            </tr>
+            <tr>
+              <td class="colLeft"><?= $SLANG['Password'] ?></td>
+              <td class="colRight"><input type="password" name="password" value="" size="12"/></td>
+            </tr>
+          </tbody>
+        </table>
+        <input type="submit" value="<?= $SLANG['Login'] ?>"/>
+      </form>
+    </div>
+  </div>
+</body>
+</html>

web/views/logout.php

@@ -0,0 +1,51 @@
+<?php
+//
+// ZoneMinder web logout view file, $Date$, $Revision$
+// 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., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+//
+
+$focusWindow = true;
+
+xhtmlHeaders(__FILE__, $SLANG['Logout'] );
+?>
+<body>
+  <div id="page">
+    <div id="header">
+      <h1>ZoneMinder <?= $SLANG['Logout'] ?></h1>
+    </div>
+    <div id="content">
+      <form name="contentForm" id="contentForm" method="post" action="<?= $_SERVER['PHP_SELF'] ?>">
+        <input type="hidden" name="action" value="logout"/>
+        <input type="hidden" name="view" value="login"/>
+        <p><?= sprintf( $CLANG['CurrentLogin'], $user['Username'] ) ?></p>
+        <p>
+          <input type="submit" value="<?= $SLANG['Logout'] ?>"/>
+<?php
+if ( ZM_USER_SELF_EDIT )
+{
+?>
+          <input type="button" value="<?= $SLANG['Config'] ?>" onclick="createPopup( '?view=user&amp;uid=<?= $user['Id'] ?>', 'zmUser', 'user' );"/>
+<?php
+}
+?>
+          <input type="button" value="<?= $SLANG['Cancel'] ?>" onclick="closeWindow();"/>
+        </p>
+      </form>
+    </div>
+  </div>
+</body>
+</html>

web/views/monitor.detail.buffers.html

@@ -0,0 +1,26 @@
+<div role="tabpanel" class="tab-pane" id="buffers">
+	<div class="form-group">
+		<label for="ImageBufferCount">Image Buffer Size</label>
+		<input id="ImageBufferCount" type="text" class="form-control" ng-model="monitor.ImageBufferCount" required />
+	</div>
+	<div class="form-group">
+		<label for="WarmupCount">Warmup Frames</label>
+		<input id="WarmupCount" type="text" class="form-control" ng-model="monitor.WarmupCount" required />
+	</div>
+	<div class="form-group">
+		<label for="PreEventCount">Pre Event Image Buffer</label>
+		<input id="PreEventCount" type="text" class="form-control" ng-model="monitor.PreEventCount" required />
+	</div>
+	<div class="form-group">
+		<label for="PostEventCount">Post Event Image Buffer</label>
+		<input id="PostEventCount" type="text" class="form-control" ng-model="monitor.PostEventCount" required />
+	</div>
+	<div class="form-group">
+		<label for="StreamReplayBuffer">Stream Replay Buffer</label>
+		<input id="StreamReplayBuffer" type="text" class="form-control" ng-model="monitor.StreamReplayBuffer" required />
+	</div>
+	<div class="form-group">
+		<label for="AlarmFrameCount">Alarm Frame Count</label>
+		<input id="AlarmFrameCount" type="text" class="form-control" ng-model="monitor.AlarmFrameCount" required />
+	</div>
+</div>

web/views/monitor.detail.control.html

@@ -0,0 +1,14 @@
+<div role="tabpanel" class="form-horizontal tab-pane" id="control">
+
+
+            <tr><td>Controllable</td><td><input type="checkbox" name="newMonitor[Controllable]" value="1"></td></tr>
+            <tr><td>ControlType</td><td>
+            <tr><td>ControlDevice</td><td><input type="text" name="newMonitor[ControlDevice]" value="" size="32"/></td></tr>
+            <tr><td>ControlAddress</td><td><input type="text" name="newMonitor[ControlAddress]" value="" size="32"/></td></tr>
+            <tr><td>AutoStopTimeout</td><td><input type="text" name="newMonitor[AutoStopTimeout]" value="" size="4"/></td></tr>
+            <tr><td>TrackMotion</td><td><input type="checkbox" name="newMonitor[TrackMotion]" value="1" /></td></tr>
+            <tr><td>TrackDelay</td><td><input type="text" name="newMonitor[TrackDelay]" value="" size="4"/></td></tr>
+            <tr><td>ReturnLocation</td><td></td></tr>
+            <tr><td>ReturnDelay</td><td><input type="text" name="newMonitor[ReturnDelay]" value="" size="4"/></td></tr>
+
+</div>

web/views/monitor.detail.general.html

@@ -0,0 +1,109 @@
+<div role="tabpanel" class="tab-pane active" id="general">
+
+<div class="row">
+
+	<div class="col-md-4">
+
+		<div class="form-group">
+			<label for="Name">Name</label>
+			<input type="text" id="Name" class="form-control" ng-model="monitor.Name" placeholder="Monitor-Name" required />
+		</div>
+		<div class="form-group">
+			<label for="Type">SourceType</label>
+			<select ng-model="monitor.Type" id="Type" class="form-control" required>
+				<option value="Local">Local</option>
+				<option value="Remote">Remote</option>
+				<option value="File">File</option>
+				<option value="Ffmpeg">Ffmpeg</option>
+				<option value="Libvlc">Libvlc</option>
+				<option value="cURL">cURL (HTTP(S) only)</option>
+			</select>
+		</div>
+		<div class="form-group">
+			<label for="Function">Function</label>
+			<select class="form-control" id="Function" ng-model="monitor.Function" required>
+				<option value="None">None</option>
+				<option value="Monitor" selected="selected">Monitor</option>
+				<option value="Modect">Modect</option>
+				<option value="Record">Record</option>
+				<option value="Mocord">Mocord</option>
+				<option value="Nodect">Nodect</option>
+			</select>
+		</div>
+		<div class="checkbox">
+			<label>
+				<input type="checkbox" id="Enabled" ng-model="monitor.Enabled" value="1">
+				Enabled
+			</label>
+		</div>
+		<div class="form-group">
+			<label for="">RefImageBlendPct</label>
+			<input type="text" class="form-control" ng-model="monitor.RefBlendPerc" value="6" />
+		</div>
+		<div class="form-group">
+			<label for="">Alarm RefImageBlendPct</label>
+			<input type="text" class="form-control" ng-model="monitor.AlarmRefBlendPerc" value="6" />
+		</div>
+		<div class="form-group" ng-show="monitor.Type == 'Local'">
+			<label for="MaxFPS">MaximumFPS</label>
+			<input type="text" id="MaxFPS" class="form-control" ng-model="monitor.MaxFPS" />
+		</div>
+		<div class="form-group" ng-show="monitor.Type == 'Local'">
+			<label for="AlarmMaxFPS">AlarmMaximumFPS</label>
+			<input type="text" id="AlarmMaxFPS" class="form-control" ng-model="monitor.AlarmMaxFPS" />
+		</div>
+	</div> <!-- End .col-md-4 -->
+
+	<div class="col-md-4">
+		<div class="form-group">
+ 			<label for="">Target Colorspace</label>
+			<select required class="form-control" ng-model="monitor.Colours">
+				<option value="1">8 Bit Grey</option>
+				<option value="3">24 Bit Color</option>
+				<option value="4">32 Bit Color</option>
+			</select>
+		</div>
+
+		<div class="form-group">
+ 			<label for="">CaptureWidth (Pixels)</label>
+			<input class="form-control" type="text" ng-model="monitor.Width" placeholder="704" />
+		</div>
+
+		<div class="form-group">
+ 			<label for="">CaptureHeight (Pixels)</label>
+			<input class="form-control" type="text" ng-model="monitor.Height" placeholder="480" />
+		</div>
+
+		<div class="checkbox">
+ 			<label>
+				<input type="checkbox" ng-model="monitor.preserveAspectRatio" value="1"/>
+				PreserveAspect
+			</label>
+		</div>
+
+		<div class="form-group">
+ 			<label for="">Orientation</label>
+			<select class="form-control" ng-model="monitor.Orientation" required>
+				<option value="0">Normal</option>
+				<option value="90">Rotate Right</option>
+				<option value="180">Inverted</option>
+				<option value="270">Rotate Left</option>
+				<option value="hori">Flipped Horizontally</option>
+				<option value="vert">Flipped Vertically</option>
+			</select>
+		</div>
+	</div> <!-- End .col-md-6 -->
+
+	<div class="col-md-4">
+
+
+	<section ng-include="'/views/tab-monitor-local.html'"></section>
+	<section ng-include="'/views/tab-monitor-curl.html'"></section>
+	<section ng-include="'/views/tab-monitor-ffmpeg-vlc.html'"></section>
+	<section ng-include="'/views/tab-monitor-remote.html'"></section>
+
+	</div> <!-- End .col-md-4 -->
+</div> <!-- End .row -->
+
+
+</div>

web/views/monitor.detail.html

@@ -0,0 +1,25 @@
+<div>
+<h2>Monitor Detail</h2>
+
+<div class="row">
+		<form ng-submit="submitMonitor(formMonitor.$valid)" name="formMonitor" novalidate>
+			<div class="col-md-2">
+				<ul class="nav nav-tabs nav-stacked">
+					<li ui-sref-active="active"><a ui-sref="monitor.detail.general">General</a></li>
+					<li ui-sref-active="active"><a ui-sref="monitor.detail.source">Source</a></li>
+					<li ui-sref-active="active"><a ui-sref="monitor.detail.timestamps">Timestamps</a></li>
+					<li ui-sref-active="active"><a ui-sref="monitor.detail.buffers">Buffers</a></li>
+					<li ui-sref-active="active"><a ui-sref="monitor.detail.misc">Misc</a></li>
+				</ul>
+
+				<button type="submit" class="btn btn-success btn-block" ng-disabled="formMonitor.$invalid">Save</button>
+			</div>
+
+			<div class="col-md-10">
+					<div ui-view class="tab-pane"> </div>
+			</div>
+		</form>
+
+</div>
+
+</div>