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/06/19 15:58:11 UTC
[incubator-dlab] 02/06: Added table for audit info dialog
This is an automated email from the ASF dual-hosted git repository.
dgnatyshyn pushed a commit to branch audit
in repository https://gitbox.apache.org/repos/asf/incubator-dlab.git
commit 8d0ffca400947384ea12143f9f098c86885ae832
Author: Dmytro_Gnatyshyn <di...@ukr.net>
AuthorDate: Fri Jun 19 10:49:44 2020 +0300
Added table for audit info dialog
---
.../audit/audit-grid/audit-grid.component.ts | 44 +++++++++++++---------
.../webapp/src/assets/styles/_dialogs.scss | 6 +++
2 files changed, 33 insertions(+), 17 deletions(-)
diff --git a/services/self-service/src/main/resources/webapp/src/app/reports/audit/audit-grid/audit-grid.component.ts b/services/self-service/src/main/resources/webapp/src/app/reports/audit/audit-grid/audit-grid.component.ts
index c8e2344..49c9d5a 100644
--- a/services/self-service/src/main/resources/webapp/src/app/reports/audit/audit-grid/audit-grid.component.ts
+++ b/services/self-service/src/main/resources/webapp/src/app/reports/audit/audit-grid/audit-grid.component.ts
@@ -95,7 +95,7 @@ export class AuditGridComponent implements OnInit {
openActionInfo(element) {
// console.log('Open audit info ' + action.action);
- this.dialog.open(AuditInfoDialogComponent, { data: {data: element.info, action: element.action}, panelClass: 'modal-sm' });
+ this.dialog.open(AuditInfoDialogComponent, { data: {data: element.info, action: element.action}, panelClass: 'modal-xl-s' });
}
public setItemsPrPage(item: number) {
@@ -127,21 +127,28 @@ export class AuditGridComponent implements OnInit {
<h4 class="modal-title">{{data.action | convertaction}}</h4>
<button type="button" class="close" (click)="dialogRef.close()">×</button>
</header>
- <div mat-dialog-content class="content">
+ <div mat-dialog-content class="content audit-info-content">
<!-- <ul info-items-list *ngIf=" dattypeofa.data.length>1;else message">-->
+ <mat-list *ngIf="actionList[0].length > 1;else message">
<!-- <li class="info-item">-->
-<!-- <span class="info-item-title">Group:</span>-->
-<!-- <span class="info-item-data"> {{data.data.name}}</span>-->
+<!-- <span class="info-item-title">Action</span>-->
+<!-- <span class="info-item-data"> Description </span>-->
<!-- </li>-->
-<!-- <li class="info-item">-->
-<!-- <span class="info-item-title">Users:</span>-->
-<!-- <span class="info-item-data">-->
-<!-- <span>{{data.data.objects}}</span>-->
-<!-- </span>-->
-<!-- </li>-->
-<!-- </ul>-->
-<!-- <ng-template #message>{{data.data}}.</ng-template>-->
- <p>{{data.data}}</p>
+ <mat-list-item class="list-header">
+ <div class="info-item-title">Action</div>
+ <div class="info-item-data"> Description </div>
+ </mat-list-item>
+ <div class="scrolling-content mat-list-wrapper" id="scrolling">
+ <mat-list-item class="list-item" *ngFor="let action of actionList">
+ <div class="info-item-title">{{action[0]}}</div>
+ <div class="info-item-data" >
+ <div *ngFor="let description of action[1]?.split(',')">{{description}}</div>
+ </div>
+ </mat-list-item>
+ </div>
+ </mat-list>
+ <ng-template #message><p>{{data.data}}.</p></ng-template>
+<!-- <p >{{data.data}}</p>-->
<div class="text-center m-top-30 m-bott-10">
<!-- <button type="button" class="butt" mat-raised-button (click)="dialogRef.close()">No</button>-->
<!-- <button type="button" class="butt butt-success" mat-raised-button-->
@@ -176,19 +183,22 @@ export class AuditGridComponent implements OnInit {
label{cursor: pointer}
.bottom-message{padding-top: 15px;}
.table-header{padding-bottom: 10px;}
- .info-item{display: flex; justify-content: space-between; padding: 10px 0; width: 100%}
- .info-item-title{width: 50%}
- .info-item-data{width: 50%; text-align: left;}
+ .mat-list-wrapper{padding-top: 5px;}
+ .list-item{color: #718ba6; height: auto;}
+ .info-item-title{width: 40%; padding: 10px 0}
+ .info-item-data{width: 60%; text-align: left; padding: 10px 0}
`]
})
export class AuditInfoDialogComponent {
+ actionList;
constructor(
public dialogRef: MatDialogRef<AuditInfoDialogComponent>,
@Inject(MAT_DIALOG_DATA) public data: any
) {
- console.log(data);
+ this.actionList = data.data.split('.').map(v => v.split(':')).filter(v => v[0] !== '');
+ console.log(this.actionList);
}
}
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 ccde6f7..c10f66d 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
@@ -404,6 +404,12 @@ mat-dialog-container {
}
}
+.audit-info-content{
+ .mat-list-item-content{
+ align-items: start !important;
+ }
+}
+
@media screen and (max-width: 1280px) {
.modal-fullscreen {
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@dlab.apache.org
For additional commands, e-mail: commits-help@dlab.apache.org