Reworked admin maintenance area (needed for restarting screen).

app/assets/javascripts/app/controllers/_settings/area.coffee

@@ -132,10 +132,14 @@ class App.SettingsAreaLogo extends App.Controller
     @render()
 
   render: ->
-    @html App.view('settings/logo')(
+    localElement = $(App.view('settings/logo')(
       setting: @setting
+    ))
+    localElement.find('.js-loginPreview').html( App.view('generic/login_preview')(
       logoUrl: @logoUrl()
-    )
+      logoChange: true
+    ))
+    @html localElement
 
   onLogoPick: (event) =>
     reader = new FileReader()
@@ -146,8 +150,7 @@ class App.SettingsAreaLogo extends App.Controller
     file = event.target.files[0]
 
     # if no file is given, about in file upload was used
-    if !file
-      return
+    return if !file
 
     maxSiteInMb = 8
     if file.size && file.size > 1024 * 1024 * maxSiteInMb
@@ -189,9 +192,9 @@ class App.SettingsAreaLogo extends App.Controller
               msg:     App.i18n.translateContent('Update successful!')
               timeout: 2000
             }
-
-            for key, value of data.settings
-              App.Config.set( key, value )
+            for setting in data.settings
+              value = App.Setting.get(setting.name)
+              App.Config.set(name, value)
           else
             App.Event.trigger 'notify', {
               type:    'error'

app/assets/javascripts/app/controllers/login.coffee

@@ -21,6 +21,20 @@ class Index extends App.ControllerContent
     @render()
     @navupdate '#login'
 
+    # observe config changes related to login page
+    @bind('config_update_local', (data) =>
+      return if data.name != 'maintenance_mode' &&
+        data.name != 'maintenance_login' &&
+        data.name != 'maintenance_login_message' &&
+        data.name != 'user_lost_password' &&
+        data.name != 'user_create_account' &&
+        data.name != 'product_name' &&
+        data.name != 'product_logo' &&
+        data.name != 'fqdn'
+      @render()
+      'rerender'
+    )
+
   render: (data = {}) ->
     auth_provider_all = {
       facebook: {
@@ -100,11 +114,15 @@ class Index extends App.ControllerContent
       @navigate '#/'
 
   error: (xhr, statusText, error) =>
+    detailsRaw = xhr.responseText
+    details = {}
+    if !_.isEmpty(detailsRaw)
+      details = JSON.parse(detailsRaw)
 
     # add notify
     @notify
       type:      'error'
-      msg:       App.i18n.translateContent('Wrong Username and Password combination.')
+      msg:       App.i18n.translateContent(details.error || 'Wrong Username and Password combination.')
       removeAll: true
 
     # rerender login page

app/assets/javascripts/app/controllers/maintenance.coffee

@@ -1,6 +1,13 @@
 class Index extends App.ControllerContent
   events:
-    'submit form': 'sendMessage'
+    'change .js-modeSetting input': 'setMode'
+    'change .js-loginSetting input': 'setLogin'
+    'blur .js-Login': 'updateMessage'
+    'submit .js-Message': 'sendMessage'
+
+  elements:
+    '.js-modeSetting input': 'modeSetting'
+    '.js-loginSetting input': 'loginSetting'
 
   constructor: ->
     super
@@ -10,25 +17,61 @@ class Index extends App.ControllerContent
 
     @title 'Maintenance', true
 
-    @render()
+    @subscribeId = App.Setting.subscribe(@render, initFetch: true, clear: false)
+
+  release: =>
+    App.Setting.unsubscribe(@subscribeId)
+
+  render: =>
+    localElement = $(App.view('maintenance')())
+    localElement.find('.js-loginPreview').html( App.view('generic/login_preview')(
+      logoUrl: @logoUrl()
+    ))
+
+    localElement.find('.js-textarea').ce({
+      mode:      'richtext'
+      multiline: true
+      maxlength: 20000
+    })
+
+    @html localElement
+
+  setMode: (e) =>
+    value = @modeSetting.prop('checked')
+    return if value && !confirm('Sure?')
+    App.Setting.set('maintenance_mode', value)
+    App.WebSocket.send(
+      event:'maintenance'
+      data:
+        type: 'mode'
+        on: value
+    )
+
+  setLogin: (e) =>
+    value = @loginSetting.prop('checked')
+    App.Setting.set('maintenance_login', value)
 
-  render: ->
-    @html App.view('maintenance')()
+  updateMessage: (e) =>
+    e.preventDefault()
+    params = @formParam(e.target)
+    App.Setting.set('maintenance_login_message', params.message)
+    @notify
+      type:      'success'
+      msg:       App.i18n.translateContent('Update successful!')
+      removeAll: true
 
   sendMessage: (e) ->
     e.preventDefault()
     params = @formParam(e.target)
-    App.Event.trigger(
-      'ws:send'
-        event: 'broadcast'
-        data:
-          event: 'session:maintenance'
-          data:  params
+    params.type = 'message'
+    App.WebSocket.send(
+      event:'maintenance'
+      data: params
     )
     @notify
       type:      'success'
       msg:       App.i18n.translateContent('Sent successfully!')
       removeAll: true
     @render()
 
-App.Config.set( 'Maintenance', { prio: 3600, name: 'Maintenance', parent: '#system', target: '#system/maintenance', controller: Index, role: ['Admin'] }, 'NavBarAdmin' )
+App.Config.set('Maintenance', { prio: 3600, name: 'Maintenance', parent: '#system', target: '#system/maintenance', controller: Index, role: ['Admin'] }, 'NavBarAdmin')

app/assets/javascripts/app/controllers/signup.coffee

@@ -81,18 +81,21 @@ class Index extends App.ControllerContent
     # add notify
     @notify
       type:      'success'
-      msg:       'Thanks for joining. Email sent to "' + @params.email + '". Please verify your email address.'
+      msg:       App.i18n.translateContent('Thanks for joining. Email sent to "%s". Please verify your email address.', @params.email)
       removeAll: true
 
     # redirect to #
     @navigate '#'
 
   error: (xhr, statusText, error) =>
+    detailsRaw = xhr.responseText
+    details = {}
+    if !_.isEmpty(detailsRaw)
+      details = JSON.parse(detailsRaw)
 
-    # add notify
     @notify
-      type:      'warning'
-      msg:       'Wrong Username and Password combination.'
+      type:      'error'
+      msg:       App.i18n.translateContent(details.error || 'Wrong Username and Password combination.')
       removeAll: true
 
-App.Config.set( 'signup', Index, 'Routes' )
+App.Config.set('signup', Index, 'Routes')

app/assets/javascripts/app/controllers/widget/app_config_update.coffee

@@ -0,0 +1,12 @@
+class Widget extends App.Controller
+  constructor: ->
+    super
+
+    App.Event.bind(
+      'config_update'
+      (data) ->
+        App.Config.set(data.name, data.value)
+        App.Event.trigger('config_update_local', data)
+    )
+
+App.Config.set('app_config_update', Widget, 'Widgets')

app/assets/javascripts/app/controllers/widget/maintenance.coffee

@@ -2,11 +2,19 @@ class Widget extends App.Controller
   constructor: ->
     super
 
-    # bind on event to show message
     App.Event.bind(
-      'session:maintenance'
+      'maintenance'
       (data) =>
-        @showMessage(data)
+        if data.type is 'message'
+          @showMessage(data)
+        if data.type is 'mode'
+          @maintanaceMode(data)
+        if data.type is 'app_version'
+          @maintanaceAppVersion(data)
+        if data.type is 'config_changed'
+          @maintanaceConfigChanged(data)
+        if data.type is 'restart'
+          @maintanaceRestart(data)
       'maintenance'
     )
 
@@ -17,18 +25,73 @@ class Widget extends App.Controller
     else
       button = 'Close'
 
-    # convert to html and linkify
-    message.message = App.Utils.textCleanup(message.message)
-    message.message = App.Utils.text2html(message.message)
-
     new App.SessionMessage(
       head:          message.head
       contentInline: message.message
+      small:         true
       keyboard:      true
       backdrop:      true
       buttonClose:   true
       buttonSubmit:  button
       forceReload:   message.reload
     )
 
+  maintanaceMode: (data = {}) =>
+    return if data.on isnt true
+    return if !@authenticate(true)
+    @navigate '#logout'
+
+  #App.Event.trigger('maintenance', {type:'restart'})
+  maintanaceRestart: (data) =>
+    return if @messageRestart
+    @messageRestart = new App.SessionMessage(
+      head:         'Restarting...'
+      message:      'Zammad is restarting... waiting...'
+      keyboard:     false
+      backdrop:     false
+      buttonClose:  false
+      buttonSubmit: false
+      small:        true
+      forceReload:  true
+    )
+
+    # disconnect
+
+    # try if backend is reachable again
+
+    # reload app
+
+  maintanaceConfigChanged: (data) =>
+    return if @messageConfigChanged
+    @messageConfigChanged = new App.SessionMessage(
+      head:         'Config has changed'
+      message:      'The configuration of Zammad has changed, please reload your browser.'
+      keyboard:     false
+      backdrop:     true
+      buttonClose:  false
+      buttonSubmit: 'Continue session'
+      forceReload:  true
+    )
+
+  maintanaceAppVersion: (data) =>
+    return if @messageAppVersion
+    return if @appVersion is data.app_version
+    if !@appVersion
+      @appVersion = data.app_version
+      return
+    @appVersion = data.app_version
+    localAppVersion = @appVersion.split(':')
+    return if localAppVersion[1] isnt 'true'
+    message = =>
+      @messageAppVersion = new App.SessionMessage(
+        head:         'New Version'
+        message:      'A new version of Zammad is available, please reload your browser.'
+        keyboard:     false
+        backdrop:     true
+        buttonClose:  false
+        buttonSubmit: 'Continue session'
+        forceReload:  true
+      )
+    @delay(message, 2000)
+
 App.Config.set('maintenance', Widget, 'Widgets')

app/assets/javascripts/app/models/setting.coffee

@@ -27,8 +27,8 @@ class App.Setting extends App.Model
           msg:     App.i18n.translateContent(details.error_human || details.error || 'Unable to update object!')
           timeout: 2000
         }
-    setting.save(options)
     App.Config.set(name, value)
+    setting.save(options)
 
   @preferencesPost: (setting) ->
     return if !setting.preferences

app/assets/javascripts/app/views/generic/login_preview.jst.eco

@@ -0,0 +1,43 @@
+<div class="login branding centered darkBackground vertical">
+
+  <% if @C('maintenance_mode'): %>
+    <div class="hero-unit alert alert--danger"><%- @T('Zammad is currently in maintenance mode. Only administrators can login. Please wait until the maintenance window is over.') %></div>
+  <% end %>
+
+  <% if !@logoChange || @C('maintenance_login'): %>
+  <form>
+    <div contenteditable id="maintenance-message" data-name="message" class="hero-unit alert alert--success js-textarea js-Login" <% if !@C('maintenance_login'): %>style="opacity: 0.5;"<% end %>><%- @C('maintenance_login_message') %></div>
+  </form>
+  <% end %>
+
+  <div class="hero-unit">
+
+    <% if @logoChange: %>
+      <img class="logo-preview" src="<%= @logoUrl %>">
+      <div class="logo-preview-placeholder"><%- @T('Your Logo') %></div>
+      <div class="centered">
+        <div class="btn btn--success fileUpload"><%- @T('Change') %><input type="file" class="js-upload" name="logo" accept="image/*"></div>
+      </div>
+    <% else: %>
+      <img class="company-logo" src="<%= @logoUrl %>">
+    <% end %>
+
+    <div class="form-group">
+      <label for="username"><%- @Ti('Username / email') %></label>
+      <input id="username" name="username" type="text" class="form-control" value="<%= @S('login') %>" autocapitalize="off" disabled="disabled"/>
+    </div>
+
+    <div class="form-group">
+      <label for="password"><%- @Ti('Password') %></label>
+      <input id="password" name="password" type="password" class="form-control" value="some_pass" disabled="disabled"/>
+    </div>
+
+    <div class="form-group">
+      <label><input name="remember_me" value="1" type="checkbox" disabled="disabled"/> <%- @T('Remember me') %></label>
+    </div>
+
+    <div class="form-controls">
+      <button class="btn btn--primary" type="submit" disabled="disabled"><%- @T('Sign in') %></button>
+    </div>
+  </div>
+</div>