Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-02 20:35:25 +02:00
Code Issues Releases Activity

refactor(app): convert tag-selector to react [EE-2983] (#6783)

Browse source
This commit is contained in:
Chaim Lev-Ari 2022-05-29 09:14:14 +03:00 • committed by GitHub
parent 75d854e6ad
commit d52417c14f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
29 changed files with 103 additions and 288 deletions
Download patch file Download diff file Expand all files Collapse all files

9
app/edge/components/group-form/groupForm.html
View file

@ -93,12 +93,9 @@
</div>
</div>
</div>
<div class="form-group">
<tag-selector ng-if="$ctrl.tags.length" tags="$ctrl.tags" model="$ctrl.model.TagIds"></tag-selector>
<div ng-if="$ctrl.tags && !$ctrl.tags.length" class="col-sm-12 small text-muted">
No tags available. Head over to the <a ui-sref="portainer.tags">Tags view</a> to add tags
</div>
</div>
<tag-selector ng-if="$ctrl.model.TagIds" value="$ctrl.model.TagIds" on-change="($ctrl.onChangeTags)"> </tag-selector>
<div class="col-sm-12 form-section-title"> Associated environments by tags </div>
<div class="col-sm-12 form-group">
<group-association-table

8
app/edge/components/group-form/groupFormController.js
View file

@ -6,6 +6,7 @@ export class EdgeGroupFormController {
constructor(EndpointService, $async, $scope) {
this.EndpointService = EndpointService;
this.$async = $async;
this.$scope = $scope;
this.endpoints = {
state: {
@ -22,6 +23,7 @@ export class EdgeGroupFormController {
this.dissociateEndpoint = this.dissociateEndpoint.bind(this);
this.getDynamicEndpointsAsync = this.getDynamicEndpointsAsync.bind(this);
this.getDynamicEndpoints = this.getDynamicEndpoints.bind(this);
this.onChangeTags = this.onChangeTags.bind(this);
$scope.$watch(
() => this.model,
@ -34,6 +36,12 @@ export class EdgeGroupFormController {
);
}
onChangeTags(value) {
return this.$scope.$evalAsync(() => {
this.model.TagIds = value;
});
}
associateEndpoint(endpoint) {
if (!_.includes(this.model.Endpoints, endpoint.Id)) {
this.model.Endpoints = [...this.model.Endpoints, endpoint.Id];

1
app/edge/components/group-form/index.js
View file

@ -8,7 +8,6 @@ angular.module('portainer.edge').component('edgeGroupForm', {
bindings: {
model: '<',
groups: '<',
tags: '<',
formActionLabel: '@',
formAction: '<',
actionInProgress: '<',