112 lines
3.7 KiB
JavaScript
112 lines
3.7 KiB
JavaScript
/*
|
|
* Copyright © 2016-2017 The Thingsboard Authors
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
import './dashboard-settings.scss';
|
|
|
|
/*@ngInject*/
|
|
export default function DashboardSettingsController($scope, $mdDialog, statesControllerService, settings, gridSettings) {
|
|
|
|
var vm = this;
|
|
|
|
vm.cancel = cancel;
|
|
vm.save = save;
|
|
vm.imageAdded = imageAdded;
|
|
vm.clearImage = clearImage;
|
|
|
|
vm.settings = settings;
|
|
vm.gridSettings = gridSettings;
|
|
vm.stateControllers = statesControllerService.getStateControllers();
|
|
|
|
if (vm.settings) {
|
|
if (angular.isUndefined(vm.settings.stateControllerId)) {
|
|
vm.settings.stateControllerId = 'default';
|
|
}
|
|
|
|
if (angular.isUndefined(vm.settings.showTitle)) {
|
|
vm.settings.showTitle = true;
|
|
}
|
|
|
|
if (angular.isUndefined(vm.settings.titleColor)) {
|
|
vm.settings.titleColor = 'rgba(0,0,0,0.870588)';
|
|
}
|
|
|
|
if (angular.isUndefined(vm.settings.showDashboardsSelect)) {
|
|
vm.settings.showDashboardsSelect = true;
|
|
}
|
|
|
|
if (angular.isUndefined(vm.settings.showEntitiesSelect)) {
|
|
vm.settings.showEntitiesSelect = true;
|
|
}
|
|
|
|
if (angular.isUndefined(vm.settings.showDashboardTimewindow)) {
|
|
vm.settings.showDashboardTimewindow = true;
|
|
}
|
|
|
|
if (angular.isUndefined(vm.settings.showDashboardExport)) {
|
|
vm.settings.showDashboardExport = true;
|
|
}
|
|
|
|
if (angular.isUndefined(vm.settings.toolbarAlwaysOpen)) {
|
|
vm.settings.toolbarAlwaysOpen = false;
|
|
}
|
|
}
|
|
|
|
if (vm.gridSettings) {
|
|
vm.gridSettings.backgroundColor = vm.gridSettings.backgroundColor || 'rgba(0,0,0,0)';
|
|
vm.gridSettings.color = vm.gridSettings.color || 'rgba(0,0,0,0.870588)';
|
|
vm.gridSettings.columns = vm.gridSettings.columns || 24;
|
|
vm.gridSettings.margins = vm.gridSettings.margins || [10, 10];
|
|
vm.gridSettings.autoFillHeight = angular.isDefined(vm.gridSettings.autoFillHeight) ? vm.gridSettings.autoFillHeight : false;
|
|
vm.hMargin = vm.gridSettings.margins[0];
|
|
vm.vMargin = vm.gridSettings.margins[1];
|
|
vm.gridSettings.backgroundSizeMode = vm.gridSettings.backgroundSizeMode || '100%';
|
|
}
|
|
|
|
function cancel() {
|
|
$mdDialog.cancel();
|
|
}
|
|
|
|
function imageAdded($file) {
|
|
var reader = new FileReader();
|
|
reader.onload = function(event) {
|
|
$scope.$apply(function() {
|
|
if (event.target.result && event.target.result.startsWith('data:image/')) {
|
|
$scope.theForm.$setDirty();
|
|
vm.gridSettings.backgroundImageUrl = event.target.result;
|
|
}
|
|
});
|
|
};
|
|
reader.readAsDataURL($file.file);
|
|
}
|
|
|
|
function clearImage() {
|
|
$scope.theForm.$setDirty();
|
|
vm.gridSettings.backgroundImageUrl = null;
|
|
}
|
|
|
|
function save() {
|
|
$scope.theForm.$setPristine();
|
|
if (vm.gridSettings) {
|
|
vm.gridSettings.margins = [vm.hMargin, vm.vMargin];
|
|
}
|
|
$mdDialog.hide(
|
|
{
|
|
settings: vm.settings,
|
|
gridSettings: vm.gridSettings
|
|
}
|
|
);
|
|
}
|
|
}
|