You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@dlab.apache.org by an...@apache.org on 2019/07/26 13:27:41 UTC

[incubator-dlab] 01/01: [DLAB-825]: added ability to add a new endpoint to an existing project

This is an automated email from the ASF dual-hosted git repository.

ankovalyshyn pushed a commit to branch DLAB-825
in repository https://gitbox.apache.org/repos/asf/incubator-dlab.git

commit 3f574cf89d9dd32497f7d4e2380996063bc88cf2
Author: Andriana Kovalyshyn <An...@epam.com>
AuthorDate: Fri Jul 26 16:18:37 2019 +0300

    [DLAB-825]: added ability to add a new endpoint to an existing project
---
 .../project/project-form/project-form.component.html             | 8 +++++---
 .../project/project-form/project-form.component.scss             | 9 ++++++++-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.html b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.html
index 93d37db..b689d90 100644
--- a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.html
+++ b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.html
@@ -86,17 +86,19 @@
             </div>
             <div class="control-group">
               <div class="selector-wrapper">
-                <mat-form-field [ngClass]="{ 'not-allowed' : item }">
+                <mat-form-field>
                   <mat-select multiple formControlName="endpoints" placeholder="Select endpoints">
                     <mat-option class="multiple-select" disabled>
                       <a class="select ani" (click)="selectOptions(endpointsList, 'endpoints', 'all')">
                         <i class="material-icons">playlist_add_check</i>&nbsp;All
                       </a>
-                      <a class="deselect ani" (click)="selectOptions(endpointsList, 'endpoints')">
+                      <a class="deselect ani" (click)="!item && selectOptions(endpointsList, 'endpoints')"
+                        [ngClass]="{ 'not-active' : item }">
                         <i class="material-icons">clear</i>&nbsp;None
                       </a>
                     </mat-option>
-                    <mat-option *ngFor="let endpoint of endpointsList" [value]="endpoint.name">
+                    <mat-option *ngFor="let endpoint of endpointsList" [value]="endpoint.name"
+                      [disabled]="isDisabled(endpoint.name)">
                       {{ endpoint.name }}
                     </mat-option>
                     <mat-option *ngIf="!endpointsList.length" class="multiple-select empty ml-10" disabled>Endpoints
diff --git a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.scss b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.scss
index 8782430..fde3783 100644
--- a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.scss
@@ -19,12 +19,14 @@
 
 .form-block {
   width: 600px;
+
   &.split {
     flex-direction: column;
     display: flex;
     justify-content: space-between;
     height: 210px;
   }
+
   .mat-raised-button {
     &.butt {
       &.butt-success {
@@ -46,4 +48,9 @@
   .row-wrap {
     padding: 35px 25px;
   }
-}
\ No newline at end of file
+}
+
+.mat-option-disabled:not(.multiple-select) {
+  background: #f1f1f1;
+  cursor: not-allowed;
+}


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@dlab.apache.org
For additional commands, e-mail: commits-help@dlab.apache.org