harukin/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

note widget: whitespace and resize the textarea to reveal full content

Browse Source
This commit is contained in:
Mario Vavti 2016-12-15 14:49:14 +01:00
parent 61f105da6f
commit 4744e50244
2 changed files with 27 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
view/css/widgets.css
View File

@ -65,7 +65,7 @@ li:hover .widget-nav-pills-icons {
padding: 5px; padding: 5px;
width: 100%; width: 100%;
resize: vertical; resize: vertical;
height: 250px; min-height: 250px;
} }
/* saved searches */ /* saved searches */

33
view/tpl/notes.tpl
View File

@ -1,27 +1,32 @@
<div class="widget"> <div class="widget">
<script> <h3>{{$banner}}</h3>
var noteSaveTimer = null; <textarea name="note_text" id="note-text">{{$text}}</textarea>
$(document).on('focusout',"#note-text",function(e){ <script>
var noteSaveTimer = null;
var noteText = $('#note-text');
$(document).ready(function(){
noteText.height(noteText[0].scrollHeight);
});
$(document).on('focusout',"#note-text",function(e){
if(noteSaveTimer) if(noteSaveTimer)
clearTimeout(noteSaveTimer); clearTimeout(noteSaveTimer);
notePostFinal(); notePostFinal();
noteSaveTimer = null; noteSaveTimer = null;
}); });
$(document).on('focusin',"#note-text",function(e){ $(document).on('focusin',"#note-text",function(e){
noteSaveTimer = setTimeout(noteSaveChanges,10000); noteSaveTimer = setTimeout(noteSaveChanges,10000);
}); });
function notePostFinal() { function notePostFinal() {
$.post('notes/sync', { 'note_text' : $('#note-text').val() }); $.post('notes/sync', { 'note_text' : $('#note-text').val() });
} }
function noteSaveChanges() { function noteSaveChanges() {
$.post('notes', { 'note_text' : $('#note-text').val() }); $.post('notes', { 'note_text' : $('#note-text').val() });
noteSaveTimer = setTimeout(noteSaveChanges,10000); noteSaveTimer = setTimeout(noteSaveChanges,10000);
} }
</script> </script>
<h3>{{$banner}}</h3>
<textarea name="note_text" id="note-text">{{$text}}</textarea>
</div> </div>