Add support for changing monitor function in list view

web/skins/bootstrap/js/controllers.js

@@ -253,7 +253,7 @@ ZoneMinder.controller('MonitorController', function($scope, $http, $location, Mo
 	};
 });
 
-ZoneMinder.controller('ConsoleController', function($scope, Console) {
+ZoneMinder.controller('ConsoleController', function($scope, Console, Monitor) {
 	$scope.grid = true;
 	$scope.gridButton = 'glyphicon-th';
 	$scope.consoleLayout = 4;
@@ -323,6 +323,15 @@ ZoneMinder.controller('ConsoleController', function($scope, Console) {
 		$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";
+
+		 });
+	};
 });
 
 

web/skins/bootstrap/views/console.php

@@ -55,12 +55,11 @@
 
 		<div class="row" ng-hide="grid">
 			<div class="col-md-12">
-
 				<table class="table table-striped">
 					<tr>
 						<th>Id</th>
 						<th>Name</th>
-						<th>Function</th>
+						<th class="col-md-1">Function</th>
 						<th>Source</th>
 						<th>Enabled</th>
 						<th>Zones</th>
@@ -70,7 +69,17 @@
 					<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 ng-bind="monitor.Function"></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>