-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathapp.html
50 lines (47 loc) · 2.44 KB
/
app.html
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
46
47
48
49
50
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>Notes</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='css/app.css'>
<script src='js/app.js'></script>
</head>
<body onload="setup()">
<div class="main-grid">
<header class="header">
<svg class="header-icon" onclick="toggleNotesList()" width="3rem" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M9 6l11 0"></path>
<path d="M9 12l11 0"></path>
<path d="M9 18l11 0"></path>
<path d="M5 6l0 .01"></path>
<path d="M5 12l0 .01"></path>
<path d="M5 18l0 .01"></path>
</svg>
<h2 class="logo" id="logo">Notes</h2>
<svg class="header-icon" onclick="logout()" width="3rem" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2"></path>
<path d="M9 12h12l-3 -3"></path>
<path d="M18 15l3 -3"></path>
</svg>
</header>
<ul class="notes-list" id="notes-list">
<button class="button" style="width: auto; margin: 0.5rem 0.5rem 0rem;" onclick="createNote()">Create</button>
</ul>
<main class="note-view" id="note-view">
<header class="note-header">
<input readonly class="note-title" id="note-title" placeholder="Title"/>
<div class="controls">
<button class="button" onclick="saveNote()" id="save-btn">Save</button>
<button class="button" onclick="cancel()" id="cancel-btn">Cancel</button>
<button class="button" hidden onclick="editNote()" id="edit-btn">Edit</button>
<button class="button" hidden onclick="deleteNote()" id="delete-btn">Delete</button>
</div>
</header>
<textarea readonly class="note-textarea border" id="note-textarea" spellcheck="false" placeholder="Text"></textarea>
</main>
</div>
</body>
</html>