Skip to content

P
PERFORMA_REPLICA
Commit d9c84de3 by GD-A-150752
Options

list-workflow-templates

parent 720edbff
Showing with 83 additions and 93 deletions
frontend/angular/src/app/components/list-message-template/list-message-template.component.scss deleted 100644 → 0
.messageTemplate {
background: #fff none repeat scroll 0 0;
display: inline-block;
width: 100%;
border-left: 5px solid #03ac66;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.02);
margin-bottom: 10px;
.messageRow {
height: 40px;
padding: 15px;
display: flex;
.templateName {
width: 95%;
align-self: center;
text-overflow: ellipsis;
word-break: break-all;
span {
cursor: pointer;
font-weight: bold;
color: #4e5258;
font-size: 18px;
}
}
}
}
frontend/angular/src/app/components/list-message-template/list-message-template.component.ts
......@@ -11,8 +11,7 @@ import { BaseComponent } from '../base/base.component';
@Component({
selector: 'app-list-message-template',
templateUrl: './list-message-template.component.html',
styleUrls: ['./list-message-template.component.scss']
templateUrl: './list-message-template.component.html'
})
export class ListMessageTemplateComponent extends BaseComponent implements OnInit {
......
frontend/angular/src/app/components/list-work-flows/list-work-flows.component.html
......@@ -6,81 +6,54 @@
<a routerLink="/admin/edit-workflow-template" class="add-more-btn">Add Workflow Template</a>
</div>
</div>
<div class="ui-g-12">
<div class="ui-g-12 pt-0 pb-0">
<div class="ui-g-4 pull-right">
<div class="ui-g-4"><label class="order-label">Sort By</label></div>
<div class="ui-g-8">
<p-dropdown [options]="sortOptions" name="sort" [(ngModel)]="sortSelected"
(onChange)="sortWorkFlowTemplates()"
optionLabel="description">
</p-dropdown>
<app-select-2 [data]="sortOptions" [value]="sortSelected" fieldLabel="description"
(valChange)="sortWorkFlowTemplates($event)">
</app-select-2>
</div>
</div>
</div>
</div>
<div class="ui-g form-group">
<div class="ui-g form-group pt-0">
<div class="ui-g-12 ui-md-12 pt-0">
<div class="ui-g-12 card card-w-title">
<h4>My Templates</h4>
<div *ngFor="let workflow of myTemplates" class="ui-g form-group">
<div class="ui-g-12 ui-md-12">
<div class="ui-g form-group">
<div class="ui-g-12 ui-md-1">
<label> </label>
</div>
<div class="ui-g-12 ui-md-8">
<label>{{workflow.TemplateName}}</label><br/>
</div>
<div class="ui-g-12 ui-md-3 ui-fluid">
<button pButton type="button" icon="ui-icon-edit" title="Edit"
(click)="onRowSelect(workflow)" [disabled]="showLoader">
</button>
</div>
</div>
<h3>My Templates</h3>
<hr/>
<div *ngFor="let workflow of myTemplates" class="messageTemplate">
<div class="messageRow">
<div class="templateName">
<span (click)="onRowSelect(workflow)">{{workflow.TemplateName}}</span>
</div>
<button pButton type="button" icon="ui-icon-edit" title="Edit"
(click)="onRowSelect(workflow)" [disabled]="showLoader">
</button>
</div>
<div *ngIf="myTemplates.length === 0" class="ui-g form-group">
<div class="ui-g-12 ui-md-12">
<div class="ui-g form-group">
<div class="ui-g-12 ui-md-1">
<label> </label>
</div>
<div class="ui-g-12 ui-md-8">
<label>No records found.</label><br/>
</div>
</div>
</div>
<div *ngIf="myTemplates.length === 0" class="messageTemplate">
<div class="messageRow">
<div class="templateName">
<span>No records found.</span>
</div>
</div>
</div>
<div class="ui-g-12 card card-w-title">
<h4>Shared Templates</h4>
<div *ngFor="let workflow of sharedTemplates" class="ui-g form-group">
<div class="ui-g-12 ui-md-12">
<div class="ui-g form-group">
<div class="ui-g-12 ui-md-1">
<label> </label>
</div>
<div class="ui-g-12 ui-md-8">
<label>{{workflow.TemplateName}}</label><br/>
</div>
<div class="ui-g-12 ui-md-3 ui-fluid">
<button pButton type="button" icon="ui-icon-edit" title="Edit"
(click)="onRowSelect(workflow)" [disabled]="showLoader">
</button>
</div>
</div>
<h3>Shared Templates</h3>
<hr/>
<div *ngFor="let workflow of sharedTemplates" class="messageTemplate">
<div class="messageRow">
<div class="templateName">
<span (click)="onRowSelect(workflow)">{{workflow.TemplateName}}</span>
</div>
<button pButton type="button" icon="ui-icon-edit" title="Edit"
(click)="onRowSelect(workflow)" [disabled]="showLoader">
</button>
</div>
<div *ngIf="sharedTemplates.length === 0" class="ui-g form-group">
<div class="ui-g-12 ui-md-12">
<div class="ui-g form-group">
<div class="ui-g-12 ui-md-1">
<label> </label>
</div>
<div class="ui-g-12 ui-md-8">
<label>No records found.</label><br/>
</div>
</div>
</div>
<div *ngIf="sharedTemplates.length === 0" class="messageTemplate">
<div class="messageRow">
<div class="templateName">
<span>No records found.</span>
</div>
</div>
</div>
......
frontend/angular/src/app/components/list-work-flows/list-work-flows.component.ts
......@@ -45,6 +45,7 @@ export class ListWorkFlowsComponent extends BaseComponent implements OnInit {
.subscribe(
messages => {
this.myTemplates = messages;
this.sortSpecificTemplate('myTemplates');
},
error => {
this.showLoader = false;
......@@ -57,6 +58,7 @@ export class ListWorkFlowsComponent extends BaseComponent implements OnInit {
.subscribe(
messages => {
this.sharedTemplates = messages;
this.sortSpecificTemplate('sharedTemplates');
},
error => {
this.showLoader = false;
......@@ -67,13 +69,23 @@ export class ListWorkFlowsComponent extends BaseComponent implements OnInit {
setTimeout(() => (this.showLoader = false), 0);
}
sortWorkFlowTemplates(): void {
sortSpecificTemplate(arrayName: string): void {
this[arrayName] = this.utilsService.sort(this[arrayName],
['TemplateName'], [this.sortOptions[0].ascending ? 1 : -1], false);
}
sortWorkFlowTemplates($event): void {
if (!$event.data[0]) {
return;
}
const sort = $event.data[0];
this.showLoader = true;
this.myTemplates = this.utilsService.sort(this.myTemplates,
['TemplateName'], [this.sortSelected.ascending ? 1 : -1], false);
['TemplateName'], [sort.ascending ? 1 : -1], false);
this.sharedTemplates = this.utilsService.sort(this.sharedTemplates,
['TemplateName'], [this.sortSelected.ascending ? 1 : -1], false);
['TemplateName'], [sort.ascending ? 1 : -1], false);
this.showLoader = false;
}
onRowSelect(data: WorkflowTemplateModel): void {
......
frontend/angular/src/assets/css/custom.scss
......@@ -19,3 +19,37 @@
.w-100 {
width: 100% !important;
}
/* Listing of message and workflow templates */
.messageTemplate {
background: #fff none repeat scroll 0 0;
display: inline-block;
width: 100%;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.02);
margin-bottom: 10px;
.messageRow {
height: 40px;
padding: 15px;
display: flex;
.templateName {
width: 95%;
align-self: center;
text-overflow: ellipsis;
word-break: break-all;
border-left: 3px solid #03ac66;
padding-left: 5px;
span {
cursor: pointer;
font-weight: bold;
color: #4e5258;
font-size: 18px;
}
}
}
}
/* End listing of message and workflow template styling */
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment