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>
	</div>
</div>
<table class="credential-table" ng-init="menuOpen = false;">
	<tr ng-repeat="credential in credentials" ng-if="credential.hidden == 0 && credential.delete_time == 0" ng-click="selectCredential(credential)" ng-class="{'selected': selectedCredential.credential_id == credential.credential_id}">
		<td>
			<span class="label">{{credential.label}}</span>
			<span class="icon icon-more" ng-click="menuOpen = !menuOpen"
				  off-click="menuOpen = false;"></span>
			<span class="tags">
				<span class="tag">Tag 1</span>
				<span class="tag">Tag 2</span>
				<span class="tag">Tag 4</span>
				<span class="tag">Tag 4</span>
				<span class="tag">Long tag xD</span>
			</span>
			<div class="actionList popovermenu bubble menu" ng-show="menuOpen">
				<ul>
					<li ng-click="editCredential(credential)"><span
							class="menuitem action"
					><span
							class="icon icon-rename"></span><span>Edit</span></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 class="view_pane" ng-class="{'item_selected': selectedCredential}" >
	<div class="row">
		<div class="col-xs-2 col-sm-2 col-md-2">
			Label
		</div>
		<div class="col-xs-6 col-sm-4 col-md-4">
			{{selectedCredential.label}}
		</div>
	</div>
	<div class="row">
		<div class="col-xs-2 col-sm-2 col-md-2">
			Account
		</div>
		<div class="col-xs-6 col-sm-4 col-md-4">
			{{selectedCredential.username}}
		</div>
	</div>
	<div class="row">
		<div class="col-xs-2 col-sm-2 col-md-2">
			Password
		</div>
		<div class="col-xs-6 col-sm-4 col-md-4">
			{{selectedCredential.password}}
		</div>
	</div>

	<div class="row">
		<div class="col-xs-2 col-sm-2 col-md-2">
			E-mail
		</div>
		<div class="col-xs-6 col-sm-4 col-md-4">
			{{selectedCredential.email}}
		</div>
	</div>

	<div class="row">
		<div class="col-xs-2 col-sm-2 col-md-2">
			Files
		</div>
		<div class="col-xs-6 col-sm-4 col-md-4">
			<div ng-repeat="file in selectedCredential.files" class="link">
				{{file.filename}} ({{file.size}})
			</div>
		</div>
	</div>
	<div class="row" ng-repeat="field in selectedCredential.custom_fields">
		<div class="col-xs-2 col-sm-2 col-md-2">
			{{field.label}}
		</div>
		<div class="col-xs-6 col-sm-4 col-md-4">
			{{field.value}}
			{{field.secret}}
		</div>
	</div>
	<div class="row">
		<div class="col-xs-2 col-sm-2 col-md-2">
			Changed
		</div>
		<div class="col-xs-6 col-sm-4 col-md-4">
			{{selectedCredential.changed * 1000 | date:'dd-MM-yyyy @ HH:mm:ss'}}
		</div>
	</div>
	<div class="row">
		<div class="col-xs-2 col-sm-2 col-md-2">
			Created
		</div>
		<div class="col-xs-6 col-sm-4 col-md-4">
			{{selectedCredential.created * 1000 | date:'dd-MM-yyyy @ HH:mm:ss'}}
		</div>
	</div>


</div>