Project

General

Profile

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>
(2-2/5)