1
|
<div class="uk-section uk-section-small uk-container uk-container-large contact">
|
2
|
<div class="uk-container uk-align-center">
|
3
|
<h2 class="uk-text-bold uk-text-center">Support</h2>
|
4
|
<div class="uk-grid uk-flex uk-flex-bottom" uk-grid>
|
5
|
<div class="uk-width-expand">
|
6
|
<div class="uk-margin-large-left uk-visible@s">
|
7
|
<div *ngIf="showLoading" class="uk-margin-large">
|
8
|
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
|
9
|
class="loading-gif uk-align-center"></span></div>
|
10
|
</div>
|
11
|
<div *ngIf="!showLoading">
|
12
|
<contact-us [properties]="properties" [errorMessage]="errorMessage"
|
13
|
[right]="false" buttonClass="uk-button-primary"
|
14
|
[formTitle]="'Do you have a question? Contact us.'"
|
15
|
[contactForm]="contactForm" (sendEmitter)="send($event)"></contact-us>
|
16
|
</div>
|
17
|
</div>
|
18
|
<div class="uk-hidden@s">
|
19
|
<div *ngIf="showLoading" class="uk-margin-large">
|
20
|
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
|
21
|
class="loading-gif uk-align-center"></span></div>
|
22
|
</div>
|
23
|
<div *ngIf="!showLoading">
|
24
|
<contact-us [properties]="properties" [errorMessage]="errorMessage"
|
25
|
[right]="false" buttonClass="uk-button-primary"
|
26
|
[formTitle]="'Do you have a question? Contact us.'"
|
27
|
[contactForm]="contactForm" (sendEmitter)="send($event)"></contact-us>
|
28
|
</div>
|
29
|
</div>
|
30
|
</div>
|
31
|
</div>
|
32
|
</div>
|
33
|
<div class="uk-align-center">
|
34
|
|
35
|
</div>
|
36
|
</div>
|
37
|
<modal-alert #AlertModal (alertOutput)="goToHome()">
|
38
|
<div class="uk-text-center">
|
39
|
Our team will respond to your submission soon.<br>
|
40
|
Press OK to redirect to OpenAIRE UsageCounts home page.
|
41
|
</div>
|
42
|
</modal-alert>
|