graph/src/app/contact/contact.component.html

43 lines
1.9 KiB
HTML

<div class="uk-section uk-section-small uk-container uk-container-large contact">
<div class="uk-container uk-align-center">
<h2 class="uk-text-bold uk-text-center">Support</h2>
<div class="uk-grid uk-flex uk-flex-bottom" uk-grid>
<div class="uk-width-expand">
<div class="uk-margin-large-left uk-visible@s">
<div *ngIf="showLoading" class="uk-margin-large">
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
class="loading-gif uk-align-center"></span></div>
</div>
<div *ngIf="!showLoading">
<contact-us [properties]="properties" [errorMessage]="errorMessage"
[right]="false" buttonClass="uk-button-primary"
[formTitle]="'Do you have a question? Contact us.'"
[contactForm]="contactForm" (sendEmitter)="send($event)"></contact-us>
</div>
</div>
<div class="uk-hidden@s">
<div *ngIf="showLoading" class="uk-margin-large">
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
class="loading-gif uk-align-center"></span></div>
</div>
<div *ngIf="!showLoading">
<contact-us [properties]="properties" [errorMessage]="errorMessage"
[right]="false" buttonClass="uk-button-primary"
[formTitle]="'Do you have a question? Contact us.'"
[contactForm]="contactForm" (sendEmitter)="send($event)"></contact-us>
</div>
</div>
</div>
</div>
</div>
<div class="uk-align-center">
</div>
</div>
<modal-alert #AlertModal (alertOutput)="goToHome()">
<div class="uk-text-center">
Our team will respond to your submission soon.<br>
Press OK to redirect to OpenAIRE UsageCounts home page.
</div>
</modal-alert>