<header class="header"><div class="header__title">{{ 'settings_pageTitle' | i18n }}</div></header><div class="content"><form name="settingsForm" novalidate><fieldset class="fieldset"><div class="fieldset__field fieldset__field_checkbox"><label class="fieldset__field-label">{{ 'settings_displayCounter' | i18n }}</label><label class="checkbox"><input type="checkbox" checked="" ng-model="config.displayCounter"> <span></span></label></div><span class="fieldset__explanation">{{ 'settings_displayCounterExplanation' | i18n }}</span></fieldset><fieldset class="fieldset"><div class="fieldset__field fieldset__field_checkbox"><label class="fieldset__field-label">{{ 'settings_keepNotification' | i18n }}</label><label class="checkbox"><input type="checkbox" checked="" ng-model="config.keepNotification"> <span></span></label></div><span class="fieldset__explanation">{{ 'settings_keepNotificationExplanation' | i18n }}</span></fieldset><fieldset class="fieldset"><div class="fieldset__field"><a ui-sref="reminders.settings.defaultReminder"><label class="fieldset__field-label">{{ 'settings_defaultReminderSettings' | i18n }}</label></a></div><span class="fieldset__explanation">{{ 'settings_defaultReminderSettingsExplanation' | i18n }}</span></fieldset><fieldset class="fieldset"><legend>{{ 'settings_sortBy' | i18n }}</legend><div class="fieldset__field fieldset__field_radio" ng-repeat="sortProperty in sortProperties"><input id="sortBy-{{ sortProperty }}" type="radio" name="sortBy" value="{{ sortProperty }}" ng-model="config.sortBy"><label for="sortBy-{{ sortProperty }}" class="fieldset__field-label">{{ 'settings_sortBy_' + sortProperty | i18n }}</label></div></fieldset><fieldset class="fieldset"><legend>{{ 'settings_sortOrder' | i18n }}</legend><div class="fieldset__field fieldset__field_checkbox"><label class="fieldset__field-label">{{ 'settings_sortOrder_descending' | i18n }}</label><label class="checkbox"><input type="checkbox" checked="" ng-model="config.descending"> <span></span></label></div><span class="fieldset__explanation">{{ 'settings_sortOrderExplanation' | i18n }}</span></fieldset><fieldset class="fieldset"><legend>{{ 'settings_sound' | i18n }}</legend><div class="fieldset__field"><a ui-sref="reminders.settings.sound"><label class="fieldset__field-label">{{ 'settings_sound_notificationSound' | i18n }}</label><span class="fieldset__field-value">{{ config.sound }}</span></a></div><div class="fieldset__field fieldset__field_volume"><div class="volume-control"><input type="range" min="0" max="1" step="0.01" ng-model="config.volume"></div></div></fieldset><fieldset class="fieldset"><legend>{{ 'settings_postpone' | i18n }}</legend><div class="fieldset__field"><label class="fieldset__field-label" for="settings-postpone">{{ 'settings_postpone_minutes' | i18n }}</label><input id="settings-postpone" type="number" ng-model="config.postpone" min="1" max="1000" required></div><span class="fieldset__explanation">{{ 'settings_postponeExplanation' | i18n }}</span></fieldset><fieldset class="fieldset"><legend>{{ 'settings_popupSize' | i18n }}</legend><div class="fieldset__field fieldset__field_radio" ng-repeat="size in popupSizes"><input id="popupSize-{{ size }}" type="radio" name="popupSize" value="{{ size }}" ng-model="config.popupSize"><label for="popupSize-{{ size }}" class="fieldset__field-label">{{ 'settings_popupSize_' + size | i18n }}</label></div><span class="fieldset__explanation">{{ 'settings_popupSizeExplanation' | i18n }}</span></fieldset><fieldset class="fieldset"><legend>{{ 'settings_technicalInfo' | i18n }}</legend><div class="fieldset__field"><label class="fieldset__field-label">{{ 'settings_technicalInfo_extensionVersion' | i18n }}</label><span class="fieldset__field-value">{{ manifest.version }}</span></div><div class="fieldset__field"><label class="fieldset__field-label">{{ 'settings_technicalInfo_currentLocale' | i18n }}</label><span class="fieldset__field-value">{{ locale }}</span></div></fieldset><fieldset class="fieldset"><button class="fieldset__button fieldset__button_red" ng-click="reset()">{{ 'settings_resetExtensionData' | i18n }}</button> <span class="fieldset__explanation">{{ 'settings_resetExplanation' | i18n }}</span></fieldset></form></div>