You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
99 lines
4.6 KiB
99 lines
4.6 KiB
<ion-header>
|
|
<ion-toolbar>
|
|
<ion-title>{{ title }}</ion-title>
|
|
<ion-buttons slot="end">
|
|
<ion-button (click)="dismissModal(false)">
|
|
<ion-icon name="close"></ion-icon>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content class="ion-padding">
|
|
<ion-grid>
|
|
<ion-row>
|
|
<ion-col size="12">
|
|
<h4>Create Sharing Link</h4>
|
|
<p>You can share this sub-tree of your notes by generating a sharing link. You can choose to allow the recipient to have view, edit, or manage access to this sub-tree. Sharing links are one time use only and require a Noded account.</p>
|
|
<ion-buttons>
|
|
<ion-button fill="outline" color="medium" (click)="getShareLink('view')">
|
|
<ion-icon name="link" color="dark"></ion-icon> View
|
|
</ion-button>
|
|
<ion-button fill="outline" color="medium" (click)="getShareLink('update')">
|
|
<ion-icon name="link" color="dark"></ion-icon> Edit
|
|
</ion-button>
|
|
<ion-button fill="outline" color="medium" (click)="getShareLink('manage')">
|
|
<ion-icon name="link" color="dark"></ion-icon> Manage
|
|
</ion-button>
|
|
</ion-buttons>
|
|
</ion-col>
|
|
</ion-row>
|
|
<ion-row *ngIf="generatedLink">
|
|
<ion-col size="12">
|
|
<ion-item>
|
|
<ion-label position="floating">Share this link to give access:</ion-label>
|
|
<ion-input [(ngModel)]="generatedLink" [readonly]="true"></ion-input>
|
|
</ion-item>
|
|
</ion-col>
|
|
</ion-row>
|
|
<ion-row *ngIf="isShared">
|
|
<ion-col size="12">
|
|
<h4>Shared With</h4>
|
|
<ion-list>
|
|
<ion-item *ngFor="let group of sharingInfo.view; let i = index">
|
|
<ion-icon slot="start" name="contact"></ion-icon>
|
|
<ion-label>
|
|
{{ sharingInfo.view[i].username }} <span class="share-token">VIEW</span>
|
|
</ion-label>
|
|
<ion-buttons slot="end">
|
|
<ion-button fill="invisible" (click)="setShareLevel(sharingInfo.view[i], 'update')">
|
|
<ion-icon name="create" color="medium"></ion-icon>
|
|
</ion-button>
|
|
<ion-button fill="invisible" (click)="setShareLevel(sharingInfo.view[i], 'manage')">
|
|
<ion-icon name="build" color="medium"></ion-icon>
|
|
</ion-button>
|
|
<ion-button fill="invisible" (click)="unsharePage(sharingInfo.view[i])">
|
|
<ion-icon name="close" color="medium"></ion-icon>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
</ion-item>
|
|
<ion-item *ngFor="let group of sharingInfo.update; let i = index">
|
|
<ion-icon slot="start" name="contact"></ion-icon>
|
|
<ion-label>
|
|
{{ sharingInfo.update[i].username }} <span class="share-token">VIEW</span> <span class="share-token">EDIT</span>
|
|
</ion-label>
|
|
<ion-buttons slot="end">
|
|
<ion-button fill="invisible" (click)="setShareLevel(sharingInfo.update[i], 'view')">
|
|
<ion-icon name="eye" color="medium"></ion-icon>
|
|
</ion-button>
|
|
<ion-button fill="invisible" (click)="setShareLevel(sharingInfo.update[i], 'manage')">
|
|
<ion-icon name="build" color="medium"></ion-icon>
|
|
</ion-button>
|
|
<ion-button fill="invisible" (click)="unsharePage(sharingInfo.update[i])">
|
|
<ion-icon name="close" color="medium"></ion-icon>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
</ion-item>
|
|
<ion-item *ngFor="let group of sharingInfo.manage; let i = index">
|
|
<ion-icon slot="start" name="contact"></ion-icon>
|
|
<ion-label>
|
|
{{ sharingInfo.manage[i].username }} <span class="share-token">VIEW</span> <span class="share-token">EDIT</span> <span class="share-token">MANAGE</span>
|
|
</ion-label>
|
|
<ion-buttons slot="end">
|
|
<ion-button fill="invisible" (click)="setShareLevel(sharingInfo.manage[i], 'view')">
|
|
<ion-icon name="eye" color="medium"></ion-icon>
|
|
</ion-button>
|
|
<ion-button fill="invisible" (click)="setShareLevel(sharingInfo.manage[i], 'update')">
|
|
<ion-icon name="create" color="medium"></ion-icon>
|
|
</ion-button>
|
|
<ion-button fill="invisible" (click)="unsharePage(sharingInfo.manage[i])">
|
|
<ion-icon name="close" color="medium"></ion-icon>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
</ion-item>
|
|
</ion-list>
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
</ion-content>
|