From 9c2e43a8c746ae381c369a09981c621a86d7e1a8 Mon Sep 17 00:00:00 2001
From: AJ ONeal <awesome@coolaj86.com>
Date: Mon, 12 Jan 2015 14:10:13 -0700
Subject: [PATCH] can create post!

---
 index.html           |   2 +-
 views/post/post.html |  69 ++++++++++++++++----------
 views/post/post.js   | 113 ++++++++++++++++++++++++++++++++-----------
 3 files changed, 130 insertions(+), 54 deletions(-)

diff --git a/index.html b/index.html
index 5e10e7a..64b211e 100644
--- a/index.html
+++ b/index.html
@@ -54,7 +54,7 @@
     <p>
       <!-- http://googlewebmastercentral.blogspot.com/2009/02/specify-your-canonical.html -->
       <!-- also needs updating at http://plus.google.com/me/about/edit/co -->
-      <a href="mailto:develop@dear.deis" rel="me">develop@dear.desi</a>
+      <a href="mailto:develop@dear.desi" rel="me">develop@dear.desi</a>
       | 
       <a href="https://twitter.com/dearbesiblog?rel=author" rel="me">Twitter</a>
       <!--a href="https://www.facebook.com/coolaj86?rel=author" rel="me">Facebook</a-->
diff --git a/views/post/post.html b/views/post/post.html
index 271ad84..4234515 100644
--- a/views/post/post.html
+++ b/views/post/post.html
@@ -11,11 +11,11 @@
         <div class="well bs-component">
           <fieldset>
             <div class="form-group">
-              <label for="inputPostTitle" class="col-lg-2 control-label">Title</label>
+              <label for="inputPostTitle" class="col-lg-2 control-label">Title*</label>
               <div class="col-lg-10">
                 <input
-                  required
-                  ng-model="Post.selected.title"
+                  required="required"
+                  ng-model="Post.selected.post.yml.title"
                   ng-change="Post.onChange()"
                   type="text"
                   class="form-control"
@@ -39,9 +39,10 @@
             </div>
             -->
             <div class="form-group">
-              <label for="textAreaPost" class="col-lg-2 control-label">Post</label>
+              <label for="textAreaPost" class="col-lg-2 control-label">Post*</label>
               <div class="col-lg-10">
                 <textarea
+                  required="required"
                   ng-model="Post.selected.post.body"
                   ng-change="Post.onChange()"
                   class="form-control"
@@ -53,10 +54,48 @@
               </div>
             </div>
 
+            <div class="form-group">
+              <label for="select" class="col-lg-2 control-label">Format*</label>
+              <div class="col-lg-10">
+                <select
+                  required="required"
+                  ng-model="Post.selected.format"
+                  ng-change="Post.onChange()"
+                  class="form-control"
+                  id="select">
+                  <option value="html">HTML</option>
+                  <option selected="selected" value="md">Markdown</option>
+                  <option disabled="disabled" value="jade">Jade (Not Implemented)</option>
+                </select>
+                <!--div class="checkbox">
+                  <label>
+                    <input type="checkbox"> Draft
+                  </label>
+                </div-->
+              </div>
+            </div>
+
+            <div class="form-group">
+              <label for="textAreaDesc" class="col-lg-2 control-label">Description*
+                <small>(<span ng-bind="Post.selected.post.yml.description.length || 0"></span>/140)</small></label>
+              <div class="col-lg-10">
+                <textarea
+                  required="required"
+                  ng-change="Post.onChange()"
+                  ng-model="Post.selected.post.yml.description"
+                  placeholder="i.e. An alternate recipe for Peeta Mellarks's famous apple goat cheese tarts using only ingredients available in district 10"
+                  class="form-control"
+                  rows="2" 
+                  id="textAreaDesc"></textarea>
+                <span class="help-block">The description is often used by search engines as the snippit shown in search results.</span>
+              </div>
+            </div>
+
             <div class="form-group">
               <label for="textAreaYaml" class="col-lg-2 control-label">Frontmatter</label>
               <div class="col-lg-10">
                 <textarea
+                  required="required"
                   ng-change="Post.onFrontmatterChange()"
                   ng-model="Post.selected.post.frontmatter"
                   class="form-control"
@@ -101,7 +140,7 @@
               <label for="inputPostPermalink" class="col-lg-2 control-label">Permalink</label>
               <div class="col-lg-10">
                 <input
-                  required
+                  required="required"
                   type="text"
                   class="form-control"
                   id="inputPostPermalink"
@@ -111,26 +150,6 @@
             </div>
             -->
 
-            <div class="form-group">
-              <label for="select" class="col-lg-2 control-label">Format</label>
-              <div class="col-lg-10">
-                <select
-                  ng-model="Post.selected.format"
-                  ng-change="Post.onChange()"
-                  class="form-control"
-                  id="select">
-                  <option value="html">HTML</option>
-                  <option selected="selected" value="md">Markdown</option>
-                  <option disabled="disabled" value="jade">Jade (Not Implemented)</option>
-                </select>
-                <!--div class="checkbox">
-                  <label>
-                    <input type="checkbox"> Draft
-                  </label>
-                </div-->
-              </div>
-            </div>
-
             <div class="form-group">
               <div class="col-lg-10 col-lg-offset-2">
                 <!--button class="btn btn-default">Save Draft</button-->
diff --git a/views/post/post.js b/views/post/post.js
index dff8ee5..5b20403 100644
--- a/views/post/post.js
+++ b/views/post/post.js
@@ -19,6 +19,7 @@ angular.module('myApp.post', ['ngRoute'])
     Desirae.meta().then(function (desi) {
       scope.blogdir = desi.blogdir.path.replace(/^\/(Users|home)\/[^\/]+\//, '~/');
       scope.site = desi.site;
+      updateDate();
     }).catch(function (e) {
       window.alert("An Error Occured. Most errors that occur in the init phase are parse errors in the config files or permissions errors on files or directories, but check the error console for details.");
       console.error(e);
@@ -26,18 +27,19 @@ angular.module('myApp.post', ['ngRoute'])
     });
   }
 
+  scope.extensions = ['md', 'html'];
+
   scope.selected = {
-    title: ""
-  , format: 'md'
-  , description: ""
+    format: 'md'
   , permalink: "/article/new.md"
+  , uuid: window.uuid.v4()
   , post: { 
       yml: {
         title: ""
-      , description: ""
-      , uuid: window.uuid.v4()
-      , date: Desirae.toDesiDate(new Date())// "YYYY-MM-DD HH:MM pm" // TODO desirae
       , permalink: "/article/new.md"
+      , date: Desirae.toDesiDate(new Date())// "YYYY-MM-DD HH:MM pm" // TODO desirae
+      , updated: null
+      , description: ""
       , categories: []
       , tags: []
       , theme: null
@@ -47,50 +49,105 @@ angular.module('myApp.post', ['ngRoute'])
     }
   };
   scope.selected.date = scope.selected.post.yml.date;
-  scope.selected.post.frontmatter = window.jsyaml.dump(scope.selected.post.yml);
+  scope.selected.post.frontmatter = window.jsyaml.dump(scope.selected.post.yml).trim();
 
   scope.onChange = function () {
-    scope.selected.post.yml.title = scope.selected.title;
-    scope.selected.post.yml.description = scope.selected.description;
-    if (scope.selected.permalink === scope.selected.post.yml.permalink) {
-      scope.selected.permalink = '/articles/' + scope.selected.title.toLowerCase()
+    var post = scope.selected.post
+      , selected = scope.selected
+      ;
+
+    post.yml.title = post.yml.title || '';
+    post.yml.description = post.yml.description || '';
+
+    if (selected.permalink === post.yml.permalink) {
+      selected.permalink = '/articles/' + post.yml.title.toLowerCase()
         .replace(/["']/g, '')
         .replace(/\W/g, '-')
-        .replace(/^-/g, '')
-        .replace(/-$/g, '')
+        .replace(/^-+/g, '')
+        .replace(/-+$/g, '')
         .replace(/--/g, '-')
-        + '.' + scope.selected.format
+        + '.' + selected.format
         ;
-      scope.selected.post.yml.permalink = scope.selected.permalink;
+
+      post.yml.permalink = selected.permalink;
     }
-    scope.selected.post.frontmatter = window.jsyaml.dump(scope.selected.post.yml);
+    if (window.path.extname(post.yml.permalink) !== '.' + selected.format) {
+     post.yml.permalink = post.yml.permalink.replace(/\.\w+$/, '.' + selected.format);
+    }
+
+    post.frontmatter = window.jsyaml.dump(post.yml).trim();
+
+    // TODO use some sort of filepath pattern in config.yml
+    selected.path = window.path.join((selected.collection || 'posts'), window.path.basename(post.yml.permalink));
   };
   scope.onFrontmatterChange = function () {
-    scope.selected.post.yml = window.jsyaml.load(scope.selected.post.frontmatter);
-    scope.selected.title = scope.selected.post.yml.title;
-    scope.selected.description = scope.selected.post.yml.description;
+    var data
+      ;
+
+    try {
+      if (!scope.selected.post.frontmatter || !scope.selected.post.frontmatter.trim()) {
+        throw new Error('deleted frontmatter');
+      }
+      data = window.jsyaml.load(scope.selected.post.frontmatter);
+      scope.selected.format = data.permalink.replace(/.*\.(\w+$)/, '$1');
+      if (!data.permalink) {
+        data = scope.selected.permalink;
+      }
+      scope.selected.post.yml = data;
+    } catch(e) {
+      console.error(e);
+      console.error('ignoring update that created parse error');
+      scope.selected.post.frontmatter = window.jsyaml.dump(scope.selected.post.yml).trim();
+    }
   };
 
-  $timeout(function () {
-    if (scope.selected && scope.selected.date === scope.selected.post.yml.date) {
-      scope.selected.date = scope.selected.post.yml.date = Desirae.toDesiDate(new Date());
-    }
-    scope.onChange();
-  }, 60 * 1000);
+  function updateDate() {
+    $timeout.cancel(scope.dtlock);
+    scope.dtlock = $timeout(function () {
+      if (scope.selected && scope.selected.date === scope.selected.post.yml.date) {
+        scope.selected.date = scope.selected.post.yml.date = Desirae.toDesiDate(new Date());
+      }
+      scope.onChange();
+      updateDate();
+    }, 60 * 1000);
+  }
 
   scope.upsert = function () {
-    console.log(scope.selected.format);
+    console.log('upserted');
+    if (-1 === scope.extensions.indexOf(scope.selected.format)) {
+      window.alert('.' + scope.selected.format + ' is not a supported extension.\n\nPlease choose from: .' + scope.extensions.join(' .'));
+      return;
+    }
+
+    scope.selected.post.yml.uuid = scope.selected.uuid;
+    ['updated', 'theme', 'layout', 'swatch'].forEach(function (key) {
+      if (!scope.selected.post.yml[key]) {
+        delete scope.selected.post.yml[key];
+      }
+    });
+    scope.onChange();
+
     var files = []
       ;
 
-    files.push({ path: 'site.yml', contents: scope.site });
+    files.push({
+      path: scope.selected.path
+    , contents: 
+          '---\n'
+        + scope.selected.post.frontmatter.trim()
+        + '\n'
+        + '---\n'
+        + '\n'
+        + scope.selected.post.body.trim()
+    });
 
     console.log(files);
     Desirae.putFiles(files).then(function (results) {
       console.log('TODO check for error');
       console.log(results);
-      $location.path('/post');
+      $location.path('/build');
     }).catch(function (e) {
+      $timeout.cancel(scope.dtlock);
       console.error(scope.site);
       console.error(e);
       window.alert("Error Nation! :/");