selenamarie · doppler · May 2, 2010 · May 2, 2010 · May 15, 2010 · May 15, 2010
diff --git a/README.md b/README.md
@@ -0,0 +1,14 @@
+## Generated CouchApp
+
+This repo is a snapshot of the development going on in [The CouchApp generate command.](http://github.com/couchapp/couchapp/tree/master/templates/app/)
+
+It's easier for me to receive patches against couchapp/couchapp. This repo is intended primarily so you can deploy new versions of the example app without needing to upgrade CouchApp.
+
+Install with 
+
+    couchapp push . http://localhost:5984/proto
+
+or (if you have security turned on)
+
+    couchapp push . http://myname:mypass@localhost:5984/proto
+
diff --git a/_attachments/couchcampfire.jpg b/_attachments/couchcampfire.jpg
diff --git a/_attachments/couchcoon.jpg b/_attachments/couchcoon.jpg
diff --git a/_attachments/index.html b/_attachments/index.html
@@ -5,17 +5,66 @@
     <link rel="stylesheet" href="style/main.css" type="text/css">
   </head>
   <body>
+    <div id='header'>
     <div id="account"></div>
 
-    <h1>CouchCamp Profiles</h1>
-
+    <h1>CouchCamp Profiles (a.k.a &quot;Replication Party&quot;)</h1>
+    <p>If you were at CouchCamp (even in spirit) please add yourself to this list! 
+      Please help us <a href="http://github.com/couchone/couchcamp_profiles">improve the application.</a></p>
+    <div id="profile"></div>
+    </div>
     <div id="items"></div>
 
+    <div id="sidebar">
+      <p>
+        <a href='http://www.couch.io/couchcamp'>CouchCamp</a> took place 
+        September 8-10, 2010 at Walker Creek Ranch in the mountains about 
+        an hour north of San Francisco, California.
+      </p>
+      <p>
+        The setting was unique. A campground miles from any bar, restaurant 
+        or hotel. With wild deer, raccoons and foxes curiously attending 
+        nighttime activities around the campfire.
+      </p>
+      <p>
+        This isolated setting proved to be a fertile breeding ground for 
+        the creation and sharing of new ideas. One of those ideas was a 
+        &quot;Replication Party&quot;, wherein attendees would all create 
+        a &quot;/profile&quot; database, and add some info about themselves 
+        to it, then replicate that database with other attendees.
+      </p>
+      <p>
+        What you see here is the result, so far.
+      </p>
+      <p>
+        Whether you were at CouchCamp or not, please feel free to contribute. 
+      </p>
+      <textarea rows='20'>
+# create a /profiles database on your CouchDB:
+
+curl -X PUT http://user:pass@localhost:5984/profiles
+
+# Replicate CouchCamp /profiles to it:
+
+curl -X POST -H 'Content-type: application/json' -d '{"source":"http://couchcamp.couchone.com/profiles","target":"http://localhost:5984/profiles"}' http://localhost:5984/_replicate
+
+# see what other profile docs look like, then create your own.
+# then post it back here
+
+curl -X POST -H 'Content-type: application/json' -d '{"target":"http://couchcamp.couchone.com/profiles","source":"http://localhost:5984/profiles"}' http://localhost:5984/_replicate
+      </textarea>
+      <p style='text-align:center'>
+        <img src='couchcoon.jpg' />
+      </p>
     </div>
   </body>
   <script src="vendor/couchapp/loader.js"></script>
+  <script src="/_utils/script/jquery.form.js"></script>
   <script type="text/javascript" charset="utf-8">
     $.couch.app(function(app) {
+      $("#account").evently("account", app);
+      $("#profile").evently("profile", app);
+      $.evently.connect("#account","#profile", ["loggedIn","loggedOut"]);
       $("#items").evently("items", app);
     });
   </script>

diff --git a/_attachments/style/main.css b/_attachments/style/main.css
@@ -1,51 +1,74 @@
 /* add styles here */
 
 body {
+  background: black;
+  color: #DA0;
   font:1em Helvetica, sans-serif;
   padding:4px;
 }
 
+#header {
+  background:  url('../couchcampfire.jpg') no-repeat;;
+}
+a, a:hover, a:visited {
+  color: #A70;
+}
+
 h1 {
   margin-top:0;
+  color: orange;
 }
 
 #account {
   float:right;
 }
 
 #profile {
-  border:4px solid #edd;
-  background:#fee;
-  padding:8px;
-  margin-bottom:8px;
+  font-size: .8em;
+}
+
+#profile form {
+  float:left;
 }
 
 #items {
-  border:4px solid #dde;
-  background:#eef;
+  border: 4px solid #600;
+  background: #300;
   padding:8px;
   width:60%;
   float:left;
 }
 
+#items img.attachment {
+  width:500px;
+}
+
 #sidebar {
-  border:4px solid #dfd;
+  border:4px solid #600;
+  background: #300;
   padding:8px;
   float:right;
-  width:30%;
+  width:35%;
 }
 
 #items li {
-  border:4px solid #f5f5ff;
-  background:#fff;
+  border:4px solid orange;
+  background: black;
   padding:8px;
   margin:4px 0;
 }
 
+#items li.url {
+  border: 0px;
+  padding: 0px;
+  margin: 0px;
+}
+
 form {
   padding:4px;
   margin:6px;
-  background-color:#ddd;  
+  background-color:#300;  
+  border: 4px solid #600;
 }
 
 div.avatar {
@@ -73,3 +96,7 @@ div.avatar img {
 #items ul {
   list-style: none;
 }
+
+textarea {
+  width: 95%;
+}
diff --git a/evently/items/_changes/.data.js.swp b/evently/items/_changes/.data.js.swp
diff --git a/evently/items/_changes/.mustache.html.swp b/evently/items/_changes/.mustache.html.swp
diff --git a/evently/items/_changes/data.js b/evently/items/_changes/data.js
@@ -1,13 +1,16 @@
 function(data) {
-
+  var dbname = $$(this).app.db.name;
 // 	$.log(data);
 	var items = [];
   for (var i=0; i < data.rows.length; i++) {
-	  var r = data.rows[i].value, item = {};
+	  var r = data.rows[i].value, item = {}, v=r;
 		item.bio = r.bio || "";
+		item.name = v.name;
+		item.company = v.company;
+		item.email = v.email;
+	  item.id = data.rows[i].id;
+	  item.dbname = dbname;
 		item.urls = [];
-		item.name = data.rows[i].id;
-
 		if (r.url) {
 				item.urls.push({url:r.url, label:"www"});
 		}

diff --git a/evently/items/_changes/mustache.html b/evently/items/_changes/mustache.html
@@ -5,15 +5,20 @@ <h3>CouchCampers</h3>
 	{{#attachments}}
 		<img width=200 src="../../{{src}}" style="float:left; padding-right:10px;">
 	{{/attachments}}
-	<b>{{name}}</b> <br/>
-	<i>{{bio}}</i> <br/>
+	<b>{{name}}</b> 
+  {{company}} <br/>
+  {{#email}}<a href="mailto:{{email}}">{{email}}</a>{{/email}}
+	<p><i>{{bio}}</i></p> <br/>
 	<ul>
-        {{#urls}}
-		<li>
-		<a href="{{url}}">{{label}}</a>
-		</li>
+	{{#urls}}
+		{{#url}}
+				<li class='url'>
+				<a href="{{url}}">{{label}}</a>
+				</li>
+		{{/url}}
 	{{/urls}}
 	</ul>
+	<a href="/_utils/document.html?{{dbname}}/{{id}}">edit in Futon</a>
       <div style="clear:left;"></div>
     </li>
     {{/items}}

diff --git a/evently/profile/loggedOut/mustache.html b/evently/profile/loggedOut/mustache.html
@@ -0,0 +1 @@
+<p>Please log in to create your profile. Signup is super easy, all you need is a name and password, none of the email verification or whatever. Cheers!</p>
diff --git a/evently/profile/profileReady/mustache.html b/evently/profile/profileReady/mustache.html
@@ -1,5 +1,3 @@
-<p>Most applications will customize this template (<tt>ddoc.evently.profile.profileReady.mustache</tt>) for user input.</p>
-
 <div class="avatar">
   {{#gravatar_url}}<img src="{{gravatar_url}}"/>{{/gravatar_url}}
   <div class="name">
@@ -8,7 +6,25 @@
 </div>
 
 <form>
-  <label>New message from {{nickname}}: <input type="text" name="message" size=60 value=""></label>
+  <h3>New profile saved by {{nickname}}.</h3>
+  <p><label>
+    Your photo:
+    <input type="file" name="_attachments">
+  </label></p>
+  <p><label>Name: <input type="text" name="name" size=40 value=""></label></p>
+  <p><label>Company: <input type="text" name="company" size=40 value=""></label></p>
+  <p><label>Bio: <input type="text" name="bio" size=100 value=""></label></p>
+    <p><label>Email: <input type="text" name="email" size=80 value=""></label></p>
+    <fieldset>
+      <legend>URLs</legend>
+      <p><label>Twitter: <input type="text" name="url-twitter" size=80 value=""></label></p>
+      <p><label>Source Code: <input type="text" name="url-sourcecode" size=80 value=""></label></p>
+      <p><label>WWW: <input type="text" name="url-www" size=80 value=""></label></p>
+      <p><label>CouchDB: <input type="text" name="url-couchdb" size=80 value=""></label></p>
+    </fieldset>
+ <p><input type="hidden" name="_rev" value="">
+   <input type="submit" value="Create Profile"></p>
+   <p>If you want to edit this information later, there is an "Edit in Futon" link on each listed profile.</p>
 </form>
 
 <div style="clear:left;"></div>
diff --git a/evently/profile/profileReady/selectors/form/submit.js b/evently/profile/profileReady/selectors/form/submit.js
@@ -1,13 +1,39 @@
-function() {
-  var form = this;
+function(e) {
+  e.preventDefault();
+  var form = $(this);
+  var f = form.serializeObject();
   var doc = {
     created_at : new Date(),
     profile : $$("#profile").profile,
-    message : $("[name=message]", form).val()
+    bio : f.bio,
+    name : f.name,
+    company : f.company,
+    urls : {
+      www : f["url-www"],
+      sourcecode : f["url-sourcecode"],
+      twitter : f["url-twitter"],
+      couchdb : f["url-couchdb"]
+    },
+    email : f.email
   };
-  $$(this).app.db.saveDoc(doc, {
+  var db = $$(this).app.db;
+
+  db.saveDoc(doc, {
     success : function() {
-      $("[name=message]", form).val("");
+      $("input[name='_rev']", form).val(doc._rev);
+      var as = $("input[name='_attachments']", form).val();
+      if (as) {
+        $("[name=name]", form).val("Uploading file...");
+        // thank you cmlenz for Futon's original upload code
+        form.ajaxSubmit({
+          url: db.uri + $.couch.encodeDocId(doc._id),
+          success: function(resp) {
+            form[0].reset();
+          }
+        });
+      } else {
+        form[0].reset();
+      }
     }
   });
   return false;

diff --git a/migrate.js b/migrate.js
@@ -0,0 +1,40 @@
+var couchdb = require("couchdb")
+  , client = couchdb.createClient(5984, "localhost", "xxx", "xxx")
+  , db = client.db("profiles")
+  ;
+
+db.allDocs(function(er, view) {
+  view.rows.forEach(function(r) {
+    console.log(r.id)
+    db.getDoc(r.id, {attachments:true}, function(er, doc) {
+      if (er) {
+        console.log("getDoc", er)
+      } else {
+        console.log(doc._id)
+        var rev = doc._rev;
+        var name = doc._id;
+        if (name.length < 30) {
+          delete doc._rev;
+          delete doc._id;
+          doc.name = name;
+          db.removeDoc(name, rev, function(er) {
+            if (er) {
+              console.log("error deleting", name, er)
+            } else {
+              console.log("deleted", name)
+            }
+          })
+          // console.log("update", doc)
+          // db.saveDoc(doc, function(er, resp) {
+          //   if (er) {
+          //     console.log(er)
+          //   } else {
+          // 
+          //   }
+          // })
+        }
+      }
+    });
+  });
+
+});
diff --git a/vendor/couchapp/README.md b/vendor/couchapp/README.md
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<p>Please log in to create your profile. Signup is super easy, all you need is a name and password, none of the email verification or whatever. Cheers!</p>