pagoda-jekyll 0.0.9 → 0.0.10

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    MjBkZGRjOGIwMmM2ZGQwMjAxMzJlYjY2ODJjMjIzM2YxYTBiZmRlNg==
+    NmQ5MDVhNjhiMmY3ZTQ2MTA3ODExMGRlNDM3MzY3YmMxMzYxZGQ3YQ==
   data.tar.gz: !binary |-
-    NmY1NzJjM2NiNzUyZDFiZGQwZjA3NDU5NTk1ZTA1YzhhMGVkODg1NQ==
+    M2VmNmE5Y2JjMDFmODRkM2ZjY2FkMDBkMTQzZTJmOWFmNTUwMTlkNA==
 !binary "U0hBNTEy":
   metadata.gz: !binary |-
-    M2Y3OTlhYTZiZDA5ZDkzY2Y4MmUwMWQwMjc1YjZmZDhjNDAyODNiOTMwNTIz
-    Y2U5ODUyNjZmYTEyYzU2ZWQzZWFhYmExZjU4MDg1NDYwN2I2NTM0NjgzYTFl
-    YjdmODI3ZGM5OTI3NDE1ZTI0NTJlZjQzMjViZDRiYTJlYjlmZjU=
+    ODNiOTBiYzI1NmM4NTAwOTBmMjVlMmE0NGUyYjZkM2NhYWI5ZTNhMGM1YWY2
+    NDE1Y2YyZjljZGY5NTdjMjM5YmQ3NTM0NzFhNTY3YzZiNTAwNjNkZmZjNDFh
+    Nzc3OWM1ODkwYTM4YTFmMTNmNjM0MTM2ZWNkZmE2ZjlhZGFiMzY=
   data.tar.gz: !binary |-
-    M2E0ZTQ4ZGM4NmU0NWNmYjNiOTM1ZTc4MjU0ZThjYWQ1OGJmMmI5MmYyNzc2
-    ZDI3ZGM3MDg5NTVlMzIzM2E5YTJlODU3YjExYmE0NDM1Mzk2MGMzYzNkYjFk
-    NDg4YWZlODg0MjQ5NGE1OWVhMjIzZDcwMjRhMDA1NjgyMWE5ZDc=
+    NjY1YTk3MmE1ODUyYTViOTQxNzNlZmEwNmQxNWY3MTNjNjlkNGZiNjg4OWIz
+    NGZhNmE5MTRiMDYwMjQzZDNhNmU1MTg5ZTViYzA3M2FlMDYxNGFjMjA4YjFj
+    NDRhOTg2Yjg1NzdiZTg1M2Y0NDAyZjZmMWUzY2I1YjgxNWY1ZGM=

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    pagoda-jekyll (0.0.8)
+    pagoda-jekyll (0.0.9)
       grit
       jekyll
       json

data/README.md

@@ -4,7 +4,7 @@ Pagoda    [![Build Status](https://travis-ci.org/alagu/pagoda.png?branch=master)
 
 ![http://f.cl.ly/items/3v0Y3q2O461C3K0A221Y/pagoda.png](http://f.cl.ly/items/3v0Y3q2O461C3K0A221Y/pagoda.png)
 
-Zen like **blog editor** for your **Jekyll** blog, heavily inspired by Svbtle. 
+Zen like **blog editor** for your **Jekyll** blog, heavily inspired by [Svbtle](http://dcurt.is/codename-svbtle) and [Obtvse](https://github.com/natew/obtvse). 
 
 Screenshots
 ===========

data/lib/pagoda/app.rb

@@ -44,9 +44,17 @@ module Shwedagon
 
     # Merge existing yaml with post params
     def merge_config(yaml, params)
-      yaml['published'] = !(params[:post].has_key? 'draft' and
-        params[:post]['draft'] == 'on')
-      yaml['title']     = params[:post][:title]
+      if params['post'].has_key? 'yaml'
+        params['post']['yaml'].each do |key, value|
+          if value == 'true'
+            yaml[key] = true
+          elsif value == 'false'
+            yaml[key] = false
+          else
+            yaml[key] = value
+          end
+        end
+      end
 
       yaml
     end
@@ -102,6 +110,13 @@ module Shwedagon
       @title   = post.data['title']
       @content = post.content
       @name    = post.name
+
+      @data_array = []
+
+      post.data.each do |key, value|
+        @data_array << {'key' => key, 'value' => value}
+      end
+
       if post.data['published'] == false
         @draft = true
       end

data/lib/pagoda/public/css/pagoda.css

@@ -156,11 +156,15 @@ code {
   position: fixed;
   bottom: 0;
   left: 0;
-  background: #333;
+  background: #bbb;
   color: #fff;
   width: 100%;
   text-align: center;
   padding: 10px 0 3px;
+  border-top: 1px solid #999;
+  -webkit-box-shadow: rgba(68, 68, 68, 0.9) 0 0 5px;
+  -moz-box-shadow: rgba(68, 68, 68, 0.9) 0 0 5px;
+  box-shadow: rgba(68, 68, 68, 0.9) 0 0 5px;
 }
 @media only screen and (max-device-width: 480px) {
   #publish-bar {
@@ -207,6 +211,101 @@ code {
 #publish-bar .sub-menu li {
   margin: 0 0 15px 0;
 }
+#publish-bar .yaml-block {
+  display: inline-block;
+}
+#publish-bar .yaml-block .button {
+  cursor: pointer;
+}
+#publish-bar .yaml-block .arrow-box {
+  position: relative;
+  background: #aaa;
+  border: 2px solid #444444;
+}
+#publish-bar .yaml-block .arrow-box:after, #publish-bar .yaml-block .arrow-box:before {
+  top: 100%;
+  border: solid transparent;
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  pointer-events: none;
+}
+#publish-bar .yaml-block .arrow-box:after {
+  border-color: rgba(119, 119, 119, 0);
+  border-top-color: #aaa;
+  border-width: 10px;
+  left: 50%;
+  margin-left: -10px;
+}
+#publish-bar .yaml-block .arrow-box:before {
+  border-color: rgba(68, 68, 68, 0);
+  border-top-color: #444444;
+  border-width: 13px;
+  left: 50%;
+  margin-left: -13px;
+}
+#publish-bar .yaml-block .yaml-table {
+  position: absolute;
+  background-color: #fff;
+  bottom: 10px;
+  left: 20px;
+  float: left;
+  background-color: #aaa;
+  display: none;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  -ms-border-radius: 2px;
+  -o-border-radius: 2px;
+  border-radius: 2px;
+  padding: 0px;
+}
+#publish-bar .yaml-block .yaml-table .yaml-table-inner {
+  background-color: #fff;
+  margin: 1px;
+  border: 1px solid rgba(68, 68, 68, 0.4);
+}
+#publish-bar .yaml-block .yaml-table ul {
+  margin: 0;
+  padding: 0;
+}
+#publish-bar .yaml-block .yaml-table ul li .key input, #publish-bar .yaml-block .yaml-table ul li .value input {
+  width: 90px;
+  border: 0 none;
+  margin: 0;
+  padding: 0;
+  color: #333;
+  font-family: 'Titillium Web', sans-serif;
+  font-size: 14px;
+  padding-left: 10px;
+}
+#publish-bar .yaml-block .yaml-table ul li .key, #publish-bar .yaml-block .yaml-table ul li .value {
+  border-bottom: 1px solid #777;
+  margin: 0;
+  padding: 0;
+  padding-bottom: 2px;
+  display: inline-block;
+}
+#publish-bar .yaml-block .yaml-table ul li .key {
+  border-right: 1px solid #777;
+}
+#publish-bar .yaml-block .yaml-table ul li .value {
+  margin-left: -3px;
+}
+#publish-bar .yaml-block .yaml-table ul li:last-child .key, #publish-bar .yaml-block .yaml-table ul li:last-child .value {
+  border-bottom: 0 none;
+}
+#publish-bar .yaml-block .yaml-table ul li.add-yaml-entry {
+  color: #fff;
+  text-shadow: 0px 0px 5px #000;
+  background-color: #aaa;
+  font-size: 14px;
+  line-height: 20px;
+  cursor: pointer;
+}
+#publish-bar .yaml-block .yaml-table ul li.add-yaml-entry:hover {
+  text-shadow: 0px 0px 20px #000;
+}
 
 #publish-bar input[type=submit],
 #publish-bar a,
@@ -288,11 +387,6 @@ label {
   margin: 0 8px 0 0;
 }
 
-#post_draft {
-  position: relative;
-  margin: 0 20px 0 0;
-}
-
 .admin-links {
   position: absolute;
   text-align: right;
@@ -336,9 +430,9 @@ body.posts.new #admin {
 }
 #admin .draft-options {
   display: inline-block;
-  border: 3px solid #777;
-  border-radius: 10px;
-  padding: 4px;
+  border: 3px solid #000;
+  border-radius: 5px;
+  padding: 1px;
 }
 @media only screen and (max-device-width: 480px) {
   #admin .draft-options {
@@ -346,14 +440,22 @@ body.posts.new #admin {
   }
 }
 #admin .draft-options a {
-  font-size: 12px;
-  padding: 2px 10px;
+  font-size: 15px;
+  padding: 4px 10px;
+  background-color: transparent;
+  color: #000;
+  border-radius: 4px;
 }
-#admin .draft-options a.selected {
-  background-color: #00CDCD;
+#admin .draft-options a.selected, #admin .draft-options a:hover {
+  background-color: #000;
+  color: #fff;
 }
-#admin .draft-options #post_draft {
-  display: none;
+#admin .draft-options a.override-select {
+  background-color: inherit;
+  color: #000;
+}
+#admin #save-button {
+  width: 90px;
 }
 #admin #save-button.saved {
   color: #999;
@@ -671,7 +773,7 @@ body {
 }
 
 @media only screen and (max-device-width: 480px) {
-  #publish-bar .delete-bar, #publish-bar #draft_label, #publish-bar #post_draft {
+  #publish-bar .delete-bar, #publish-bar #draft_label {
     display: none;
   }
 }

data/lib/pagoda/public/css/pagoda.scss

@@ -1,3 +1,4 @@
+@import "compass/css3";
 /* TODO: pull out coloring into variables */
 $linkhover: red;
 $iphone: "only screen and (max-device-width : 480px)";
@@ -151,11 +152,13 @@ code {
   position: fixed;
   bottom: 0;
   left: 0;
-  background: #333;
+  background: #bbb;
   color: #fff;
   width: 100%;
   text-align: center;
   padding: 10px 0 3px;
+  border-top: 1px solid #999;
+  @include box-shadow(rgba(#444, 0.9) 0 0 5px);
   
   @media #{$iphone} {
     padding: 2px 0;
@@ -205,6 +208,115 @@ code {
     .sub-menu li {
       margin: 0 0 15px 0;
     }
+
+  .yaml-block {
+    display: inline-block;
+    
+    .button {
+      cursor: pointer;
+    }
+    
+    .arrow-box {
+      position: relative;
+      background: #aaa;
+      border: 2px solid #444444;
+      &:after, &:before {
+        top: 100%;
+        border: solid transparent;
+        content: " ";
+        height: 0;
+        width: 0;
+        position: absolute;
+        pointer-events: none;
+      }
+      &:after {
+        border-color: rgba(119, 119, 119, 0);
+        border-top-color: #aaa;
+        border-width: 10px;
+        left: 50%;
+        margin-left: -10px;
+      }
+      &:before {
+        border-color: rgba(68, 68, 68, 0);
+        border-top-color: #444444;
+        border-width: 13px;
+        left: 50%;
+        margin-left: -13px;
+      }
+    }
+
+    .yaml-table {
+      position: absolute;
+      background-color: #fff;
+      bottom: 10px;
+      left: 20px;
+      float: left;
+      background-color: #aaa;
+      display: none;
+      
+      @include border-radius(2px);
+      padding: 0px;
+      
+      .yaml-table-inner {
+        background-color: #fff;
+        margin: 1px;
+        border: 1px solid rgba(#444, 0.4);
+      }
+      
+      ul {
+        margin: 0;
+        padding: 0;
+        
+        li {
+          .key input, .value input {
+            width: 90px;
+            border: 0 none;
+            margin: 0;
+            padding: 0;
+            color: #333;
+            font-family: 'Titillium Web', sans-serif;
+            font-size: 14px;
+            padding-left: 10px;
+          }
+
+          .key, .value {
+            border-bottom: 1px solid #777;
+            margin: 0;
+            padding: 0;
+            padding-bottom: 2px;
+            display: inline-block;
+          }
+
+          .key {
+            border-right: 1px solid #777;
+          }
+
+          .value {
+            margin-left: -3px;
+          }
+
+          &:last-child {
+            .key, .value {
+              border-bottom: 0 none;
+            } 
+          }
+        }
+
+        li.add-yaml-entry {
+          color: #fff;
+          text-shadow: 0px 0px 5px #000;
+          background-color: #aaa;
+          font-size: 14px;
+          line-height: 20px;
+          cursor: pointer;
+          
+          &:hover {
+            text-shadow: 0px 0px 20px #000;
+          }
+        }
+      }
+    }
+  }
 }
 
 #publish-bar input[type=submit],
@@ -284,11 +396,6 @@ label {
   margin: 0 8px 0 0;
 }
 
-#post_draft {
-  position: relative;
-  margin: 0 20px 0 0;
-}
-
 .admin-links {
   position: absolute;
   text-align: right;
@@ -327,25 +434,34 @@ body.posts.new #admin {
 
   .draft-options {
     display: inline-block;
-    border: 3px solid #777;
-    border-radius: 10px;
-    padding: 4px;
+    border: 3px solid #000;
+    border-radius: 5px;
+    padding: 1px;
     @media #{$iphone} { display: none; }   
 
     a {     
-      font-size: 12px;
-      padding: 2px 10px;
+      font-size: 15px;
+      padding: 4px 10px;
+      background-color: transparent;
+      color: #000;
+      border-radius: 4px;
     }
 
-    a.selected {
-      background-color: #00CDCD;
+    a.selected, a:hover {
+      background-color: #000;
+      color: #fff;
     }
 
-    #post_draft {
-      display: none;
+    a.override-select {
+      background-color: inherit;
+      color: #000;
     }
   }
-
+  
+  #save-button {
+    width: 90px;
+  }
+  
   #save-button.saved {
     color: #999;
 
@@ -677,7 +793,7 @@ body {
 }
 
 #publish-bar {
-  .delete-bar, #draft_label, #post_draft {
+  .delete-bar, #draft_label {
     @media #{$iphone} { display: none; }   
   }
 }

data/lib/pagoda/public/js/editor.coffee

@@ -1,7 +1,5 @@
 $(document).ready ->
 
-  # Keymaster doesn't allow INPUT, TEXTAREA to have shortcuts.
-  # Override it.
   key.filter = (e)->
     true
 
@@ -13,12 +11,12 @@ $(document).ready ->
 
   set_save_button = (status)->
     if(status == 'saving')
-      $('#save-button').val('Saving')
+      $('#save-button').val('SAVING')
       $('#save-button').addClass('post-saving')
     else if status == 'saved'
-      $('#save-button').val('Saved')
+      $('#save-button').val('SAVED')
       setTimeout((->
-        $('#save-button').val('Save')
+        $('#save-button').val('SAVE')
         $('#save-button').removeClass('post-saving')
       ), 1000)
     else if status == 'error'
@@ -27,31 +25,33 @@ $(document).ready ->
       setTimeout((->set_save_button('saved')),2000)
 
   draft_post = ->
-    $('#post_draft').prop('checked', true)
     $('#draft-action').addClass('selected')
     $('#publish-action').removeClass('selected')
+    $('.override-select').removeClass('override-select')
+    $('[name="yaml_value[published]"]').val("false")
     save_post()
     false
 
   publish_post = ->
-    $('#post_draft').prop('checked', false)
     $('#draft-action').removeClass('selected')
     $('#publish-action').addClass('selected')
+    $('.override-select').removeClass('override-select')
+    $('[name="yaml_value[published]"]').val("true")
     save_post()
     false
 
 
   # Save post
   save_post = ->
+    clear_empty_yaml()
     set_save_button('saving')
-    draft = if $('#post_draft').is(':checked') then 'on' else 'off'
 
     post_obj = 
       post : 
         title   : $('#post-title').val()
         content : $('#post-content').val()
         name    : $('#post_name').val()
-        draft   : draft
+        yaml    : yaml_hash()
 
       ajax    : true
 
@@ -64,6 +64,50 @@ $(document).ready ->
     )
     .fail((->set_save_button('error')))
 
+  add_yaml_entry = ->
+    html = $('#add-yaml-template').html()
+    $(html).insertBefore($('.add-yaml-entry'))
+    $('.yaml-table-inner .key input').focus()
+
+    $('.yaml-table-inner input').unbind('keyup', yaml_table_set_data)    
+    $('.yaml-table-inner input').bind('keyup', yaml_table_set_data)
+
+  clear_empty_yaml =->
+    rows = $('.yaml-table-inner input.yaml-value')
+
+    for row in rows
+      if $(row).val() == ''
+        $(row).parent().parent().remove()
+
+  yaml_hash =->
+    rows = $('.yaml-table-inner input.yaml-value')
+    hash = {}
+    for row in rows
+      name  = $(row).attr('name').replace("yaml_value[", "").replace("]", "")
+      value = $(row).val()
+      hash[name] = value
+
+    hash
+
+
+  toggle_yaml_table = ->
+    console.log(yaml_hash())
+    $('.yaml-table').toggle()
+
+  yaml_table_set_data = ->
+    rows = $('.yaml-table-inner input')
+    for row in rows
+      if $(row).hasClass('yaml-key')
+        value = $(row).val()
+        value = value.replace(" ","-")
+        $(row).val(value)
+        name  = "yaml_key[#{value}]"
+        $(row).attr('name', name)
+      else if $(row).hasClass('yaml-value')
+        key   = $(row).parent().parent().find('.yaml-key').val()
+        name  = "yaml_value[#{key}]"
+        $(row).attr('name', name)
+
   # Dom invoked events
   handle_events =->
     $('#post-editor #post-title').autosize({append: "\n"})
@@ -71,6 +115,14 @@ $(document).ready ->
     $("#fullscreen").click (e)->
       screenfull.request();
 
+    $(".draft-options a").hover (->
+      if not $(this).hasClass('selected')
+        $(".draft-options a.selected").addClass('override-select')
+      ),(->
+      if not $(this).hasClass('selected')
+        $(".draft-options a.selected").removeClass('override-select')
+      )
+
     screenfull.onchange = ->
       if screenfull.isFullscreen
         $('#fullscreen').hide()
@@ -103,7 +155,9 @@ $(document).ready ->
 
       $('#draft-action').click(draft_post)
       $('#publish-action').click(publish_post)
-
+      $('.add-yaml-entry').click(add_yaml_entry)
+      $('.yaml-block .button').click(toggle_yaml_table)
+      $('.yaml-table-inner input').bind('keyup', yaml_table_set_data)
 
   keyboard_events =->
     key('⌘+enter, ctrl+enter', (e)->
@@ -146,7 +200,7 @@ $(document).ready ->
         # Hide the address bar!
         window.scrollTo 0, 1
       ), 0
-    $('.links').remove()
+      $('.links').remove()
 
   init =->
     handle_events()
@@ -154,5 +208,6 @@ $(document).ready ->
     show_shortcuts() if not is_iphone()
     focus_to_type()
     fullscreen_mobile()
+    yaml_table_set_data()
 
   init()

data/lib/pagoda/public/js/editor.js

@@ -2,7 +2,7 @@
 (function() {
 
   $(document).ready(function() {
-    var draft_post, focus_to_type, fullscreen_mobile, handle_events, init, is_edit_page, is_iphone, keyboard_events, publish_post, save_post, set_save_button, show_shortcuts;
+    var add_yaml_entry, clear_empty_yaml, draft_post, focus_to_type, fullscreen_mobile, handle_events, init, is_edit_page, is_iphone, keyboard_events, publish_post, save_post, set_save_button, show_shortcuts, toggle_yaml_table, yaml_hash, yaml_table_set_data;
     key.filter = function(e) {
       return true;
     };
@@ -14,12 +14,12 @@
     };
     set_save_button = function(status) {
       if (status === 'saving') {
-        $('#save-button').val('Saving');
+        $('#save-button').val('SAVING');
         return $('#save-button').addClass('post-saving');
       } else if (status === 'saved') {
-        $('#save-button').val('Saved');
+        $('#save-button').val('SAVED');
         return setTimeout((function() {
-          $('#save-button').val('Save');
+          $('#save-button').val('SAVE');
           return $('#save-button').removeClass('post-saving');
         }), 1000);
       } else if (status === 'error') {
@@ -31,29 +31,31 @@
       }
     };
     draft_post = function() {
-      $('#post_draft').prop('checked', true);
       $('#draft-action').addClass('selected');
       $('#publish-action').removeClass('selected');
+      $('.override-select').removeClass('override-select');
+      $('[name="yaml_value[published]"]').val("false");
       save_post();
       return false;
     };
     publish_post = function() {
-      $('#post_draft').prop('checked', false);
       $('#draft-action').removeClass('selected');
       $('#publish-action').addClass('selected');
+      $('.override-select').removeClass('override-select');
+      $('[name="yaml_value[published]"]').val("true");
       save_post();
       return false;
     };
     save_post = function() {
-      var draft, post_obj;
+      var post_obj;
+      clear_empty_yaml();
       set_save_button('saving');
-      draft = $('#post_draft').is(':checked') ? 'on' : 'off';
       post_obj = {
         post: {
           title: $('#post-title').val(),
           content: $('#post-content').val(),
           name: $('#post_name').val(),
-          draft: draft
+          yaml: yaml_hash()
         },
         ajax: true
       };
@@ -71,6 +73,66 @@
         return set_save_button('error');
       }));
     };
+    add_yaml_entry = function() {
+      var html;
+      html = $('#add-yaml-template').html();
+      $(html).insertBefore($('.add-yaml-entry'));
+      $('.yaml-table-inner .key input').focus();
+      $('.yaml-table-inner input').unbind('keyup', yaml_table_set_data);
+      return $('.yaml-table-inner input').bind('keyup', yaml_table_set_data);
+    };
+    clear_empty_yaml = function() {
+      var row, rows, _i, _len, _results;
+      rows = $('.yaml-table-inner input.yaml-value');
+      _results = [];
+      for (_i = 0, _len = rows.length; _i < _len; _i++) {
+        row = rows[_i];
+        if ($(row).val() === '') {
+          _results.push($(row).parent().parent().remove());
+        } else {
+          _results.push(void 0);
+        }
+      }
+      return _results;
+    };
+    yaml_hash = function() {
+      var hash, name, row, rows, value, _i, _len;
+      rows = $('.yaml-table-inner input.yaml-value');
+      hash = {};
+      for (_i = 0, _len = rows.length; _i < _len; _i++) {
+        row = rows[_i];
+        name = $(row).attr('name').replace("yaml_value[", "").replace("]", "");
+        value = $(row).val();
+        hash[name] = value;
+      }
+      return hash;
+    };
+    toggle_yaml_table = function() {
+      console.log(yaml_hash());
+      return $('.yaml-table').toggle();
+    };
+    yaml_table_set_data = function() {
+      var key, name, row, rows, value, _i, _len, _results;
+      rows = $('.yaml-table-inner input');
+      _results = [];
+      for (_i = 0, _len = rows.length; _i < _len; _i++) {
+        row = rows[_i];
+        if ($(row).hasClass('yaml-key')) {
+          value = $(row).val();
+          value = value.replace(" ", "-");
+          $(row).val(value);
+          name = "yaml_key[" + value + "]";
+          _results.push($(row).attr('name', name));
+        } else if ($(row).hasClass('yaml-value')) {
+          key = $(row).parent().parent().find('.yaml-key').val();
+          name = "yaml_value[" + key + "]";
+          _results.push($(row).attr('name', name));
+        } else {
+          _results.push(void 0);
+        }
+      }
+      return _results;
+    };
     handle_events = function() {
       $('#post-editor #post-title').autosize({
         append: "\n"
@@ -78,6 +140,15 @@
       $("#fullscreen").click(function(e) {
         return screenfull.request();
       });
+      $(".draft-options a").hover((function() {
+        if (!$(this).hasClass('selected')) {
+          return $(".draft-options a.selected").addClass('override-select');
+        }
+      }), (function() {
+        if (!$(this).hasClass('selected')) {
+          return $(".draft-options a.selected").removeClass('override-select');
+        }
+      }));
       screenfull.onchange = function() {
         if (screenfull.isFullscreen) {
           $('#fullscreen').hide();
@@ -110,7 +181,10 @@
           return false;
         });
         $('#draft-action').click(draft_post);
-        return $('#publish-action').click(publish_post);
+        $('#publish-action').click(publish_post);
+        $('.add-yaml-entry').click(add_yaml_entry);
+        $('.yaml-block .button').click(toggle_yaml_table);
+        return $('.yaml-table-inner input').bind('keyup', yaml_table_set_data);
       }
     };
     keyboard_events = function() {
@@ -154,8 +228,8 @@
         setTimeout((function() {
           return window.scrollTo(0, 1);
         }), 0);
+        return $('.links').remove();
       }
-      return $('.links').remove();
     };
     init = function() {
       handle_events();
@@ -164,7 +238,8 @@
         show_shortcuts();
       }
       focus_to_type();
-      return fullscreen_mobile();
+      fullscreen_mobile();
+      return yaml_table_set_data();
     };
     return init();
   });

data/lib/pagoda/templates/edit.mustache

@@ -2,7 +2,6 @@
 <body class="admin posts edit">
   <div id="admin">
     <div id="save"></div>
-    
     <form accept-charset="UTF-8" action="{{base_url}}/save-post" class="edit_post" method="post">
       {{>editor_area}}
       <div id="publish-bar-hover">
@@ -10,14 +9,29 @@
           <div class="contain">
             <div class="left">
               <a href="{{base_url}}/">&laquo; ADMIN</a>
-              <a href="{{base_url}}/delete/{{ name }}" class="delete-bar delete-button" >DELETE</a>
+              {{alagu}}
+              <div class="yaml-block">
+                <div class="yaml-table arrow-box">
+                  <div class="yaml-table-inner">
+                  <ul>
+                  {{#data_array}}
+                    <li>
+                      <div class="key"><input type="text" class="yaml-key" name="yaml_key[{{key}}]" value="{{key}}" /></div>
+                      <div class="value"><input type="text" class="yaml-value" name="yaml_value[{{value}}]" value="{{value}}"/></div>
+                    </li>
+                  {{/data_array}}
+                  <li class="add-yaml-entry"> Add new item </li>
+                  </ul>
+                  </div>
+                </div>
+                <a id="#" class="button">DATA</a>
+              </div>
             </div>
             <div class="right">
 
               <div class="draft-options">
                 <a id="draft-action" class="button {{#draft}}selected{{/draft}}" href="#">DRAFT</a>
                 <a id="publish-action" class="button {{^draft}}selected{{/draft}}" href="#">DONE</a>
-                <input id="post_draft" name="post[draft]" type="checkbox" {{#draft}}checked{{/draft}} />
               </div>
               <input id="save-button" name="commit" type="submit" value="SAVE" />
             </div>
@@ -25,6 +39,10 @@
         </div>
       </div>
     </form>
+    <script type="text/template" id="add-yaml-template"><li>
+        <div class="key"><input type="text" class="yaml-key" value="" /></div>
+        <div class="value"><input type="text" class="yaml-value" value=""/></div>
+      </li></script>
   </div>
 
 </body>

data/lib/pagoda/templates/layout.mustache

@@ -6,7 +6,7 @@
 
   <link rel="stylesheet" type="text/css" href="{{base_url}}/css/pagoda.css" media="screen, projection">
   <link rel="stylesheet" type="text/css" href="{{base_url}}/css/tiptip.css" media="screen, projection">
-  <link href='http://fonts.googleapis.com/css?family=Lato:300,900|Asap' rel='stylesheet' type='text/css' />
+  <link href='http://fonts.googleapis.com/css?family=Lato:300,900|Asap|Titillium+Web' rel='stylesheet' type='text/css' />
   <link rel="apple-touch-icon" href="{{base_url}}/images/apple-touch-icon.png" />
 
 

data/lib/pagoda/views/edit.rb

@@ -5,6 +5,7 @@ module Shwedagon
       attr_accessor :content
       attr_accessor :name
       attr_accessor :draft
+      attr_accessor :data_array
       
     end
   end

data/pagoda.gemspec

@@ -5,8 +5,8 @@ Gem::Specification.new do |s|
   s.required_ruby_version = ">= 1.8.7"
 
   s.name              = 'pagoda-jekyll'
-  s.version           = '0.0.9'
-  s.date              = '2013-05-24'
+  s.version           = '0.0.10'
+  s.date              = '2013-06-09'
   s.rubyforge_project = 'pagoda-jekyll'
 
   s.summary     = "A simple admin for Jekyll"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: pagoda-jekyll
 version: !ruby/object:Gem::Version
-  version: 0.0.9
+  version: 0.0.10
 platform: ruby
 authors:
 - Alagu
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-05-24 00:00:00.000000000 Z
+date: 2013-06-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll