create admin loading placeholder layoutRef
This commit is contained in:
parent
eac1ae6985
commit
702a8005d4
4 changed files with 116 additions and 0 deletions
|
@ -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' )
|
|
@ -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>
|
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue