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 273ab304b9
commit e2f1ce7758
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 */

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