admin placeholder: inline tutorials v1

This commit is contained in:
Felix Niklas 2015-06-08 15:21:47 +02:00
parent 9f841d2d47
commit 5f9f408915
4 changed files with 107 additions and 1 deletions

View file

@ -1183,5 +1183,16 @@ class cluesRef extends App.ControllerContent
App.Config.set( 'layout_ref/clues', cluesRef, 'Routes' ) App.Config.set( 'layout_ref/clues', cluesRef, 'Routes' )
class adminPlaceholderRef extends App.ControllerContent
constructor: ->
super
@render()
render: ->
@html App.view('layout_ref/admin_placeholder')()
App.Config.set( 'layout_ref/admin_placeholder', adminPlaceholderRef, 'Routes' )
App.Config.set( 'LayoutRef', { prio: 1700, parent: '#current_user', name: 'Layout Reference', translate: true, target: '#layout_ref', role: [ 'Admin' ] }, 'NavBarRight' ) 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,90 @@
<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 class="active">
<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>
<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>SLAs <small>Management</small></h1>
</div>
<div class="page-header-meta">
<a class="btn btn--success" data-type="new">New SLA</a>
</div>
</div>
<div class="table-overview">
<p>
<strong>Service-Level-Agreements</strong>, abgekürzt <b>SLAs</b>, unterstützen Sie gegenüber Kunden gewisse zeitliche Reaktionen einzuhalten. Somit können Sie z. B. sagen Kunden sollen immer nach spätestens 8 Stunden eine Reaktion von Ihnen bekommen. Falls es zu einer drohenden Unterschreitung oder einer Unterschreitung kommt, weißt Zammad Sie auf solche Ereignisse hin.
</p>
<p>
Es können <strong>Reaktionszeit</strong> (Zeit zwischen Erstellung eines Tickets und erster Reaktion eines Agenten), <strong>Aktualisierungszeit</strong> (Zeit zwischen Nachfrage eines Kunden und Reaktion eines Agenten) und <strong>Lösungszeit</strong> (Zeit zwischen Erstellung und schließen eines Tickets) definiert werden.
</p>
<p>
Drohenden Unterschreitungen oder Unterschreitungen werden in einer eigenen Ansicht in den Übersichten angezeigt. Zudem können <strong>E-Mail Benachrichtigungen</strong> konfiguriert werden.
</p>
</div>
</div>

View file

@ -4,6 +4,7 @@
<ul> <ul>
<li><a href="#layout_ref/admin_placeholder">Admin Placeholder (Inline Tutorials)</a></li>
<li><a href="#layout_ref/clues">First Steps (Clues)</a></li> <li><a href="#layout_ref/clues">First Steps (Clues)</a></li>
<li><a href="#layout_ref/highlight">Highlight</a></li> <li><a href="#layout_ref/highlight">Highlight</a></li>
<li>Content <a href="#layout_ref/content">Example</a></li> <li>Content <a href="#layout_ref/content">Example</a></li>

View file

@ -25,6 +25,9 @@ body {
p { p {
margin: 14px 0; margin: 14px 0;
word-break: normal;
color: hsl(60,1%,34%);
max-width: 500px;
} }
.u-highlight { .u-highlight {
@ -899,7 +902,8 @@ textarea,
justify-content: center; justify-content: center;
flex: 1; flex: 1;
svg { svg,
.icon {
margin-right: 14px; margin-right: 14px;
} }