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

<div class="row">
	<div class="col-xs-12">
		<div class="col-xs-2 nopadding">
			Upload your OTP qr code
		</div>
		<div class="col-xs-6 nopadding">
			<input type="file" qrread on-read="parseQR(qrdata)" class="input_secret"
				   on-read="parseQR(qrdata)" />
		</div>
	</div>
</div>

<hr>
<div class="col-xs-12" ng-if="storedCredential.otp">Current OTP settings</div>
<div class="col-xs-5 col-sm-4 col-md-2" ng-if="storedCredential.otp.qr_uri">
	<img ng-src="{{storedCredential.otp.qr_uri.image}}"/>
</div>
<div class="col-sm-4 col-sm-5 col-md-5">
	<table ng-show="storedCredential.otp">
		<tr ng-show="storedCredential.otp.type">
			<td>Type:</td>
			<td>{{storedCredential.otp.type}}</td>
		</tr>
		<tr ng-show="storedCredential.otp.label">
			<td>Label:</td>
			<td>{{storedCredential.otp.label}}</td>
		</tr>
		<tr ng-show="storedCredential.otp.issuer">
			<td>Issuer:</td>
			<td>{{storedCredential.otp.issuer}}</td>
		</tr>
		<tr ng-show="storedCredential.otp.secret">
			<td>Secret:</td>
			<td>{{storedCredential.otp.secret}}</td>
		</tr>
		<tr ng-show="storedCredential.otp.secret">
			<td>OTP:</td>
			<td><span otp-generator
					  secret="storedCredential.otp.secret"></span>
			</td>
		</tr>
	</table>
</div>
</div>