Sergey Tarnavskiy
9 years ago
7 changed files with 240 additions and 17 deletions
@ -0,0 +1,117 @@ |
|||
/* |
|||
* 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 './extensions-table-widget.scss'; |
|||
|
|||
/* eslint-disable import/no-unresolved, import/default */ |
|||
|
|||
import extensionsTableWidgetTemplate from './extensions-table-widget.tpl.html'; |
|||
|
|||
/* eslint-enable import/no-unresolved, import/default */ |
|||
|
|||
export default angular.module('thingsboard.widgets.extensionsTableWidget', []) |
|||
.directive('tbExtensionsTableWidget', ExtensionsTableWidget) |
|||
.name; |
|||
|
|||
/*@ngInject*/ |
|||
function ExtensionsTableWidget() { |
|||
return { |
|||
restrict: "E", |
|||
scope: true, |
|||
bindToController: { |
|||
ctx: '=' |
|||
}, |
|||
controller: ExtensionsTableWidgetController, |
|||
controllerAs: 'vm', |
|||
templateUrl: extensionsTableWidgetTemplate |
|||
}; |
|||
} |
|||
|
|||
/*@ngInject*/ |
|||
function ExtensionsTableWidgetController($scope, $translate, utils) { |
|||
var vm = this; |
|||
|
|||
vm.datasources = null; |
|||
vm.tabsHidden = false; |
|||
|
|||
$scope.$watch('vm.ctx', function() { |
|||
if (vm.ctx && vm.ctx.defaultSubscription) { |
|||
vm.settings = vm.ctx.settings; |
|||
vm.subscription = vm.ctx.defaultSubscription; |
|||
vm.datasources = vm.subscription.datasources; |
|||
initializeConfig(); |
|||
updateDatasources(); |
|||
} |
|||
}); |
|||
|
|||
function initializeConfig() { |
|||
|
|||
if (vm.settings.extensionsTitle && vm.settings.extensionsTitle.length) { |
|||
vm.extensionsTitle = utils.customTranslation(vm.settings.extensionsTitle, vm.settings.extensionsTitle); |
|||
} else { |
|||
vm.extensionsTitle = $translate.instant('extension.extensions'); |
|||
} |
|||
vm.ctx.widgetTitle = vm.extensionsTitle; |
|||
|
|||
vm.ctx.widgetActions = [vm.addAction, vm.searchAction, vm.refreshAction]; |
|||
} |
|||
|
|||
function updateDatasources() { |
|||
|
|||
var datasource = vm.datasources[0]; |
|||
vm.selectedSource = vm.datasources[0]; |
|||
vm.ctx.widgetTitle = utils.createLabelFromDatasource(datasource, vm.extensionsTitle); |
|||
} |
|||
|
|||
vm.changeSelectedSource = function(source) { |
|||
vm.selectedSource = source; |
|||
} |
|||
|
|||
vm.searchAction = { |
|||
name: "action.search", |
|||
show: true, |
|||
onAction: function() { |
|||
$scope.$broadcast("showSearch", vm.selectedSource); |
|||
}, |
|||
icon: "search" |
|||
}; |
|||
|
|||
vm.refreshAction = { |
|||
name: "action.refresh", |
|||
show: true, |
|||
onAction: function() { |
|||
$scope.$broadcast("refreshExtensions", vm.selectedSource); |
|||
}, |
|||
icon: "refresh" |
|||
} |
|||
|
|||
vm.addAction = { |
|||
name: "action.add", |
|||
show: true, |
|||
onAction: function() { |
|||
$scope.$broadcast("addExtension", vm.selectedSource); |
|||
}, |
|||
icon: "add" |
|||
} |
|||
|
|||
$scope.$on("filterMode", function($event, mode) { |
|||
vm.tabsHidden = mode; |
|||
}); |
|||
|
|||
$scope.$on("selectedExtensions", function($event, mode) { |
|||
vm.tabsHidden = mode; |
|||
}); |
|||
} |
|||
@ -0,0 +1,29 @@ |
|||
/** |
|||
* 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. |
|||
*/ |
|||
|
|||
tb-extension-table { |
|||
md-content { |
|||
background-color: #fff; |
|||
} |
|||
} |
|||
md-tabs.hide-tabs-menu { |
|||
md-tabs-wrapper { |
|||
display: none; |
|||
} |
|||
md-tabs-content-wrapper { |
|||
top: 0 !important; |
|||
} |
|||
} |
|||
@ -0,0 +1,27 @@ |
|||
<!-- |
|||
|
|||
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. |
|||
|
|||
--> |
|||
<md-tabs id="tabs" md-border-bottom flex class="tb-absolute-fill" ng-class="{'hide-tabs-menu': vm.datasources.length == 1 || vm.tabsHidden}"> |
|||
<md-tab ng-repeat="source in vm.datasources" label="{{ source.name }}" md-on-select="vm.changeSelectedSource(source)"> |
|||
<tb-extension-table flex |
|||
entity-id="source.entityId" |
|||
entity-type="{{source.entityType}}" |
|||
in-widget="true" |
|||
ctx="vm.ctx"> |
|||
</tb-extension-table> |
|||
</md-tab> |
|||
</md-tabs> |
|||
Loading…
Reference in new issue