blogelator 0.1.0

data/app/assets/javascripts/blogelator/config/marked.js

@@ -0,0 +1,10 @@
+//= require marked
+//= require prettify
+
+marked.setOptions({
+  langPrefix: 'highlight lang-',
+  smartypants: true,
+  highlight: function(code, lang) {
+    return prettyPrintOne(code, lang);
+  }
+});

data/app/assets/javascripts/blogelator/config/router.js

@@ -0,0 +1,9 @@
+(function() {
+  "use strict";
+  
+  App.Router.reopen({
+    rootURL: (App.get('blogelatorPath') === '/' ? '' : App.get('blogelatorPath')) + '/admin',
+    location: 'history'
+  });
+
+})();

data/app/assets/javascripts/blogelator/config/routes.js

@@ -0,0 +1,13 @@
+(function() {
+  "use strict";
+  
+  App.Router.map(function() {
+    this.route('index', { path: '/' });
+    this.resource('posts', { path: '/posts' }, function() {
+      this.route('edit', { path: '/:post_id/edit' });
+      this.route('new');
+      this.route('show', { path: '/:post_id' });
+    });
+  });
+
+})();

data/app/assets/javascripts/blogelator/config/serializer.js

@@ -0,0 +1,10 @@
+(function() {
+  "use strict";
+  
+  App.ApplicationSerializer = DS.RESTSerializer.extend({
+    keyForAttribute: function(attr) {
+      return Ember.String.underscore(attr);
+    }
+  });
+
+})();

data/app/assets/javascripts/blogelator/config/store.js

@@ -0,0 +1,10 @@
+(function() {
+  "use strict";
+  
+  App.Store = DS.Store.extend({
+    adapter: DS.RESTAdapter.extend({
+      namespace: (App.get('blogelatorPath') === '/' ? '' : App.get('blogelatorPath').substring(1) + '/') + 'api'
+    })
+  });
+
+})();

data/app/assets/javascripts/blogelator/controllers/application_controller.js

@@ -0,0 +1,11 @@
+(function() {
+  "use strict";
+  
+  App.ApplicationController = Ember.ObjectController.extend({
+    currentPathDidChange: function() {
+      var bodyClass = 'ember-application blogelator admin ' + this.get('currentPath').split('.').join(' ');
+      $('body').attr('class', bodyClass);
+    }.observes('currentPath')
+  });
+
+})();

data/app/assets/javascripts/blogelator/controllers/posts/posts_edit_controller.js

@@ -0,0 +1,97 @@
+(function() {
+  "use strict";
+  
+  App.PostsEditController = Ember.ObjectController.extend({
+    needs: ['posts'],
+    secondsPassed: 0,
+    
+    actions: {
+      destroy: function(defer) {
+        var post = this.get('content'),
+            controller = this.get('controllers.posts');
+        
+        if (Ember.isNone(defer)) {
+          post.destroyRecord();
+          return post;
+        }
+                
+        post.destroyRecord().then(function() {
+          defer.resolve();
+          Ember.run.later(function() {
+            controller.transitionToRoute('posts.index');
+          }, 900);
+        }, function() {
+          defer.reject();
+        });
+        
+        return post;
+      },
+      
+      save: function(defer) {
+        var post = this.get('content');
+        
+        if (Ember.isNone(defer)) {
+          post.save();
+          return post;
+        }
+        
+        if (!post.get('isDirty')) {
+          defer.resolve();
+        } else {
+          post.save().then(function() {
+            defer.resolve();
+          }, function() {
+            defer.reject();
+          });
+        }
+        
+        return post;
+      },
+      
+      togglePublished: function(defer) {
+        var post = this.get('content');
+        
+        if (Ember.isNone(post.get('publishedAt'))) {
+          post.set('publishedAt', new Date());
+        } else {
+          post.set('publishedAt', null);
+        }
+        
+        if (Ember.isNone(defer)) {
+          post.save();
+          return post;
+        }
+        
+        if (!post.get('isDirty')) {
+          defer.resolve();
+        } else {
+          post.save().then(function() {
+            defer.resolve();
+          }, function() {
+            defer.reject();
+          });
+        }
+        
+        return post;
+      }
+    },
+    
+    init: function() {
+      this._super();
+      this.updateSecondsPassed();
+    },
+    
+    isClean: function() {
+      return !this.get('isDirty');
+    }.property('isDirty'),
+    
+    updateSecondsPassed: function() {
+      var self = this;
+      this.incrementProperty('secondsPassed', 1);
+      Ember.run.later(function() {
+        self.updateSecondsPassed();
+      }, 1000);
+    }
+  });
+
+})();

data/app/assets/javascripts/blogelator/controllers/posts/posts_index_controller.js

@@ -0,0 +1,9 @@
+(function() {
+  "use strict";
+  
+  App.PostsIndexController = Ember.ArrayController.extend({
+    needs: ['posts'],
+    contentBinding: 'controllers.posts.content'
+  });
+
+})();

data/app/assets/javascripts/blogelator/controllers/posts/posts_new_controller.js

@@ -0,0 +1,6 @@
+(function() {
+  "use strict";
+  
+  App.PostsNewController = App.PostsEditController.extend();
+
+})();

data/app/assets/javascripts/blogelator/controllers/posts/posts_show_controller.js

@@ -0,0 +1,37 @@
+(function() {
+  "use strict";
+  
+  App.PostsShowController = Ember.ObjectController.extend({
+    needs: ['posts'],
+    
+    actions: {      
+      togglePublished: function(defer) {
+        var post = this.get('content');
+        
+        if (Ember.isNone(post.get('publishedAt'))) {
+          post.set('publishedAt', new Date());
+        } else {
+          post.set('publishedAt', null);
+        }
+        
+        if (Ember.isNone(defer)) {
+          post.save();
+          return post;
+        }
+        
+        if (!post.get('isDirty')) {
+          defer.resolve();
+        } else {
+          post.save().then(function() {
+            defer.resolve();
+          }, function() {
+            defer.reject();
+          });
+        }
+        
+        return post;
+      }
+    }
+  });
+
+})();

data/app/assets/javascripts/blogelator/models/post.js

@@ -0,0 +1,34 @@
+(function() {
+  "use strict";
+  
+  App.Post = DS.Model.extend({
+    bodyHtml:     DS.attr('string', { defaultValue: '' }),
+    bodyMarkdown: DS.attr('string', { defaultValue: '' }),
+    createdAt:    DS.attr('date'),
+    publishedAt:  DS.attr('date'),
+    summary:      DS.attr('string'),
+    title:        DS.attr('string'),
+    updatedAt:    DS.attr('date'),
+    
+    publishedAtFormatted: function() {
+      var publishedAt = this.get('publishedAt');
+      
+      if (Ember.isNone(publishedAt)) {
+        return "Unpublished";
+      } else {
+        return moment(publishedAt).format('MMMM D, YYYY');
+      }
+    }.property('publishedAt'),
+    
+    updatedAtFormatted: function() {
+      var updatedAt = this.get('updatedAt');
+      
+      if (Ember.isNone(updatedAt)) {
+        return "Never";
+      } else {
+        return moment(updatedAt).fromNow();
+      }
+    }.property('secondsPassed', 'updatedAt')
+  });
+
+})();

data/app/assets/javascripts/blogelator/routes/index_route.js

@@ -0,0 +1,10 @@
+(function() {
+  "use strict";
+  
+  App.IndexRoute = Ember.Route.extend({
+    beforeModel: function() {
+      this.transitionTo('posts.index');
+    }
+  });
+  
+})();

data/app/assets/javascripts/blogelator/routes/posts_edit_route.js

@@ -0,0 +1,36 @@
+(function() {
+  "use strict";
+  
+  App.PostsEditRoute = Ember.Route.extend({
+    actions: {
+      willTransition: function(transition) {
+        var record = this.get('controller.content');
+        
+        // Confirm transition if there are unsaved changes
+        if (record.get('isDirty')) {
+          if (confirm("Are you sure you want to lose unsaved changes?")) {
+            record.rollback();
+            return true;
+          } else {
+            transition.abort();
+          }
+        } else {
+          return true;
+        }
+      }
+    },
+    
+    model: function(params) {
+      return this.store.find('post', params.post_id);
+    },
+    
+    renderTemplate: function() {
+      this.render(); 
+      this.render('posts/_form_action_bar', {
+        into: 'application',
+        outlet: 'footer'
+      });
+    }
+  });
+  
+})();

data/app/assets/javascripts/blogelator/routes/posts_index_route.js

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+  
+  App.PostsIndexRoute = Ember.Route.extend({
+    afterModel: function(posts) {
+      if (posts.get('length') > 0) {
+        this.transitionTo('posts.show', posts.objectAt(0));
+      }
+    },
+    
+    renderTemplate: function() {
+      this.render();
+      this.render('posts/_footer', {
+        into: 'application',
+        outlet: 'footer'
+      });
+    }
+  });
+  
+})();

data/app/assets/javascripts/blogelator/routes/posts_new_route.js

@@ -0,0 +1,53 @@
+(function() {
+  "use strict";
+  
+  App.PostsNewRoute = Ember.Route.extend({
+    actions: {
+      willTransition: function(transition) {
+        var record = this.get('controller.content');
+        
+        // Allow transition if nothing is entered
+        if (Ember.isEmpty(record.get('title')) &&
+            Ember.isEmpty(record.get('bodyMarkdown'))
+        ) {
+          record.destroyRecord();
+          return true;
+        }
+        
+        // Confirm transition if there are unsaved changes
+        if (record.get('isNew')) { 
+          if (confirm("Are you sure you want to lose unsaved changes?")) {
+            record.destroyRecord();
+            return true;
+          } else {
+            transition.abort();
+          }
+        } else {
+          if (record.get('isDirty')) {
+            if (confirm("Are you sure you want to lose unsaved changes?")) {
+              record.rollback();
+              return true;
+            } else {
+              transition.abort();
+            }
+          } else {
+            return true;
+          }
+        }
+      }
+    },
+    
+    model: function() {
+      return this.store.createRecord('post');
+    },
+    
+    renderTemplate: function() {
+      this.render(); 
+      this.render('posts/_form_action_bar', {
+        into: 'application',
+        outlet: 'footer'
+      });
+    }
+  });
+  
+})();

data/app/assets/javascripts/blogelator/routes/posts_route.js

@@ -0,0 +1,10 @@
+(function() {
+  "use strict";
+  
+  App.PostsRoute = Ember.Route.extend({
+    model: function() {
+      return this.store.find('post');
+    }
+  });
+  
+})();

data/app/assets/javascripts/blogelator/routes/posts_show_route.js

@@ -0,0 +1,14 @@
+(function() {
+  "use strict";
+  
+  App.PostsShowRoute = Ember.Route.extend({
+    renderTemplate: function() {
+      this.render(); 
+      this.render('posts/_show_action_bar', {
+        into: 'application',
+        outlet: 'footer'
+      });
+    }
+  });
+  
+})();

data/app/assets/javascripts/blogelator/templates/application.handlebars

@@ -0,0 +1,23 @@
+<header>
+  <ul>
+    <li>
+      <a {{bind-attr href="App.blogelatorPath"}}>Blog</a>
+    </li>
+    <li>
+      {{#link-to "posts" class="posts-index-link"}}
+        Content
+      {{/link-to}}
+    </li>
+    <li>
+      {{#link-to "posts.new"}}
+        New Post
+      {{/link-to}}
+    </li>
+  </ul>
+</header>
+<main>
+  {{outlet}}
+</main>
+<footer>
+  {{outlet "footer"}}
+</footer>