From 3d3db619957e145cc0fea75ec36ee0a600b0aa03 Mon Sep 17 00:00:00 2001
From: AJ ONeal <awesome@coolaj86.com>
Date: Mon, 12 Jan 2015 14:26:59 -0700
Subject: [PATCH] show target filepath

---
 views/post/post.html | 29 +++++++++++++++++++------
 views/post/post.js   | 50 +++++++++++++++++++++++++-------------------
 2 files changed, 51 insertions(+), 28 deletions(-)

diff --git a/views/post/post.html b/views/post/post.html
index 4234515..a70e442 100644
--- a/views/post/post.html
+++ b/views/post/post.html
@@ -1,11 +1,12 @@
 <div class="container">
-  <div class="row">
-    <div class="page-header">
-      <h1>Write a Post</h1>
-    </div>
-  </div>
-
   <form ng-submit="Post.upsert()" class="form-horizontal">
+    <div class="row">
+      <div class="page-header">
+        <h1>Write a Post</h1>
+          <h3><span ng-bind="Post.selected.abspath" ></span></h3>
+      </div>
+    </div>
+
     <div class="row">
       <div class="col-lg-12">
         <div class="well bs-component">
@@ -104,6 +105,22 @@
               </div>
             </div>
 
+            <div class="form-group">
+              <label for="inputPostAbsPath" class="col-lg-2 control-label">Filepath</label>
+              <div class="col-lg-10">
+                <input
+                  required="required"
+                  disabled
+                  ng-model="Post.selected.abspath"
+                  ng-change="Post.onChange()"
+                  type="text"
+                  class="form-control"
+                  id="inputPostAbsPath"
+                  placeholder="i.e. ~/blog.me.co/posts/my-first-post.md"
+                  >
+              </div>
+            </div>
+
             <!--
             <div class="form-group">
               <label for="select" class="col-lg-2 control-label">Selects</label>
diff --git a/views/post/post.js b/views/post/post.js
index 5b20403..e3f40fe 100644
--- a/views/post/post.js
+++ b/views/post/post.js
@@ -19,37 +19,42 @@ angular.module('myApp.post', ['ngRoute'])
     Desirae.meta().then(function (desi) {
       scope.blogdir = desi.blogdir.path.replace(/^\/(Users|home)\/[^\/]+\//, '~/');
       scope.site = desi.site;
+      newPost();
+
       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);
       throw e;
     });
+
+    scope.extensions = ['md', 'html'];
   }
 
-  scope.extensions = ['md', 'html'];
-
-  scope.selected = {
-    format: 'md'
-  , permalink: "/article/new.md"
-  , uuid: window.uuid.v4()
-  , post: { 
-      yml: {
-        title: ""
-      , permalink: "/article/new.md"
-      , date: Desirae.toDesiDate(new Date())// "YYYY-MM-DD HH:MM pm" // TODO desirae
-      , updated: null
-      , description: ""
-      , categories: []
-      , tags: []
-      , theme: null
-      , layout: null
-      , swatch: null
+  function newPost() {
+    scope.selected = {
+      format: 'md'
+    , permalink: "/article/new.md"
+    , uuid: window.uuid.v4()
+    , abspath: scope.blogdir
+    , post: { 
+        yml: {
+          title: ""
+        , permalink: "/article/new.md"
+        , date: Desirae.toDesiDate(new Date())// "YYYY-MM-DD HH:MM pm" // TODO desirae
+        , updated: null
+        , description: ""
+        , categories: []
+        , tags: []
+        , theme: null
+        , layout: null
+        , swatch: null
+        }
       }
-    }
-  };
-  scope.selected.date = scope.selected.post.yml.date;
-  scope.selected.post.frontmatter = window.jsyaml.dump(scope.selected.post.yml).trim();
+    };
+    scope.selected.date = scope.selected.post.yml.date;
+    scope.selected.post.frontmatter = window.jsyaml.dump(scope.selected.post.yml).trim();
+  }
 
   scope.onChange = function () {
     var post = scope.selected.post
@@ -79,6 +84,7 @@ angular.module('myApp.post', ['ngRoute'])
 
     // TODO use some sort of filepath pattern in config.yml
     selected.path = window.path.join((selected.collection || 'posts'), window.path.basename(post.yml.permalink));
+    selected.abspath = window.path.join(scope.blogdir, selected.path);
   };
   scope.onFrontmatterChange = function () {
     var data