aboutsummaryrefslogtreecommitdiffstats
path: root/view/tpl/notes.tpl
blob: 4bee02aa0362c3d9552e5cc441d25f849672e3d0 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
{{if $app}}
<div class="generic-content-wrapper">
	<div class="section-title-wrapper">
		<h2>{{$banner}}</h2>
	</div>
	<div class="section-content-wrapper">
{{else}}
<div class="widget">
	<h3>{{$banner}}</h3>
{{/if}}
	<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);
			}).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>
{{if $app}}
</div>
{{/if}}
</div>