commafeed/src/main/webapp/templates/profile.html

<div class="profile">
	<div class="page-header">
		<h1>${toolbar.profile}</h1>
	</div>
	<form name="profileForm" ng-submit="save()" class="form-horizontal">
		<div class="form-group">
			<label class="col-sm-2 control-label" for="email">${profile.user_name}</label>
			<div class="col-sm-10 checkbox">
				<span>{{user.name}}</span>
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label" for="email">${profile.email}</label>
			<div class="col-sm-10">
				<input type="email" id="email" ng-model="user.email" class="form-control" />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label" for="password">${profile.change_password}</label>
			<div class="col-sm-10">
				<input type="password" name="password" id="password" ng-model="user.password" class="form-control" ng-minlength="6" />
				<span class="help-inline" ng-show="profileForm.password.$error.minlength">${profile.minimum_6_chars}</span>
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label" for="password">${profile.confirm_password}</label>
			<div class="col-sm-10">
				<input type="password" class="form-control" name="password_c" id="password_c" ng-model="password_c"
					ui-validate="'$value==user.password'" ui-validate-watch="'user.password'">
				<span class="help-inline" ng-show="profileForm.password_c.$error.validator">${profile.passwords_do_not_match}</span>
			</div>
		</div>

		<div class="form-group">
			<label class="col-sm-2 control-label" for="password">${profile.api_key}</label>
			<div class="col-sm-10">
				<pre ng-show="user.apiKey">{{user.apiKey}}</pre>
				<span class="help-block" ng-show="!user.apiKey">${profile.api_key_not_generated}</span>
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label" for="password">${profile.generate_new_api_key}</label>
			<div class="col-sm-10">
				<div class="checkbox">
					<input type="checkbox" name="newApiKey" id="newApiKey" ng-model="newApiKey">
					<span class="help-inline">${profile.generate_new_api_key_info}</span>
				</div>
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-2 control-label" for="password">${profile.opml_export}</label>
			<div class="col-sm-10 checkbox">
				<a href="rest/feed/export" download="commafeed_opml.xml">${global.download}</a>
			</div>
		</div>

		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				<button type="submit" class="btn btn-primary">${global.save}</button>
				<button type="button" class="btn btn-danger" ng-click="deleteAccount()" confirm-click="${profile.delete_account_confirmation}">${profile.delete_account}</button>
				<button type="button" class="btn btn-default" ng-click="cancel()">${global.cancel}</button>
			</div>
		</div>
	</form>
</div>