Igor Kulikov
10 years ago
18 changed files with 728 additions and 167 deletions
@ -0,0 +1,40 @@ |
|||||
|
/* |
||||
|
* Copyright © 2016 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. |
||||
|
*/ |
||||
|
export default angular.module('thingsboard.filters.keyboardShortcut', []) |
||||
|
.filter('keyboardShortcut', KeyboardShortcut) |
||||
|
.name; |
||||
|
|
||||
|
/*@ngInject*/ |
||||
|
function KeyboardShortcut($window) { |
||||
|
return function(str) { |
||||
|
if (!str) return; |
||||
|
var keys = str.split('-'); |
||||
|
var isOSX = /Mac OS X/.test($window.navigator.userAgent); |
||||
|
|
||||
|
var seperator = (!isOSX || keys.length > 2) ? '+' : ''; |
||||
|
|
||||
|
var abbreviations = { |
||||
|
M: isOSX ? '⌘' : 'Ctrl', |
||||
|
A: isOSX ? 'Option' : 'Alt', |
||||
|
S: 'Shift' |
||||
|
}; |
||||
|
|
||||
|
return keys.map(function(key, index) { |
||||
|
var last = index == keys.length - 1; |
||||
|
return last ? key : abbreviations[key]; |
||||
|
}).join(seperator); |
||||
|
}; |
||||
|
} |
||||
@ -0,0 +1,51 @@ |
|||||
|
/* |
||||
|
* Copyright © 2016 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. |
||||
|
*/ |
||||
|
|
||||
|
export default angular.module('thingsboard.directives.mousepointMenu', []) |
||||
|
.directive('tbMousepointMenu', MousepointMenu) |
||||
|
.name; |
||||
|
|
||||
|
/*@ngInject*/ |
||||
|
function MousepointMenu() { |
||||
|
|
||||
|
var linker = function ($scope, $element, $attrs, RightClickContextMenu) { |
||||
|
|
||||
|
$scope.$mdOpenMousepointMenu = function($event){ |
||||
|
RightClickContextMenu.offsets = function(){ |
||||
|
var offset = $element.offset(); |
||||
|
var x = $event.pageX - offset.left; |
||||
|
var y = $event.pageY - offset.top; |
||||
|
|
||||
|
var offsets = { |
||||
|
left: x, |
||||
|
top: y |
||||
|
} |
||||
|
return offsets; |
||||
|
} |
||||
|
RightClickContextMenu.open($event); |
||||
|
}; |
||||
|
|
||||
|
$scope.$mdCloseMousepointMenu = function() { |
||||
|
RightClickContextMenu.close(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
return { |
||||
|
restrict: "A", |
||||
|
link: linker, |
||||
|
require: 'mdMenu' |
||||
|
}; |
||||
|
} |
||||
@ -0,0 +1,191 @@ |
|||||
|
/* |
||||
|
* Copyright © 2016 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 angularStorage from 'angular-storage'; |
||||
|
|
||||
|
export default angular.module('thingsboard.itembuffer', [angularStorage]) |
||||
|
.factory('itembuffer', ItemBuffer) |
||||
|
.factory('bufferStore', function(store) { |
||||
|
var newStore = store.getNamespacedStore('tbBufferStore', null, null, false); |
||||
|
return newStore; |
||||
|
}) |
||||
|
.name; |
||||
|
|
||||
|
/*@ngInject*/ |
||||
|
function ItemBuffer(bufferStore) { |
||||
|
|
||||
|
const WIDGET_ITEM = "widget_item"; |
||||
|
|
||||
|
var service = { |
||||
|
copyWidget: copyWidget, |
||||
|
hasWidget: hasWidget, |
||||
|
pasteWidget: pasteWidget, |
||||
|
addWidgetToDashboard: addWidgetToDashboard |
||||
|
} |
||||
|
|
||||
|
return service; |
||||
|
|
||||
|
/** |
||||
|
aliasesInfo { |
||||
|
datasourceAliases: { |
||||
|
datasourceIndex: { |
||||
|
aliasName: "...", |
||||
|
deviceId: "..." |
||||
|
} |
||||
|
} |
||||
|
targetDeviceAliases: { |
||||
|
targetDeviceAliasIndex: { |
||||
|
aliasName: "...", |
||||
|
deviceId: "..." |
||||
|
} |
||||
|
} |
||||
|
.... |
||||
|
} |
||||
|
**/ |
||||
|
|
||||
|
function copyWidget(widget, aliasesInfo, originalColumns) { |
||||
|
var widgetItem = { |
||||
|
widget: widget, |
||||
|
aliasesInfo: aliasesInfo, |
||||
|
originalColumns: originalColumns |
||||
|
} |
||||
|
bufferStore.set(WIDGET_ITEM, angular.toJson(widgetItem)); |
||||
|
} |
||||
|
|
||||
|
function hasWidget() { |
||||
|
return bufferStore.get(WIDGET_ITEM); |
||||
|
} |
||||
|
|
||||
|
function pasteWidget(targetDasgboard, position) { |
||||
|
var widgetItemJson = bufferStore.get(WIDGET_ITEM); |
||||
|
if (widgetItemJson) { |
||||
|
var widgetItem = angular.fromJson(widgetItemJson); |
||||
|
var widget = widgetItem.widget; |
||||
|
var aliasesInfo = widgetItem.aliasesInfo; |
||||
|
var originalColumns = widgetItem.originalColumns; |
||||
|
var targetRow = -1; |
||||
|
var targetColumn = -1; |
||||
|
if (position) { |
||||
|
targetRow = position.row; |
||||
|
targetColumn = position.column; |
||||
|
} |
||||
|
addWidgetToDashboard(targetDasgboard, widget, aliasesInfo, originalColumns, targetRow, targetColumn); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function addWidgetToDashboard(dashboard, widget, aliasesInfo, originalColumns, row, column) { |
||||
|
var theDashboard; |
||||
|
if (dashboard) { |
||||
|
theDashboard = dashboard; |
||||
|
} else { |
||||
|
theDashboard = {}; |
||||
|
} |
||||
|
if (!theDashboard.configuration) { |
||||
|
theDashboard.configuration = {}; |
||||
|
} |
||||
|
if (!theDashboard.configuration.deviceAliases) { |
||||
|
theDashboard.configuration.deviceAliases = {}; |
||||
|
} |
||||
|
updateAliases(theDashboard, widget, aliasesInfo); |
||||
|
|
||||
|
if (!theDashboard.configuration.widgets) { |
||||
|
theDashboard.configuration.widgets = []; |
||||
|
} |
||||
|
var targetColumns = 24; |
||||
|
if (theDashboard.configuration.gridSettings && |
||||
|
theDashboard.configuration.gridSettings.columns) { |
||||
|
targetColumns = theDashboard.configuration.gridSettings.columns; |
||||
|
} |
||||
|
if (targetColumns != originalColumns) { |
||||
|
var ratio = targetColumns / originalColumns; |
||||
|
widget.sizeX *= ratio; |
||||
|
widget.sizeY *= ratio; |
||||
|
} |
||||
|
if (row > -1 && column > - 1) { |
||||
|
widget.row = row; |
||||
|
widget.col = column; |
||||
|
} else { |
||||
|
row = 0; |
||||
|
for (var w in theDashboard.configuration.widgets) { |
||||
|
var existingWidget = theDashboard.configuration.widgets[w]; |
||||
|
var wRow = existingWidget.row ? existingWidget.row : 0; |
||||
|
var wSizeY = existingWidget.sizeY ? existingWidget.sizeY : 1; |
||||
|
var bottom = wRow + wSizeY; |
||||
|
row = Math.max(row, bottom); |
||||
|
} |
||||
|
widget.row = row; |
||||
|
widget.col = 0; |
||||
|
} |
||||
|
theDashboard.configuration.widgets.push(widget); |
||||
|
return theDashboard; |
||||
|
} |
||||
|
|
||||
|
function updateAliases(dashboard, widget, aliasesInfo) { |
||||
|
var deviceAliases = dashboard.configuration.deviceAliases; |
||||
|
var aliasInfo; |
||||
|
var newAliasId; |
||||
|
for (var datasourceIndex in aliasesInfo.datasourceAliases) { |
||||
|
aliasInfo = aliasesInfo.datasourceAliases[datasourceIndex]; |
||||
|
newAliasId = getDeviceAliasId(deviceAliases, aliasInfo); |
||||
|
widget.config.datasources[datasourceIndex].deviceAliasId = newAliasId; |
||||
|
} |
||||
|
for (var targetDeviceAliasIndex in aliasesInfo.targetDeviceAliases) { |
||||
|
aliasInfo = aliasesInfo.targetDeviceAliases[targetDeviceAliasIndex]; |
||||
|
newAliasId = getDeviceAliasId(deviceAliases, aliasInfo); |
||||
|
widget.config.targetDeviceAliasIds[targetDeviceAliasIndex] = newAliasId; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function getDeviceAliasId(deviceAliases, aliasInfo) { |
||||
|
var newAliasId; |
||||
|
for (var aliasId in deviceAliases) { |
||||
|
if (deviceAliases[aliasId].deviceId === aliasInfo.deviceId) { |
||||
|
newAliasId = aliasId; |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
if (!newAliasId) { |
||||
|
var newAliasName = createDeviceAliasName(deviceAliases, aliasInfo.aliasName); |
||||
|
newAliasId = 0; |
||||
|
for (aliasId in deviceAliases) { |
||||
|
newAliasId = Math.max(newAliasId, aliasId); |
||||
|
} |
||||
|
newAliasId++; |
||||
|
deviceAliases[newAliasId] = {alias: newAliasName, deviceId: aliasInfo.deviceId}; |
||||
|
} |
||||
|
return newAliasId; |
||||
|
} |
||||
|
|
||||
|
function createDeviceAliasName(deviceAliases, alias) { |
||||
|
var c = 0; |
||||
|
var newAlias = angular.copy(alias); |
||||
|
var unique = false; |
||||
|
while (!unique) { |
||||
|
unique = true; |
||||
|
for (var devAliasId in deviceAliases) { |
||||
|
var devAlias = deviceAliases[devAliasId]; |
||||
|
if (newAlias === devAlias.alias) { |
||||
|
c++; |
||||
|
newAlias = alias + c; |
||||
|
unique = false; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
return newAlias; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
Loading…
Reference in new issue