Commit 1f2eca2d83c3b5624fa566451e46145bbd26ba03

Updated layout.
_attachments/index.html
(3 / 2)
  
66 <body>
77 <div id="body">
88 <div id="header">
9 <div id="account"></div>
109 <h1>Notebooklet</h1>
11 <div id="profile"></div>
1210 </div>
1311 <div id="menu_container">
1412 <ul id="mainmenu">
1515 </ul>
1616 </div>
1717 <div id="content">
18 <div id="account"></div>
19 <div id="profile"></div>
1820 <div id="items"></div>
1921 </div>
22 <div id="clear"></div>
2023 </div>
2124 </body>
2225 <script src="vendor/couchapp/loader.js"></script>
_attachments/style/main.css
(35 / 10)
  
22body {
33 font: 1em Helvetica, sans-serif;
44 padding: 4px;
5 background: none repeat scroll 0 0 #E0E0E0;
56}
67
78div#body {
1313}
1414
1515div#menu_container {
16 background-color: #ddd;
16 background: none repeat scroll 0 0 #E5D7AF;
1717}
1818
19div#header {
20 background: none repeat scroll 0 0 #DEBA90;
21 margin: 0;
22 padding: 10px;
23}
24
25div#content {
26 padding: 5px;
27}
28
1929ul#mainmenu {
2030 list-style: none outside none;
2131 margin: 0 0 1em 0;
3939}
4040
4141ul#mainmenu li a {
42 background: none repeat scroll 0 0 #DDDDDD;
43 border-right: 0.1em solid white;
42 background: none repeat scroll 0 0 #E5D7AF;
43 color: #846D26;
4444 display: inline-block;
4545 min-width: 6em;
46 padding: 0.5em 1em 2em;
46 padding: 7px;
4747 white-space: normal;
48 text-transform: uppercase;
49 text-decoration: none;
4850}
4951
5052ul#mainmenu li .selected a, ul#mainmenu li a:hover {
51 background: none repeat scroll 0 0 #205C90;
52 color: White;
53 background: none repeat scroll 0 0 #846D26;
54 color: #E5D7AF;
5355}
5456
5557h1 {
56 margin-top: 0;
58 margin: 0;
59 letter-spacing: 0px;
5760}
5861
5962#account {
8686}
8787
8888#items li {
89 border: 4px solid #f5f5ff;
89 border: 1px solid #f5f5ff;
9090 background: #fff;
91 padding: 8px;
92 margin: 4px 0;
91 padding: 0;
92 margin: 0;
9393}
9494
95#items li p {
96 margin: 0;
97}
98#items ul {
99 padding: 0;
100}
101
95102form {
96103 padding: 4px;
97104 margin: 6px;
125125 padding: 0;
126126 width: 40px;
127127 height: 40px;
128}
129
130div#clear {
131 clear: both;
128132}
129133
130134#items ul {
evently/items/_changes/data.js
(3 / 2)
  
33 var p;
44 return {
55 items : data.rows.map(function(r) {
6 p = (r.value && r.value.profile) || {};
7 p.message = r.value && r.value.message;
6 p = {};
7 p.note = r.value && r.value.note;
8 p.tags = r.tags
89 return p;
910 })
1011 }
evently/items/_changes/mustache.html
(2 / 11)
  
1<p>Customize this format here: <tt>ddoc.evently.items._changes.mustache</tt></p>
2<h3>Recent Messages</h3>
1<h3>Recent notes</h3>
32<ul>
43 {{#items}}
54 <li>
6 <div class="avatar">
7 {{#gravatar_url}}<img src="{{gravatar_url}}" alt="{{name}}"/>{{/gravatar_url}}
8 <div class="name">
9 {{nickname}}
10 </div>
11 </div>
12 <p>{{message}}</p>
5 <p>{{note}}</p>
136 <div style="clear:left;"></div>
147 </li>
158 {{/items}}
169</ul>
17<p><em>Protip:</em> If you setup continuous replication between this database and a remote one, this list will reflect remote changes in near real-time.</p>
18<p>This would be a good place to add pagination.</p>
evently/profile/profileReady/mustache.html
(11 / 10)
  
1<p>Most applications will customize this template (<tt>ddoc.evently.profile.profileReady.mustache</tt>) for user input.</p>
2
3<div class="avatar">
4 {{#gravatar_url}}<img src="{{gravatar_url}}"/>{{/gravatar_url}}
5 <div class="name">
6 {{name}}
7 </div>
8</div>
9
101<form>
11 <label>New message from {{nickname}}: <input type="text" name="message" size=60 value=""></label>
2 <label for="note">
3 Note:
4 </label>
5 <textarea name="note" id="note" cols="80" rows="6"></textarea>
6 <br />
7 <label for="tags">
8 Tags:
9 </label>
10 <input type="text" id="tags" name="tags" size="60" />
11 <br />
12 <button id="save">Save</button>
1213</form>
1314
1415<div style="clear:left;"></div>
evently/profile/profileReady/selectors/form/submit.js
(3 / 2)
  
11function() {
22 var form = $(this);
3 var fdoc = form.serializeObject();
3 var fdoc = new Object();
44 fdoc.created_at = new Date();
5 fdoc.profile = $$("#profile").profile;
5 fdoc.note = $("#note").val();
6 fdoc.tags = $("#tags").val().split(" ");
67 $$(this).app.db.saveDoc(fdoc, {
78 success : function() {
89 form[0].reset();