volodymyr-babak
9 years ago
24 changed files with 454 additions and 94 deletions
@ -0,0 +1,86 @@ |
|||
/* |
|||
* 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 './relation-type-autocomplete.scss'; |
|||
|
|||
/* eslint-disable import/no-unresolved, import/default */ |
|||
|
|||
import relationTypeAutocompleteTemplate from './relation-type-autocomplete.tpl.html'; |
|||
|
|||
/* eslint-enable import/no-unresolved, import/default */ |
|||
|
|||
/*@ngInject*/ |
|||
export default function RelationTypeAutocomplete($compile, $templateCache, $q, $filter, assetService, deviceService, types) { |
|||
|
|||
var linker = function (scope, element, attrs, ngModelCtrl) { |
|||
var template = $templateCache.get(relationTypeAutocompleteTemplate); |
|||
element.html(template); |
|||
|
|||
scope.tbRequired = angular.isDefined(scope.tbRequired) ? scope.tbRequired : false; |
|||
scope.relationType = null; |
|||
scope.relationTypeSearchText = ''; |
|||
scope.relationTypes = []; |
|||
for (var type in types.entityRelationType) { |
|||
scope.relationTypes.push(types.entityRelationType[type]); |
|||
} |
|||
|
|||
scope.fetchRelationTypes = function(searchText) { |
|||
var deferred = $q.defer(); |
|||
var result = $filter('filter')(scope.relationTypes, {'$': searchText}); |
|||
if (result && result.length) { |
|||
deferred.resolve(result); |
|||
} else { |
|||
deferred.resolve([searchText]); |
|||
} |
|||
return deferred.promise; |
|||
} |
|||
|
|||
scope.relationTypeSearchTextChanged = function() { |
|||
} |
|||
|
|||
scope.updateView = function () { |
|||
if (!scope.disabled) { |
|||
ngModelCtrl.$setViewValue(scope.relationType); |
|||
} |
|||
} |
|||
|
|||
ngModelCtrl.$render = function () { |
|||
scope.relationType = ngModelCtrl.$viewValue; |
|||
} |
|||
|
|||
scope.$watch('relationType', function (newValue, prevValue) { |
|||
if (!angular.equals(newValue, prevValue)) { |
|||
scope.updateView(); |
|||
} |
|||
}); |
|||
|
|||
scope.$watch('disabled', function () { |
|||
scope.updateView(); |
|||
}); |
|||
|
|||
$compile(element.contents())(scope); |
|||
} |
|||
|
|||
return { |
|||
restrict: "E", |
|||
require: "^ngModel", |
|||
link: linker, |
|||
scope: { |
|||
theForm: '=?', |
|||
tbRequired: '=?', |
|||
disabled:'=ngDisabled' |
|||
} |
|||
}; |
|||
} |
|||
@ -0,0 +1,25 @@ |
|||
/** |
|||
* 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-relation-type-autocomplete { |
|||
.tb-relation-type-item { |
|||
display: block; |
|||
height: 48px; |
|||
} |
|||
li { |
|||
height: auto !important; |
|||
white-space: normal !important; |
|||
} |
|||
} |
|||
@ -0,0 +1,40 @@ |
|||
<!-- |
|||
|
|||
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-autocomplete ng-required="tbRequired" |
|||
ng-disabled="disabled" |
|||
md-no-cache="true" |
|||
md-input-name="relationType" |
|||
ng-model="relationType" |
|||
md-selected-item="relationType" |
|||
md-search-text="relationTypeSearchText" |
|||
md-search-text-change="relationTypeSearchTextChanged()" |
|||
md-items="item in fetchRelationTypes(relationTypeSearchText)" |
|||
md-item-text="item" |
|||
md-min-length="0" |
|||
md-floating-label="{{ 'relation.relation-type' | translate }}" |
|||
md-select-on-match="true" |
|||
md-menu-class="tb-relation-type-autocomplete"> |
|||
<md-item-template> |
|||
<div class="tb-relation-type-item"> |
|||
<span md-highlight-text="relationTypeSearchText" md-highlight-flags="^i">{{item}}</span> |
|||
</div> |
|||
</md-item-template> |
|||
<div ng-messages="theForm.relationType.$error"> |
|||
<div translate ng-message="required">relation.relation-type-required</div> |
|||
</div> |
|||
</md-autocomplete> |
|||
Loading…
Reference in new issue