Skip to content

P
PERFORMA_REPLICA
Commit 62ffccb1 by GD-A-150752
Options

UI-fixes

parent 873cc6c1
Showing with 116 additions and 117 deletions
frontend/angular/src/app/components/admin-portal/edit-message-template/edit-message-template.component.html
...@@ -2,113 +2,129 @@ ...@@ -2,113 +2,129 @@
<app-error-message></app-error-message> <app-error-message></app-error-message>
<form #form="ngForm"> <form #form="ngForm">
<div class="ui-g ui-fluid"> <div class="ui-g ui-fluid">
<div class="page-title mb-0">
<a [routerLink]="['/admin/list-message-templates']" class="arrow-btn-blue ml-0" *ngIf="!objectID">
<img src="assets/images/arrow-left-prev_blue.svg">
</a>
{{editMode ? "Edit" : "Add"}} Message Template
</div>
</div>
<div class="ui-g form-group bg-white message-template-form">
<div class="ui-g-12 ui-md-12"> <div class="ui-g-12 ui-md-12">
<div class="form-group row"> <div class="ui-g ui-fluid">
<div class="col-md-6"> <div class="ui-g-12">
<label for="MessageTemplate{{messageTemplate.ObjectID}}">Message Template</label> <div class="page-title">
<input [(ngModel)]="messageTemplate.TemplateName" <a [routerLink]="['/admin/list-message-templates']" class="arrow-btn-blue ml-0"
name="MessageTemplate{{messageTemplate.ObjectID}}" *ngIf="!objectID">
fieldLabel="Message Template" type="text" [disabled]="showLoader" <img src="assets/images/arrow-left-prev_blue.svg">
class="form-control" id="MessageTemplate{{messageTemplate.ObjectID}}"> </a>
</div> {{editMode ? "Edit" : "Add"}} Message Template
<div class="col-md-6" </div>
*ngIf="this.messageTemplateTypes.length && this.messageTemplate && this.messageTemplate.TemplateType">
<label for="select">Message Template Type</label>
<app-select-2 [data]="messageTemplateTypes" [value]="this.messageTemplate.TemplateType"
fieldLabel="Description" id="select"
(valChange)="storeMessageContent($event)">
</app-select-2>
</div>
</div>
<div class="form-group row" *ngIf="emailTemplateType()">
<div class="col-md-6">
<label for="subjectInputId">Subject</label>
<input id="subjectInputId" [(ngModel)]="messageTemplate.Subject"
name="Subject{{messageTemplate.ObjectID}}"
fieldLabel="Subject" placeholder="Subject" type="text"
class="form-control"
[disabled]="showLoader">
</div>
<div class="col-md-6" *ngIf="subjectPlaceholderOptions.length">
<label>Placeholder for Subject</label>
<app-select-2 [data]="subjectPlaceholderOptions" [value]="subjectPlaceholderOptions[0]"
fieldLabel="Description"
(valChange)="addPlaceholderInSubject($event)">
</app-select-2>
</div> </div>
</div> </div>
<div class="form-group row h-80"> <div class="main-tab-template">
<div class="col-md-offset-6 col-md-6" *ngIf="contentPlaceholderOptions.length"> <span class="job-details culture">Message Template</span>
<label>Placeholder for Content</label>
<app-select-2 [data]="contentPlaceholderOptions" [value]="contentPlaceholderOptions[0]"
fieldLabel="Description"
(valChange)="addPlaceholderInMessageContent($event)">
</app-select-2>
</div>
</div> </div>
<p-overlayPanel #contentLinkModal> <div class="ui-g ui-fluid message-template-form">
<label class="ui-g-12" style="padding-left: 0;">Please enter anchor text</label> <div class="ui-g-12 ui-md-12">
<input pInputText name="contentLinkModal" type="text" class="ui-g-12" <div class="form-group row">
style="font-size:15px !important;height:25px !important;margin-bottom: 20px;" <div class="col-md-6">
[(ngModel)]="this.linkText" <label for="MessageTemplate{{messageTemplate.ObjectID}}">Message Template</label>
id="contentLinkModal"> <input [(ngModel)]="messageTemplate.TemplateName"
<button class="btn btn-primary add-more-btn" (click)="addAnchorText(true)">Add</button> name="MessageTemplate{{messageTemplate.ObjectID}}"
<button class="btn btn-primary add-more-btn" (click)="addAnchorText(false)">Cancel</button> fieldLabel="Message Template" type="text" [disabled]="showLoader"
</p-overlayPanel> class="form-control" id="MessageTemplate{{messageTemplate.ObjectID}}">
<div class="form-group row"> </div>
<div class="col-md-12"> <div class="col-md-6"
<label>Message Content</label> *ngIf="this.messageTemplateTypes.length && this.messageTemplate && this.messageTemplate.TemplateType">
<p-editor *ngIf="emailTemplateType()" [(ngModel)]="messageTemplate.MessageContent" <label for="select">Message Template Type</label>
name="MessageContent{{messageTemplate.ObjectID}}" <app-select-2 [data]="messageTemplateTypes" [value]="this.messageTemplate.TemplateType"
#messageContent fieldLabel="Description" id="select"
fieldLabel="Message Content"> (valChange)="storeMessageContent($event)">
<p-header> </app-select-2>
</div>
</div>
<div class="form-group row" *ngIf="emailTemplateType()">
<div class="col-md-6">
<label for="subjectInputId">Subject</label>
<input id="subjectInputId" [(ngModel)]="messageTemplate.Subject"
name="Subject{{messageTemplate.ObjectID}}"
fieldLabel="Subject" placeholder="Subject" type="text"
class="form-control"
[disabled]="showLoader">
</div>
<div class="col-md-6" *ngIf="subjectPlaceholderOptions.length">
<label>Placeholder for Subject</label>
<app-select-2 [data]="subjectPlaceholderOptions" [value]="subjectPlaceholderOptions[0]"
fieldLabel="Description"
(valChange)="addPlaceholderInSubject($event)">
</app-select-2>
</div>
</div>
<div class="form-group row h-80">
<div class="col-md-offset-6 col-md-6" *ngIf="contentPlaceholderOptions.length">
<label>Placeholder for Content</label>
<app-select-2 [data]="contentPlaceholderOptions" [value]="contentPlaceholderOptions[0]"
fieldLabel="Description"
(valChange)="addPlaceholderInMessageContent($event)">
</app-select-2>
</div>
</div>
<p-overlayPanel #contentLinkModal>
<label class="ui-g-12" style="padding-left: 0;">Please enter anchor text</label>
<input pInputText name="contentLinkModal" type="text" class="ui-g-12"
style="font-size:15px !important;height:25px !important;margin-bottom: 20px;"
[(ngModel)]="this.linkText"
id="contentLinkModal">
<button class="btn btn-primary add-more-btn" (click)="addAnchorText(true)">Add</button>
<button class="btn btn-primary add-more-btn" (click)="addAnchorText(false)">Cancel</button>
</p-overlayPanel>
<div class="form-group row">
<div class="col-md-12">
<label>Message Content</label>
<p-editor *ngIf="emailTemplateType()" [(ngModel)]="messageTemplate.MessageContent"
name="MessageContent{{messageTemplate.ObjectID}}"
#messageContent
fieldLabel="Message Content">
<p-header>
<span class="ql-formats"> <span class="ql-formats">
<button class="ql-bold" aria-label="Bold"></button> <button class="ql-bold" aria-label="Bold"></button>
<button class="ql-italic" aria-label="Italic"></button> <button class="ql-italic" aria-label="Italic"></button>
<button class="ql-underline" aria-label="Underline"></button> <button class="ql-underline" aria-label="Underline"></button>
</span> </span>
<span class="ql-formats"> <span class="ql-formats">
<button class="ql-list" aria-label="Bullet" value="bullet"></button> <button class="ql-list" aria-label="Bullet" value="bullet"></button>
<button class="ql-link" aria-label="Link"></button> <button class="ql-link" aria-label="Link"></button>
</span> </span>
</p-header> </p-header>
</p-editor> </p-editor>
<textarea id="messageContentTxtAreaId" *ngIf="smsTemplateType()" pInputTextarea <textarea id="messageContentTxtAreaId" *ngIf="smsTemplateType()"
[(ngModel)]="messageTemplate.MessageContent" [(ngModel)]="messageTemplate.MessageContent"
name="MessageContent" class="form-control textarea-box" name="MessageContent" class="form-control textarea-box"
fieldLabel="Message Content" fieldLabel="Message Content"
placeholder="Message Content"></textarea> placeholder="Message Content"></textarea>
</div>
</div>
</div> </div>
</div> </div>
<div class="ui-g"> <div class="ui-g ui-fluid">
<div class="ui-g-12 ui-md-12"> <div class="ui-g-12 ui-md-12">
<div class="text-center form-group"> <div class="ui-g">
<button type="button" value="Cancel" class="btn btn-primary largeBtn greyBtn" <div class="ui-g-12 ui-md-12">
(click)="cancelClicked()">Cancel <div class="text-center form-group">
</button> <button type="button" value="Cancel" class="btn btn-primary largeBtn greyBtn"
<button *ngIf="showSaveBtn()" type="button" value="Save" class="btn btn-primary largeBtn" (click)="cancelClicked()">Cancel
(click)="saveMessageTemplate()" [disabled]="showLoader"> </button>
Save <button *ngIf="showSaveBtn()" type="button" value="Save"
</button> class="btn btn-primary largeBtn"
<button *ngIf="showSaveIntoAllTemplates()" type="button" value="Save into all templates" (click)="saveMessageTemplate()" [disabled]="showLoader">
class="btn btn-primary largeBtn" Save
(click)="saveMessageTemplate()" [disabled]="showLoader"> </button>
Save into all templates <button *ngIf="showSaveIntoAllTemplates()" type="button"
</button> value="Save into all templates"
<button *ngIf="showSaveCopyBtn()" type="button" value="Save As a Copy" class="btn btn-primary largeBtn"
class="btn btn-primary largeBtn" (click)="saveMessageTemplate()" [disabled]="showLoader">
(click)="saveMessageTemplate(true)" [disabled]="showLoader"> Save into all templates
Save As a Copy </button>
</button> <button *ngIf="showSaveCopyBtn()" type="button" value="Save As a Copy"
class="btn btn-primary largeBtn"
(click)="saveMessageTemplate(true)" [disabled]="showLoader">
Save As a Copy
</button>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
......
frontend/angular/src/app/components/admin-portal/edit-workflow-template/edit-workflow-template.component.scss
...@@ -68,10 +68,6 @@ p-inputMask { ...@@ -68,10 +68,6 @@ p-inputMask {
cursor: pointer; cursor: pointer;
} }
.ml-0 {
margin-left: 0;
}
.templateName { .templateName {
font-size: 24px; font-size: 24px;
} }
......
frontend/angular/src/assets/css/custom.scss
...@@ -81,6 +81,10 @@ ...@@ -81,6 +81,10 @@
margin-right: 0 !important; margin-right: 0 !important;
} }
.ml-0 {
margin-left: 0;
}
.w-100 { .w-100 {
width: 100% !important; width: 100% !important;
} }
...@@ -311,6 +315,9 @@ body .ui-dropdown-panel .ui-dropdown-filter-container { ...@@ -311,6 +315,9 @@ body .ui-dropdown-panel .ui-dropdown-filter-container {
} }
.message-template-form { .message-template-form {
background-color: #F5F7F8;
padding: 65px 10.5%;
label { label {
font-family: 'Usual-Regular' !important; font-family: 'Usual-Regular' !important;
} }
...@@ -366,26 +373,6 @@ body .ui-dropdown-panel .ui-dropdown-filter-container { ...@@ -366,26 +373,6 @@ body .ui-dropdown-panel .ui-dropdown-filter-container {
} }
} }
.ui-multiselect-header { .ui-button:focus, .ui-panel-titlebar-icon:hover, .ui-multiselect-close:hover {
background: none !important;
color: #4e5258 !important;
}
.ui-button:focus, .ui-panel-titlebar-icon:hover {
background-color: rgba(3, 160, 231, 0.5) !important; background-color: rgba(3, 160, 231, 0.5) !important;
} }
.ui-multiselect-close {
span {
color: rgba(78, 82, 88, 0.5) !important;
transition: all 0.3s ease;
}
&:hover {
background-color: rgba(3, 160, 231, 0.5) !important;
span {
color: white !important;
}
}
}
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