From 0c2123542fd886e07fd45067809887cf7cf61fd9 Mon Sep 17 00:00:00 2001
From: AJ ONeal <awesome@coolaj86.com>
Date: Wed, 21 Jan 2015 13:55:23 -0700
Subject: [PATCH] add literal, html, and markdown link previews

---
 views/post/post.html | 62 ++++++++++++++++++++++++++++++++------------
 views/post/post.js   |  5 +++-
 2 files changed, 49 insertions(+), 18 deletions(-)

diff --git a/views/post/post.html b/views/post/post.html
index 45ec67f..7017155 100644
--- a/views/post/post.html
+++ b/views/post/post.html
@@ -103,23 +103,7 @@
                   id="textAreaYaml"></textarea>
               </div>
             </div>
-
-            <div class="form-group">
-              <label for="inputPostAbsPath" class="col-lg-2 control-label">URL</label>
-              <div class="col-lg-10">
-                <input
-                  required="required"
-                  disabled
-                  ng-model="Post.selected.url"
-                  ng-change="Post.onChange()"
-                  type="text"
-                  class="form-control"
-                  id="inputPostAbsPath"
-                  placeholder="i.e. https://blog.me.co/posts/my-first-post/"
-                  >
-              </div>
-            </div>
-            
+           
             <div class="form-group">
               <label for="inputPostAbsPath" class="col-lg-2 control-label">Source Path</label>
               <div class="col-lg-10">
@@ -152,6 +136,50 @@
               </div>
             </div>
 
+            <div class="form-group">
+              <label for="inputPostAbsPath" class="col-lg-2 control-label">Links</label>
+              <div class="col-lg-10">
+                <p class="help-block"
+                  ><a ng-href="{{Post.selected.url}}"><span
+                    ng-bind="Post.selected.url"></span></a>
+                </p>
+               <input
+                  required="required"
+                  ng-model="Post.selected.markdown"
+                  ng-change="Post.onChange()"
+                  type="text"
+                  class="form-control"
+                  id="inputPostMarkdown"
+                  placeholder="i.e. [My First Post](/articles/my-first-post.html)"
+                  >
+               <input
+                  required="required"
+                  ng-model="Post.selected.ahref"
+                  ng-change="Post.onChange()"
+                  type="text"
+                  class="form-control"
+                  id="inputPostAhref"
+                  placeholder="i.e. <a href='/articles/my-first-post.html'>My First Post</a>"
+                  >
+              </div>
+            </div>
+ 
+            <!--div class="form-group">
+              <label for="inputPostAbsPath" class="col-lg-2 control-label">URL</label>
+              <div class="col-lg-10">
+                <input
+                  required="required"
+                  disabled
+                  ng-model="Post.selected.url"
+                  ng-change="Post.onChange()"
+                  type="text"
+                  class="form-control"
+                  id="inputPostAbsPath"
+                  placeholder="i.e. https://blog.me.co/posts/my-first-post/"
+                  >
+              </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 295d95a..dabb1c7 100644
--- a/views/post/post.js
+++ b/views/post/post.js
@@ -73,6 +73,7 @@ angular.module('myApp.post', ['ngRoute'])
       ;
 
     post.yml.title = post.yml.title || '';
+    selected.title = post.yml.title;
     post.yml.description = post.yml.description || '';
 
     scope.slug = post.yml.title.toLowerCase()
@@ -107,7 +108,9 @@ angular.module('myApp.post', ['ngRoute'])
     if (scope.env.explicitIndexes && /\/$/.test(selected.url)) {
       selected.url += 'index.html';
     }
-    selected.abspath = window.path.join(scope.blogdir, selected.path);
+    selected.markdown   = '[' + selected.title + '](' + selected.url + ')';
+    selected.ahref      = '<a href="' + selected.url + '">' + selected.title + '</a>';
+    selected.abspath    = window.path.join(scope.blogdir, selected.path);
     selected.sourcepath = window.path.join(scope.blogdir, (selected.collection || 'posts'), scope.slug + '.' + selected.format);
   };
   scope.onFrontmatterChange = function () {