83 lines
3.5 KiB
HTML
83 lines
3.5 KiB
HTML
<template name="libraryDialog">
|
|
<div class="fit base-dialog layout vertical">
|
|
<app-toolbar>
|
|
<paper-icon-button id="backButton"
|
|
icon="arrow-back">
|
|
</paper-icon-button>
|
|
<div main-title>{{library.name}}</div>
|
|
<paper-menu-button class="character-menu" horizontal-align="right">
|
|
<paper-icon-button icon="delete" class="dropdown-trigger" disabled="{{notOwner}}">
|
|
</paper-icon-button>
|
|
<paper-menu class="dropdown-content black87">
|
|
<paper-button id="deleteButton" disabled="{{notOwner}}" raised>
|
|
Delete library and all its contents
|
|
</paper-button>
|
|
</paper-menu>
|
|
</paper-menu-button>
|
|
</app-toolbar>
|
|
<div class="form flex scroll-y" style="position: relative;">
|
|
<paper-input id="libraryNameInput" class="fullwidth" label="Name" value={{library.name}}></paper-input>
|
|
<hr style="margin: 24px 0; opacity: 0.4;">
|
|
<paper-dropdown-menu label="Who can view and subscribe to this library">
|
|
<dicecloud-selector class="visibilityDropdown dropdown-content" selected={{viewPermission}}>
|
|
<paper-item name="whitelist">Only people I share with</paper-item>
|
|
<paper-item name="public">Anyone with link</paper-item>
|
|
</dicecloud-selector>
|
|
</paper-dropdown-menu>
|
|
{{#if library.public}}
|
|
<div style="margin-top: 16px;">
|
|
Share this link for others to subscribe to this library:
|
|
</div>
|
|
<a href="{{pathFor route='library' data=library}}" style="color: #d13b2e; font-size: 18px">
|
|
{{urlFor route='library' data=library}}
|
|
</a>
|
|
{{/if}}
|
|
<hr style="margin: 24px 0; opacity: 0.4;">
|
|
<div class="paper-font-title" style="margin-top: 32px;">Share Directly</div>
|
|
<div class="layout horizontal center wrap">
|
|
<paper-input class="flex" id="userNameOrEmailInput" label="Share with username or email" floatinglabel></paper-input>
|
|
<paper-button id="shareButton"
|
|
class="red-button"
|
|
style="width: 80px; height: 37px; margin-top: 16px;"
|
|
raised
|
|
disabled={{shareButtonDisabled}}>Share</paper-button>
|
|
<paper-radio-group id="accessLevelMenu" selected="read">
|
|
<paper-radio-button name="read">View Only</paper-radio-button>
|
|
<paper-radio-button name="write">Can Edit</paper-radio-button>
|
|
</paper-radio-group>
|
|
</div>
|
|
<p style="color: red;">{{userFindError}}</p>
|
|
<div>
|
|
{{#if readers.length}}
|
|
<div class="paper-font-subhead">
|
|
Can View
|
|
</div>
|
|
{{#each id in readers}}
|
|
<div class="layout horizontal center">
|
|
{{#with id=id}}
|
|
<paper-icon-button class="deleteShare" icon="delete">
|
|
</paper-icon-button>
|
|
{{/with}}
|
|
<div class="flex">{{username id}}</div>
|
|
</div>
|
|
{{/each}}
|
|
{{/if}}
|
|
{{#if writers.length}}
|
|
<div class="paper-font-subhead">
|
|
Can Edit
|
|
</div>
|
|
{{#each id in writers}}
|
|
<div class="layout horizontal center">
|
|
{{#with id=id}}
|
|
<paper-icon-button class="deleteShare" icon="delete">
|
|
</paper-icon-button>
|
|
{{/with}}
|
|
<div class="flex">{{username id}}</div>
|
|
</div>
|
|
{{/each}}
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|