MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Library | Trunk]: Contact us add css file 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@59678 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2020-10-23 17:46:13 +00:00
parent f775d422c9
commit 835f785804
4 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
contact-us/contact-us.component.css Normal file
View File

@ -0,0 +1,4 @@
.uk-text-danger {
color: #b50000!important;
font-size: 12px;
}

9
contact-us/contact-us.component.html
View File

@ -53,7 +53,7 @@
[class.uk-form-danger]="contactForm.get('organization').invalid && contactForm.get('organization').touched"> [class.uk-form-danger]="contactForm.get('organization').invalid && contactForm.get('organization').touched">
</div> </div>
<div *ngIf="contactForm.get('organizationType')" class="uk-width-1-2@s uk-margin-top"> <div *ngIf="contactForm.get('organizationType')" class="uk-width-1-2@s uk-margin-top">
<h6 class="uk-text-bold uk-margin-small-bottom">Organization Type<span class="uk-text-danger uk-text-bold">*</span></h6> <h6 class="uk-text-bold uk-margin-small-bottom">Organization Type <span class="uk-text-danger uk-text-bold">*</span></h6>
<input type="text" class="uk-input uk-width-1-1" placeholder="Your Organization Type" formControlName="organizationType" <input type="text" class="uk-input uk-width-1-1" placeholder="Your Organization Type" formControlName="organizationType"
[class.uk-form-danger]="contactForm.get('organizationType').invalid && contactForm.get('organizationType').touched" [class.uk-form-danger]="contactForm.get('organizationType').invalid && contactForm.get('organizationType').touched"
[matAutocomplete]="auto"> [matAutocomplete]="auto">
@ -64,7 +64,7 @@
</mat-autocomplete> </mat-autocomplete>
</div> </div>
<div *ngIf="contactForm.get('subject')" class="uk-width-1-1@s uk-margin-top"> <div *ngIf="contactForm.get('subject')" class="uk-width-1-1@s uk-margin-top">
<h6 class="uk-text-bold uk-margin-small-bottom">Subject<span class="uk-text-danger uk-text-bold">*</span></h6> <h6 class="uk-text-bold uk-margin-small-bottom">Subject <span class="uk-text-danger uk-text-bold">*</span></h6>
<input class="uk-input uk-width-1-1" type="text" placeholder="Your subject" formControlName="subject" <input class="uk-input uk-width-1-1" type="text" placeholder="Your subject" formControlName="subject"
[class.uk-form-danger]="contactForm.get('subject').invalid && contactForm.get('subject').touched"> [class.uk-form-danger]="contactForm.get('subject').invalid && contactForm.get('subject').touched">
</div> </div>
@ -88,10 +88,7 @@
<re-captcha (resolved)="handleRecaptcha($event)" [(siteKey)]="properties.reCaptchaSiteKey"> <re-captcha (resolved)="handleRecaptcha($event)" [(siteKey)]="properties.reCaptchaSiteKey">
</re-captcha> </re-captcha>
</div> </div>
<div class="uk-width-1-2@s uk-text-right uk-margin-medium-top" [class.uk-hidden]="!right"> <div class="uk-margin-medium-top uk-width-1-1">
<button class="uk-button" [class.portal-button]="!buttonClass" [ngClass]="buttonClass" (click)="send()">Send</button>
</div>
<div class="uk-margin-medium-top uk-width-1-1" [class.uk-hidden]="right">
<button class="uk-button" [class.portal-button]="!buttonClass" [ngClass]="buttonClass" (click)="send()">Send</button> <button class="uk-button" [class.portal-button]="!buttonClass" [ngClass]="buttonClass" (click)="send()">Send</button>
</div> </div>
</div> </div>

1
contact-us/contact-us.component.ts
View File

@ -7,6 +7,7 @@ import {map, startWith} from "rxjs/operators";
@Component({ @Component({
selector: 'contact-us', selector: 'contact-us',
templateUrl: './contact-us.component.html', templateUrl: './contact-us.component.html',
styleUrls: ['contact-us.component.css']
}) })
export class ContactUsComponent implements OnInit { export class ContactUsComponent implements OnInit {

4
utils/email/composer.ts
View File

@ -68,7 +68,7 @@ export class Composer {
public static composeEmailForMonitor(contactForm: any, admins: any): Email { public static composeEmailForMonitor(contactForm: any, admins: any): Email {
let email: Email = new Email(); let email: Email = new Email();
email.subject = "OpenAIRE Monitor | " + contactForm.subject; email.subject = "OpenAIRE - Monitor";
email.body = "<div style='font-size:" + this.noteBodySize + "'>" email.body = "<div style='font-size:" + this.noteBodySize + "'>"
+ "<span><b>Name</b>: " + contactForm.name + "</span><br>" + "<span><b>Name</b>: " + contactForm.name + "</span><br>"
+ "<span><b>Surname</b>: " + contactForm.surname + "</span><br>" + "<span><b>Surname</b>: " + contactForm.surname + "</span><br>"
@ -84,7 +84,7 @@ export class Composer {
public static composeEmailForUsageCounts(contactForm: any, admins: any): Email { public static composeEmailForUsageCounts(contactForm: any, admins: any): Email {
let email: Email = new Email(); let email: Email = new Email();
email.subject = "OpenAIRE UsageCounts"; email.subject = "OpenAIRE - UsageCounts";
email.body = "<div style='font-size:" + this.noteBodySize + "'>" email.body = "<div style='font-size:" + this.noteBodySize + "'>"
+ "<span><b>Name</b>: " + contactForm.name + "</span><br>" + "<span><b>Name</b>: " + contactForm.name + "</span><br>"
+ "<span><b>Email</b>: " + contactForm.email + "</span><br>" + "<span><b>Email</b>: " + contactForm.email + "</span><br>"