1
|
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld>
|
2
|
<div *ngIf="longView">
|
3
|
<div class="uk-section uk-padding-remove-top">
|
4
|
<breadcrumbs addClass="uk-margin-large-left uk-margin-remove-bottom uk-margin-small-top"
|
5
|
[breadcrumbs]="breadcrumbs"></breadcrumbs>
|
6
|
<div class="uk-container uk-margin-bottom">
|
7
|
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
|
8
|
[texts]="pageContents['top']"></helper>
|
9
|
<div class=" uk-card uk-card-default uk-padding uk-margin-top">
|
10
|
<h5 class="uk-text-center">Invite users to subscribe</h5>
|
11
|
<div *ngIf="subscriberInvite.loading" class="uk-height-large uk-position-relative">
|
12
|
<loading class="uk-position-center"></loading>
|
13
|
</div>
|
14
|
<div class="uk-padding uk-padding-remove-horizontal" [class.uk-hidden]="subscriberInvite.loading">
|
15
|
<subscriber-invite #subscriberInvite [user]="user"></subscriber-invite>
|
16
|
<div class="uk-flex uk-flex-right uk-margin-medium-top">
|
17
|
<a class="uk-button uk-button-default" routerLink="/">Cancel</a>
|
18
|
<button [class.uk-disabled]="!subscriberInvite.valid" class="uk-button portal-button uk-margin-small-left" (click)="subscriberInvite.invite()">Invite</button>
|
19
|
</div>
|
20
|
</div>
|
21
|
</div>
|
22
|
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
|
23
|
[texts]="pageContents['bottom']"></helper>
|
24
|
</div>
|
25
|
</div>
|
26
|
</div>
|
27
|
<div *ngIf="!longView" class="uk-margin-small-top">
|
28
|
<button id="invite" class="uk-button portal-button uk-button-small uk-width-1-1">
|
29
|
<span class="uk-icon uk-flex uk-flex-middle">
|
30
|
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
|
31
|
<path d="M0 0h24v24H0z" fill="none"></path>
|
32
|
<path
|
33
|
d="M8 10H5V7H3v3H0v2h3v3h2v-3h3v-2zm10 1c1.66 0 2.99-1.34 2.99-3S19.66 5 18 5c-.32 0-.63.05-.91.14.57.81.9 1.79.9 2.86s-.34 2.04-.9 2.86c.28.09.59.14.91.14zm-5 0c1.66 0 2.99-1.34 2.99-3S14.66 5 13 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm6.62 2.16c.83.73 1.38 1.66 1.38 2.84v2h3v-2c0-1.54-2.37-2.49-4.38-2.84zM13 13c-2 0-6 1-6 3v2h12v-2c0-2-4-3-6-3z"></path>
|
34
|
</svg>
|
35
|
<span class="space">Invite users</span>
|
36
|
</span>
|
37
|
</button>
|
38
|
<div #dropdown uk-dropdown="mode: click" [class.uk-hidden]="subscriberInvite.loading" class="uk-form uk-margin-small uk-alert uk-background-default" id="toggle-usage" style="width: 300px;">
|
39
|
<div>
|
40
|
<subscriber-invite #subscriberInvite [user]="user" [longView]="false"></subscriber-invite>
|
41
|
<div class="uk-flex uk-flex-middle uk-child-width-1-2 uk-margin-small-top">
|
42
|
<span><a class="uk-button uk-button-default uk-button-small" (click)="close(dropdown)" routerLink="/invite">Customize</a></span>
|
43
|
<span class="uk-flex uk-flex-right">
|
44
|
<button [class.uk-disabled]="!subscriberInvite.valid" class="portal-button uk-button uk-button-small" (click)="subscriberInvite.invite();close(dropdown)">Send</button>
|
45
|
</span>
|
46
|
</div>
|
47
|
</div>
|
48
|
</div>
|
49
|
</div>
|