mirror of
https://github.com/bitwarden/web
synced 2026-02-25 17:03:15 +00:00
109 lines
6.4 KiB
HTML
109 lines
6.4 KiB
HTML
<section class="content-header">
|
|
<h1>
|
|
Shared
|
|
<small>
|
|
<span ng-pluralize
|
|
count="collections.length > 0 && ciphers.length ? collections.length - 1 : collections.length"
|
|
when="{'1': '{} collection', 'other': '{} collections'}"></span>,
|
|
<span ng-pluralize count="ciphers.length" when="{'1': '{} item', 'other': '{} items'}"></span>
|
|
</small>
|
|
</h1>
|
|
</section>
|
|
<section class="content">
|
|
<p ng-show="loading && !collections.length">Loading...</p>
|
|
<div class="callout callout-default" style="background: #fff;" ng-show="!loading && !collections.length && !ciphers.length">
|
|
<h4>Nothing shared <i class="fa fa-frown-o"></i></h4>
|
|
<p>
|
|
You do not have any items or collections being shared with you.
|
|
To start sharing, create an organization or ask an existing organization to invite you.
|
|
</p>
|
|
<a ui-sref="backend.user.settingsCreateOrg" class="btn btn-default btn-flat">
|
|
Create an Organization
|
|
</a>
|
|
</div>
|
|
<div class="box" ng-class="{'collapsed-box': collection.collapsed}" ng-repeat="collection in collections |
|
|
orderBy: collectionSort track by collection.id"
|
|
ng-show="collections.length">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title">
|
|
<i class="fa" ng-class="{'fa-cubes': collection.id, 'fa-sitemap': !collection.id}"></i>
|
|
{{collection.name}}
|
|
<small ng-pluralize count="collectionCiphers.length" when="{'1': '{} item', 'other': '{} items'}"></small>
|
|
</h3>
|
|
<div class="box-tools">
|
|
<button type="button" class="btn btn-box-tool" data-widget="collapse" title="Collapse/Expand"
|
|
ng-click="collapseExpand(collection)">
|
|
<i class="fa" ng-class="{'fa-minus': !collection.collapsed, 'fa-plus': collection.collapsed}"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="box-body" ng-class="{'no-padding': collectionCiphers.length}">
|
|
<div ng-show="!collectionCiphers.length && collection.id">
|
|
<p>No items in this collection.</p>
|
|
<p>
|
|
Share an item to this collection by selecting <i class="fa fa-share-alt"></i> <b>Share</b> or
|
|
<i class="fa fa-cubes"></i> <b>Collections</b> from the item's options (<i class="fa fa-cog"></i>) menu.
|
|
</p>
|
|
</div>
|
|
<div ng-show="!collectionCiphers.length && !collection.id">No unassigned items.</div>
|
|
<div class="table-responsive" ng-show="collectionCiphers.length">
|
|
<table class="table table-striped table-hover table-vmiddle">
|
|
<tbody>
|
|
<tr ng-repeat="cipher in collectionCiphers = (ciphers | filter: filterByCollection(collection) |
|
|
orderBy: ['name', 'subTitle']) track by cipher.id">
|
|
<td style="width: 70px;">
|
|
<div class="btn-group" data-append-to="body">
|
|
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
|
<i class="fa fa-cog"></i> <span class="caret"></span>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<a href="#" stop-click ng-click="editCipher(cipher)">
|
|
<i class="fa fa-fw fa-pencil"></i> Edit
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" stop-click ng-click="attachments(cipher)">
|
|
<i class="fa fa-fw fa-paperclip"></i> Attachments
|
|
</a>
|
|
</li>
|
|
<li ng-show="cipher.edit">
|
|
<a href="#" stop-click ng-click="editCollections(cipher)">
|
|
<i class="fa fa-fw fa-cubes"></i> Collections
|
|
</a>
|
|
</li>
|
|
<li ng-show="cipher.meta.password">
|
|
<a href="#" stop-click ngclipboard ngclipboard-error="clipboardError(e)"
|
|
data-clipboard-text="{{cipher.meta.password}}">
|
|
<i class="fa fa-fw fa-clipboard"></i> Copy Password
|
|
</a>
|
|
</li>
|
|
<li ng-show="cipher.edit">
|
|
<a href="#" stop-click ng-click="removeCipher(cipher, collection)"
|
|
ng-if="collection.id" class="text-red">
|
|
<i class="fa fa-fw fa-remove"></i> Remove
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</td>
|
|
<td class="vault-icon">
|
|
<i class="fa fa-fw fa-lg {{::cipher.icon}}" ng-if="!cipher.meta.image"></i>
|
|
<img alt="" ng-if="cipher.meta.image" ng-src="{{cipher.meta.image}}"
|
|
fallback-src="images/fa-globe.png" />
|
|
</td>
|
|
<td>
|
|
<a href="#" stop-click ng-click="editCipher(cipher)">{{cipher.name}}</a>
|
|
<i class="fa fa-star text-muted" title="Favorite" ng-show="cipher.favorite"></i>
|
|
<i class="fa fa-paperclip text-muted" title="Attachments" ng-if="cipher.hasAttachments"
|
|
stop-prop></i><br />
|
|
<div class="text-sm text-muted">{{cipher.subTitle}}</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|