ledge 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: be0aecb9d2290337c03bf425ae884b658502e971
-  data.tar.gz: 359ed51aa76479a9560cf13562673d507dcdbb49
+  metadata.gz: 89bdc7c6ba2ee182f17d75524c664a0f742d729c
+  data.tar.gz: ad79e08b1636d3d21b3f045f10dd156971658ea4
 SHA512:
-  metadata.gz: 3d7054de79abf5916c979b0135866fc14f9c4690662b665f693f52acc331761ae3d7102f22a953f3fc8dd9e86cda6e968ae165a2d636b4ba487a4d73c7c09931
-  data.tar.gz: 6e656391bd4b58cf64b75b662d4c92b8af5e5ef59a2a3f5987037048422ff6d08522d9d9fa08b6334b4d69d0ad4b4507baa7dca901c21e816ea1feef0c94f5ec
+  metadata.gz: cf5591a9fdac9c54ed822c8a8d2157283173a8bda3acf40a15e41193dcc801cec57b56acf11d4433baa364d4f1aa6f73e26a981e19b256e7a281a9b5ba561b86
+  data.tar.gz: 935df66afd6376b49f7d27853979855e7b97cf5b8d566ceaabf6eba341834242378b8b526b7d0a7129534fb10d7f7ad664f54549ba54b81a8b1a7a96f43405ca

data/app/assets/javascripts/ledge/index.coffee

@@ -36,21 +36,21 @@ class Ledge
     JSON.stringify(json)
 
   setup: ->
+    if $("textarea#ledge").length
+      $("textarea#ledge").hide()
+      $("textarea#ledge").before("<div class='__ledge_edit'></div>")
+
+      data = JSON.parse($("textarea#ledge").text())
+      for column in data["columns"]
+        column_div = Ledge::create_column (col) ->
+          $("div.__ledge_edit").append(col)
+        Ledge::click_delete_column(column_div.find(".__ledge_delete"))
+        for row in column["rows"]
+          Ledge::create_row(row["type"], Ledge::html_for(row["type"], row["content"])).appendTo(column_div)
 
-    $("textarea#ledge").hide()
-    $("textarea#ledge").before("<div class='__ledge_edit'></div>")
-
-    data = JSON.parse($("textarea#ledge").text())
-    for column in data["columns"]
-      column_div = Ledge::create_column (col) ->
-        $("div.__ledge_edit").append(col)
-      Ledge::click_delete_column(column_div.find(".__ledge_delete"))
-      for row in column["rows"]
-        Ledge::create_row(row["type"], Ledge::html_for(row["type"], row["content"])).appendTo(column_div)
-
-    Ledge::refresh_row_adders()
-    Ledge::refresh_column_adders()
-    Ledge::update_textarea()
+      Ledge::refresh_row_adders()
+      Ledge::refresh_column_adders()
+      Ledge::update_textarea()
 
   update_textarea: ->
     $("textarea#ledge").text(Ledge::jsonify($("div.__ledge_edit")))
@@ -123,6 +123,9 @@ class Ledge
         .click(->
           cindex = $(this).attr("data-ledge-type-index")
           Ledge::ROW_TYPES[index]::on_option($(this).parent().parent(), $(this).attr("data-ledge-option"))
+        ).mousedown((event) ->
+          event.preventDefault()
+          return false
         ).appendTo(options)
     options.append("<div class='__ledge_delete'>Delete</div>")
     Ledge::click_delete_row(options.find(".__ledge_delete"))

data/app/assets/javascripts/ledge/rows/heading.coffee

@@ -4,12 +4,12 @@ class Heading extends Row
   initial_content: "<h1>Heading</h1>"
   options: ["H1", "H2", "H3", "H4", "H5", "H6"]
   icons:
-    "H1": "https://cdn1.iconfinder.com/data/icons/silk2/text_heading_1.png"
-    "H2": "https://cdn1.iconfinder.com/data/icons/silk2/text_heading_2.png"
-    "H3": "https://cdn1.iconfinder.com/data/icons/silk2/text_heading_3.png"
-    "H4": "https://cdn1.iconfinder.com/data/icons/silk2/text_heading_4.png"
-    "H5": "https://cdn1.iconfinder.com/data/icons/silk2/text_heading_5.png"
-    "H6": "https://cdn1.iconfinder.com/data/icons/silk2/text_heading_6.png"
+    "H1": "/assets/text_heading_1.png"
+    "H2": "/assets/text_heading_2.png"
+    "H3": "/assets/text_heading_3.png"
+    "H4": "/assets/text_heading_4.png"
+    "H5": "/assets/text_heading_5.png"
+    "H6": "/assets/text_heading_6.png"
 
   on_option: (row, option) ->
     text = $(row).find(".__ledge_row_content").children().text()

data/app/assets/javascripts/ledge/rows/text.coffee

@@ -1,6 +1,46 @@
+# Icons: https://www.iconfinder.com/iconsets/silk2
+
 class Text extends Row
   type: "text"
   name: "Text"
   initial_content: "<p>Your text here..</p>"
 
+  options: ["bold", "italic", "underline", "strikeThrough", "createLink", "unlink", "insertImage", "floatLeft", "floatRight", "insertOrderedList", "insertUnorderedList", "indent", "outdent", "justifyLeft", "justifyCenter", "justifyRight", "justifyFull", "subscript", "superscript"]
+  icons:
+    "bold": "/assets/text_bold.png"
+    "italic": "/assets/text_italic.png"
+    "underline": "/assets/text_underline.png"
+    "strikeThrough": "/assets/text_strikethrough.png"
+    "createLink": "/assets/link_add.png"
+    "unlink": "/assets/link_delete.png"
+    "insertOrderedList": "/assets/text_list_numbers.png"
+    "insertUnorderedList": "/assets/text_list_bullets.png"
+    "indent": "/assets/text_indent.png"
+    "outdent": "/assets/text_indent_remove.png"
+    "justifyLeft": "/assets/text_align_left.png"
+    "justifyCenter": "/assets/text_align_center.png"
+    "justifyRight": "/assets/text_align_right.png"
+    "justifyFull": "/assets/text_align_justify.png"
+    "subscript": "/assets/text_subscript.png"
+    "superscript": "/assets/text_superscript.png"
+    "insertImage": "/assets/image_add.png"
+    "floatLeft": "/assets/shape_align_left.png"
+    "floatRight": "/assets/shape_align_right.png"
+
+  on_option: (row, option) ->
+    args = null
+    switch option
+      when "createLink"
+        args = prompt("Where should the link take you? (Link URL)")
+      when "insertImage"
+        args = prompt("What is the image URL?")
+      when "floatRight"
+        $(window.getSelection().focusNode).addClass("pull-right")
+        return
+      when "floatLeft"
+        $(window.getSelection().focusNode).addClass("pull-left")
+        return
+      else
+    document.execCommand(option, false, args)
+
 window.Text = Text

data/app/assets/stylesheets/ledge/index.scss

@@ -40,11 +40,6 @@
       text-align: center;
       padding: 10px 20px;
 
-      // .__ledge_delete {
-      //   border-top-left-radius: 0;
-      //   border-bottom-right-radius: 0;
-      // }
-
       .__ledge_row_content {
         margin: auto;
         display: inline-block;
@@ -126,6 +121,11 @@
       background-repeat: no-repeat;
       cursor: pointer;
       float:left;
+      -moz-user-select: none;
+      -khtml-user-select: none;
+      -webkit-user-select: none;
+      -ms-user-select: none;
+      user-select: none;
 
       &:hover {
         background-color: rgba(255, 0, 0, .4);
@@ -133,11 +133,7 @@
     }
 
     .__ledge_delete {
-      background-image: url(https://cdn2.iconfinder.com/data/icons/freecns-cumulus/16/519583-080_Trash-16.png);
-    }
-
-    .__ledge_settings {
-      background-image: url(https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/settings-16.png);
+      background-image: url(/assets/trash.png);
     }
 
     :last-child {

data/lib/ledge/version.rb

@@ -1,3 +1,3 @@
 module Ledge
-  VERSION = "0.1.0"
+  VERSION = "0.2.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ledge
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - James Birtles
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-02-07 00:00:00.000000000 Z
+date: 2015-02-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -89,15 +89,37 @@ extensions: []
 extra_rdoc_files: []
 files:
 - MIT-LICENSE
-- README.rdoc
 - Rakefile
+- app/assets/images/image_add.png
+- app/assets/images/link_add.png
+- app/assets/images/link_delete.png
+- app/assets/images/shape_align_left.png
+- app/assets/images/shape_align_right.png
+- app/assets/images/text_align_center.png
+- app/assets/images/text_align_justify.png
+- app/assets/images/text_align_left.png
+- app/assets/images/text_align_right.png
+- app/assets/images/text_bold.png
+- app/assets/images/text_heading_1.png
+- app/assets/images/text_heading_2.png
+- app/assets/images/text_heading_3.png
+- app/assets/images/text_heading_4.png
+- app/assets/images/text_heading_5.png
+- app/assets/images/text_heading_6.png
+- app/assets/images/text_indent.png
+- app/assets/images/text_indent_remove.png
+- app/assets/images/text_italic.png
+- app/assets/images/text_list_bullets.png
+- app/assets/images/text_list_numbers.png
+- app/assets/images/text_strikethrough.png
+- app/assets/images/text_subscript.png
+- app/assets/images/text_superscript.png
+- app/assets/images/text_underline.png
+- app/assets/images/trash.png
 - app/assets/javascripts/ledge/index.coffee
 - app/assets/javascripts/ledge/rows/heading.coffee
-- app/assets/javascripts/ledge/rows/heading.rb
 - app/assets/javascripts/ledge/rows/row.coffee
-- app/assets/javascripts/ledge/rows/row.rb
 - app/assets/javascripts/ledge/rows/text.coffee
-- app/assets/javascripts/ledge/rows/text.rb
 - app/assets/stylesheets/ledge/index.scss
 - lib/ledge.rb
 - lib/ledge/column.rb

data/README.rdoc

@@ -1,3 +0,0 @@
-= Ledge
-
-A wysiwyg page editor allowing advanced layouts of pages, with a simple interface

data/app/assets/javascripts/ledge/rows/heading.rb

@@ -1,19 +0,0 @@
-class Heading < Row
-  @@type = "heading"
-  @@name = "Heading"
-  @@initial_content = "<h1>Heading</h1>"
-  @@options = ["H1", "H2", "H3", "H4", "H5", "H6"]
-  @@icons = {
-    h1: "https://cdn1.iconfinder.com/data/icons/silk2/text_heading_1.png",
-    h2: "https://cdn1.iconfinder.com/data/icons/silk2/text_heading_2.png",
-    h3: "https://cdn1.iconfinder.com/data/icons/silk2/text_heading_3.png",
-    h4: "https://cdn1.iconfinder.com/data/icons/silk2/text_heading_4.png",
-    h5: "https://cdn1.iconfinder.com/data/icons/silk2/text_heading_5.png",
-    h6: "https://cdn1.iconfinder.com/data/icons/silk2/text_heading_6.png"
-  }
-
-  def on_option row, option
-    text = jQuery(row).find("__ledge_row_content").children.text
-    jQuery(row).find("__ledge_row_content").html("<#{option}>#{text}</#{option}>")
-  end
-end

data/app/assets/javascripts/ledge/rows/row.rb

@@ -1,9 +0,0 @@
-class Row
-  @@type = ""
-  @@name = ""
-  @@initial_content = ""
-  @@options = []
-  @@icons = {}
-
-  def on_option row, option; end
-end

data/app/assets/javascripts/ledge/rows/text.rb

@@ -1,5 +0,0 @@
-class Text < Row
-  @@type = "text"
-  @@name = "Text"
-  @@initial_content = "<p>Your text here..</p>"
-end