This is an automated email from the ASF dual-hosted git repository.
dgnatyshyn pushed a commit to branch DLAB-1749
in repository https://gitbox.apache.org/repos/asf/incubator-dlab.git
The following commit(s) were added to refs/heads/DLAB-1749 by this push:
new 0bad8ba [DLAB-1749] Added available lib version list dialog
new fdd45f1 Merge remote-tracking branch 'origin/DLAB-1749' into DLAB-1749
0bad8ba is described below
commit 0bad8baf7a3ffa7b30a3978c1c7d239d51558bbd
Author: Dmytro_Gnatyshyn <[email protected]>
AuthorDate: Tue Jul 14 15:20:17 2020 +0300
[DLAB-1749] Added available lib version list dialog
---
.../install-libraries.component.html | 61 ++++++++++++----------
.../install-libraries.component.ts | 52 +++++++++++-------
2 files changed, 66 insertions(+), 47 deletions(-)
diff --git
a/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/install-libraries/install-libraries.component.html
b/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/install-libraries/install-libraries.component.html
index 409faeb..9f4cac9 100644
---
a/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/install-libraries/install-libraries.component.html
+++
b/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/install-libraries/install-libraries.component.html
@@ -62,10 +62,10 @@
[value]="query"
[matAutocomplete]="auto"
>
- <span class="add-icon" [matTooltip]="!isLibExist ? 'Current
library dosen\'t exist' : 'You have already added or installed current library'"
- matTooltipPosition="above"
- [matTooltipDisabled] = "isLibExist && (isInSelectedList ||
isInstalled)"
- >
+<!-- <span class="add-icon" [matTooltip]="(isInSelectedList ||
isInstalled) ? 'Current library dosen\'t exist' : 'You have already added or
installed current library'"-->
+<!-- matTooltipPosition="above"-->
+<!-- [matTooltipDisabled] = "isLibExist && (isInSelectedList ||
isInstalled)"-->
+ <span class="add-icon">
<button mat-icon-button class="btn" [disabled]="!isLibExist
|| query.length < 1 ||
isDuplicated({name: query.slice(0, query.indexOf(':')),
version: query.slice(query.indexOf(':') + 1) || 'N/A'})"
(click)="addLibrary(query);$event.stopPropagation()">
<mat-icon matSuffix >add</mat-icon>
@@ -215,7 +215,7 @@
<!-- <p>Cannot retry to reinstall failed libraries: Exploratory {{
notebook?.name }} is not running</p>-->
<!-- </div>-->
<ng-container *ngFor="let lib of filtredNotebookLibs">
- <mat-list-item class="table-item" (click)="showlibinfo(lib)">
+ <mat-list-item class="table-item">
<div class="lib-name ellipsis">
<strong>{{ lib.name }}</strong>
<span *ngIf="lib.version && lib.version !== 'N/A'">{{
lib.version }}</span>
@@ -228,7 +228,7 @@
<div class="lib-resource-type-col">{{ item.resourceType
}}</div>
<div class="lib-status-col" ngClass="{{
item.status.toLowerCase() || '' }}">{{ item.status }}
<div class="warn-action" *ngIf="item.status === 'failed'
&& notebook?.status === 'running'">
- <div>
+ <div *ngIf="!item.available_versions">
<span *ngIf="!installingInProgress"
(click)="reinstallLibrary(item, lib)" matTooltip="Retry installation"
matTooltipPosition="above">
<i class="material-icons">replay</i>
</span>
@@ -237,12 +237,19 @@
<i class="material-icons">replay</i>
</span>
</div>
- <div *ngIf="item.status === 'failed' && item.error"
class="lib-error" (click)="showErrorMessage(item)">
+ <div *ngIf="item.status === 'failed' && item.error &&
!item.available_versions" class="lib-error" (click)="showErrorMessage(item)">
<i class="material-icons">error_outline</i>
</div>
+ <div class="lib-error"
+ *ngIf="item.status === 'failed' &&
item.available_versions?.length" class="lib-error"
+ (click)="openLibInfo(item,
'available');$event.stopPropagation()"
+ matTooltip="Show available version"
matTooltipPosition="above"
+ >
+ <i class="material-icons terminated">error_outline</i>
+ </div>
</div>
- <div class="warn-action" matTooltip="Show installed
dependency" matTooltipPosition="above">
- <span class="info-icon"
(click)="openLibInfo(lib);$event.stopPropagation() ">
+ <div class="warn-action" matTooltip="Show installed
dependency" matTooltipPosition="above" *ngIf="item.add_pkgs?.length">
+ <span class="info-icon" (click)="openLibInfo(item,
'added');$event.stopPropagation() ">
<i class="material-icons">info</i>
</span>
</div>
@@ -253,28 +260,28 @@
</div>
</mat-list-item>
- <mat-list-item *ngIf="isLibInfoOpened[lib.name]">
- <div class="lib-info">
- <ul class="libs-version">
+<!-- <mat-list-item *ngIf="isLibInfoOpened[lib.name]">-->
+<!-- <div class="lib-info">-->
+<!-- <ul class="libs-version">-->
- <li class="dependency-list-header">
- List of available version:
- </li>
+<!-- <li class="dependency-list-header">-->
+<!-- List of available version:-->
+<!-- </li>-->
-<!-- <div class="scrolling-content delete-list"
id="scrolling">-->
+<!--<!– <div class="scrolling-content delete-list"
id="scrolling">–>-->
- <li *ngFor="let object of [1,2,3]" class="delete-item
list-item">
- <!-- <div class="object">-->
- {{lib.name+lib.version}}
- <!-- </div>-->
- <!-- <div
class="size">v2.3.4</div>-->
- <button mat-raised-button type="button" class="butt
action">Install</button>
- </li>
+<!-- <li *ngFor="let object of [1,2,3]" class="delete-item
list-item">-->
+<!-- <!– <div
class="object">–>-->
+<!-- {{lib.name+lib.version}}-->
+<!-- <!–
</div>–>-->
+<!-- <!– <div
class="size">v2.3.4</div>–>-->
+<!-- <button mat-raised-button type="button" class="butt
action">Install</button>-->
+<!-- </li>-->
-<!-- </div>-->
- </ul>
- </div>
- </mat-list-item>
+<!--<!– </div>–>-->
+<!-- </ul>-->
+<!-- </div>-->
+<!-- </mat-list-item>-->
</ng-container>
<div *ngIf="!filtredNotebookLibs.length && notebookLibs?.length"
class="scrollingList info message">
<p>No matches found</p>
diff --git
a/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/install-libraries/install-libraries.component.ts
b/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/install-libraries/install-libraries.component.ts
index a3af674..0976568 100644
---
a/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/install-libraries/install-libraries.component.ts
+++
b/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/install-libraries/install-libraries.component.ts
@@ -373,14 +373,14 @@ export class InstallLibrariesComponent implements OnInit,
OnDestroy {
this.filterModel.resetFilterLibs();
}
- public openLibInfo(lib) {
+ public openLibInfo(lib, type) {
this.dialog.open(
- LibInfoDialogComponent, { data: lib, width: '550px', panelClass:
'error-modalbox' });
+ LibInfoDialogComponent, { data: {lib, type}, width: '550px', panelClass:
'error-modalbox' });
}
- showlibinfo(lib: any) {
- this.isLibInfoOpened[lib.name] = !this.isLibInfoOpened[lib.name];
- }
+ // showlibinfo(lib: any) {
+ // this.isLibInfoOpened[lib.name] = !this.isLibInfoOpened[lib.name];
+ // }
}
@Component({
@@ -415,32 +415,44 @@ export class ErrorLibMessageDialogComponent {
selector: 'lib-info-dialog',
template: `
<div class="dialog-header">
- <h4 class="modal-title">Installed dependency</h4>
+ <h4 class="modal-title" *ngIf="data.type === 'added'">Installed
dependency</h4>
+ <h4 class="modal-title" *ngIf="data.type === 'available'">Library
installation error</h4>
<button type="button" class="close"
(click)="dialogRef.close()">×</button>
</div>
- <mat-list class="resources">
+<!-- <mat-list class="resources">-->
+
+<!-- <mat-list-item class="list-header">-->
+<!-- <div class="object">Name</div>-->
+<!-- <div class="size">Version</div>-->
+<!-- </mat-list-item>-->
- <mat-list-item class="list-header">
- <div class="object">Name</div>
- <div class="size">Version</div>
- </mat-list-item>
+<!-- <div class="scrolling-content delete-list" id="scrolling">-->
- <div class="scrolling-content delete-list" id="scrolling">
+<!-- <mat-list-item *ngFor="let lib of data.add_pkgs"
class="delete-item">-->
+<!-- <div class="object">-->
+<!-- {{lib}}-->
+<!-- </div>-->
+<!-- <div class="size">v2.3.4</div>-->
+<!-- </mat-list-item>-->
- <mat-list-item *ngFor="let object of [1,2,3]" class="delete-item">
- <div class="object">
- {{data.name}}
- </div>
- <div class="size">v2.3.4</div>
- </mat-list-item>
+<!-- </div>-->
+<!-- </mat-list>-->
- </div>
- </mat-list>
+ <div class="lib-list" *ngIf="data.type === 'added'">
+ <span class="strong">Dependency: </span>{{data.lib.add_pkgs.join(', ')}}
+ </div>
+ <div class="lib-list" *ngIf="data.type === 'available'">
+ <p class="terminated">Version is not available</p>
+ <span class="strong">Available versions:
</span>{{data.lib.available_versions.join(', ')}}
+ </div>
<!-- <div class="text-center">-->
<!-- <button type="button" class="butt" mat-raised-button
(click)="dialogRef.close()">Close</button>-->
<!-- </div>-->
`,
styles: [ `
+ .lib-list { max-height: 200px; overflow-x: auto; word-break: break-all;
padding: 20px 30px !important; margin: 20px 0; color: #577289;}
+ .terminated{padding-bottom: 15px;}
+
.mat-list-base {
padding: 40px 30px;
}
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
