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

Added second example with existing content at loading.

Browse source
This commit is contained in:
Martin Edenhofer 2014-09-30 13:38:49 +02:00
parent c48668303a
commit d12ea8bd89
2 changed files with 67 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/assets/javascripts/app/controllers/layout_ref.js.coffee
View file

@ -38,7 +38,7 @@ class Content extends App.ControllerContent
@textareaHeight =
open: 148
closed: 38
closed: 20
@dragEventCounter = 0
@attachments = []
@ -64,6 +64,12 @@ class Content extends App.ControllerContent
render: ->
@html App.view('layout_ref/content')()
@$('[contenteditable]').ce({
mode: 'textonly'
multiline: true
maxlength: 2500
})
showOrganisationMembers: (e) =>
e.stopPropagation()

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

@ -42,7 +42,7 @@
<hr>
<h2>Article Reply</h2>
<h2>Article Reply #1</h2>
<div class="ticket-edit">
<div class="article-content zIndex-5">
@ -101,6 +101,65 @@
<hr>
<h2>Article Reply #2</h2>
<div class="ticket-edit">
<div class="article-content zIndex-5">
<div class="internal-border">
<div class="text-bubble">
<div class="bubble-arrow"></div>
<div class="js-textarea ticketEdit-body" contenteditable="true">with some default text</div>
<!-- .text-bubble grows with textarea (and expanding clone) -->
<div class="attachments"></div>
<!--
</div>
<div class="attachment horizontal">
<div class="attachment-name u-highlight">sega-genesis-box.gif</div>
<div class="attachment-size">2.4mb</div>
<div class="attachment-delete js-delete align-right u-clickable">
<div class="delete icon"></div><%- @T('Delete File') %>
</div>
</div>
<div class="attachment horizontal">
<div class="attachment-name u-highlight">license-key.txt</div>
<div class="attachment-size">7kb</div>
<div class="attachment-delete js-delete align-right u-clickable">
<div class="delete icon"></div><%- @T('Delete File') %>
</div>
</div>
</div>-->
<div class="article-attachment u-unclickable">
<div class="attachmentPlaceholder">
<span class="attachmentPlaceholder-hint">Antwort eingeben oder</span>
<span class="attachmentPlaceholder-inputHolder u-highlight u-clickable">
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;">
</span>
</div>
<div class="attachmentUpload hide u-clickable">
<div class="horizontal">
<div class="u-highlight">
<%- @T(' Uploading ') %> (<span class="js-percentage">0</span>%) ...
</div>
<div class="attachmentUpload-cancel align-right js-cancel u-clickable">
<div class="delete icon"></div><%- @T('Cancel Upload') %>
</div>
</div>
<div class="attachmentUpload-progressBar" style="width: 0%"></div>
</div>
</div>
<div class="fit dropArea">
<div class="dropArea-inner fit centered">
<%- @T('Drop Files here') %>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<h2>User Selection</h2>
<form>