dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve entity select component.

Browse Source
This commit is contained in:
Igor Kulikov 2018-07-05 12:40:58 +03:00
parent 10e588aaf4
commit b36e8a1b88
2 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
ui/src/app/entity/entity-select.directive.js
View File

@ -22,14 +22,26 @@ import entitySelectTemplate from './entity-select.tpl.html';
/* eslint-enable import/no-unresolved, import/default */
/*@ngInject*/
export default function EntitySelect($compile, $templateCache) {
export default function EntitySelect($compile, $templateCache, entityService) {
var linker = function (scope, element, attrs, ngModelCtrl) {
var template = $templateCache.get(entitySelectTemplate);
element.html(template);
scope.tbRequired = angular.isDefined(scope.tbRequired) ? scope.tbRequired : false;
scope.model = {};
var entityTypes = entityService.prepareAllowedEntityTypesList(scope.allowedEntityTypes, scope.useAliasEntityTypes);
if (entityTypes.length === 1) {
scope.displayEntityTypeSelect = false;
scope.defaultEntityType = entityTypes[0];
} else {
scope.displayEntityTypeSelect = true;
}
scope.model = {
entityType: scope.defaultEntityType
};
scope.updateView = function () {
if (!scope.disabled) {
@ -54,7 +66,7 @@ export default function EntitySelect($compile, $templateCache) {
scope.model.entityType = value.entityType;
scope.model.entityId = value.id;
} else {
scope.model.entityType = null;
scope.model.entityType = scope.defaultEntityType;
scope.model.entityId = null;
}
initWatchers();
@ -106,6 +118,7 @@ export default function EntitySelect($compile, $templateCache) {
theForm: '=?',
tbRequired: '=?',
disabled:'=ngDisabled',
allowedEntityTypes: "=?",
useAliasEntityTypes: "=?"
}
};

2
ui/src/app/entity/entity-select.tpl.html
View File

@ -17,10 +17,12 @@
-->
<div layout='row' class="tb-entity-select">
<tb-entity-type-select style="min-width: 100px;"
ng-if="displayEntityTypeSelect"
the-form="theForm"
ng-disabled="disabled"
tb-required="tbRequired"
use-alias-entity-types="useAliasEntityTypes"
allowed-entity-types="allowedEntityTypes"
ng-model="model.entityType">
</tb-entity-type-select>
<tb-entity-autocomplete flex ng-if="model.entityType"