snappymail/rainloop/v/0.0.0/app/templates/Views/User/SettingsGeneral.html

<div class="b-settings-general g-ui-user-select-none">
	<div class="form-horizontal">
		<div class="legend">
			<span class="i18n" data-i18n-text="SETTINGS_GENERAL/LEGEND_GENERAL"></span>
		</div>
		<div class="control-group" data-bind="visible: allowLanguagesOnSettings">
			<label class="control-label">
				<span class="i18n" data-i18n-text="SETTINGS_GENERAL/LABEL_LANGUAGE"></span>
			</label>
			<div class="controls">
				<label class="flag-selector">
					<span class="flag-wrapper">
						<span data-bind="css: 'flag flag-' + mainLanguage()" style=""></span>
					</span>
					<span class="flag-name" data-bind="text: mainLanguageFullName, click: selectLanguage"></span>
					&nbsp;&nbsp;
					<div data-bind="component: {
						name: 'SaveTrigger',
						params: { value: languageTrigger }
					}"></div>
				</label>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label" style="padding-top: 0;">
			   <span class="i18n" data-i18n-text="SETTINGS_GENERAL/LABEL_EDITOR"></span>
			</label>
			<div class="controls">
				<label for="richTextEditorTypeID1">
					<input type="radio" id="richTextEditorTypeID1" name="richTextEditorType" value="Html" data-bind="checked: editorDefaultType" style="position: absolute; left: -10000px" />
					<i data-bind="css: 'Html' === editorDefaultType() ? ' icon-radio-checked' : 'icon-radio-unchecked'"></i>
					&nbsp;&nbsp;
					<span class="i18n" data-i18n-text="SETTINGS_GENERAL/LABEL_EDITOR_HTML_AS_DEFAULT"></span>
				</label>
				<label for="richTextEditorTypeID2">
					<input type="radio"  id="richTextEditorTypeID2" name="richTextEditorType" value="Plain" data-bind="checked: editorDefaultType" style="position: absolute; left: -10000px" />
					<i data-bind="css: 'Plain' === editorDefaultType() ? ' icon-radio-checked' : 'icon-radio-unchecked'"></i>
					&nbsp;&nbsp;
					<span class="i18n" data-i18n-text="SETTINGS_GENERAL/LABEL_EDITOR_PLAIN_AS_DEFAULT"></span>
				</label>
			</div>
		</div>
	</div>
	<div class="form-horizontal">
		<div class="legend">
			<span class="i18n" data-i18n-text="SETTINGS_GENERAL/LABEL_VIEW_OPTIONS"></span>
		</div>
		<div class="control-group">
			<div class="controls">
				<div data-bind="component: {
					name: 'Select',
					params: {
						label: 'SETTINGS_GENERAL/LABEL_MESSAGE_PER_PAGE',
						options: mainMessagesPerPageArray,
						value: mainMessagesPerPage,
						trigger: mppTrigger,
						size: 2,
						width: 70
					}
				}"></div>
			</div>
		</div>
		<div class="control-group">
			<div class="controls">
				<div data-bind="component: {
					name: 'Checkbox',
					params: {
						label: 'SETTINGS_GENERAL/LABEL_SHOW_IMAGES',
						value: showImages
					}
				}"></div>
				<div data-bind="component: {
					name: 'Checkbox',
					params: {
						label: 'SETTINGS_GENERAL/LABEL_USE_CHECKBOXES_IN_LIST',
						value: useCheckboxesInList
					}
				}"></div>
				<div data-bind="component: {
					name: 'Checkbox',
					params: {
						label: 'SETTINGS_GENERAL/LABEL_USE_PREVIEW_PANE',
						value: usePreviewPaneCheckbox
					}
				}"></div>
				<div data-bind="visible: threading, component: {
					name: 'Checkbox',
					params: {
						label: 'SETTINGS_GENERAL/LABEL_USE_THREADS',
						value: useThreads
					}
				}"></div>
				<div data-bind="component: {
					name: 'Checkbox',
					params: {
						label: 'SETTINGS_GENERAL/LABEL_REPLY_SAME_FOLDER',
						value: replySameFolder
					}
				}"></div>
			</div>
		</div>
	</div>
	<div class="form-horizontal" data-bind="visible: isDesktopNotificationsSupported()">
		<div class="legend">
			<span class="i18n" data-i18n-text="SETTINGS_GENERAL/LABEL_CHROME_NOTIFICATION"></span>
		</div>
		<div class="control-group">
			<div class="controls">
				<div data-bind="visible: isDesktopNotificationsSupported">
					<label data-bind="css: { 'denied-by-browser': isDesktopNotificationsDenied }, click: function () { if (!isDesktopNotificationsDenied()) { useDesktopNotifications(!useDesktopNotifications()); }}">
						<i data-bind="css: useDesktopNotifications() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
						&nbsp;&nbsp;
						<span class="i18n notification-desc" data-i18n-text="SETTINGS_GENERAL/LABEL_CHROME_NOTIFICATION_DESC"></span>
						<span class="i18n notification-desc-denied" data-i18n-text="SETTINGS_GENERAL/LABEL_CHROME_NOTIFICATION_DESC_DENIED"></span>
					</label>
				</div>
			</div>
		</div>
	</div>
</div>