2015-11-16 13:39:39 +00:00
|
|
|
<div class="zammad-chat<%= ' zammad-chat--flat' if @flat %>"<%= " style='font-size: #{ @fontSize }'" if @fontSize %>>
|
2015-11-13 14:58:44 +00:00
|
|
|
<div class="zammad-chat-header js-chat-open"<%= " style='background: #{ @background }'" if @background %>>
|
2016-02-08 15:06:56 +00:00
|
|
|
<div class="zammad-chat-header-controls js-chat-toggle">
|
2018-04-13 11:22:15 +00:00
|
|
|
<span class="zammad-chat-agent-status zammad-chat-is-hidden js-chat-status" data-status="online"></span>
|
2015-11-11 10:44:10 +00:00
|
|
|
<span class="zammad-chat-header-icon">
|
2016-03-03 14:12:53 +00:00
|
|
|
<svg class="zammad-chat-header-icon-open" width="13" height="7" viewBox="0 0 13 7"><path d="M10.807 7l1.4-1.428-5-4.9L6.5-.02l-.7.7-4.9 4.9 1.414 1.413L6.5 2.886 10.807 7z" fill-rule="evenodd"/></svg>
|
|
|
|
<svg class="zammad-chat-header-icon-close" width="13" height="13" viewBox="0 0 13 13"><path d="m2.241.12l-2.121 2.121 4.243 4.243-4.243 4.243 2.121 2.121 4.243-4.243 4.243 4.243 2.121-2.121-4.243-4.243 4.243-4.243-2.121-2.121-4.243 4.243-4.243-4.243" fill-rule="evenodd"/></svg>
|
2015-10-15 09:14:19 +00:00
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
<div class="zammad-chat-agent zammad-chat-is-hidden">
|
|
|
|
</div>
|
|
|
|
<div class="zammad-chat-welcome">
|
2016-03-03 14:12:53 +00:00
|
|
|
<svg class="zammad-chat-icon" viewBox="0 0 24 24" width="24" height="24"><path d="M2 5C2 4 3 3 4 3h16c1 0 2 1 2 2v10C22 16 21 17 20 17H4C3 17 2 16 2 15V5zM12 17l6 4v-4h-6z"/></svg>
|
2015-11-25 16:36:06 +00:00
|
|
|
<span class="zammad-chat-welcome-text"><%- @T(@title) %></span>
|
2015-10-15 09:14:19 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2016-02-08 15:06:56 +00:00
|
|
|
<div class="zammad-chat-modal"></div>
|
2016-07-05 11:00:49 +00:00
|
|
|
<div class="zammad-scroll-hint is-hidden">
|
|
|
|
<svg class="zammad-scroll-hint-icon" width="20" height="18" viewBox="0 0 20 18"><path d="M0,2.00585866 C0,0.898053512 0.898212381,0 1.99079514,0 L18.0092049,0 C19.1086907,0 20,0.897060126 20,2.00585866 L20,11.9941413 C20,13.1019465 19.1017876,14 18.0092049,14 L1.99079514,14 C0.891309342,14 0,13.1029399 0,11.9941413 L0,2.00585866 Z M10,14 L16,18 L16,14 L10,14 Z" fill-rule="evenodd"/></svg>
|
|
|
|
<%- @T(@scrollHint) %>
|
|
|
|
</div>
|
2015-10-15 09:14:19 +00:00
|
|
|
<div class="zammad-chat-body"></div>
|
|
|
|
<form class="zammad-chat-controls">
|
2017-07-14 13:49:16 +00:00
|
|
|
<div class="zammad-chat-input" rows="1" placeholder="<%- @T('Compose your message...') %>" contenteditable="true"></div>
|
2015-11-13 14:58:44 +00:00
|
|
|
<button type="submit" class="zammad-chat-button zammad-chat-send"<%= " style='background: #{ @background }'" if @background %>><%- @T('Send') %></button>
|
2015-10-15 09:14:19 +00:00
|
|
|
</form>
|
|
|
|
</div>
|