passman/templates/views/partials/forms/edit_credential/custom_fields.html

<div class="row">
	<div class="col-xs-4">
		<label>Field label</label>
		<input type="text" ng-model="new_custom_field.label">
	</div>
	<div class="col-xs-4">
		<label>Field value</label>
		<input type="text" ng-model="new_custom_field.value" ng-show="!new_custom_field.secret">
		<input type="password" ng-model="new_custom_field.value" ng-show="new_custom_field.secret">
		<label>
			<input type="checkbox" ng-model="new_custom_field.secret">Confidential
		</label>
	</div>
	<div class="col-xs-2">
		<label class="invisible">Add</label>
		<button ng-click="addCustomField()">+</button>
	</div>
</div>
<div class="row custom_fields" ng-if="storedCredential.custom_fields.length > 0">
	<div class="col-xs-12 table">
		<table>
			<thead>
			<tr use-theme>
				<th class="field_label">Label</th>
				<th class="field_value">Value</th>
				<th class="field_secret">Confidential</th>
				<th class="field_actions">Actions</th>
			</tr>
			</thead>
			<tr ng-repeat="field in storedCredential.custom_fields">
				<td>
					<a href="#" editable-text="field.label">{{ field.label || "empty" }}</a>
				</td>
				<td>
					<span ng-if="!field.secret"><a href="#" editable-text="field.value">{{ field.value || "empty" }}</a></span>
					<span ng-if="field.secret"><a href="#" editable-password="field.value"><span ng-repeat="n in [] | range:field.value.length">*</span></a></span>


					<input ng-model="field.value" type="text" ng-show="edit && !secret">
					<input ng-model="field.value" type="text" ng-show="edit && secret">
				</td>
				<td><input type="checkbox" ng-model="field.secret"></td>
				<td class="field_actions">
					<i class="fa fa-trash" ng-click="deleteCustomField(field)"></i>
				</td>
			</tr>
		</table>
	</div>
</div>