66 lines
2.4 KiB
HTML
66 lines
2.4 KiB
HTML
<template name="shareDialog">
|
|
<div class="fit layout vertical">
|
|
<app-header-layout has-scrolling-region class="feedback flex">
|
|
<app-header fixed effects="waterfall">
|
|
<app-toolbar>
|
|
<div main-title>Share</div>
|
|
</app-toolbar>
|
|
</app-header>
|
|
<div class="form flex">
|
|
<paper-dropdown-menu label="Who can view this character">
|
|
<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>
|
|
<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>
|
|
</app-header-layout>
|
|
<div class="buttons layout horizontal end-justified">
|
|
<paper-button class="doneButton"> Done </paper-button>
|
|
</div>
|
|
</div>
|
|
</template>
|