create admin loading placeholder layoutRef

This commit is contained in:
Felix Niklas 2015-10-16 18:15:52 +02:00
parent eac1ae6985
commit 702a8005d4
4 changed files with 116 additions and 0 deletions

View file

@ -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' )

View file

@ -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>

View file

@ -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>

View file

@ -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;