Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Merge branch 'develop' of github.com:martini/zammad into develop

Browse source
This commit is contained in:
Martin Edenhofer 2015-10-19 17:16:08 +02:00
commit 02bcdcd14b
19 changed files with 94 additions and 66 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/assets/javascripts/app/lib/app_post/utils.coffee
View file

@ -594,7 +594,8 @@ class App.Utils
num num
@icon: (name, className = '') -> @icon: (name, className = '') ->
"<svg class=\"icon icon-#{name} #{className}\"><use xlink:href=\"#icon-#{name}\" /></svg>" path = if svgPolyfill then '' else 'assets/images/icons.svg'
"<svg class=\"icon icon-#{name} #{className}\"><use xlink:href=\"#{path}#icon-#{name}\" /></svg>"
@getScrollBarWidth: -> @getScrollBarWidth: ->
$outer = $('<div>').css( $outer = $('<div>').css(

2
app/assets/javascripts/app/views/generic/ical_feed.jst.eco
View file

@ -14,7 +14,7 @@
<option value="<%= url %>" <% if @attribute.value is url: %>selected<%end%>><%- @T(name) %></option> <option value="<%= url %>" <% if @attribute.value is url: %>selected<%end%>><%- @T(name) %></option>
<% end %> <% end %>
</select> </select>
<%- @Icon('arrow-down', 'dropdown-arrow') %> <%- @Icon('arrow-down') %>
</div> </div>
<span class="text-small text-muted">(<%- @T('iCalendar links from Google, will get fetched once a day') %>)</span> <span class="text-small text-muted">(<%- @T('iCalendar links from Google, will get fetched once a day') %>)</span>
</div> </div>

2
app/assets/javascripts/app/views/generic/postmaster_match.jst.eco
View file

@ -9,7 +9,7 @@
<div class="controls"> <div class="controls">
<div class="u-positionOrigin js-operator"> <div class="u-positionOrigin js-operator">
<select></select> <select></select>
<%- @Icon('arrow-down', 'dropdown-arrow') %> <%- @Icon('arrow-down') %>
</div> </div>
</div> </div>
<div class="controls js-value"></div> <div class="controls js-value"></div>

2
app/assets/javascripts/app/views/generic/select.jst.eco
View file

@ -7,6 +7,6 @@
<% end %> <% end %>
</select> </select>
<% if not @attribute.multiple: %> <% if not @attribute.multiple: %>
<%- @Icon('arrow-down', 'dropdown-arrow') %> <%- @Icon('arrow-down') %>
<% end %> <% end %>
</div> </div>

6
app/assets/javascripts/app/views/layout_ref/communication_overview.jst.eco
View file

@ -22,11 +22,11 @@
<ul class="pagination"> <ul class="pagination">
<li> <li>
<a class="btn btn--action btn--split--first" href="#" data-from="<%= @items_from - @items_per_page %>" data-type="page"> <a class="btn btn--action btn--split--first" href="#" data-from="<%= @items_from - @items_per_page %>" data-type="page">
<svg class="arrow arrow--left"><use xlink:href="#icon-arrow-left" /></svg> <%- @Icon('arrow-left') %>
</a> </a>
<li> <li>
<a class="btn btn--action btn--split--last" href="#" data-from="<%= @items_from + @items_per_page %>" data-type="page"> <a class="btn btn--action btn--split--last" href="#" data-from="<%= @items_from + @items_per_page %>" data-type="page">
<svg class="arrow arrow--right"><use xlink:href="#icon-arrow-right" /></svg> <%- @Icon('arrow-left') %>
</a> </a>
</ul> </ul>
</div> </div>
@ -229,7 +229,7 @@ Oliver<br>
</div> </div>
</div> </div>
<div class="attachments"> <div class="attachments">
<svg class="icon-paperclip"><use xlink:href="#icon-paperclip" /></svg> <%- @Icon('paperclip') %>
<div class="attachments-title">2 <%- @T('Attached Files') %></div> <div class="attachments-title">2 <%- @T('Attached Files') %></div>
<div class="attachment"> <div class="attachment">
<div class="attachment-name u-highlight">midinotes_view.jpg</div> <div class="attachment-name u-highlight">midinotes_view.jpg</div>

2
app/assets/javascripts/app/views/layout_ref/communication_reply.jst.eco
View file

@ -45,7 +45,7 @@
<%- @T('Uploading') %> (<span class="js-percentage">0</span>%) ... <%- @T('Uploading') %> (<span class="js-percentage">0</span>%) ...
</div> </div>
<div class="attachmentUpload-cancel js-cancel"> <div class="attachmentUpload-cancel js-cancel">
<%- @Icon('diagonal-cross') %></svg><%- @T('Cancel Upload') %> <%- @Icon('diagonal-cross') %> <%- @T('Cancel Upload') %>
</div> </div>
</div> </div>
<div class="attachmentUpload-progressBar" style="width: 0%"></div> <div class="attachmentUpload-progressBar" style="width: 0%"></div>

6
app/assets/javascripts/app/views/layout_ref/content.jst.eco
View file

@ -30,15 +30,15 @@
<h2>VIP Avatars</h2> <h2>VIP Avatars</h2>
<div class="avatar avatar--vip" style="background-image: url(https://pbs.twimg.com/profile_images/1216362658/DSC_0084-p_bigger.jpg)"><svg class='icon icon-crown'><use xlink:href='#icon-crown'></svg></div> <div class="avatar avatar--vip" style="background-image: url(https://pbs.twimg.com/profile_images/1216362658/DSC_0084-p_bigger.jpg)"><%- @Icon('crown') %></div>
<p><code>.avatar</code></p> <p><code>.avatar</code></p>
<div class="avatar avatar--vip size-50" style="background-image: url(https://pbs.twimg.com/profile_images/1216362658/DSC_0084-p_bigger.jpg)"><svg class='icon icon-crown'><use xlink:href='#icon-crown'></svg></div> <div class="avatar avatar--vip size-50" style="background-image: url(https://pbs.twimg.com/profile_images/1216362658/DSC_0084-p_bigger.jpg)"><%- @Icon('crown') %></div>
<p><code>.avatar.size-50</code></p> <p><code>.avatar.size-50</code></p>
<div class="avatar avatar--vip size-80" style="background-image: url(https://pbs.twimg.com/profile_images/1216362658/DSC_0084-p_bigger.jpg)"><svg class='icon icon-crown'><use xlink:href='#icon-crown'></svg></div> <div class="avatar avatar--vip size-80" style="background-image: url(https://pbs.twimg.com/profile_images/1216362658/DSC_0084-p_bigger.jpg)"><%- @Icon('crown') %></div>
<p><code>.avatar.size-80</code></p> <p><code>.avatar.size-80</code></p>

12
app/assets/javascripts/app/views/layout_ref/import_wizard.jst.eco
View file

@ -26,7 +26,7 @@
Download and install this personalised OTRS Migration Plugin on your OTRS System: Download and install this personalised OTRS Migration Plugin on your OTRS System:
</p> </p>
<a class="btn btn--primary btn--download" download data-action="reveal"> <a class="btn btn--primary btn--download" download data-action="reveal">
<svg class="icon-download"><use xlink:href="#icon-download" /></svg> Personal Migration Plugin</a> <%- @Icon('download') %> Personal Migration Plugin</a>
</div> </div>
<div class="wizard-controls horizontal center"> <div class="wizard-controls horizontal center">
<a class="btn btn--text btn--secondary" data-target="home">Go Back</a> <a class="btn btn--text btn--secondary" data-target="home">Go Back</a>
@ -45,8 +45,8 @@
<input type="url" id="otrs-link" class="form-control" placeholder="http://otrs.company.de/otrs"> <input type="url" id="otrs-link" class="form-control" placeholder="http://otrs.company.de/otrs">
<div class="input-feedback centered"> <div class="input-feedback centered">
<div class="small loading icon"></div> <div class="small loading icon"></div>
<svg class="icon icon-error icon-diagonal-cross"><use xlink:href="#icon-diagonal-cross" /></svg> <%- @Icon('icon-diagonal-cross', 'icon-error') %>
<svg class="icon icon-checkmark"><use xlink:href="#icon-checkmark" /></svg> <%- @Icon('checkmark') %>
</div> </div>
</div> </div>
</div> </div>
@ -66,7 +66,7 @@
<td class="progressTable-progressCell"> <td class="progressTable-progressCell">
<div class="horizontal center"> <div class="horizontal center">
<div class="flex"><progress max="42" value="42"></progress></div> <div class="flex"><progress max="42" value="42"></progress></div>
<svg class="icon icon-checkmark"><use xlink:href="#icon-checkmark" /></svg> <%- @Icon('checkmark') %>
</div> </div>
</tr> </tr>
<tr class="is-done"> <tr class="is-done">
@ -75,7 +75,7 @@
<td class="progressTable-progressCell"> <td class="progressTable-progressCell">
<div class="horizontal center"> <div class="horizontal center">
<div class="flex"><progress max="134318" value="134318"></progress></div> <div class="flex"><progress max="134318" value="134318"></progress></div>
<svg class="icon icon-checkmark"><use xlink:href="#icon-checkmark" /></svg> <%- @Icon('checkmark') %>
</div> </div>
</tr> </tr>
<tr> <tr>
@ -84,7 +84,7 @@
<td class="progressTable-progressCell"> <td class="progressTable-progressCell">
<div class="horizontal center"> <div class="horizontal center">
<div class="flex"><progress value="0.3"></progress></div><!-- if there is no max, the value is between 0..1 --> <div class="flex"><progress value="0.3"></progress></div><!-- if there is no max, the value is between 0..1 -->
<svg class="icon icon-checkmark"><use xlink:href="#icon-checkmark" /></svg> <%- @Icon('checkmark') %>
</div> </div>
</tr> </tr>
</table> </table>

10
app/assets/javascripts/app/views/layout_ref/local_modal.jst.eco
View file

@ -120,7 +120,7 @@
</select> </select>
<svg class="dropdown-arrow"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-down"></use></svg> <%- @Icon('icon-arrow-down') %>
</div> </div>
@ -212,7 +212,7 @@
<div class="help-message" title="Notes are visible to agents only, never to customers. "> <div class="help-message" title="Notes are visible to agents only, never to customers. ">
<svg class="icon-help"><use xlink:href="#icon-help" /></svg> <%- @Icon('help') %>
</div> </div>
</div> </div>
@ -279,7 +279,7 @@
</select> </select>
<svg class="dropdown-arrow"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-down"></use></svg> <%- @Icon('icon-arrow-down') %>
</div> </div>
@ -302,9 +302,9 @@
<div class="profile-section vertical centered"> <div class="profile-section vertical centered">
<div class="align-right profile-action dropdown dropdown--actions"> <div class="align-right profile-action dropdown dropdown--actions">
<div class="dropdown-toggle" id="profileAction" data-toggle="dropdown"> <div class="dropdown-toggle" id="profileAction" data-toggle="dropdown">
<svg class="dropdown-icon"><use xlink:href="#icon-cog" /></svg> <%- @Icon('cog', 'dropdown-icon') %>
<label>Aktion</label> <label>Aktion</label>
<svg class="icon-arrow-down"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-down"></use></svg> <%- @Icon('arrow-down') %>
</div> </div>
<ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="profileAction"> <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="profileAction">
<li role="presentation"><a role="menuitem" tabindex="-1">Kontaktdaten bearbeiten</a> <li role="presentation"><a role="menuitem" tabindex="-1">Kontaktdaten bearbeiten</a>

4
app/assets/javascripts/app/views/layout_ref/schedulers.jst.eco
View file

@ -83,7 +83,7 @@
Where <b>State</b> is <b>open</b>.<br> Where <b>State</b> is <b>open</b>.<br>
In <b>Folder</b> <b>Spam</b>. In <b>Folder</b> <b>Spam</b>.
</div> </div>
<svg class="action-flow-icon"><use xlink:href="#icon-arrow-right" /></svg> <%- @Icon('arrow-right', 'action-flow-icon') %>
<div class="action-block"> <div class="action-block">
<h3>Actions</h3> <h3>Actions</h3>
Set <b>State</b> to <b>closed</b>. Set <b>State</b> to <b>closed</b>.
@ -106,7 +106,7 @@
Where <b>State</b> is <b>open</b>.<br> Where <b>State</b> is <b>open</b>.<br>
In <b>Folder</b> <b>Spam</b>. In <b>Folder</b> <b>Spam</b>.
</div> </div>
<svg class="action-flow-icon"><use xlink:href="#icon-arrow-right" /></svg> <%- @Icon('arrow-right', 'action-flow-icon') %>
<div class="action-block"> <div class="action-block">
<h3>Actions</h3> <h3>Actions</h3>
Set <b>State</b> to <b>closed</b>. Set <b>State</b> to <b>closed</b>.

4
app/assets/javascripts/app/views/layout_ref/setup.jst.eco
View file

@ -4,7 +4,7 @@
</div> </div>
</aside> </aside>
<svg class="wizard-logo icon-full-logo"><use xlink:href="#icon-full-logo" /></svg> <%- @Icon('full-logo', 'wizard-logo') %>
<div class="setup wizard"> <div class="setup wizard">
<div class="wizard-slide" data-slide="home"> <div class="wizard-slide" data-slide="home">
<div class="wizard-body vertical centered"> <div class="wizard-body vertical centered">
@ -142,7 +142,7 @@
<option selected>IMAP</option> <option selected>IMAP</option>
<option>POP3</option> <option>POP3</option>
</select> </select>
<svg class="dropdown-arrow"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-down"></use></svg> <%- @Icon('arrow-down') %>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">

4
app/assets/javascripts/app/views/layout_ref/sla.jst.eco
View file

@ -83,7 +83,7 @@
Where <b>Organization</b> equals to <b>Deutsche Bank</b>.<br> Where <b>Organization</b> equals to <b>Deutsche Bank</b>.<br>
Where <b>Priority</b> is <b>high</b>. Where <b>Priority</b> is <b>high</b>.
</div> </div>
<svg class="action-flow-icon"><use xlink:href="#icon-arrow-right" /></svg> <%- @Icon('icon-arrow-right', 'action-flow-icon') %>
<div class="action-block"> <div class="action-block">
<h3>Repsonse Times</h3> <h3>Repsonse Times</h3>
00:30 hours First Response Time<br> 00:30 hours First Response Time<br>
@ -108,7 +108,7 @@
Where <b>Organization</b> equals to <b>Deutsche Bank</b>.<br> Where <b>Organization</b> equals to <b>Deutsche Bank</b>.<br>
Where <b>Priority</b> is <b>high</b>. Where <b>Priority</b> is <b>high</b>.
</div> </div>
<svg class="action-flow-icon"><use xlink:href="#icon-arrow-right" /></svg> <%- @Icon('icon-arrow-right', 'action-flow-icon') %>
<div class="action-block"> <div class="action-block">
<h3>Repsonse Times</h3> <h3>Repsonse Times</h3>
00:30 hours First Response Time<br> 00:30 hours First Response Time<br>

4
app/assets/javascripts/app/views/layout_ref/sla_modal.jst.eco
View file

@ -29,7 +29,7 @@
<option>VIP</option> <option>VIP</option>
</optgroup> </optgroup>
</select> </select>
<svg class="dropdown-arrow"><use xlink:href="#icon-arrow-down"></use></svg> <%- @Icon('arrow-down') %>
</div> </div>
</div> </div>
<div class="controls"> <div class="controls">
@ -42,7 +42,7 @@
<option>is</option> <option>is</option>
<option>is not</option> <option>is not</option>
</select> </select>
<svg class="dropdown-arrow"><use xlink:href="#icon-arrow-down"></use></svg> <%- @Icon('arrow-down') %>
</div> </div>
</div> </div>
<input id="filter_value_1" type="text" class="form-control"> <input id="filter_value_1" type="text" class="form-control">

14
app/assets/javascripts/app/views/layout_ref/ticket_zoom.jst.eco
View file

@ -106,7 +106,7 @@
<div class="horizontal article-meta-row"> <div class="horizontal article-meta-row">
<div class="article-meta-key">Kanal</div> <div class="article-meta-key">Kanal</div>
<div class="article-meta-value"> <div class="article-meta-value">
<svg class="article-meta-icon"><use xlink:href="#icon-phone" /></svg> <%- @Icon('phone', 'article-meta-icon') %>
phone phone
</div> </div>
</div> </div>
@ -117,11 +117,11 @@
set to internal set to internal
</a> </a>
<a href="#" data-type="reply" class="article-action u-clickable"> <a href="#" data-type="reply" class="article-action u-clickable">
<svg class="article-meta-icon"><use xlink:href="#icon-reply" /></svg> <%- @Icon('reply', 'article-meta-icon') %>
reply reply
</a> </a>
<a href="#ticket/create/1/1" data-type="split" class="article-action u-clickable"> <a href="#ticket/create/1/1" data-type="split" class="article-action u-clickable">
<svg class="article-meta-icon"><use xlink:href="#icon-split" /></svg> <%- @Icon('split', 'article-meta-icon') %>
split split
</a> </a>
</div> </div>
@ -154,7 +154,7 @@
<div class="horizontal article-meta-row"> <div class="horizontal article-meta-row">
<div class="article-meta-key">Kanal</div> <div class="article-meta-key">Kanal</div>
<div class="article-meta-value"> <div class="article-meta-value">
<svg class="article-meta-icon"><use xlink:href="#icon-note" /></svg> <%- @Icon('note', 'article-meta-icon') %>
note note
</div> </div>
</div> </div>
@ -206,11 +206,11 @@
set to internal set to internal
</a> </a>
<a href="#" data-type="reply" class="article-action u-clickable"> <a href="#" data-type="reply" class="article-action u-clickable">
<svg class="article-meta-icon"><use xlink:href="#icon-reply" /></svg> <%- @Icon('reply', 'article-meta-icon') %>
reply reply
</a> </a>
<a href="#ticket/create/1/1" data-type="split" class="article-action u-clickable"> <a href="#ticket/create/1/1" data-type="split" class="article-action u-clickable">
<svg class="article-meta-icon"><use xlink:href="#icon-split" /></svg> <%- @Icon('split', 'article-meta-icon') %>
split split
</a> </a>
</div> </div>
@ -283,7 +283,7 @@
<div class="horizontal article-meta-row"> <div class="horizontal article-meta-row">
<div class="article-meta-key">Kanal</div> <div class="article-meta-key">Kanal</div>
<div class="article-meta-value"> <div class="article-meta-value">
<svg class="article-meta-icon"><use xlink:href="#icon-note" /></svg> <%- @Icon('note', 'article-meta-icon') %>
note note
</div> </div>
</div> </div>

10
app/assets/javascripts/app/views/layout_ref/user_list.jst.eco
View file

@ -116,7 +116,7 @@
</div> </div>
<div class="searchfield"> <div class="searchfield">
<svg class="icon icon-magnifier"><use xlink:href="#icon-magnifier" /></svg> <%- @Icon('magnifier') %>
<input class="js-search form-control" name="search" placeholder="Search for users" type="search"> <input class="js-search form-control" name="search" placeholder="Search for users" type="search">
</div> </div>
@ -163,7 +163,7 @@
<td><span>Niklas</span></td> <td><span>Niklas</span></td>
<td class="actionCell no-padding"> <td class="actionCell no-padding">
<div class="btn btn--primary btn--table switchView"><svg class="icon icon-switchView"><use xlink:href="#icon-switchView" /></svg> Aus Benutzeransicht anzeigen</div> <div class="btn btn--primary btn--table switchView"><%- @Icon('switchView') %> Aus Benutzeransicht anzeigen</div>
</td> </td>
</tr> </tr>
@ -175,7 +175,7 @@
<td><span>Hubermeyerschmidt</span></td> <td><span>Hubermeyerschmidt</span></td>
<td class="actionCell no-padding"> <td class="actionCell no-padding">
<div class="btn btn--primary btn--table switchView"><svg class="icon icon-switchView"><use xlink:href="#icon-switchView" /></svg> Aus Benutzeransicht anzeigen</div> <div class="btn btn--primary btn--table switchView"><%- @Icon('switchView') %> Aus Benutzeransicht anzeigen</div>
</td> </td>
</tr> </tr>
@ -187,7 +187,7 @@
<td><span>Braun</span></td> <td><span>Braun</span></td>
<td class="actionCell no-padding"> <td class="actionCell no-padding">
<div class="btn btn--primary btn--table switchView"><svg class="icon icon-switchView"><use xlink:href="#icon-switchView" /></svg> Aus Benutzeransicht anzeigen</div> <div class="btn btn--primary btn--table switchView"><%- @Icon('switchView') %> Aus Benutzeransicht anzeigen</div>
</td> </td>
</tr> </tr>
@ -199,7 +199,7 @@
<td><span>Blanko</span></td> <td><span>Blanko</span></td>
<td class="actionCell no-padding"> <td class="actionCell no-padding">
<div class="btn btn--primary btn--table switchView"><svg class="icon icon-switchView"><use xlink:href="#icon-switchView" /></svg> Aus Benutzeransicht anzeigen</div> <div class="btn btn--primary btn--table switchView"><%- @Icon('switchView') %> Aus Benutzeransicht anzeigen</div>
</td> </td>
</tr> </tr>
</tbody> </tbody>

20
app/assets/javascripts/app/views/layout_ref/user_profile.jst.eco
View file

@ -4,9 +4,9 @@
<div class="profile-section vertical centered"> <div class="profile-section vertical centered">
<div class="align-right profile-action dropdown dropdown--actions"> <div class="align-right profile-action dropdown dropdown--actions">
<div class="dropdown-toggle" id="profileAction" data-toggle="dropdown"> <div class="dropdown-toggle" id="profileAction" data-toggle="dropdown">
<svg class="dropdown-icon"><use xlink:href="#icon-cog" /></svg> <%- @Icon('cog', 'dropdown-icon') %>
<label>Aktion</label> <label>Aktion</label>
<svg class="icon-arrow-down"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-down"></use></svg> <%- @Icon('arrow-down') %>
</div> </div>
<ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="profileAction"> <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="profileAction">
<li role="presentation"><a role="menuitem" tabindex="-1">Kontaktdaten bearbeiten</a> <li role="presentation"><a role="menuitem" tabindex="-1">Kontaktdaten bearbeiten</a>
@ -146,14 +146,14 @@
<div class="stat-title">Status</div> <div class="stat-title">Status</div>
<div class="stat-graphic"> <div class="stat-graphic">
<div class="stat-tickets vertical reverse end"> <div class="stat-tickets vertical reverse end">
<svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg> <%- @Icon('one-ticket', 'one-ticket state-color supergood-state') %>
<svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg> <%- @Icon('one-ticket', 'one-ticket state-color supergood-state') %>
<svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg> <%- @Icon('one-ticket', 'one-ticket state-color supergood-state') %>
<svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg> <%- @Icon('one-ticket', 'one-ticket state-color supergood-state') %>
<svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg> <%- @Icon('one-ticket', 'one-ticket state-color supergood-state') %>
<svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg> <%- @Icon('one-ticket', 'one-ticket state-color supergood-state') %>
</div> </div>
<svg class="total-tickets"><use xlink:href="#icon-total-tickets" /></svg> <%- @Icon('total-tickets', 'total-tickets') %>
</div> </div>
<!-- <!--
Achtung: hier müssen wir schauen, dass wir das Widget genauso verwenden wie im Dashboard. Sonst gibt's Verwirrung. Achtung: hier müssen wir schauen, dass wir das Widget genauso verwenden wie im Dashboard. Sonst gibt's Verwirrung.
@ -164,7 +164,7 @@
<div class="column mood stat-widget vertical"> <div class="column mood stat-widget vertical">
<div class="stat-title">Stimmung</div> <div class="stat-title">Stimmung</div>
<div class="stat-graphic"> <div class="stat-graphic">
<svg class="stat-icon mood-icon"><use xlink:href="#icon-mood-supergood" /></svg> <%- @Icon('mood-supergood', 'stat-icon') %>
</div> </div>
<div class="stat-label">3% of my tickets escalated.</div> <div class="stat-label">3% of my tickets escalated.</div>
<div class="stat-detail">Average: 17%</div> <div class="stat-detail">Average: 17%</div>

2
app/assets/javascripts/app/views/sla/index.jst.eco
View file

@ -27,7 +27,7 @@
<%- rule %><br> <%- rule %><br>
<% end %> <% end %>
</div> </div>
<svg class="action-flow-icon"><use xlink:href="#icon-arrow-right" /></svg> <%- @Icon('arrow-right', 'action-flow-icon') %>
<div class="action-block action-block--flex"> <div class="action-block action-block--flex">
<div class="label"><%- @T('Escalation Times') %></div> <div class="label"><%- @T('Escalation Times') %></div>
<% if sla.first_response_time: %> <% if sla.first_response_time: %>

18
app/assets/javascripts/app/views/ticket_zoom/article_new.jst.eco
View file

@ -7,24 +7,24 @@
<div class="js-avatar"></div> <div class="js-avatar"></div>
<div class="editControls-item is-hidden pop-select"> <div class="editControls-item is-hidden pop-select">
<div class="editControls-iconHolder centered js-selectedArticleType"> <div class="editControls-iconHolder centered js-selectedArticleType">
<svg class="editControls-icon js-selectedType"><use xlink:href="#icon-<%= @article.type %>" /></svg> <%- @Icon(@article.type, 'editControls-icon js-selectedType') %>
</div> </div>
<div class="pop-selector is-hidden js-articleTypes"> <div class="pop-selector is-hidden js-articleTypes">
<% for articleType in @articleTypes: %> <% for articleType in @articleTypes: %>
<div class="editControls-icon pop-selectable js-articleTypeItem" data-value="<%= articleType.name %>"> <div class="editControls-icon pop-selectable js-articleTypeItem" data-value="<%= articleType.name %>">
<svg class="pop-selectable-icon icon-<%= articleType.icon %>"><use xlink:href="#icon-<%= articleType.icon %>" /></svg> <%- @Icon(articleType.icon, 'pop-selectable-icon') %>
</div> </div>
<% end %> <% end %>
</div> </div>
</div> </div>
<div class="editControls-item is-hidden js-toggleVisibility"> <div class="editControls-item is-hidden js-toggleVisibility">
<div class="editControls-iconHolder"> <div class="editControls-iconHolder">
<svg class="editControls-icon icon-internal" title="<%- @Ti("set to public") %>"> <div class="editControls-icon icon-internal" title="<%- @Ti("set to public") %>">
<use xlink:href="#icon-lock" /> <%- @Icon('lock') %>
</svg> </div>
<svg class="editControls-icon icon-public" title="<%- @Ti("set to internal") %>"> <div class="editControls-icon icon-public" title="<%- @Ti("set to internal") %>">
<use xlink:href="#icon-lock-open" /> <%- @Icon('lock-open') %>
</svg> </div>
</div> </div>
</div> </div>
</div> </div>
@ -69,7 +69,7 @@
<%- @T('Uploading') %> (<span class="js-percentage">0</span>%) ... <%- @T('Uploading') %> (<span class="js-percentage">0</span>%) ...
</div> </div>
<div class="attachmentUpload-cancel js-cancel"> <div class="attachmentUpload-cancel js-cancel">
<svg class="icon icon-diagonal-cross"><use xlink:href="#icon-diagonal-cross" /></svg><%- @T('Cancel Upload') %> <%- @Icon('diagonal-cross') %><%- @T('Cancel Upload') %>
</div> </div>
</div> </div>
<div class="attachmentUpload-progressBar" style="width: 0%"></div> <div class="attachmentUpload-progressBar" style="width: 0%"></div>

35
app/views/init/index.html.erb
View file

@ -1,8 +1,35 @@
<div style="position: absolute; clip: rect(0, 0, 0, 0); z-index: -1;"> <!-- svgstore fallback -->
<%= inline_svg('icons.svg') %> <script>
</div> /*
detect if browser is
- Chrome 14-20
- Android Browser 4.1+
- iOS 6-7
- Safari 6
- Edge 12
- IE 9-11
*/
var svgPolyfill = /\bEdge\/12\b|\bTrident\/[567]\b|\bVersion\/7.0 Safari\b/.test(navigator.userAgent) || (navigator.userAgent.match(/AppleWebKit\/(\d+)/) || [])[1] < 537;
(function (doc) {
if(!svgPolyfill)
return
var scripts = doc.getElementsByTagName('script')
var script = scripts[scripts.length - 1]
var xhr = new XMLHttpRequest()
xhr.onload = function () {
var div = doc.createElement('div')
div.innerHTML = this.responseText
div.style.style.cssText = 'position: absolute; clip: rect(0, 0, 0, 0); z-index: -1;'
script.parentNode.insertBefore(div, script)
}
xhr.open('get', 'assets/images/icons.svg', true)
xhr.send()
})(document)
</script>
<div id="app"></div> <div id="app"></div>
<div class="splash"> <div class="splash">
<svg class="icon icon-logo"><use xlink:href="#icon-logo"/></svg> <svg class="icon icon-logo"><use xlink:href="assets/images/icons.svg#icon-logo" /></svg>
<div class="splash-title">Loading...</div> <div class="splash-title">Loading...</div>
</div> </div>