You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@dlab.apache.org by dg...@apache.org on 2020/01/03 13:39:58 UTC

[incubator-dlab] branch DLAB-1421 created (now 9d09e8b)

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

dgnatyshyn pushed a change to branch DLAB-1421
in repository https://gitbox.apache.org/repos/asf/incubator-dlab.git.


      at 9d09e8b  [DLAB-1421]: Added test functionality for already added endpoint (endpoint list)

This branch includes the following new commits:

     new 9d09e8b  [DLAB-1421]: Added test functionality for already added endpoint (endpoint list)

The 1 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.



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


[incubator-dlab] 01/01: [DLAB-1421]: Added test functionality for already added endpoint (endpoint list)

Posted by dg...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

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

commit 9d09e8bee4ee6de5337a6031eaf5fad298eb387b
Author: Dmytro Gnatyshyn <di...@ukr.net>
AuthorDate: Fri Jan 3 15:37:12 2020 +0200

    [DLAB-1421]: Added test functionality for already added endpoint (endpoint list)
---
 .../management/endpoints/endpoints.component.html       | 11 +++++++----
 .../management/endpoints/endpoints.component.scss       |  2 +-
 .../management/endpoints/endpoints.component.ts         | 17 ++++++++++-------
 .../project/project-form/project-form.component.ts      |  1 +
 .../resources/webapp/src/assets/styles/_dialogs.scss    |  4 ++++
 5 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/services/self-service/src/main/resources/webapp/src/app/administration/management/endpoints/endpoints.component.html b/services/self-service/src/main/resources/webapp/src/app/administration/management/endpoints/endpoints.component.html
index 73173cd..5ced457 100644
--- a/services/self-service/src/main/resources/webapp/src/app/administration/management/endpoints/endpoints.component.html
+++ b/services/self-service/src/main/resources/webapp/src/app/administration/management/endpoints/endpoints.component.html
@@ -26,7 +26,7 @@
   <div class="dialog-content tabs">
     <div class="content-box">
       <mat-tab-group #tabGroup>
-        <mat-tab label="Connect ENDPOINT">
+        <mat-tab label="CONNECT ENDPOINT">
           <div class="split">
             <form [formGroup]="createEndpointForm" novalidate>
               <div class="control-group">
@@ -76,7 +76,7 @@
               </div>
             </form>
             <div class="action-group m-bott-10">
-              <button mat-raised-button type="button" [disabled]="!this.createEndpointForm.value.url || !createEndpointForm.valid" class="butt action" (click)="getEndpoinConnectionStatus()">Test Endpoint</button>
+              <button mat-raised-button type="button" [disabled]="!this.createEndpointForm.value.url || !createEndpointForm.valid" class="butt action" (click)="getEndpoinConnectionStatus(createEndpointForm.value.url)">Test</button>
               <div class="action-butt">
                 <button mat-raised-button type="button" class="butt action" (click)="dialogRef.close()">Cancel</button>
                 <button mat-raised-button type="button" [disabled]="!createEndpointForm.valid"
@@ -95,7 +95,7 @@
 
               <ng-container matColumnDef="url">
                 <th mat-header-cell *matHeaderCellDef class="url"> Url </th>
-                <td mat-cell *matCellDef="let element" matTooltip="{{element.url}}"> {{element.url}} </td>
+                <td mat-cell *matCellDef="let element"> <span matTooltip="{{element.url}}" matTooltipPosition="above">{{element.url}}</span> </td>
               </ng-container>
 
               <ng-container matColumnDef="account">
@@ -111,7 +111,10 @@
               <ng-container matColumnDef="actions">
                 <th mat-header-cell *matHeaderCellDef class="actions"></th>
                 <td mat-cell *matCellDef="let element" class="actions">
-                  <span (click)="deleteEndpoint(element)">
+                  <span (click)="getEndpoinConnectionStatus(element.url)" matTooltip="Test" matTooltipPosition="above">
+                    <mat-icon>compare_arrows</mat-icon>
+                  </span>
+                  <span (click)="deleteEndpoint(element)" matTooltip="Disconect" matTooltipPosition="above">
                     <mat-icon>delete_forever</mat-icon>
                   </span>
                 </td>
diff --git a/services/self-service/src/main/resources/webapp/src/app/administration/management/endpoints/endpoints.component.scss b/services/self-service/src/main/resources/webapp/src/app/administration/management/endpoints/endpoints.component.scss
index aaaa19e..5714552 100644
--- a/services/self-service/src/main/resources/webapp/src/app/administration/management/endpoints/endpoints.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/administration/management/endpoints/endpoints.component.scss
@@ -67,8 +67,8 @@
 
       .actions {
         color: #607d8b;
-        width: 10%;
         text-align: center;
+        width: 14%;
 
         span {
           transition: all .5s ease-in-out;
diff --git a/services/self-service/src/main/resources/webapp/src/app/administration/management/endpoints/endpoints.component.ts b/services/self-service/src/main/resources/webapp/src/app/administration/management/endpoints/endpoints.component.ts
index 6675231..c4412e6 100644
--- a/services/self-service/src/main/resources/webapp/src/app/administration/management/endpoints/endpoints.component.ts
+++ b/services/self-service/src/main/resources/webapp/src/app/administration/management/endpoints/endpoints.component.ts
@@ -86,10 +86,9 @@ export class EndpointsComponent implements OnInit {
     });
   }
 
-  public getEndpoinConnectionStatus(){
-    const url = this.createEndpointForm.value.url;
+  public getEndpoinConnectionStatus(url){
     let getStatus = this.endpointService.getEndpoinConnectionStatus(encodeURIComponent(url));
-    this.dialog.open(EndpointTestResultDialogComponent, { data: {url: this.createEndpointForm.value.url, getStatus}, panelClass: 'modal-sm' });
+    this.dialog.open(EndpointTestResultDialogComponent, { data: {url: url, getStatus}, panelClass: 'modal-sm' });
   }
 
   private static createResourceList(name: string, resource: Array<any>, nodeStatus: string): Object {
@@ -130,9 +129,9 @@ export class EndpointsComponent implements OnInit {
       </div>
       <div class="content-box">
       <div mat-dialog-content class="content message">
-        <p class="dialog-message ellipsis" *ngIf="!response">Connecting to url <span class="strong" matTooltip="{{data.url}}" [matTooltipPosition]="'before'">{{data.url}}</span></p>
-        <p class="dialog-message ellipsis" *ngIf="isConnected && response"><i class="material-icons icons-possition active">check_circle</i>Connected to url <span matTooltip="{{data.url}}" [matTooltipPosition]="'before'" class="strong">{{data.url}}</span></p>
-        <p class="dialog-message ellipsis" *ngIf="!isConnected && response"><i class="material-icons icons-possition failed">cancel</i>Failed to connect to url <span matTooltip="{{data.url}}" [matTooltipPosition]="'before'" class="strong">{{data.url}}</span></p>
+        <p class="dialog-message ellipsis" *ngIf="!response">Connecting to url <span class="strong" matTooltip="{{data.url}}" [matTooltipPosition]="'above'">{{catToLongUrl(data.url)}}</span></p>
+        <p class="dialog-message ellipsis" *ngIf="isConnected && response"><i class="material-icons icons-possition active">check_circle</i>Connected to url <span matTooltip="{{data.url}}" [matTooltipPosition]="'above'" [matTooltipClass]="'lefttop'" class="strong">{{catToLongUrl(data.url)}}</span></p>
+        <p class="dialog-message ellipsis" *ngIf="!isConnected && response"><i class="material-icons icons-possition failed">cancel</i>Failed to connect to url <span matTooltip="{{data.url}}" [matTooltipPosition]="'above'" class="strong">{{catToLongUrl(data.url)}}</span></p>
       </div>
       <div class="text-center m-top-20 m-bott-10">
         <button type="button" class="butt" mat-raised-button (click)="dialogRef.close()">Close</button>
@@ -151,7 +150,7 @@ export class EndpointsComponent implements OnInit {
     header a:hover i { color: #35afd5; cursor: pointer; }
     label { font-size: 15px; font-weight: 500; font-family: "Open Sans",sans-serif; cursor: pointer; display: flex; align-items: center;}
     .progress-bar{ height: 4px;}
-    .dialog-message{min-height: 25px; overflow: hidden}
+    .dialog-message{min-height: 25px; overflow: hidden;}
     `
   ]
 })
@@ -173,4 +172,8 @@ export class EndpointTestResultDialogComponent {
         return;
       })
   }
+  private catToLongUrl(url) {
+    return url.length > 25 ? url.slice(0,25) + '...' : url
+  }
+
 }
diff --git a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.ts b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.ts
index b89a51f..5eb522a 100644
--- a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.ts
+++ b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.ts
@@ -95,6 +95,7 @@ export class ProjectFormComponent implements OnInit {
   }
 
   public reset() {
+    this.stepper.reset();
     this.keyLabel = '';
     this.initFormModel();
   }
diff --git a/services/self-service/src/main/resources/webapp/src/assets/styles/_dialogs.scss b/services/self-service/src/main/resources/webapp/src/assets/styles/_dialogs.scss
index 0128179..e1e6ce6 100644
--- a/services/self-service/src/main/resources/webapp/src/assets/styles/_dialogs.scss
+++ b/services/self-service/src/main/resources/webapp/src/assets/styles/_dialogs.scss
@@ -335,6 +335,10 @@ mat-dialog-container {
   }
 }
 
+.mat-step-icon-state-number .mat-step-icon-content{
+  top: 49%;
+}
+
 @media screen and (max-width: 1280px) {
   .modal-fullscreen {
     max-width: 100vw !important;


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