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

[develop | DONE | CHANGED]: quick-contact.component: Added field "quickContactClicked" initially set to false and when help button is clicked, it is set to true and card is displayed (--> recaptcha is loaded only if the users clicks on the button).

This commit is contained in:
Konstantina Galouni 2024-02-21 14:22:44 +02:00
parent 50244801d6
commit 51dba6da3a
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
sharedComponents/quick-contact/quick-contact.component.html
View File

@ -1,12 +1,12 @@
<div class="quick-contact"> <div class="quick-contact">
<button class="uk-button uk-box-shadow-default uk-box-shadow-default-hover uk-button-secondary uk-flex uk-flex-middle"> <button class="uk-button uk-box-shadow-default uk-box-shadow-default-hover uk-button-secondary uk-flex uk-flex-middle" (click)="quickContactClicked=true">
<icon *ngIf="!showDrop" name="mail" [flex]="true"></icon> <icon *ngIf="!showDrop" name="mail" [flex]="true"></icon>
<icon *ngIf="showDrop" name="close" [flex]="true"></icon> <icon *ngIf="showDrop" name="close" [flex]="true"></icon>
<span class="uk-margin-small-left">{{contact}}</span> <span class="uk-margin-small-left">{{contact}}</span>
</button> </button>
<div #drop id="quick-contact" class="uk-drop" <div #drop id="quick-contact" class="uk-drop"
uk-drop="mode: click; pos: top-right; animation: uk-animation-fade; offset: 20"> uk-drop="mode: click; pos: top-right; animation: uk-animation-fade; offset: 20">
<div class="uk-card uk-card-default uk-box-shadow-default uk-flex uk-flex-column uk-height-1-1"> <div *ngIf="quickContactClicked" class="uk-card uk-card-default uk-box-shadow-default uk-flex uk-flex-column uk-height-1-1">
<div class="uk-card-header uk-padding-small uk-text-center" [class.uk-light]="backgroundHeader.dark" [ngClass]="backgroundHeader.class"> <div class="uk-card-header uk-padding-small uk-text-center" [class.uk-light]="backgroundHeader.dark" [ngClass]="backgroundHeader.class">
<div class="uk-text-small"> <div class="uk-text-small">
Send a message Send a message

1
sharedComponents/quick-contact/quick-contact.component.ts
View File

@ -11,6 +11,7 @@ declare var UIkit;
styleUrls: ['quick-contact.component.less'] styleUrls: ['quick-contact.component.less']
}) })
export class QuickContactComponent implements OnInit, OnDestroy { export class QuickContactComponent implements OnInit, OnDestroy {
public quickContactClicked: boolean = false;
public showDrop: boolean = false; public showDrop: boolean = false;
@Input() @Input()
public contactForm: FormGroup; public contactForm: FormGroup;