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

Now use own templates (not from layout ref).

Browse source
This commit is contained in:
Martin Edenhofer 2015-11-12 14:35:19 +01:00
parent b654c4d34b
commit 02470aa78a
6 changed files with 36 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/assets/javascripts/app/controllers/chat.coffee
View file

@ -220,7 +220,7 @@ class chatWindow extends App.Controller
) )
render: -> render: ->
@html App.view('layout_ref/customer_chat_window') @html App.view('customer_chat/chat_window')
name: @options.name name: @options.name
@el.one 'transitionend', @onTransitionend @el.one 'transitionend', @onTransitionend
@ -353,7 +353,7 @@ class chatWindow extends App.Controller
@lastAddedType = sender @lastAddedType = sender
@body.append App.view('layout_ref/customer_chat_message') @body.append App.view('customer_chat/chat_message')
message: message message: message
sender: sender sender: sender
isNew: isNew isNew: isNew
@ -365,7 +365,7 @@ class chatWindow extends App.Controller
if !@isTyping if !@isTyping
@isTyping = true @isTyping = true
@maybeAddTimestamp() @maybeAddTimestamp()
@body.append App.view('layout_ref/customer_chat_loader')() @body.append App.view('customer_chat/chat_loader')()
@scrollToBottom() @scrollToBottom()
# clear old delay, set new # clear old delay, set new
@ -397,7 +397,7 @@ class chatWindow extends App.Controller
@lastAddedType = 'timestamp' @lastAddedType = 'timestamp'
addTimestamp: (label, time) => addTimestamp: (label, time) =>
@body.append App.view('layout_ref/customer_chat_timestamp') @body.append App.view('customer_chat/chat_timestamp')
label: label label: label
time: time time: time
@ -405,12 +405,12 @@ class chatWindow extends App.Controller
@body @body
.find('.js-timestamp') .find('.js-timestamp')
.last() .last()
.replaceWith App.view('layout_ref/customer_chat_timestamp') .replaceWith App.view('customer_chat/chat_timestamp')
label: label label: label
time: time time: time
addStatusMessage: (message) -> addStatusMessage: (message) ->
@body.append App.view('layout_ref/customer_chat_status_message') @body.append App.view('customer_chat/chat_status_message')
message: message message: message
@scrollToBottom() @scrollToBottom()

7
app/assets/javascripts/app/views/customer_chat/chat_loader.jst.eco Normal file
View file

@ -0,0 +1,7 @@
<div class="chat-message chat-message--customer chat-message--loader js-loader">
<div class="chat-loader">
<%- @Icon('loading') %>
<%- @Icon('loading') %>
<%- @Icon('loading') %>
</div>
</div>

1
app/assets/javascripts/app/views/customer_chat/chat_message.jst.eco Normal file
View file

@ -0,0 +1 @@
<div class="chat-message chat-message--<%= @sender %><%= ' chat-message--new' if @isNew %>"><%- @message %></div>

1
app/assets/javascripts/app/views/customer_chat/chat_status_message.jst.eco Normal file
View file

@ -0,0 +1 @@
<div class="chat-status-message"><%- @message %></div>

1
app/assets/javascripts/app/views/customer_chat/chat_timestamp.jst.eco Normal file
View file

@ -0,0 +1 @@
<div class="chat-timestamp js-timestamp"><span class="chat-timestamp-label"><%= @label %></span> <%= @time %></div>

20
app/assets/javascripts/app/views/customer_chat/chat_window.jst.eco Normal file
View file

@ -0,0 +1,20 @@
<div class="chat-header">
<div class="chat-status js-status" data-status="online">
<div class="chat-status-holder">
<%- @Icon('status') %>
<%- @Icon('status-modified-outer-circle') %>
<%- @Icon('status-modified-inner-circle') %>
</div>
</div>
<div class="chat-name"><%- @name %></div>
<div class="chat-close js-close">
<%- @Icon('diagonal-cross') %>
</div>
</div>
<div class="chat-body-holder js-scrollHolder">
<div class="chat-body js-body"></div>
</div>
<div class="chat-controls">
<div class="chat-input form-control form-control--small form-control--multiline js-customerChatInput" contenteditable="true"></div>
<div class="btn btn--primary btn--slim btn--small js-send"><%= @T('Send') %></div>
</div>