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-01-12 23:17:46 +01:00
commit e2762d63b3
6 changed files with 133 additions and 114 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -44,7 +44,7 @@
</div> </div>
<div class="ticket-article"> <div class="ticket-article">
<div class="ticket-article-item bubble-grid customer phone" data-id="1" id="article-1"> <div class="ticket-article-item customer phone" data-id="1" id="article-1">
<div class="article-meta-clip top"> <div class="article-meta-clip top">
<div class="article-content-meta top hide"> <div class="article-content-meta top hide">
<div class="article-meta top"> <div class="article-meta top">
@ -55,7 +55,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="article-content zIndex-1 horizontal reverse"> <div class="article-content zIndex-1">
<span class="avatar unique user-popover " data-id="2" style="background-position: -96.5079185759074px -112.28590086669901px;" data-placement="left" data-original-title="" title="">NB</span> <span class="avatar unique user-popover " data-id="2" style="background-position: -96.5079185759074px -112.28590086669901px;" data-placement="left" data-original-title="" title="">NB</span>
<div class="flex bubble-gap internal-border"> <div class="flex bubble-gap internal-border">
<div class="text-bubble"><div class="bubble-arrow"></div>Welcome! <div class="text-bubble"><div class="bubble-arrow"></div>Welcome!
@ -98,7 +98,7 @@ The <a href="http://Zammad.org" title="http://Zammad.org" target="_blank">Zammad
<small class="task-subline zIndex-1"><time class="humanTimeFromNow" data-time="2014-07-11T10:10:32.000Z" data-tooltip="2014-07-11 12:10">2014-07-11</time></small> <small class="task-subline zIndex-1"><time class="humanTimeFromNow" data-time="2014-07-11T10:10:32.000Z" data-tooltip="2014-07-11 12:10">2014-07-11</time></small>
</div> </div>
<div class="ticket-article-item bubble-grid agent note" data-id="23" id="article-23"> <div class="ticket-article-item agent note" data-id="23" id="article-23">
<div class="article-meta-clip top"> <div class="article-meta-clip top">
<div class="article-content-meta top hide"> <div class="article-content-meta top hide">
<div class="article-meta top"> <div class="article-meta top">
@ -109,8 +109,8 @@ The <a href="http://Zammad.org" title="http://Zammad.org" target="_blank">Zammad
</div> </div>
</div> </div>
</div> </div>
<div class="article-content zIndex-1 horizontal"> <div class="article-content zIndex-1">
<span class="avatar user-popover " data-id="3" style="background-image: url(api/v1/users/image/bb100af55234cf61fb6f207636f095f8)" data-placement="right" data-original-title="" title=""></span> <span class="avatar user-popover" data-id="3" style="background-image: url(api/v1/users/image/bb100af55234cf61fb6f207636f095f8)" data-placement="right" data-original-title="" title=""></span>
<div class="flex bubble-gap internal-border"> <div class="flex bubble-gap internal-border">
<div class="text-bubble"><div class="bubble-arrow"></div>Hallp HP, du kannst dich nur einmal einloggen. Was machst du genau?</div> <div class="text-bubble"><div class="bubble-arrow"></div>Hallp HP, du kannst dich nur einmal einloggen. Was machst du genau?</div>
</div> </div>
@ -136,7 +136,7 @@ The <a href="http://Zammad.org" title="http://Zammad.org" target="_blank">Zammad
<small class="task-subline zIndex-1"><time class="humanTimeFromNow" data-time="2014-08-05T13:34:01.000Z" data-tooltip="2014-08-05 15:34">2014-08-05</time></small> <small class="task-subline zIndex-1"><time class="humanTimeFromNow" data-time="2014-08-05T13:34:01.000Z" data-tooltip="2014-08-05 15:34">2014-08-05</time></small>
</div> </div>
<div class="ticket-article-item bubble-grid customer phone" data-id="1" id="article-1"> <div class="ticket-article-item customer phone" data-id="1" id="article-1">
<div class="article-meta-clip top"> <div class="article-meta-clip top">
<div class="article-content-meta top hide"> <div class="article-content-meta top hide">
<div class="article-meta top"> <div class="article-meta top">
@ -147,7 +147,7 @@ The <a href="http://Zammad.org" title="http://Zammad.org" target="_blank">Zammad
</div> </div>
</div> </div>
</div> </div>
<div class="article-content zIndex-1 horizontal reverse"> <div class="article-content zIndex-1">
<span class="avatar unique user-popover " data-id="2" style="background-position: -96.5079185759074px -112.28590086669901px;" data-placement="left" data-original-title="" title="">NB</span> <span class="avatar unique user-popover " data-id="2" style="background-position: -96.5079185759074px -112.28590086669901px;" data-placement="left" data-original-title="" title="">NB</span>
<div class="flex bubble-gap internal-border"> <div class="flex bubble-gap internal-border">
<div class="text-bubble"><div class="bubble-arrow"></div>Ich wollte mir die Lyrics von Maria herunterladen, aber ich schaff es einfach nicht, da raufzukommen. Schick mir bitte mein Passwort. <div class="text-bubble"><div class="bubble-arrow"></div>Ich wollte mir die Lyrics von Maria herunterladen, aber ich schaff es einfach nicht, da raufzukommen. Schick mir bitte mein Passwort.
@ -182,7 +182,7 @@ Grüße, Peter</div>
<small class="task-subline zIndex-1"><time class="humanTimeFromNow" data-time="2014-07-11T10:10:32.000Z" data-tooltip="2014-07-11 12:10">2014-07-11</time></small> <small class="task-subline zIndex-1"><time class="humanTimeFromNow" data-time="2014-07-11T10:10:32.000Z" data-tooltip="2014-07-11 12:10">2014-07-11</time></small>
</div> </div>
<div class="ticket-article-item bubble-grid agent note" data-id="23" id="article-23"> <div class="ticket-article-item agent note" data-id="23" id="article-23">
<div class="article-meta-clip top"> <div class="article-meta-clip top">
<div class="article-content-meta top hide"> <div class="article-content-meta top hide">
<div class="article-meta top"> <div class="article-meta top">
@ -193,7 +193,7 @@ Grüße, Peter</div>
</div> </div>
</div> </div>
</div> </div>
<div class="article-content zIndex-1 horizontal"> <div class="article-content zIndex-1">
<span class="avatar user-popover " data-id="3" style="background-image: url(api/v1/users/image/bb100af55234cf61fb6f207636f095f8)" data-placement="right" data-original-title="" title=""></span> <span class="avatar user-popover " data-id="3" style="background-image: url(api/v1/users/image/bb100af55234cf61fb6f207636f095f8)" data-placement="right" data-original-title="" title=""></span>
<div class="flex bubble-gap internal-border"> <div class="flex bubble-gap internal-border">
<div class="text-bubble"><div class="bubble-arrow"></div>Lieber HP,<br> <div class="text-bubble"><div class="bubble-arrow"></div>Lieber HP,<br>

29
app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco
View file

@ -1,5 +1,5 @@
<% for article in @articles: %> <% for article in @articles: %>
<div class="ticket-article-item bubble-grid <%= article.sender.name.toLowerCase() %> <%= article.type.name %><%= ' is-internal' if article.internal is true %>" data-id="<%= article.id %>" id="article-<%= article.id %>"> <div class="ticket-article-item <%= article.sender.name.toLowerCase() %> <%= article.type.name %><%= ' is-internal' if article.internal is true %>" data-id="<%= article.id %>" id="article-<%= article.id %>">
<div class="article-meta-clip top"> <div class="article-meta-clip top">
@ -33,14 +33,14 @@
</div> </div>
</div> </div>
<div class="article-content zIndex-1 horizontal<%= ' reverse' if article.sender.name isnt 'Agent' %>"> <div class="article-content zIndex-1">
<% if article.sender.name isnt 'Agent': %> <% if article.sender.name isnt 'Agent': %>
<% position = 'left' %> <% position = 'left' %>
<% else: %> <% else: %>
<% position = 'right' %> <% position = 'right' %>
<% end %> <% end %>
<%- article.created_by.avatar("40", position) %> <%- article.created_by.avatar("40", position) %>
<div class="flex bubble-gap"> <div class="bubble-gap">
<div class="internal-border"> <div class="internal-border">
<div class="text-bubble"> <div class="text-bubble">
<div class="bubble-arrow"></div> <div class="bubble-arrow"></div>
@ -59,17 +59,6 @@
<% end %> <% end %>
</div> </div>
</div> </div>
<% if article.actions: %>
<div>
<div class="article-actions horizontal stretch">
<% for action in article.actions: %>
<a href="<%= action.href %>" data-type="<%= action.type %>" class="article-action u-clickable<% if action.class: %> <%= action.class %><% end %>">
<span class="<%= action.type %> action icon"></span><%- @T( action.name ) %>
</a>
<% end %>
</div>
</div>
<% end %>
</div> </div>
</div> </div>
@ -90,6 +79,18 @@
</div> </div>
</div> </div>
<% if article.actions: %>
<div>
<div class="article-actions horizontal stretch">
<% for action in article.actions: %>
<a href="<%= action.href %>" data-type="<%= action.type %>" class="article-action u-clickable<% if action.class: %> <%= action.class %><% end %>">
<span class="<%= action.type %> action icon"></span><%- @T( action.name ) %>
</a>
<% end %>
</div>
</div>
<% end %>
<small class="task-subline zIndex-1"><time class="humanTimeFromNow" data-time="<%- article.created_at %>">?</time></small> <small class="task-subline zIndex-1"><time class="humanTimeFromNow" data-time="<%- article.created_at %>">?</time></small>
</div> </div>
<% end %> <% end %>

127
app/assets/javascripts/app/views/ticket_zoom/edit.jst.eco
View file

@ -2,87 +2,84 @@
<input type="hidden" name="type" value="<%= @article.type %>"> <input type="hidden" name="type" value="<%= @article.type %>">
<input type="hidden" name="internal" value="<%= @article.internal %>"> <input type="hidden" name="internal" value="<%= @article.internal %>">
<input type="hidden" name="form_id" value="<%= @article.form_id %>"> <input type="hidden" name="form_id" value="<%= @article.form_id %>">
<div class="bubble-grid horizontal"> <div class="editControls">
<div class="editControls"> <%- App.User.fullLocal( @S('id') ).avatar("40", 'right', 'zIndex-5') %>
<%- App.User.fullLocal( @S('id') ).avatar("40", 'right', 'zIndex-5') %> <div class="dark pop-select zIndex-7 editControls-item">
<div class="dark pop-select zIndex-7 editControls-item"> <div class="pop-selected u-clickable centered">
<div class="pop-selected u-clickable centered"> <div class="gray <%- @article.type %> channel icon"></div>
<div class="gray <%- @article.type %> channel icon"></div>
</div>
<div class="pop-selector hide">
<div class="horizontal">
<% for atricleType in @articleTypes: %>
<div class="pop-selectable u-clickable centered" data-value="<%= atricleType.name %>">
<div class="white <%= atricleType.icon %> channel icon"></div>
</div>
<% end %>
</div>
</div>
</div> </div>
<div class="visibility-toggle zIndex-7 u-clickable editControls-item"> <div class="pop-selector hide">
<div class="internal-visibility centered" title="<%- @T("unset internal") %>"> <div class="horizontal">
<div class="internal visibility icon"></div> <% for atricleType in @articleTypes: %>
</div> <div class="pop-selectable u-clickable centered" data-value="<%= atricleType.name %>">
<div class="public-visibility centered" title="<%- @T("set internal") %>"> <div class="white <%= atricleType.icon %> channel icon"></div>
<div class="public visibility icon"></div> </div>
<% end %>
</div> </div>
</div> </div>
</div> </div>
<div class="flex article-content zIndex-5 bubble-gap"> <div class="visibility-toggle zIndex-7 u-clickable editControls-item">
<div class="internal-visibility centered" title="<%- @T("unset internal") %>">
<div class="internal visibility icon"></div>
</div>
<div class="public-visibility centered" title="<%- @T("set internal") %>">
<div class="public visibility icon"></div>
</div>
</div>
</div>
<div class="article-content zIndex-5 bubble-gap">
<!-- <!--
<label class="recipients"><%- @T('Recipients') %> <label class="recipients"><%- @T('Recipients') %>
<div class="avatar" style="background-image: url(https://pbs.twimg.com/profile_images/1216362658/DSC_0084-p_normal.jpg)"></div> <div class="avatar" style="background-image: url(https://pbs.twimg.com/profile_images/1216362658/DSC_0084-p_normal.jpg)"></div>
<div class="avatar" style="background-image: url(https://pbs.twimg.com/profile_images/1216362658/DSC_0084-p_bigger.jpg)"></div> <div class="avatar" style="background-image: url(https://pbs.twimg.com/profile_images/1216362658/DSC_0084-p_bigger.jpg)"></div>
</label> </label>
--> -->
<div class="internal-border"> <div class="internal-border">
<div class="input form-group"> <div class="input form-group">
<div class="formGroup-label"> <div class="formGroup-label">
<label for=""><%- @T('To') %></label> <label for=""><%- @T('To') %></label>
</div>
<div class="controls"><input id="" type="text" name="to" value="<%= @article.to %>" class="form-control" required="required"></div>
</div> </div>
<div class="input form-group"> <div class="controls"><input id="" type="text" name="to" value="<%= @article.to %>" class="form-control" required="required"></div>
<div class="formGroup-label"> </div>
<label for=""><%- @T('Cc') %></label> <div class="input form-group">
</div> <div class="formGroup-label">
<div class="controls"><input id="" type="text" name="cc" value="<%= @article.cc %>" class="form-control"></div> <label for=""><%- @T('Cc') %></label>
</div> </div>
<div class="controls"><input id="" type="text" name="cc" value="<%= @article.cc %>" class="form-control"></div>
</div>
<div class="text-bubble"> <div class="text-bubble">
<div class="bubble-arrow"></div> <div class="bubble-arrow"></div>
<div class="js-textarea ticketEdit-body" contenteditable="true" data-name="body"><%- @article.body %></div> <div class="js-textarea ticketEdit-body" contenteditable="true" data-name="body"><%- @article.body %></div>
<!-- .text-bubble grows with textarea (and expanding clone) --> <!-- .text-bubble grows with textarea (and expanding clone) -->
<div class="attachments"></div> <div class="attachments"></div>
<div class="article-attachment u-unclickable u-textTruncate"> <div class="article-attachment u-unclickable u-textTruncate">
<div class="attachmentPlaceholder"> <div class="attachmentPlaceholder">
<span class="attachmentPlaceholder-hint"><%- @T('Antwort eingeben oder') %></span> <span class="attachmentPlaceholder-hint"><%- @T('Antwort eingeben oder') %></span>
<span class="attachmentPlaceholder-inputHolder u-highlight u-clickable"> <span class="attachmentPlaceholder-inputHolder u-highlight u-clickable">
<%- @T('Dateien wählen..') %> <%- @T('Dateien wählen..') %>
<input multiple="multiple" type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"> <input multiple="multiple" type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;">
</span> </span>
</div> </div>
<div class="attachmentUpload hide u-clickable"> <div class="attachmentUpload hide u-clickable">
<div class="horizontal"> <div class="horizontal">
<div class="u-highlight"> <div class="u-highlight">
<%- @T(' Uploading ') %> (<span class="js-percentage">0</span>%) ... <%- @T(' Uploading ') %> (<span class="js-percentage">0</span>%) ...
</div> </div>
<div class="attachmentUpload-cancel align-right js-cancel u-clickable"> <div class="attachmentUpload-cancel align-right js-cancel u-clickable">
<div class="delete icon"></div><%- @T('Cancel Upload') %> <div class="delete icon"></div><%- @T('Cancel Upload') %>
</div>
</div> </div>
<div class="attachmentUpload-progressBar" style="width: 0%"></div>
</div> </div>
<div class="attachmentUpload-progressBar" style="width: 0%"></div>
</div> </div>
<div class="fit dropArea"> </div>
<div class="dropArea-inner fit centered"> <div class="fit dropArea">
<%- @T('Drop Files here') %> <div class="dropArea-inner fit centered">
</div> <%- @T('Drop Files here') %>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</form> </form>

69
app/assets/stylesheets/zammad.css.scss
View file

@ -18,7 +18,7 @@ p {
} }
.u-highlight { .u-highlight {
color: hsl(194,90%,45%); color: #0F94D6;
} }
a { a {
@ -752,6 +752,16 @@ textarea,
border-color: #ececec; border-color: #ececec;
} }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background: #0F94D6;
border-color: #0F94D6;
}
.pagination-counter { .pagination-counter {
margin-right: 19px; margin-right: 19px;
line-height: 28px; line-height: 28px;
@ -1826,6 +1836,11 @@ footer {
padding: 10px 20px; padding: 10px 20px;
} }
.tableOverview-edit {
@extend .u-clickable;
@extend .u-highlight;
}
.bulkAction { .bulkAction {
background: white; background: white;
z-index: 1; z-index: 1;
@ -2955,6 +2970,13 @@ footer {
margin-top: 55px; margin-top: 55px;
} }
.ticket-article,
.ticket-edit {
max-width: 800px;
margin: 0 auto;
padding: 0 21px;
}
.ticket-title { .ticket-title {
max-width: 800px; max-width: 800px;
padding: 0 81px; padding: 0 81px;
@ -2975,24 +2997,20 @@ footer {
display: block; display: block;
} }
.bubble-grid {
max-width: 800px;
margin: 0 auto;
padding: 0 21px;
}
.bubble-gap {
margin-left: 15px !important;
}
.customer.ticket-article-item .bubble-gap {
margin-left: 0 !important;
margin-right: 15px !important;
}
.ticket-article-item { .ticket-article-item {
padding-bottom: 33px; padding-bottom: 33px;
position: relative; position: relative;
.avatar {
position: absolute;
right: 0;
top: 5px;
}
&.agent .avatar {
right: auto;
left: 0;
}
} }
/* /*
@ -3004,20 +3022,16 @@ footer {
overflow: hidden; overflow: hidden;
position: relative; position: relative;
height: 100%; height: 100%;
margin: 0 55px;
} }
.article-content { .article-content {
position: relative; position: relative;
margin-right: 55px; padding: 0 55px;
} }
.customer.ticket-article-item .article-content {
margin-right: 0;
margin-left: 55px;
}
.article-content-meta { .article-content-meta {
padding: 0 55px;
position: absolute; position: absolute;
width: 100%; width: 100%;
} }
@ -3039,7 +3053,7 @@ footer {
} }
.article-meta-key { .article-meta-key {
width: 13%; width: 20%;
text-transform: uppercase; text-transform: uppercase;
} }
@ -3079,6 +3093,7 @@ footer {
box-shadow: 0 0 1px rgba(0,0,0,.06) inset; box-shadow: 0 0 1px rgba(0,0,0,.06) inset;
position: relative; position: relative;
overflow-wrap: break-word; overflow-wrap: break-word;
word-wrap: break-word;
} }
/* email css reset */ /* email css reset */
@ -3196,6 +3211,10 @@ footer {
vertical-align: top; vertical-align: top;
} }
.article-add {
position: relative;
}
.ticket-edit { .ticket-edit {
margin-top: auto; margin-top: auto;
margin-bottom: 36px; margin-bottom: 36px;
@ -3215,7 +3234,9 @@ footer {
} }
.editControls { .editControls {
position: relative; position: absolute;
left: 0;
top: 5px;
} }
.editControls-item { .editControls-item {

4
public/assets/images/sprite.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="333px" height="362px" viewBox="0 0 333 362" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="341px" height="362px" viewBox="0 0 341 362" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.1.1 (8761) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch -->
<title>Slice 2</title> <title>Slice 2</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs> <defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 110 KiB

After

Width:  |  Height:  |  Size: 110 KiB

BIN
public/favicon.ico
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 0 B

After

Width:  |  Height:  |  Size: 32 KiB