usage-counts/src/app/contact/contact.component.html

47 lines
2.2 KiB
HTML

<schema2jsonld [URL]="properties.domain"
[logoURL]="properties.domain + '/assets/common-assets/logo-small-usage-counts.png'"
type="other" [description]="description" [name]="title">
</schema2jsonld>
<div class="uk-section uk-section-small uk-container uk-container-large contact">
<div class="uk-padding-small uk-padding-remove-vertical">
<div class="uk-container">
<h2 class="uk-text-bold">Contact Us</h2>
<div class="uk-grid uk-flex uk-flex-bottom" uk-grid>
<div class="uk-width-expand">
<div class="uk-margin-large-left contact-card 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"
[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"
[contactForm]="contactForm" (sendEmitter)="send($event)"></contact-us>
</div>
</div>
</div>
<div class="uk-width-1-5@m uk-visible@m uk-flex uk-flex-center">
<img src="assets/usage-statistics-assets/contact/2.svg">
</div>
</div>
</div>
</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>