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 @@
<app-error-message></app-error-message>
<form #form="ngForm">
<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="form-group row">
<div class="col-md-6">
<label for="MessageTemplate{{messageTemplate.ObjectID}}">Message Template</label>
<input [(ngModel)]="messageTemplate.TemplateName"
name="MessageTemplate{{messageTemplate.ObjectID}}"
fieldLabel="Message Template" type="text" [disabled]="showLoader"
class="form-control" id="MessageTemplate{{messageTemplate.ObjectID}}">
</div>
<div class="col-md-6"
*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 class="ui-g ui-fluid">
<div class="ui-g-12">
<div class="page-title">
<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>
<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 class="main-tab-template">
<span class="job-details culture">Message Template</span>
</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>
<div class="ui-g ui-fluid message-template-form">
<div class="ui-g-12 ui-md-12">
<div class="form-group row">
<div class="col-md-6">
<label for="MessageTemplate{{messageTemplate.ObjectID}}">Message Template</label>
<input [(ngModel)]="messageTemplate.TemplateName"
name="MessageTemplate{{messageTemplate.ObjectID}}"
fieldLabel="Message Template" type="text" [disabled]="showLoader"
class="form-control" id="MessageTemplate{{messageTemplate.ObjectID}}">
</div>
<div class="col-md-6"
*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 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">
<button class="ql-bold" aria-label="Bold"></button>
<button class="ql-italic" aria-label="Italic"></button>
<button class="ql-underline" aria-label="Underline"></button>
</span>
<span class="ql-formats">
<span class="ql-formats">
<button class="ql-list" aria-label="Bullet" value="bullet"></button>
<button class="ql-link" aria-label="Link"></button>
</span>
</p-header>
</p-editor>
<textarea id="messageContentTxtAreaId" *ngIf="smsTemplateType()" pInputTextarea
[(ngModel)]="messageTemplate.MessageContent"
name="MessageContent" class="form-control textarea-box"
fieldLabel="Message Content"
placeholder="Message Content"></textarea>
</p-header>
</p-editor>
<textarea id="messageContentTxtAreaId" *ngIf="smsTemplateType()"
[(ngModel)]="messageTemplate.MessageContent"
name="MessageContent" class="form-control textarea-box"
fieldLabel="Message Content"
placeholder="Message Content"></textarea>
</div>
</div>
</div>
</div>
<div class="ui-g">
<div class="ui-g ui-fluid">
<div class="ui-g-12 ui-md-12">
<div class="text-center form-group">
<button type="button" value="Cancel" class="btn btn-primary largeBtn greyBtn"
(click)="cancelClicked()">Cancel
</button>
<button *ngIf="showSaveBtn()" type="button" value="Save" class="btn btn-primary largeBtn"
(click)="saveMessageTemplate()" [disabled]="showLoader">
Save
</button>
<button *ngIf="showSaveIntoAllTemplates()" type="button" value="Save into all templates"
class="btn btn-primary largeBtn"
(click)="saveMessageTemplate()" [disabled]="showLoader">
Save into all templates
</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 class="ui-g">
<div class="ui-g-12 ui-md-12">
<div class="text-center form-group">
<button type="button" value="Cancel" class="btn btn-primary largeBtn greyBtn"
(click)="cancelClicked()">Cancel
</button>
<button *ngIf="showSaveBtn()" type="button" value="Save"
class="btn btn-primary largeBtn"
(click)="saveMessageTemplate()" [disabled]="showLoader">
Save
</button>
<button *ngIf="showSaveIntoAllTemplates()" type="button"
value="Save into all templates"
class="btn btn-primary largeBtn"
(click)="saveMessageTemplate()" [disabled]="showLoader">
Save into all templates
</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>
......
frontend/angular/src/app/components/admin-portal/edit-workflow-template/edit-workflow-template.component.scss
......@@ -68,10 +68,6 @@ p-inputMask {
cursor: pointer;
}
.ml-0 {
margin-left: 0;
}
.templateName {
font-size: 24px;
}
......
frontend/angular/src/assets/css/custom.scss
......@@ -81,6 +81,10 @@
margin-right: 0 !important;
}
.ml-0 {
margin-left: 0;
}
.w-100 {
width: 100% !important;
}
......@@ -311,6 +315,9 @@ body .ui-dropdown-panel .ui-dropdown-filter-container {
}
.message-template-form {
background-color: #F5F7F8;
padding: 65px 10.5%;
label {
font-family: 'Usual-Regular' !important;
}
......@@ -366,26 +373,6 @@ body .ui-dropdown-panel .ui-dropdown-filter-container {
}
}
.ui-multiselect-header {
background: none !important;
color: #4e5258 !important;
}
.ui-button:focus, .ui-panel-titlebar-icon:hover {
.ui-button:focus, .ui-panel-titlebar-icon:hover, .ui-multiselect-close:hover {
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