Change invite users page base on new UI

This commit is contained in:
Konstantinos Triantafyllou 2022-07-06 19:27:42 +03:00
parent 4c9f17e792
commit 0f3f70c97a
1 changed files with 25 additions and 20 deletions

View File

@ -1,26 +1,31 @@
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld>
<div *ngIf="longView">
<div class="uk-section uk-padding-remove-top">
<breadcrumbs addClass="uk-margin-large-left uk-margin-remove-bottom uk-margin-small-top"
[breadcrumbs]="breadcrumbs"></breadcrumbs>
<div class="uk-container uk-margin-bottom">
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
[texts]="pageContents['top']"></helper>
<div class=" uk-card uk-card-default uk-padding uk-margin-top">
<h5 class="uk-text-center">Invite users to subscribe</h5>
<div *ngIf="subscriberInvite.loading" class="uk-height-large uk-position-relative">
<loading class="uk-position-center"></loading>
</div>
<div class="uk-padding uk-padding-remove-horizontal" [class.uk-hidden]="subscriberInvite.loading">
<subscriber-invite #subscriberInvite [user]="user"></subscriber-invite>
<div class="uk-flex uk-flex-right uk-margin-medium-top">
<a class="uk-button uk-button-default" routerLink="/">Cancel</a>
<button [class.uk-disabled]="!subscriberInvite.valid" class="uk-button portal-button uk-margin-small-left" (click)="subscriberInvite.invite()">Invite</button>
</div>
</div>
<div class="uk-container uk-container-large uk-section uk-section-small uk-padding-remove-bottom">
<div class="uk-padding-small uk-padding-remove-horizontal">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
</div>
<div class="uk-container uk-container-small uk-section uk-section-small">
<div [class.uk-hidden]="!subscriberInvite.loading"
class="uk-margin-large uk-padding-large uk-padding-remove-horizontal">
<loading></loading>
</div>
<div [class.uk-hidden]="subscriberInvite.loading">
<h1 class="uk-text-center uk-h2 uk-margin-medium-bottom">
Invite users to subscribe
</h1>
<div *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0" class="uk-margin-medium">
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
[texts]="pageContents['top']">
</helper>
</div>
<subscriber-invite #subscriberInvite [user]="user"></subscriber-invite>
<div class="uk-flex uk-flex-right uk-margin-medium-top">
<a class="uk-button uk-button-default" routerLink="/">Cancel</a>
<button [class.uk-disabled]="!subscriberInvite.valid" class="uk-button portal-button uk-margin-small-left"
(click)="subscriberInvite.invite()">Invite
</button>
</div>
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
[texts]="pageContents['bottom']"></helper>
</div>
</div>
</div>