add schedulers layout_ref
This commit is contained in:
Felix Niklas
parent
75838e5d8e
commit
44d40bb4ac
8 changed files with 375 additions and 17 deletions
|
|
@ -1282,6 +1282,7 @@ class userListRef extends App.ControllerContent
|
|||
|
||||
App.Config.set( 'layout_ref/user_list', userListRef, 'Routes' )
|
||||
|
||||
|
||||
class slaRef extends App.ControllerContent
|
||||
|
||||
events:
|
||||
|
|
@ -1307,4 +1308,16 @@ class slaRef extends App.ControllerContent
|
|||
App.Config.set( 'layout_ref/sla', slaRef, 'Routes' )
|
||||
|
||||
|
||||
class schedulersRef extends App.ControllerContent
|
||||
|
||||
constructor: ->
|
||||
super
|
||||
@render()
|
||||
|
||||
render: ->
|
||||
@html App.view('layout_ref/schedulers')()
|
||||
|
||||
App.Config.set( 'layout_ref/schedulers', schedulersRef, 'Routes' )
|
||||
|
||||
|
||||
App.Config.set( 'LayoutRef', { prio: 1700, parent: '#current_user', name: 'Layout Reference', translate: true, target: '#layout_ref', role: [ 'Admin' ] }, 'NavBarRight' )
|
||||
|
|
@ -8,7 +8,7 @@
|
|||
<h1 class="modal-title"><%- @T( @head ) %></h1>
|
||||
</div>
|
||||
<div class="modal-body" id="form-user"></div>
|
||||
<div class="modal-footer horizontal">
|
||||
<div class="modal-footer">
|
||||
<a class="subtle-link standalone js-cancel" href="#/"><%- @T( 'Cancel & Go Back' ) %></a>
|
||||
<button type="submit" class="btn btn--success js-submit align-right"><%- @T( 'Create' ) %></button>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
|
||||
|
||||
<ul>
|
||||
<li><a href="#layout_ref/schedulers">Schedulers</a></li>
|
||||
<li><a href="#layout_ref/sla">Sla Modal</a></li>
|
||||
<li><a href="#layout_ref/user_list">User List</a></li>
|
||||
<li><a href="#layout_ref/admin_placeholder">Admin Placeholder (Inline Tutorials)</a></li>
|
||||
|
|
|
|||
|
|
@ -289,7 +289,7 @@
|
|||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="modal-footer horizontal">
|
||||
<div class="modal-footer">
|
||||
<a class="subtle-link standalone js-cancel" href="#/">Cancel & Go Back</a>
|
||||
<button type="submit" class="btn btn--success js-submit align-right">Update & Back</button>
|
||||
</div>
|
||||
|
|
|
|||
338
app/assets/javascripts/app/views/layout_ref/schedulers.jst.eco
Normal file
338
app/assets/javascripts/app/views/layout_ref/schedulers.jst.eco
Normal file
|
|
@ -0,0 +1,338 @@
|
|||
<div class="modal modal--local">
|
||||
<div class="modal-backdrop"></div>
|
||||
<div class="modal-dialog">
|
||||
<form>
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<div class="modal-close js-close">
|
||||
<svg class="icon-diagonal-cross"><use xlink:href="#icon-diagonal-cross" /></svg>
|
||||
</div>
|
||||
<h1 class="modal-title">New Scheduler</h1>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<h2>Selector</h2>
|
||||
<p>Create rules that single out the tickets for automated processing.</p>
|
||||
<h3>Filters</h3>
|
||||
<div class="horizontal-filters">
|
||||
<div class="horizontal-filter">
|
||||
<div class="horizontal-filter-body">
|
||||
<div class="controls">
|
||||
<div class="u-positionOrigin">
|
||||
<select class="form-control" name="filter_attribute_1">
|
||||
<optgroup label="Ticket">
|
||||
<option>Customer</option>
|
||||
<option>Owner</option>
|
||||
<option>Number</option>
|
||||
<option>Title</option>
|
||||
<option>Group</option>
|
||||
<option>State</option>
|
||||
<option>Priority</option>
|
||||
<option selected>Spam</option>
|
||||
</optgroup>
|
||||
<optgroup label="Customer">
|
||||
<option>Email</option>
|
||||
<option>Country</option>
|
||||
<option>Group</option>
|
||||
<option>Organization</option>
|
||||
<option>Department</option>
|
||||
<option>VIP</option>
|
||||
</optgroup>
|
||||
<optgroup label="Organization">
|
||||
<option>Country</option>
|
||||
<option>VIP</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
<svg class="icon-arrow-down"><use xlink:href="#icon-arrow-down"></use></svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="controls">
|
||||
<div class="u-positionOrigin">
|
||||
<select class="form-control" name="filter_operator_1">
|
||||
<option>equals to</option>
|
||||
<option>contains</option>
|
||||
<option>begins with</option>
|
||||
<option>ends with</option>
|
||||
<option selected>is</option>
|
||||
<option>is not</option>
|
||||
</select>
|
||||
<svg class="icon-arrow-down"><use xlink:href="#icon-arrow-down"></use></svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="controls">
|
||||
<div class="u-positionOrigin">
|
||||
<select class="form-control" name="filter_operator_1">
|
||||
<option selected>true</option>
|
||||
<option>false</option>
|
||||
</select>
|
||||
<svg class="icon-arrow-down"><use xlink:href="#icon-arrow-down"></use></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="filter-controls">
|
||||
<div class="filter-control filter-control-remove js-remove is-disabled" title="Remove rule">
|
||||
<svg class="icon icon-minus"><use xlink:href="#icon-minus" /></svg>
|
||||
</div>
|
||||
<div class="filter-control filter-control-add js-add" title="Add new rule">
|
||||
<svg class="icon icon-plus"><use xlink:href="#icon-plus" /></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="filter-preview">
|
||||
<h3>Preview <span class="subtitle"><span class="u-highlight">2</span> matches</span></h3>
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 28px"></th>
|
||||
<th>Customer</th>
|
||||
<th style="width: 42%">Title</th>
|
||||
<th>Group</th>
|
||||
<th style="width: 25%">Created</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="item" data-id="1" data-position="1" style="cursor: pointer;">
|
||||
<td>
|
||||
<svg class="icon-priority level-1">
|
||||
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-priority"></use>
|
||||
</svg>
|
||||
</td>
|
||||
<td> <span class="user-popover" data-id="2" data-original-title="" title="">
|
||||
Nicole Braun (Zammad Foundation)
|
||||
</span> </td>
|
||||
<td>
|
||||
<a href="#ticket/zoom/1"> <span title="Welcome to our little planet with flowers and forests asdfasdfasdfasdfasfasdfasdfasdfasdfasdfasdfasdfasdfasdf asdfasdfasdfasdfasfasdfasdfasdfasdfasdfasdfasdfasdfasdf">
|
||||
Welcome to our little planet with flowers and forests asdfasdfasdfasdfasfasdfasdfasdfasdfasdfasdfasdfasdfasdf asdfasdfasdfasdfasfasdfasdfasdfasdfasdfasdfasdfasdfasdf
|
||||
</span> </a>
|
||||
</td>
|
||||
<td> <span>
|
||||
Users
|
||||
</span> </td>
|
||||
<td class="noTruncate"> <span>
|
||||
<span class="humanTimeFromNow undefined" data-time="2015-01-12T12:58:42.000Z" data-tooltip="01/12/2015 13:58">01/12/2015</span> </span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="item" data-id="6" data-position="6" style="cursor: pointer;">
|
||||
<td>
|
||||
<svg class="icon-priority level-2">
|
||||
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-priority"></use>
|
||||
</svg>
|
||||
</td>
|
||||
<td> <span class="user-popover" data-id="2" data-original-title="" title="">
|
||||
Nicole Braun (Zammad Foundation)
|
||||
</span> </td>
|
||||
<td>
|
||||
<a href="#ticket/zoom/6"> <span title="script/scheduler.rb start script/scheduler.rb start script/scheduler.rb start script/scheduler.rb start script/scheduler.rb start script/scheduler.rb start script/scheduler.rb start script/scheduler.rb start script/scheduler.rb start script/scheduler">
|
||||
script/scheduler.rb start script/scheduler.rb start script/scheduler.rb start script/scheduler.rb start script/scheduler.rb start script/scheduler.rb start script/scheduler.rb start script/scheduler.rb start script/scheduler.rb start script/scheduler
|
||||
</span> </a>
|
||||
</td>
|
||||
<td> <span>
|
||||
Users
|
||||
</span> </td>
|
||||
<td class="noTruncate"> <span>
|
||||
<span class="humanTimeFromNow undefined" data-time="2015-06-11T07:26:31.000Z" data-tooltip="06/11/2015 09:26">5 days 3 hours ago</span> </span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h2>Actions</h2>
|
||||
<div class="horizontal-filters">
|
||||
<div class="horizontal-filter">
|
||||
<div class="horizontal-filter-body">
|
||||
<div class="controls">
|
||||
<div class="u-positionOrigin">
|
||||
<select class="form-control" name="filter_attribute_2">
|
||||
<option selected>Move to trash</option>
|
||||
<option>Set to escalated</option>
|
||||
</select>
|
||||
<svg class="icon-arrow-down"><use xlink:href="#icon-arrow-down"></use></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="filter-controls">
|
||||
<div class="filter-control filter-control-remove is-disabled js-remove" title="Remove rule">
|
||||
<svg class="icon icon-minus"><use xlink:href="#icon-minus" /></svg>
|
||||
</div>
|
||||
<div class="filter-control filter-control-add js-add" title="Add new rule">
|
||||
<svg class="icon icon-plus"><use xlink:href="#icon-plus" /></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>Timer</h2>
|
||||
<p>
|
||||
When should the job run?<br>
|
||||
<output class="timer-output js-timerResult">
|
||||
Run every Monday, Tuesday, Wednesday, Thursday and Friday at 07:30 o'clock.
|
||||
</output>
|
||||
</p>
|
||||
<table class="settings-list">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Day
|
||||
<th colspan="3">Hour
|
||||
<th>Minute
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><label><input type="checkbox" checked> Monday</label>
|
||||
<td><label><input type="checkbox"> 00:00</label>
|
||||
<td><label><input type="checkbox"> 08:00</label>
|
||||
<td><label><input type="checkbox"> 16:00</label>
|
||||
<td><label><input type="checkbox"> 00</label>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label><input type="checkbox" checked> Tuesday</label>
|
||||
<td><label><input type="checkbox"> 01:00</label>
|
||||
<td><label><input type="checkbox"> 09:00</label>
|
||||
<td><label><input type="checkbox"> 17:00</label>
|
||||
<td><label><input type="checkbox"> 10</label>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label><input type="checkbox" checked> Wednesday</label>
|
||||
<td><label><input type="checkbox"> 02:00</label>
|
||||
<td><label><input type="checkbox"> 10:00</label>
|
||||
<td><label><input type="checkbox"> 18:00</label>
|
||||
<td><label><input type="checkbox"> 20</label>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label><input type="checkbox" checked> Thursday</label>
|
||||
<td><label><input type="checkbox"> 03:00</label>
|
||||
<td><label><input type="checkbox"> 11:00</label>
|
||||
<td><label><input type="checkbox"> 19:00</label>
|
||||
<td><label><input type="checkbox" checked> 30</label>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label><input type="checkbox" checked> Friday</label>
|
||||
<td><label><input type="checkbox"> 04:00</label>
|
||||
<td><label><input type="checkbox"> 12:00</label>
|
||||
<td><label><input type="checkbox"> 20:00</label>
|
||||
<td><label><input type="checkbox"> 40</label>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label><input type="checkbox"> Saturday</label>
|
||||
<td><label><input type="checkbox"> 05:00</label>
|
||||
<td><label><input type="checkbox"> 13:00</label>
|
||||
<td><label><input type="checkbox"> 21:00</label>
|
||||
<td><label><input type="checkbox"> 50</label>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><label><input type="checkbox"> Sunday</label>
|
||||
<td><label><input type="checkbox"> 05:00</label>
|
||||
<td><label><input type="checkbox"> 14:00</label>
|
||||
<td><label><input type="checkbox"> 22:00</label>
|
||||
<td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<td><label><input type="checkbox" checked> 07:00</label>
|
||||
<td><label><input type="checkbox"> 15:00</label>
|
||||
<td><label><input type="checkbox"> 23:00</label>
|
||||
<td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a class="subtle-link standalone js-cancel" href="#/">Cancel & Go Back</a>
|
||||
<button type="submit" class="btn btn--success js-submit align-right">Create SLA</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
|
|
@ -11,7 +11,7 @@
|
|||
</div>
|
||||
<div class="modal-body">
|
||||
<h2>Selector</h2>
|
||||
<p class="subtle">Create rules that single out the tickets for the Service Level Agreement.</p>
|
||||
<p>Create rules that single out the tickets for the Service Level Agreement.</p>
|
||||
<h3>Filters</h3>
|
||||
<div class="horizontal-filters">
|
||||
<div class="horizontal-filter">
|
||||
|
|
@ -70,7 +70,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="filter-preview">
|
||||
<h3>Preview <span class="subtitle">matches <span class="u-highlight">5</span></span></h3>
|
||||
<h3>Preview <span class="subtitle"><span class="u-highlight">5</span> matches</span></h3>
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
@ -285,13 +285,6 @@
|
|||
<h2>Schedule</h2>
|
||||
<h3>Business Hours <span class="subtitle">in European Central Time <a class="btn btn--text btn--subtle" href="#">(change)</a></span></h3>
|
||||
<table class="settings-list settings-list--toggleColumn">
|
||||
<col class="is-active">
|
||||
<col class="is-active">
|
||||
<col data-colum="wednesday" class="is-active">
|
||||
<col data-colum="thursday" class="is-active">
|
||||
<col data-colum="friday" class="is-active">
|
||||
<col data-colum="saturday">
|
||||
<col data-colum="sunday">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="text-align: center">
|
||||
|
|
@ -394,7 +387,7 @@
|
|||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="modal-footer horizontal">
|
||||
<div class="modal-footer">
|
||||
<a class="subtle-link standalone js-cancel" href="#/">Cancel & Go Back</a>
|
||||
<button type="submit" class="btn btn--success js-submit align-right">Create SLA</button>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
<%- @content %>
|
||||
<% end %>
|
||||
</div>
|
||||
<div class="modal-footer horizontal">
|
||||
<div class="modal-footer">
|
||||
<% if @cancel: %>
|
||||
<div class="modal-leftFooter">
|
||||
<a class="subtle-link standalone js-cancel align-left" href="#/"><%- @T( 'Cancel & Go Back' ) %></a>
|
||||
|
|
|
|||
|
|
@ -4226,11 +4226,16 @@ footer {
|
|||
|
||||
.modal-body {
|
||||
padding: 0 23px;
|
||||
|
||||
h2:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
padding: 23px 23px 20px;
|
||||
border: none;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.modal-leftFooter,
|
||||
|
|
@ -5210,7 +5215,7 @@ label + .wizard-buttonList {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
background: hsl(197,20%,93%);
|
||||
padding: 14px 10px;
|
||||
padding: 7px;
|
||||
border: 1px solid hsl(198,19%,86%);
|
||||
|
||||
&:first-child {
|
||||
|
|
@ -5226,7 +5231,7 @@ label + .wizard-buttonList {
|
|||
}
|
||||
|
||||
& + .horizontal-filter {
|
||||
border-top: 1px solid hsl(198,19%,87%);
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.horizontal-filter-body {
|
||||
|
|
@ -5251,6 +5256,14 @@ label + .wizard-buttonList {
|
|||
}
|
||||
}
|
||||
|
||||
output {
|
||||
border-bottom: 1px solid hsl(200,71%,59%);
|
||||
margin: 14px 0 0;
|
||||
display: inline-block;
|
||||
padding: 10px 20px;
|
||||
background: hsl(201,62%,93%);
|
||||
}
|
||||
|
||||
.horizontal-filter-text {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
|
@ -5264,8 +5277,8 @@ label + .wizard-buttonList {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: 1px solid hsl(198,19%,86%);
|
||||
border-radius: 100%;
|
||||
background: white;
|
||||
|
|
|
|||
Loading…
Reference in a new issue