add schedulers layout_ref

app/assets/javascripts/app/controllers/layout_ref.js.coffee

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

app/assets/javascripts/app/views/agent_user_create.jst.eco

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

app/assets/javascripts/app/views/layout_ref/index.jst.eco

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

app/assets/javascripts/app/views/layout_ref/local_modal.jst.eco

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

app/assets/javascripts/app/views/layout_ref/schedulers.jst.eco

@@ -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&nbsp;asdfasdfasdfasdfasfasdfasdfasdfasdfasdfasdfasdfasdfasdf asdfasdfasdfasdfasfasdfasdfasdfasdfasdfasdfasdfasdfasdf">
+                        Welcome to our little planet with flowers and forests&nbsp;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>

app/assets/javascripts/app/views/layout_ref/sla.jst.eco

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

app/assets/javascripts/app/views/modal.jst.eco

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

app/assets/stylesheets/zammad.css.scss

@@ -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;
+  width: 30px;
-  height: 34px;
+  height: 30px;
   border: 1px solid hsl(198,19%,86%);
   border-radius: 100%;
   background: white;