Added user persistence, as per issue #3.

README.md

@@ -13,9 +13,9 @@ due to the components that power it.
 Prereqs
 -------
 
-Requires [Perl Dancer](http://perldancer.org), and its 
-[Database Plugin](https://metacpan.org/module/Dancer::Plugin::Database), to run.  
-The app has several JS libs bundled in.  Please pay attention to the licensing on those 
+Requires [Perl Dancer](http://perldancer.org), and its
+[Database Plugin](https://metacpan.org/module/Dancer::Plugin::Database), to run.
+The app has several JS libs bundled in.  Please pay attention to the licensing on those
 libs before you go hacking on that code :)
 
 
@@ -28,7 +28,8 @@ people's work. I just moshed it all together with voodoo of my own.
 * [Backbone](http://backbonejs.org)
 * [Underscore](http://underscorejs.org)
 * [jQuery](http://jquery.com/)
-* [jQuery's Validation Plugin](http://jqueryvalidation.org/)
+* [jQuery Validation Plugin](http://jqueryvalidation.org/)
+* [jQuery Cookie Plugin](http://plugins.jquery.com/jcookie/)
 * [Twitter's Bootstrap](http://twitter.github.io/bootstrap/)
 * [Moment.js](http://momentjs.com/)
 * [Mustache Templates](http://mustache.github.io/)

assets/js/app.js

@@ -44,9 +44,28 @@
     Mosh.Views.NewMosh = Backbone.View.extend({
         template: Mosh.template('new-mosh'),
         windowTitle: 'SpinalTapCodeMosh - Collaborative code paste binning.',
+        events: {
+            'keyup input#poster': 'updateNameCookie',
+            'click input#persistname': 'updateNameCookie',
+        },
+        updateNameCookie: function() {
+            if (this.$el.find('input#persistname').prop('checked') === true) {
+                $.jCookie('poster', this.$el.find('input#poster').val()); // Set the cookie
+            } else {
+                $.jCookie('poster',null); // Delete the cookie.
+            }
+        },
         render: function() {
             window.document.title = this.windowTitle;
             this.$el.html( this.template(this) );
+
+            // Update the poster box and checkbox if we have a persistance
+            // cookie.
+            if ($.jCookie('poster')) {
+                this.$el.find('input#poster').val($.jCookie('poster'));
+                this.$el.find('input#persistname').attr('checked','checked');
+            }
+
             this.$el.find('form').validate({
                 rules: {
                     subject: { required: 1 },

views/js.tt

@@ -1,5 +1,6 @@
 <script type="text/javascript" src="/js/lib/jquery.js"></script>
 <script type="text/javascript" src="/js/lib/jquery.validate.min.js"></script>
+<script type="text/javascript" src="/js/lib/jcookie-min.js"></script>
 <script type="text/javascript" src="/js/lib/underscore.js"></script>
 <script type="text/javascript" src="/js/lib/bootstrap.js"></script>
 <script type="text/javascript" src="/js/lib/backbone.js"></script>

views/mustache-templates.tt

@@ -61,6 +61,7 @@
     <br>
     <label for="poster">Name:</label>
     <input type="text" id="poster" name="poster" placeholder="Guest" value="">
+    <span><input type="checkbox" id="persistname" name="persistname"> Remember Me</span>
     <br>
     <button type="submit" id="submit" name="submit" class="btn btn-action" autocomplete="off"
             data-loading-text="Posting" data-complete-text="Posted!" data-error-text="Failed :(">