connect/src/app/utils/subscribe/invite/invite.component.html

42 lines
2.0 KiB
HTML

<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld>
<div *ngIf="longView">
<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 join
</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>
</div>
</div>
</div>
<div *ngIf="!longView" class="uk-margin-top">
<a *ngIf="isOpen" id="invite" routerLink="/invite" class="uk-button uk-flex uk-flex-middle uk-flex-center">
<icon name="person_add" [flex]="true"></icon>
<span class="uk-margin-small-left">Invite users</span>
</a>
<a *ngIf="!isOpen" id="invite" [href]="this.adminInviteURL" target="_blank" class="uk-button uk-flex uk-flex-middle uk-flex-center">
<icon name="person_add" [flex]="true"></icon>
<span class="uk-margin-small-left">Invite members</span>
</a>
</div>