passman/templates/views/show_vault.html

<div id="controls">
	<div class="breadcrumb">
		<!--<div class="crumb svg last" data-dir="/"><a-->
		<!--href="/ncdev/index.php/apps/files?dir=/"><img class="svg"-->
		<!--src="/ncdev/core/img/places/home.svg"-->
		<!--alt="Home"></a>-->
		<!--</div>-->
	</div>
	<div class="actions creatable">
		<span ng-click="menuOpen = !menuOpen" class="button new"
			  ng-init="menuOpen = false" off-click="menuOpen = false;">
			<span
			>New</span></span>
		<div class="actionList popovermenu bubble menu" ng-show="menuOpen">
			<ul>
				<li>
						<span ng-click="addCredential()"
							  class="menuitem action">
							<span
									class="icon icon-rename"></span>
							<span>New credential</span>
						</span>
				</li>
				<li>
						<span href="#" class="menuitem action">
							<span class="icon icon-shared"></span>
							<span>New shared credential</span>
						</span>
				</li>
			</ul>
		</div>
		<input type="text" ng-model="itemFilter.label">
		<span class="title" ng-if="delete_time">
			Showing deleted since:
			<span ng-if="delete_time == 1">All time</span>
			<span ng-if="delete_time > 1">{{delete_time | date:'dd-MM-yyyy @ HH:mm:ss'}}</span>

		</span>
	</div>
</div>
<div off-click="closeSelected()">
	<table class="credential-table" ng-init="menuOpen = false;">
		<tr ng-repeat="credential in credentials | filter:itemFilter | tagFilter:selectedtags | as:this:'filtered_credentials'"
			ng-if="credential.hidden == 0 && showCredentialRow(credential)"
			ng-click="selectCredential(credential)"
			ng-class="{'selected': selectedCredential.credential_id == credential.credential_id}">
			<td>
				<span class="icon"><i class="fa fa-lock"></i> </span>
				<span class="label">{{credential.label}}</span>
			<span class="tags">
				<span class="tag" ng-repeat="tag in credential.tags_raw">{{tag.text}}</span>

			</span>
				<!--<div class="actionList popovermenu bubble menu"
					 ng-show="menuOpen">
					<ul>
						<li><span
								class="menuitem action"
						></span>
						</li>
						<li><span href="#"
								  class="menuitem action"
						><span
								class="icon icon-share"></span><span>Share</span></span>
						</li>
						<li><span
								class="menuitem action"
								data-action="Delete"><span
								class="icon icon-delete"></span><span>Delete</span></span>
						</li>
					</ul>
				</div> -->
			</td>
		</tr>
	</table>

	<div id="app-sidebar" class="detailsView scroll-container app_sidebar"
		 ng-show="selectedCredential">
		<span class="close icon-close" ng-click="closeSelected()"
			  alt="Close"></span>
		<table>
			<tr ng-show="selectedCredential.label">
				<td>
					Label
				</td>
				<td>
					{{selectedCredential.label}}
				</td>
			</tr>
			<tr ng-show="selectedCredential.username">
				<td>
					Account
				</td>
				<td>
					<span credential-field
						  value="selectedCredential.username"></span>
				</td>
			</tr>
			<tr ng-show="selectedCredential.password">
				<td>
					Password
				</td>
				<td>
					<span credential-field value="selectedCredential.password"
						  secret="'true'"></span>
				</td>
			</tr>
			<tr ng-show="selectedCredential.otp.secret">
				<td>
					OTP
				</td>
				<td>
					<span otp-generator
						   secret="selectedCredential.otp.secret"></span>
				</td>
			</tr>
			<tr ng-show="selectedCredential.email">
				<td>
					E-mail
				</td>
				<td>
					<span credential-field
						  value="selectedCredential.email"></span>
				</td>
			</tr>
			<tr ng-show="selectedCredential.url">
				<td>
					URL
				</td>
				<td>
					<span credential-field
						  value="selectedCredential.url"></span>
				</td>
			</tr>
			<tr ng-show="selectedCredential.files.length > 0">
				<td>
					Files
				</td>
				<td>
					<div ng-repeat="file in selectedCredential.files"
						 class="link" ng-click="downloadFile(file)">
						{{file.filename}} ({{file.size | bytes}})
					</div>
				</td>
			</tr>
			<tr ng-repeat="field in selectedCredential.custom_fields">
				<td>
					{{field.label}}
				</td>
				<td>
					<span credential-field value="field.value"
						  secret="field.secret"></span>
				</td>
			</tr>
			<tr ng-show="selectedCredential.changed">
				<td>
					Changed
				</td>
				<td>
					{{selectedCredential.changed * 1000 | date:'dd-MM-yyyy @ HH:mm:ss'}}
				</td>
			</tr>
			<tr ng-show="selectedCredential.created">
				<td>
					Created
				</td>
				<td>
					{{selectedCredential.created * 1000 | date:'dd-MM-yyyy @ HH:mm:ss'}}
				</td>
			</tr>

		</table>

		<div class="tags">
				<span class="tag" ng-repeat="tag in selectedCredential.tags">{{tag.text}}</span>
		</div>

		<div ng-show="selectedCredential">
			<span class="button" ng-click="editCredential(selectedCredential)" ng-if="selectedCredential.delete_time == 0" >
				<span class="fa fa-edit"></span> Edit
			</span>
			<span class="button" ng-click="deleteCredential(selectedCredential)" ng-if="selectedCredential.delete_time == 0" >
				<span class="fa fa-trash" ></span> Delete
			</span>
			<span class="button" ng-if="selectedCredential.delete_time > 0" ng-click="recoverCredential(selectedCredential)">
				<span class="fa fa-recycle"  ></span> Recover
			</span>
			<span class="button" ng-if="selectedCredential.delete_time == 0" >
				<span class="fa fa-share"></span> Share
			</span>
		</div>
	</div>
</div>