From 702a8005d481c694bfde4c174940921efd9d7218 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Fri, 16 Oct 2015 18:15:52 +0200
Subject: [PATCH] create admin loading placeholder layoutRef

---
 .../app/controllers/layout_ref.coffee         |  9 ++
 .../views/layout_ref/admin_loading.jst.eco    | 96 +++++++++++++++++++
 .../app/views/layout_ref/index.jst.eco        |  1 +
 app/assets/stylesheets/zammad.scss            | 10 ++
 4 files changed, 116 insertions(+)
 create mode 100644 app/assets/javascripts/app/views/layout_ref/admin_loading.jst.eco

diff --git a/app/assets/javascripts/app/controllers/layout_ref.coffee b/app/assets/javascripts/app/controllers/layout_ref.coffee
index c3d5b97b9..72e4d6724 100644
--- a/app/assets/javascripts/app/controllers/layout_ref.coffee
+++ b/app/assets/javascripts/app/controllers/layout_ref.coffee
@@ -2055,6 +2055,15 @@ class chatWindowRef extends Spine.Controller
   scrollToBottom: ->
     @scrollHolder.scrollTop(@scrollHolder.prop('scrollHeight'))
 
+class AdminLoadRef extends App.ControllerContent
 
+  constructor: ->
+    super
+    @render()
+
+  render: ->
+    @html App.view('layout_ref/admin_loading')()
+
+App.Config.set( 'layout_ref/admin_loading', AdminLoadRef, 'Routes' )
 
 App.Config.set( 'LayoutRef', { prio: 1700, parent: '#current_user', name: 'Layout Reference', translate: true, target: '#layout_ref', role: [ 'Admin' ] }, 'NavBarRight' )
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/layout_ref/admin_loading.jst.eco b/app/assets/javascripts/app/views/layout_ref/admin_loading.jst.eco
new file mode 100644
index 000000000..42f9c2da0
--- /dev/null
+++ b/app/assets/javascripts/app/views/layout_ref/admin_loading.jst.eco
@@ -0,0 +1,96 @@
+<div class="sidebar NavBarAdmin">
+  <h2>Manage</h2>
+
+  <ul class="nav nav-pills nav-stacked">
+    <li class="">
+      <a href="#manage/users">Users</a>
+    <li>
+      <a href="#manage/groups">Groups</a>
+    <li>
+      <a href="#manage/organizations">Organizations</a>
+    <li>
+      <a href="#manage/overviews">Overviews</a>
+    <li>
+      <a href="#manage/text_modules">TextModules</a>
+
+    <li>
+      <a href="#manage/slas">SLAs</a>
+    <li>
+      <a href="#manage/schedulers">Schedulers</a>
+    <li>
+      <a href="#manage/triggers">Triggers</a>
+  </ul>
+
+  <h2>Channels</h2>
+
+  <ul class="nav nav-pills nav-stacked">
+    <li>
+      <a href="#channels/web">Web</a>
+    <li class="active">
+      <a href="#channels/email">Email</a>
+    <li>
+      <a href="#channels/chat">Chat</a>
+    <li>
+      <a href="#channels/twitter">Twitter</a>
+    <li>
+      <a href="#channels/facebook">Facebook</a>
+  </ul>
+
+  <h2>Settings</h2>
+
+  <ul class="nav nav-pills nav-stacked">
+    <li>
+      <a href="#settings/system">System</a>
+    <li>
+      <a href="#settings/security">Security</a>
+    <li>
+      <a href="#settings/import">Import</a>
+    <li>
+      <a href="#settings/ticket">Ticket</a>
+  </ul>
+
+  <h2>System</h2>
+
+  <ul class="nav nav-pills nav-stacked">
+    <li>
+      <a href="#system/package">Packages</a>
+    <li>
+      <a href="#system/object_manager">Objects</a>
+    <li>
+      <a href="#system/translation">Translations</a>
+    <li>
+      <a href="#system/maintenance">Maintenance</a>
+    <li>
+      <a href="#system/sessions">Sessions</a>
+  </ul>
+</div>
+
+<div class="main flex">
+  <div class="page-header">
+    <div class="page-header-title">
+      <h1>Email <small></small></h1>
+    </div>
+  </div>
+  <ul class="nav nav-tabs" role="tablist">
+    
+      <li class="active"><a href="#c-account" role="tab" data-toggle="tab" aria-expanded="true">Accounts</a></li>
+    
+      <li><a href="#c-filter" role="tab" data-toggle="tab">Filter</a></li>
+    
+      <li><a href="#c-signature" role="tab" data-toggle="tab">Signatures</a></li>
+    
+      <li><a href="#c-setting" role="tab" data-toggle="tab">Settings</a></li>
+    
+  </ul>
+  <div class="tab-content">
+    <div class="tab-pane active" id="c-account">
+      <h2>Email</h2>
+
+      <div class="action action--loading">
+        <div class="small loading icon"></div>
+        <div class="action-loading-label">Collecting Email Settings..</div>
+      </div>
+
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/layout_ref/index.jst.eco b/app/assets/javascripts/app/views/layout_ref/index.jst.eco
index 516f25930..c12b9b8d0 100644
--- a/app/assets/javascripts/app/views/layout_ref/index.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/index.jst.eco
@@ -4,6 +4,7 @@
 
 
   <ul>
+    <li><a href="#layout_ref/admin_loading">Admin Loading Screen</a></li>
     <li><a href="#layout_ref/customer_chat">Customer Chat</a></li>
     <li><a href="#layout_ref/ticket_zoom">Ticket Zoom</a></li>
     <li><a href="#layout_ref/primary_email">Primary Email (New/Edit User)</a></li>
diff --git a/app/assets/stylesheets/zammad.scss b/app/assets/stylesheets/zammad.scss
index 3f1b8bfc1..838fbb206 100644
--- a/app/assets/stylesheets/zammad.scss
+++ b/app/assets/stylesheets/zammad.scss
@@ -6464,6 +6464,16 @@ output {
     }
   }
 
+  &.action--loading {
+    min-height: 300px;
+    align-items: center;
+    justify-content: center;
+    
+    .action-loading-label {
+      margin-left: 10px;
+    }
+  }
+
   .action-flow {
     display: flex;
     flex-wrap: wrap;