@ -1,5 +1,5 @@
< template name = "accountPreferences" >
< section class = "preferences-page preferences-page--new page-container page-home page-static" >
< section class = "preferences-page preferences-page--new page-container page-home page-static page-settings " >
{{#header sectionName="Preferences" buttons=true fullpage=true}}
< div class = "rc-header__section-button" >
< button class = "rc-button rc-button--primary save" > < span > {{_ "Save_changes"}}< / span > < / button >
@ -8,13 +8,12 @@
< div class = "content" >
< form id = "preferences" autocomplete = "off" >
< fieldset class = "rc-form-legend" >
< div class = "section" >
< h1 > {{_ "Localization"}}< / h1 >
< div class = "section-content border-component-color" >
< div class = "input-line double-col" >
< label for = "language" > {{_ "Language"}}< / label >
< div class = "rc-select" >
< label for = "language" class = "setting-label " > {{_ "Language"}}< / label >
< div class = "rc-select setting-field " >
< select id = "language" class = "required rc-select__element" >
{{#each languages}}
< option value = "{{key}}" selected = "{{isUserLanguage key}}" dir = "auto" > {{name}}< / option >
@ -29,15 +28,15 @@
< h1 > {{_ "Global"}}< / h1 >
< div class = "section-content border-component-color" >
< div class = "input-line double-col" >
< label for = "language " > {{_ "Dont_ask_me_again_list"}}< / label >
< div class = "rc-select" >
< label for = "dont-ask" class = "setting-label " > {{_ "Dont_ask_me_again_list"}}< / label >
< div class = "rc-select setting-field " >
< select id = "dont-ask" class = "rc-select__element" multiple >
{{#each dontAskAgainList}}
< option value = "{{action}}" > {{label}}< / option >
{{/each}}
< / select >
< / div >
< button class = "rc-button rc-button--cancel js-dont-ask-remove" > < span > {{_ "Remove"}}< / span > < / button >
< button class = "rc-button rc-button--cancel setting-action js-dont-ask-remove" > {{_ "Remove"}}< / button >
< / div >
< / div >
< / div >
@ -45,22 +44,22 @@
< h1 > {{_ "User_Presence"}}< / h1 >
< div class = "section-content border-component-color" >
< div class = "input-line double-col" id = "enableAutoAway" >
< label > {{_ "Enable_Auto_Away"}}< / label >
< div >
< label class = "setting-label" > {{_ "Enable_Auto_Away"}}< / label >
< div class = "setting-field" >
< label > < input type = "radio" name = "enableAutoAway" value = "true" checked = "{{ checked 'enableAutoAway' true }}" / > {{_ "True"}}< / label >
< label > < input type = "radio" name = "enableAutoAway" value = "false" checked = "{{ checked 'enableAutoAway' false }}" / > {{_ "False"}}< / label >
< / div >
< / div >
< div class = "input-line double-col" id = "idleTimeLimit" >
< label > {{_ "Idle_Time_Limit"}}< / label >
< div >
< label class = "setting-label" > {{_ "Idle_Time_Limit"}}< / label >
< div class = "setting-field" >
{{#if idleTimeLimit}}
< input type = "number" class = "rc-input__element" name = "idleTimeLimit" min = "0" value = "{{idleTimeLimit}}" >
{{else}}
< input type = "number" class = "rc-input__element" name = "idleTimeLimit" min = "0" value = "" placeholder = "{{_ " Use_Global_Settings " } } ( { { defaultIdleTimeLimit } } ) " >
{{/if}}
< div class = "info" > {{_ "Idle_Time_Limit_Description"}}< / div >
< div class = "sett ings-description secondary- font-color " > {{_ "Idle_Time_Limit_Description"}}< / div >
< / div >
< / div >
< / div >
@ -70,23 +69,23 @@
< h1 > {{_ "Notifications"}}< / h1 >
< div class = "section-content border-component-color" >
< div class = "input-line double-col" >
< label > {{_ "Desktop_Notifications"}}< / label >
< div >
< label class = "setting-label" > {{_ "Desktop_Notifications"}}< / label >
< div class = "setting-field" >
{{#if desktopNotificationEnabled}}
< label > {{_ "Desktop_Notifications_Enabled"}}< / label >
< label > < button class = "button test-notifications" > < i class = "icon-comment-empty secondary-font-color" > < / i > < span > {{_ "Test_Desktop_Notifications"}}< / span > < / button > < / label >
< button class = "button test-notifications" > < i class = "icon-comment-empty secondary-font-color" > < / i > < span > {{_ "Test_Desktop_Notifications"}}< / span > < / button >
{{else}}
{{#if desktopNotificationDisabled}}
< label > {{_ "Desktop_Notifications_Disabled"}}< / label >
{{else}}
< label > < button class = "button enable-notifications" > < i class = "icon-comment-empty secondary-font-color" > < / i > < span > {{_ "Enable_Desktop_Notifications"}}< / span > < / button > < / label >
< button class = "button enable-notifications" > < i class = "icon-comment-empty secondary-font-color" > < / i > < span > {{_ "Enable_Desktop_Notifications"}}< / span > < / button >
{{/if}}
{{/if}}
< / div >
< / div >
< div class = "input-line double-col" >
< label > {{_ "Notification_Duration"}}< / label >
< div >
< label class = "setting-label" > {{_ "Notification_Duration"}}< / label >
< div class = "setting-field" >
{{#if desktopNotificationDuration}}
< input type = "number" class = "rc-input__element" name = "desktopNotificationDuration" min = "0" value = "{{desktopNotificationDuration}}" >
{{else}}
@ -95,8 +94,8 @@
< / div >
< / div >
< div class = "input-line double-col" id = "desktopNotifications" >
< label > {{_ "Notification_Desktop_Default_For"}}< / label >
< div class = "rc-select" >
< label class = "setting-label" > {{_ "Notification_Desktop_Default_For"}}< / label >
< div class = "rc-select setting-field " >
< select class = "input-monitor rc-select__element" name = "desktopNotifications" >
< option value = "default" selected = "{{selected 'desktopNotifications' 'default' 'default'}}" > {{_ "Default"}} ({{_ defaultDesktopNotification}})< / option >
< option value = "all" selected = "{{selected 'desktopNotifications' 'all' 'default'}}" > {{_ "All_messages"}}< / option >
@ -107,8 +106,8 @@
< / div >
< / div >
< div class = "input-line double-col" id = "mobileNotifications" >
< label > {{_ "Notification_Mobile_Default_For"}}< / label >
< div class = "rc-select" >
< label class = "setting-label" > {{_ "Notification_Mobile_Default_For"}}< / label >
< div class = "rc-select setting-field " >
< select class = "input-monitor rc-select__element" name = "mobileNotifications" >
< option value = "default" selected = "{{selected 'mobileNotifications' 'default' 'default'}}" > {{_ "Default"}} ({{_ defaultMobileNotification}})< / option >
< option value = "all" selected = "{{selected 'mobileNotifications' 'all' 'default'}}" > {{_ "All_messages"}}< / option >
@ -119,8 +118,8 @@
< / div >
< / div >
< div class = "input-line double-col" id = "emailNotificationMode" >
< label > {{_ "Email_Notification_Mode"}}< / label >
< div >
< label class = "setting-label" > {{_ "Email_Notification_Mode"}}< / label >
< div class = "setting-field" >
< div class = "rc-select" >
< select class = "input-monitor rc-select__element" name = "emailNotificationMode" >
< option value = "default" selected = "{{selected 'emailNotificationMode' 'default' 'default'}}" > {{_ "Default"}} ({{_ defaultEmailNotification}})< / option >
@ -129,7 +128,7 @@
< / select >
{{> icon block="rc-select__arrow" icon="arrow-down" }}
< / div >
< div class = "info" > {{_ "You_need_to_verifiy_your_email_address_to_get_notications"}}< / div >
< div class = "sett ings-description secondary- font-color " > {{_ "You_need_to_verifiy_your_email_address_to_get_notications"}}< / div >
< / div >
< / div >
< / div >
@ -138,15 +137,15 @@
< h1 > {{_ "Messages"}}< / h1 >
< div class = "section-content border-component-color" >
< div class = "input-line double-col" id = "unreadAlert" >
< label > {{_ "Unread_Tray_Icon_Alert"}}< / label >
< div >
< label class = "setting-label" > {{_ "Unread_Tray_Icon_Alert"}}< / label >
< div class = "setting-field" >
< label > < input type = "radio" name = "unreadAlert" value = "true" checked = "{{checked 'unreadAlert' true}}" / > {{_ "On"}}< / label >
< label > < input type = "radio" name = "unreadAlert" value = "false" checked = "{{checked 'unreadAlert' false}}" / > {{_ "Off"}}< / label >
< / div >
< / div >
< div class = "input-line double-col" id = "clockMode" >
< label > {{_ "Message_TimeFormat"}}< / label >
< div >
< label class = "setting-label" > {{_ "Message_TimeFormat"}}< / label >
< div class = "setting-field" >
< div class = "rc-select" >
< select class = "input-monitor rc-select__element" name = "clockMode" >
< option value = "0" selected = "{{selected 'clockMode' 0}}" > {{_ "Default"}}< / option >
@ -158,73 +157,73 @@
< / div >
< / div >
< div class = "input-line double-col" >
< label > {{_ "Use_Emojis"}}< / label >
< div >
< label class = "setting-label" > {{_ "Use_Emojis"}}< / label >
< div class = "setting-field" >
< label > < input type = "radio" name = "useEmojis" value = "true" checked = "{{checked 'useEmojis' true}}" / > {{_ "True"}}< / label >
< label > < input type = "radio" name = "useEmojis" value = "false" checked = "{{checked 'useEmojis' false}}" / > {{_ "False"}}< / label >
< / div >
< / div >
< div class = "input-line double-col" id = "convertAsciiEmoji" >
< label > {{_ "Convert_Ascii_Emojis"}}< / label >
< div >
< label class = "setting-label" > {{_ "Convert_Ascii_Emojis"}}< / label >
< div class = "setting-field" >
< label > < input type = "radio" name = "convertAsciiEmoji" value = "true" checked = "{{checked 'convertAsciiEmoji' true}}" / > {{_ "True"}}< / label >
< label > < input type = "radio" name = "convertAsciiEmoji" value = "false" checked = "{{checked 'convertAsciiEmoji' false}}" / > {{_ "False"}}< / label >
< / div >
< / div >
< div class = "input-line double-col" id = "autoImageLoad" >
< label > {{_ "Auto_Load_Images"}}< / label >
< div >
< label class = "setting-label" > {{_ "Auto_Load_Images"}}< / label >
< div class = "setting-field" >
< label > < input type = "radio" name = "autoImageLoad" value = "true" checked = "{{checked 'autoImageLoad' true}}" / > {{_ "True"}}< / label >
< label > < input type = "radio" name = "autoImageLoad" value = "false" checked = "{{checked 'autoImageLoad' false}}" / > {{_ "False"}}< / label >
< / div >
< / div >
< div class = "input-line double-col" id = "saveMobileBandwidth" >
< label > {{_ "Save_Mobile_Bandwidth"}}< / label >
< div >
< label class = "setting-label" > {{_ "Save_Mobile_Bandwidth"}}< / label >
< div class = "setting-field" >
< label > < input type = "radio" name = "saveMobileBandwidth" value = "true" checked = "{{checked 'saveMobileBandwidth' true}}" / > {{_ "True"}}< / label >
< label > < input type = "radio" name = "saveMobileBandwidth" value = "false" checked = "{{checked 'saveMobileBandwidth' false}}" / > {{_ "False"}}< / label >
< / div >
< / div >
< div class = "input-line double-col" id = "collapseMediaByDefault" >
< label > {{_ "Collapse_Embedded_Media_By_Default"}}< / label >
< div >
< label class = "setting-label" > {{_ "Collapse_Embedded_Media_By_Default"}}< / label >
< div class = "setting-field" >
< label > < input type = "radio" name = "collapseMediaByDefault" value = "true" checked = "{{checked 'collapseMediaByDefault' true}}" / > {{_ "True"}}< / label >
< label > < input type = "radio" name = "collapseMediaByDefault" value = "false" checked = "{{checked 'collapseMediaByDefault' false}}" / > {{_ "False"}}< / label >
< / div >
< / div >
< div class = "input-line double-col" id = "hideUsernames" >
< label > {{_ "Hide_usernames"}}< / label >
< div >
< label class = "setting-label" > {{_ "Hide_usernames"}}< / label >
< div class = "setting-field" >
< label > < input type = "radio" name = "hideUsernames" value = "true" checked = "{{checked 'hideUsernames' true}}" / > {{_ "True"}}< / label >
< label > < input type = "radio" name = "hideUsernames" value = "false" checked = "{{checked 'hideUsernames' false}}" / > {{_ "False"}}< / label >
< / div >
< / div >
{{#if showRoles}}
< div class = "input-line double-col" id = "hideRoles" >
< label > {{_ "Hide_roles"}}< / label >
< div >
< label class = "setting-label" > {{_ "Hide_roles"}}< / label >
< div class = "setting-field" >
< label > < input type = "radio" name = "hideRoles" value = "true" checked = "{{checked 'hideRoles' true}}" / > {{_ "True"}}< / label >
< label > < input type = "radio" name = "hideRoles" value = "false" checked = "{{checked 'hideRoles' false}}" / > {{_ "False"}}< / label >
< / div >
< / div >
{{/if}}
< div class = "input-line double-col" id = "hideFlexTab" >
< label > {{_ "Hide_flextab"}}< / label >
< div >
< label class = "setting-label" > {{_ "Hide_flextab"}}< / label >
< div class = "setting-field" >
< label > < input type = "radio" name = "hideFlexTab" value = "true" checked = "{{checked 'hideFlexTab' true}}" / > {{_ "True"}}< / label >
< label > < input type = "radio" name = "hideFlexTab" value = "false" checked = "{{checked 'hideFlexTab' false}}" / > {{_ "False"}}< / label >
< / div >
< / div >
< div class = "input-line double-col" id = "hideAvatars" >
< label > {{_ "Hide_Avatars"}}< / label >
< div >
< label class = "setting-label" > {{_ "Hide_Avatars"}}< / label >
< div class = "setting-field" >
< label > < input type = "radio" name = "hideAvatars" value = "true" checked = "{{checked 'hideAvatars' true}}" / > {{_ "True"}}< / label >
< label > < input type = "radio" name = "hideAvatars" value = "false" checked = "{{checked 'hideAvatars' false}}" / > {{_ "False"}}< / label >
< / div >
< / div >
< div class = "input-line double-col" id = "messageViewMode" >
< label > {{_ "View_mode"}}< / label >
< div >
< label class = "setting-label" > {{_ "View_mode"}}< / label >
< div class = "setting-field" >
< div class = "rc-select" >
< select class = "input-monitor rc-select__element" name = "messageViewMode" >
< option value = "0" selected = "{{selected 'messageViewMode' 0}}" > {{_ "Normal"}}< / option >
@ -233,12 +232,12 @@
< / select >
{{> icon block="rc-select__arrow" icon="arrow-down" }}
< / div >
< div class = "info" > {{_ "Message_view_mode_info"}}< / div >
< div class = "sett ings-description secondary- font-color " > {{_ "Message_view_mode_info"}}< / div >
< / div >
< / div >
< div class = "input-line double-col" id = "sendOnEnter" >
< label > {{_ "Enter_Behaviour"}}< / label >
< div >
< label class = "setting-label" > {{_ "Enter_Behaviour"}}< / label >
< div class = "setting-field" >
< div class = "rc-select" >
< select class = "input-monitor rc-select__element" name = "sendOnEnter" >
< option value = "normal" selected = "{{selected 'sendOnEnter' 'normal'}}" > {{_ "Enter_Normal"}}< / option >
@ -247,7 +246,7 @@
< / select >
{{> icon block="rc-select__arrow" icon="arrow-down" }}
< / div >
< div class = "info" > {{_ "Enter_Behaviour_Description"}}< / div >
< div class = "sett ings-description secondary- font-color " > {{_ "Enter_Behaviour_Description"}}< / div >
< / div >
< / div >
< / div >
@ -256,8 +255,8 @@
< h1 > {{_ "Sidebar"}}< / h1 >
< div class = "section-content border-component-color" >
< div class = "input-line double-col" id = "roomCounterSidebar" >
< label > {{_ "Show_room_counter_on_sidebar"}}< / label >
< div >
< label class = "setting-label" > {{_ "Show_room_counter_on_sidebar"}}< / label >
< div class = "setting-field" >
< label > < input type = "radio" name = "roomCounterSidebar" value = "true" checked = "{{checked 'roomCounterSidebar' true}}" / > {{_ "True"}}< / label >
< label > < input type = "radio" name = "roomCounterSidebar" value = "false" checked = "{{checked 'roomCounterSidebar' false}}" / > {{_ "False"}}< / label >
< / div >
@ -268,10 +267,10 @@
< h1 > {{_ "Highlights"}}< / h1 >
< div class = "section-content border-component-color" >
< div class = "input-line double-col" >
< label > {{_ "Highlights_List"}}< / label >
< div >
< label > {{_ "Highlights_How_To"}}< / label >
< label class = "setting-label" > {{_ "Highlights_List"}}< / label >
< div class = "setting-field" >
< textarea class = "rc-input__element" name = "highlights" id = "highlights" cols = "30" rows = "10" > {{highlights}}< / textarea >
< div class = "settings-description secondary-font-color" > {{_ "Highlights_How_To"}}< / div >
< / div >
< / div >
< / div >
@ -280,8 +279,8 @@
< h1 > {{_ "Sound"}}< / h1 >
< div class = "section-content border-component-color" >
< div class = "input-line double-col" >
< label > {{_ "New_Room_Notification"}}< / label >
< div class = "rc-select" >
< label class = "setting-label" > {{_ "New_Room_Notification"}}< / label >
< div class = "rc-select setting-field " >
< select name = "newRoomNotification" class = "audio rc-select__element" >
< option value = "none" selected = "{{$eq newRoomNotification 'none'}}" > {{_ "None"}}< / option >
< option value = "door" selected = "{{$eq newRoomNotification 'door'}}" > Door ({{_ "Default"}})< / option >
@ -293,8 +292,8 @@
< / div >
< / div >
< div class = "input-line double-col" >
< label > {{_ "New_Message_Notification"}}< / label >
< div class = "rc-select" >
< label class = "setting-label" > {{_ "New_Message_Notification"}}< / label >
< div class = "rc-select setting-field " >
< select name = "newMessageNotification" class = "audio rc-select__element" >
< option value = "none" selected = "{{$eq newMessageNotification 'none'}}" > {{_ "None"}}< / option >
< option value = "chime" selected = "{{$eq newMessageNotification 'chime'}}" > Chime ({{_ "Default"}})< / option >
@ -306,15 +305,15 @@
< / div >
< / div >
< div class = "input-line double-col" id = "muteFocusedConversations" >
< label > {{_ "Mute_Focused_Conversations"}}< / label >
< div >
< label class = "setting-label" > {{_ "Mute_Focused_Conversations"}}< / label >
< div class = "setting-field" >
< label > < input type = "radio" name = "muteFocusedConversations" value = "true" checked = "{{checked 'muteFocusedConversations' true}}" / > {{_ "True"}}< / label >
< label > < input type = "radio" name = "muteFocusedConversations" value = "false" checked = "{{checked 'muteFocusedConversations' false}}" / > {{_ "False"}}< / label >
< / div >
< / div >
< div class = "input-line double-col" >
< label > {{_ "Notifications_Sound_Volume"}}< / label >
< div >
< label class = "setting-label" > {{_ "Notifications_Sound_Volume"}}< / label >
< div class = "setting-field" >
{{> slider id="notificationsSoundVolume" min="0" max="100" value=notificationsSoundVolume}}
< / div >
< / div >
@ -325,15 +324,13 @@
< div class = "section" >
< h1 > {{_ "My Data"}}< / h1 >
< div class = "section-content border-component-color" >
< div class = "input-line" >
< label > < button class = "button download-my-data" > < i class = "icon-download secondary-font-color" > < / i > < span > {{_ "Download_My_Data"}}< / span > < / button > < / label >
< label > < button class = "button export-my-data" > < i class = "icon-download secondary-font-color" > < / i > < span > {{_ "Export_My_Data"}}< / span > < / button > < / label >
< div class = "input-line double-col " >
< button class = "rc- button setting-acti on download-my-data" > < i class = "icon-download secondary-font-color" > < / i > < span > {{_ "Download_My_Data"}}< / span > < / button >
< button class = "rc- button setting-acti on export-my-data" > < i class = "icon-download secondary-font-color" > < / i > < span > {{_ "Export_My_Data"}}< / span > < / button >
< / div >
< / div >
< / div >
{{/if}}
< / fieldset >
< / form >
< / div >
< / section >