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.
143 lines
7.6 KiB
143 lines
7.6 KiB
<section class="content-header">
|
|
<h1>
|
|
Org<span class="hidden-xs">anization</span> Vault
|
|
<small>
|
|
<span ng-pluralize
|
|
count="collections.length > 0 ? collections.length - 1 : 0"
|
|
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">Loading...</p>
|
|
<div class="box" ng-show="!loading">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title">
|
|
<i class="fa {{selectedIcon}}"></i>
|
|
{{selectedCollection ? selectedCollection.name : selectedTitle}}
|
|
<small ng-pluralize count="filteredCiphers.length" when="{'1': '{} item', 'other': '{} items'}"></small>
|
|
</h3>
|
|
</div>
|
|
<div class="box-body" ng-class="{'no-padding': filteredCiphers.length}">
|
|
<div ng-show="!filteredCiphers.length">No items to list.</div>
|
|
<div class="table-responsive" ng-show="filteredCiphers.length">
|
|
<table class="table table-striped table-hover table-vmiddle">
|
|
<tbody>
|
|
<tr ng-repeat="cipher in filteredCiphers = (ciphers | filter: cipherFilter() |
|
|
filter: (searchVaultText || '') | 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>
|
|
<a href="#" stop-click ng-click="editCollections(cipher)">
|
|
<i class="fa fa-fw fa-cubes"></i> Collections
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" stop-click ng-click="viewEvents(cipher)" ng-if="useEvents">
|
|
<i class="fa fa-fw fa-file-text-o"></i> Event Logs
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" stop-click ng-click="deleteCipher(cipher)" class="text-red">
|
|
<i class="fa fa-fw fa-trash"></i> Delete
|
|
</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-paperclip text-muted" title="Attachments" ng-if="cipher.hasAttachments"
|
|
stop-prop></i>
|
|
<div class="text-sm text-muted">{{cipher.subTitle}}</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<aside class="control-sidebar control-sidebar-light">
|
|
<div class="tab-content">
|
|
<form class="search-form">
|
|
<label for="search" class="sr-only">Search</label>
|
|
<div class="form-group has-feedback">
|
|
<input type="search" id="search" class="form-control" placeholder="Search org vault..."
|
|
ng-model="searchVaultText" />
|
|
<span class="fa fa-search form-control-feedback" aria-hidden="true"></span>
|
|
</div>
|
|
</form>
|
|
<ul class="control-sidebar-menu">
|
|
<li ng-class="{active: selectedAll}">
|
|
<a href="#" stop-click ng-click="filterAll()">
|
|
<i class="fa fa-th fa-fw"></i> All Items
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<h3 class="control-sidebar-heading">Types</h3>
|
|
<div class="control-sidebar-section">
|
|
<ul class="control-sidebar-menu">
|
|
<li ng-class="{active: constants.cipherType.login === selectedType}">
|
|
<a href="#" stop-click ng-click="filterType(constants.cipherType.login)">
|
|
<i class="fa fa-globe fa-fw"></i> Login
|
|
</a>
|
|
</li>
|
|
<li ng-class="{active: constants.cipherType.card === selectedType}">
|
|
<a href="#" stop-click ng-click="filterType(constants.cipherType.card)">
|
|
<i class="fa fa-credit-card fa-fw"></i> Card
|
|
</a>
|
|
</li>
|
|
<li ng-class="{active: constants.cipherType.identity === selectedType}">
|
|
<a href="#" stop-click ng-click="filterType(constants.cipherType.identity)">
|
|
<i class="fa fa-id-card-o fa-fw"></i> Identity
|
|
</a>
|
|
</li>
|
|
<li ng-class="{active: constants.cipherType.secureNote === selectedType}">
|
|
<a href="#" stop-click ng-click="filterType(constants.cipherType.secureNote)">
|
|
<i class="fa fa-sticky-note-o fa-fw"></i> Secure Note
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<h3 class="control-sidebar-heading">Collections</h3>
|
|
<div ng-show="loading && !collections.length">
|
|
<p>Loading...</p>
|
|
</div>
|
|
<div ng-show="!loading && !collections.length">
|
|
<p>No collections.</p>
|
|
</div>
|
|
<div class="control-sidebar-section" ng-show="!loading && collections.length">
|
|
<ul class="control-sidebar-menu">
|
|
<li ng-repeat="collection in collections | orderBy: [collectionSort] track by collection.id"
|
|
ng-class="{active: selectedCollection && collection.id === selectedCollection.id}">
|
|
<a href="#" stop-click ng-click="filterCollection(collection)">
|
|
<i class="fa fa-caret-right fa-fw"></i>
|
|
{{collection.name}}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</aside>
|