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

<div class="container-fluid settings">
	<div class="page-header">
		<h1>Settings</h1>
	</div>
	<form name="settingsForm" ng-submit="save()">
		<div class="row">
			<div class="span2">
				<ul class="nav nav-pills nav-stacked">
					<li class="active">
						<a href="#general" data-toggle="pill">${settings.general}</a>
					</li>
					<li>
						<a href="#custom-css" data-toggle="pill"
							ng-click="refreshCodemirror=!refreshCodemirror">${settings.custom_css}</a>
					</li>
				</ul>
			</div>
			<div class="span10">
				<div class="tab-content">
					<div class="tab-pane active" id="general">
						<div class="form-horizontal">
							<div class="control-group">
								<label class="control-label">${settings.general.language}</label>
								<div class="controls">
									<select name="language" ng-model="settings.language" class="input-block-level" 
										ng-options="id as label for (id,label) in ServerService.supportedLanguages" required>
									</select>
								</div>
							</div>
							<div class="control-group">
								<label class="checkbox">
									<input type="checkbox" name="showRead"
										ng-model="settings.showRead" />
									${settings.general.show_unread}
								</label>
							</div>
							<div class="control-group">
								<label class="checkbox">
									<input type="checkbox" name="socialButtons"
										ng-model="settings.socialButtons" />
									${settings.general.social_buttons}
								</label>
							</div>
							<div class="control-group">
								<label class="checkbox">
									<input type="checkbox" name="scrollMarks"
										ng-model="settings.scrollMarks" />
									${settings.general.scroll_marks}
								</label>
							</div>
						</div>
					</div>
					<div class="tab-pane" id="custom-css">
						<textarea ng-model="settings.customCss" class="input-block-level" rows="20">
						</textarea>
					</div>
				</div>
			</div>
		</div>
		<div class="form-actions">
			<button type="submit" class="btn btn-primary">${global.save}</button>
			<button type="button" class="btn" ng-click="cancel()">${global.cancel}</button>
		</div>
	</form>
</div>