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

This commit is contained in:
Mario Vavti 2016-12-15 14:49:14 +01:00
parent 273ab304b9
commit e2f1ce7758
2 changed files with 27 additions and 22 deletions

View file

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

View file

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