mirror of
https://github.com/ZoneMinder/zoneminder.git
synced 2026-01-01 18:57:59 -05:00
e7472a126f
We're now grabbing only the json from the api, passing it through the Crud plugin so that ints stay as ints, and then assigning the json to the scope via app.js resolve. * Saving Config is not tested here. * This commit may deprecate the ConfigParserComponent * Options must be saved before changing the tab, lest they are lost. * That'll be fixed in another commit.
417 lines
12 KiB
JavaScript
417 lines
12 KiB
JavaScript
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) {
|
|
});
|