forked from webinista/PouchNotes
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
113 lines (101 loc) · 4.08 KB
/
index.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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="en-us" manifest="pouchnotes.manifest">
<head>
<meta charset="utf-8" />
<title>Build a Note Taking Application With PouchDB
</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header>
<h1>Build a Note Taking Application With PouchDB</h1>
<nav>
<a href="http://www.sitepoint.com/building-offline-first-app-pouchdb/" target="_blank">Read the article</a>
<a href="https://github.com/webinista/PouchNotes" target="_blank">View the repo</a>
<a href="http://pouchdb.com/" target="_blank">Download PouchDB</a>
</nav>
</header>
<main>
<p class="rel">
<button class="clicktarget" type="button" data-action="viewnoteset" data-show="#allnotes" data-hide="section:not(#allnotes)">View Notes</button>
<button class="clicktarget" type="button" data-show="#addnote" data-hide="section:not(#addnote)">Add Note</button>
</p>
<section id="addnote">
<form id="noteform" method="post" data-show="#allnotes" data-hide="#addnote">
<div class="hide" id="buttonwrapper">
<button class="clicktarget edit" type="button">Edit Note</button>
<button class="clicktarget delete" type="button">Delete Note</button>
</div>
<p>
<input type="hidden" id="_rev" name="_rev" value="">
<input type="hidden" id="_id" name="_id" value="">
<label for="notetitle">Title:</label>
<input type="text" id="notetitle" name="notetitle" placeholder="Untitled Note" value="">
</p>
<p>
<label for="note">Note text:</label>
<textarea id="note" name="note" cols="50" rows="5" placeholder="Add note text here. This field is required." required></textarea>
</p>
<p>
<label for="tags">Tags:</label>
<input type="text" id="tags" name="tags">
<span class="guidance">Separate tags with a comma</span>
</p>
<p class="rel">
<input type="file" id="attachment" name="attachment" class="abs">
<label for="attachment" class="btn">Attachment(s):</label>
<span class="filelist"></span>
</p>
<div id="attachments" class="hide">
<h2>Attachments</h2>
<ul id="attachmentlist"></ul>
</div>
<p>
<button type="submit">Save Note</button>
</p>
</form>
</section>
<section id="allnotes" class="hide">
<h2>Recent notes</h2>
<form id="searchnotes" method="get">
<p>
<label for="q">Search</label>
<input type="search" id="q" name="q">
<button type="submit">Search</button>
</p>
</form>
<table id="notelist">
<thead>
<tr>
<th>Title</th>
<th>Created</th>
<th>Updated</th>
</tr>
</thead>
<tbody></tbody>
</table>
</section>
</main>
<div id="syncdialog" class="dialog hide" data-action="close">
<div>
<button type="button" class="close" data-action="close">Close</button>
<h1>Sync-ing data</h1>
<div class="progressbar">
<progress max="100"></progress>
</div>
</div>
</div>
<div id="errordialog" class="dialog hide" data-action="close">
<div>
<button type="button" data-action="close"></button>
<h1>Error</h1>
<div class="msg"></div>
</div>
</div>
<footer>
<p>Released under an Apache 2.0 license</p>
</footer>
<script src="js/pouchdb-nightly.min.js"></script>
<script src="js/application.js"></script>
</body>
</html>