1 files changed, 35 insertions, 0 deletions
diff --git a/view/tpl/notes.tpl b/view/tpl/notes.tpl
new file mode 100644
index 000000000..c6d5d8a73
--- /dev/null
+++ b/view/tpl/notes.tpl
@@ -0,0 +1,35 @@
+<div class="widget">
+	<h3>{{$banner}}</h3>
+	<textarea name="note_text" id="note-text">{{$text}}</textarea>
+	<script>
+		var noteSaveTimer = null;
+		var noteText = $('#note-text');
+
+		$(document).ready(function(e){
+			noteText.on('change keyup keydown paste cut', function () {
+				noteText.height(0).height(noteText[0].scrollHeight);
+				$(document.body).trigger("sticky_kit:recalc");
+			}).change();
+		});
+
+		$(document).on('focusout',"#note-text",function(e){
+			if(noteSaveTimer)
+				clearTimeout(noteSaveTimer);
+			notePostFinal();
+			noteSaveTimer = null;
+		});
+
+		$(document).on('focusin',"#note-text",function(e){
+			noteSaveTimer = setTimeout(noteSaveChanges,10000);
+		});
+
+		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>