[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

View File

@ -1,12 +1,12 @@
<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="close" [flex]="true"></icon>
<span class="uk-margin-small-left">{{contact}}</span>
</button>
<div #drop id="quick-contact" class="uk-drop"
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-text-small">
Send a message

View File

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