aboutsummaryrefslogtreecommitdiffstats
path: root/app/views/home/main.html.erb
blob: 8f3a7f324a740c1111002e09bb2833ae5537d189 (plain)
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
<div class="header position-fixed top-0">
	<h1 class="font-size-28 font-weight-semibold">Notes</h1>
	
	<div class="position-relative">
		<div class="right-section">
			<span class="margin-top-neg-15"
				ng-show="notesService.show_create_buttons">
				<input type="text" class="form-field"
					ng-model="notesService.new_note_title" />
				<button type="button" class="button"
					ng-click="notesService.create()">Create</button>
				<button type="button" class="button"
					ng-click="notesService.show_create_buttons = false">Cancel</button>
			</span>
			
			<a href="#" class="button"
				ng-hide="notesService.show_create_buttons"
				ng-click="notesService.show_create_buttons = true">New</a>
	
			<a href="#" class="button margin-left-8"
				ng-click="notesService.update()">Save</a>
		</div>
	</div>
</div>

<div class="margin-top-70">
	<div class="sidebar position-fixed min-height-100%">
		<div ng-repeat="note in notesService.notes">
			<a href="#" class="sidebar-link display-block padding-13"
				ng-class="{ active: notesService.current_note === note }"
				ng-click="notesService.open(note)"
				ng-bind="note.title"></a>
			<a href="#" class="delete-link"
				ng-click="notesService.delete(note)"><span>×</span></a>
		</div>
	</div>

	<div class="note-editor">
		<textarea class="border-none outline-none width-100% font-size-16"
			ng-model="notesService.current_note.body"></textarea>
	</div>
</div>