RubyGems - rubber_ring - Versions diffs - 0.0.1 - Mend

rubber_ring 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (472) hide show

data/app/assets/javascripts/libs/h5utils.js ADDED Viewed

@@ -0,0 +1,65 @@
+// For discussion and comments, see: http://remysharp.com/2009/01/07/html5-enabling-script/
+/*@cc_on'abbr article aside audio canvas details figcaption figure footer header hgroup mark menu meter nav output progress section summary time video'.replace(/\w+/g,function(n){document.createElement(n)})@*/
+var addEvent = (function () {
+  if (document.addEventListener) {
+    return function (el, type, fn) {
+      if (el && el.nodeName || el === window) {
+        el.addEventListener(type, fn, false);
+      } else if (el && el.length) {
+        for (var i = 0; i < el.length; i++) {
+          addEvent(el[i], type, fn);
+        }
+      }
+    };
+  } else {
+    return function (el, type, fn) {
+      if (el && el.nodeName || el === window) {
+        el.attachEvent('on' + type, function () { return fn.call(el, window.event); });
+      } else if (el && el.length) {
+        for (var i = 0; i < el.length; i++) {
+          addEvent(el[i], type, fn);
+        }
+      }
+    };
+  }
+})();
+(function () {
+var pre = document.createElement('pre');
+pre.id = "view-source"
+// private scope to avoid conflicts with demos
+addEvent(window, 'click', function (event) {
+  if (event.target.hash == '#view-source') {
+    // event.preventDefault();
+    if (!document.getElementById('view-source')) {
+      // pre.innerHTML = ('<!DOCTYPE html>\n<html>\n' + document.documentElement.innerHTML + '\n</html>').replace(/[<>]/g, function (m) { return {'<':'&lt;','>':'&gt;'}[m]});
+      var xhr = new XMLHttpRequest();
+      // original source - rather than rendered source
+      xhr.onreadystatechange = function () {
+        if (this.readyState == 4 && this.status == 200) {
+          pre.innerHTML = this.responseText.replace(/[<>]/g, function (m) { return {'<':'&lt;','>':'&gt;'}[m]});
+          prettyPrint();
+        }
+      };
+      document.body.appendChild(pre);
+      // really need to be sync? - I like to think so
+      xhr.open("GET", window.location, true);
+      xhr.send();
+    }
+    document.body.className = 'view-source';
+    var sourceTimer = setInterval(function () {
+      if (window.location.hash != '#view-source') {
+        clearInterval(sourceTimer);
+        document.body.className = '';
+      }
+    }, 200);
+  }
+});
+})();

data/app/assets/javascripts/rubber_ring/application.js ADDED Viewed

@@ -0,0 +1,17 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery-ui
+//= require jquery_ujs
+//= require_tree ../libs
+//= require_tree .

data/app/assets/javascripts/rubber_ring/attachment_dragger.coffee ADDED Viewed

@@ -0,0 +1,45 @@
+# r0x http://jsbin.com/uzovu/1357/edit (http://html5doctor.com/native-drag-and-drop/)
+class @AttachmentDragger
+  attribute: null
+  drag_items: null
+  constructor: (@drag_selector, @drop_selector, @attribute) ->
+    @init()
+  init: =>
+    @drag_items = document.querySelectorAll(@drag_selector)
+    for drag_item in @drag_items
+      addEvent drag_item, "dragstart", (e) =>
+        event.dataTransfer.setData(@attribute, $(e.currentTarget).attr(@attribute))
+    drop_attachment_elements = document.querySelectorAll(@drop_selector)
+    # Tells the browser that we *can* drop on this target
+    addEvent(drop_attachment_elements, "dragover", @cancel)
+    addEvent(drop_attachment_elements, "dragenter", @cancel)
+    addEvent drop_attachment_elements, "drop", (e) =>
+      # stops the browser from redirecting off to the text
+      e.preventDefault() if e.preventDefault
+      # this is for chrome so it won't do request if we're trying to drop same image
+      if $(e.currentTarget).attr(@attribute) != e.dataTransfer.getData(@attribute)
+        new_content = e.dataTransfer.getData(@attribute)
+        # prevent dropping images on attachments and vice versa
+        if new_content.length > 0
+          $(e.currentTarget).attr(@attribute, e.dataTransfer.getData(@attribute))
+          # also change link if we are dropping attachmeng
+          $(e.currentTarget).html(e.dataTransfer.getData(@attribute).split('/').reverse()[0]) if @attribute == "href"
+          pm = new PersistenceManager()
+          pm.save_image($(e.currentTarget)) if @attribute == "src"
+          pm.save_attachment($(e.currentTarget)) if @attribute == "href"
+      false
+  cancel: (e) =>
+    # this only works correct in FF :/
+    e.preventDefault() if e.preventDefault and $(e.currentTarget).attr(@attribute) != e.dataTransfer.getData(@attribute)
+    false

data/app/assets/javascripts/rubber_ring/attachment_manager.coffee ADDED Viewed

@@ -0,0 +1,23 @@
+$ ->
+  # init
+  new AttachmentUploader($(".image_upload_box"))
+  new AttachmentDragger("img[draggable=true]", ".rubber_ring_image", "src")
+  new AttachmentDragger("a[draggable=true]", ".rubber_ring_attachment", "href")
+  # remove all unused images action
+  $(".remove_not_used_attachments").on "click", ->
+    pm = new PersistenceManager()
+    uploaded_images      = ($(item).attr("src")  for item in $(".uploaded-images img"))
+    uploaded_attachments = ($(item).attr("href") for item in $(".uploaded-attachments a"))
+    used_images          = ($(item).attr("src")  for item in $(".rubber_ring_image"))
+    used_attachments     = ($(item).attr("href") for item in $(".rubber_ring_attachment"))
+    for image in uploaded_images
+      if image not in used_images
+        pm.remove_image(image)
+        $(".uploaded-images img[src=\"#{image}\"]").remove()
+    for attachment in uploaded_attachments
+      if attachment not in used_attachments
+        pm.remove_image(attachment)
+        $(".uploaded-attachments a[href=\"#{attachment}\"]").remove()

data/app/assets/javascripts/rubber_ring/attachment_uploader.coffee ADDED Viewed

@@ -0,0 +1,27 @@
+class @AttachmentUploader
+  constructor: (element) ->
+    element.dropzone({ url: App.add_attachment_path })
+    @addListeners(element)
+  addListeners: (element) ->
+    dz = Dropzone.forElement(element.get(0))
+    # append csfr token before file upload
+    dz.on "sending", (file, xhr, form_data) ->
+      csrf_param = $('meta[name=csrf-param]').attr('content')
+      csrf_token = $('meta[name=csrf-token]').attr('content')
+      form_data.append(csrf_param, csrf_token)
+      form_data.append('page_controller', App.controller)
+      form_data.append('page_action', App.action)
+      form_data.append('locale', App.locale)
+    dz.on "success", (file, response) ->
+      if response.type == "image"
+        $(".uploaded-images").append("<img src=\"#{response.src}\" draggable=\"true\" class=\"img-polaroid\" />")
+        # append drag listeners to newly uploaded image
+        new AttachmentDragger("img[draggable=true]", ".rubber_ring_image", "src")
+      else
+        $(".uploaded-attachments").append("<a href=\"#{response.src}\" draggable=\"true\" download><i class=\"icon-file\"></i> #{response.src.split('/').reverse()[0]}</a>")
+        # append drag listeners to newly uploaded attachment
+        new AttachmentDragger("a[draggable=true]", ".rubber_ring_attachment", "href")

data/app/assets/javascripts/rubber_ring/dropdown_menu.coffee ADDED Viewed

@@ -0,0 +1,10 @@
+$ ->
+  $("#rubber-ring-application a.dropdown").click (e) ->
+    $link = $(e.currentTarget)
+    # clean other activated sections
+    class_to_hide = $link.parent().siblings(".active").toggleClass()
+      .find("a").attr("id")
+    $(".#{class_to_hide}").slideToggle()
+    $(".#{$link.attr('id')}").slideToggle()
+    $link.parent().toggleClass("active")

data/app/assets/javascripts/rubber_ring/editor.coffee ADDED Viewed

@@ -0,0 +1,92 @@
+$ ->
+  # init
+  config = {
+    action_btns: {
+      reset_btn: '<button class="reset-content"></button>',
+      reset_img: '<button class="reset-image"></button>'
+    }
+  }
+  $editable_content = $("[contenteditable]")
+  $alert = $(".alert-saved div")
+  util = new Util()
+  # first check for any duplicated keys
+  duplicates = util.find_duplicated_keys($('[data-cms]'))
+  alert "Correct key duplicates: '#{duplicates}'" if duplicates.length > 0
+  pm = new PersistenceManager(config.action_btns, $alert)
+  te = new TemplateEditor(pm, util)
+  te.init()
+  te.init_sortable()
+  le = new LinkEditor($editable_content)
+  le.init()
+  # append reset button to editable contents
+  $("[contenteditable]").append(config.action_btns.reset_btn)
+  $("img[data-cms]").after(config.action_btns.reset_img)
+  $("body").on "click", ".reset-content", (e) ->
+    $content_to_reset = $(e.currentTarget).parent()
+    if window.confirm "Really want reset content?"
+      pm.remove($content_to_reset).then ->
+        window.location.reload(true)
+  $("body").on "click", ".reset-image", (e) ->
+    $image_to_reset = $(e.currentTarget).prev()
+    if window.confirm "Really want reset image?"
+      pm.remove($image_to_reset).then ->
+        window.location.reload(true)
+  $(".rubber_ring_attachment").click (e) ->
+    e.preventDefault()
+  # register change event for HTML5 content editable
+  $("body").on "focus", "[contenteditable]", ->
+    $this = $(this)
+    $this.data "before", $this.html()
+    $this
+  .on "blur", "[contenteditable]", ->
+    $this = $(this)
+    if $this.data("before") isnt $this.html()
+      $this.data "before", $this.html()
+      $this.trigger "change"
+    $this
+  $editable_content.change (e) ->
+    $content = $(e.currentTarget)
+    pm.save($content)
+  # disable enter in single line editor
+  $editable_content.not(".multi-line").keydown (e) ->
+    e.preventDefault() if e.keyCode is 13
+  getCaretCharacterOffsetWithin = (element) ->
+    caretOffset = 0
+    unless typeof window.getSelection is "undefined"
+      range = window.getSelection().getRangeAt(0)
+      preCaretRange = range.cloneRange()
+      preCaretRange.selectNodeContents element
+      preCaretRange.setEnd range.endContainer, range.endOffset
+      caretOffset = preCaretRange.toString().length
+    else if typeof document.selection isnt "undefined" and document.selection.type isnt "Control"
+      textRange = document.selection.createRange()
+      preCaretTextRange = document.body.createTextRange()
+      preCaretTextRange.moveToElementText element
+      preCaretTextRange.setEndPoint "EndToEnd", textRange
+      caretOffset = preCaretTextRange.text.length
+    caretOffset
+  # https://developer.mozilla.org/en-US/docs/Rich-Text_Editing_in_Mozilla#Executing%5FCommands
+  $("[contenteditable].multi-line").keydown (e) ->
+    if e.which == 13
+      lineBreak = "<br />"
+      end = $(this).text().length == getCaretCharacterOffsetWithin(this)
+      if end
+        this.insertAdjacentHTML("beforeend", lineBreak)
+      else
+        document.execCommand("insertHTML", false, lineBreak)
+      false

data/app/assets/javascripts/rubber_ring/link_editor.coffee ADDED Viewed

@@ -0,0 +1,47 @@
+class @LinkEditor
+  constructor: (@editable_content) ->
+  init: ->
+    $edit_link = $("#rubber-ring-application #edit-link")
+    @editable_content.bind "click", "a", (e) ->
+      $node = $(getSelectionStartNode())
+      if $node != null and $node.is("a")
+        e.stopPropagation()
+        $edit_link.css(
+          top: $node.offset().top - $edit_link.height() - 5
+          left: $node.offset().left
+        ).show()
+        $edit_link.data("node", $node)
+        $("#link-title").val $node.text()
+        $("#link-href").val $node.attr("href")
+        $("#link-preview").attr "href", $node.attr("href")
+      else
+        $edit_link.hide()
+    $(document).bind "click", (e) =>
+      e.stopPropagation()
+      if $("#edit-link").is(":visible") and $(e.target).parents("#edit-link").length == 0
+        $edit_link.hide()
+    $("#link-title").bind "change", (e) =>
+      $node = $edit_link.data("node")
+      $node.text $(e.currentTarget).val()
+      triggerChange($node)
+    $("#link-href").bind "change", (e) =>
+      $node = $edit_link.data("node")
+      $node.add("#link-preview").attr "href", $(e.currentTarget).val()
+      triggerChange($node)
+  triggerChange = ($node) ->
+    if $node.attr("contenteditable") == "true"
+      $node.trigger "change"
+  getSelectionStartNode = ->
+    if window.getSelection
+      node = window.getSelection().anchorNode
+      if node != null && node.nodeName is "#text"
+      then node.parentNode
+      else node

data/app/assets/javascripts/rubber_ring/persistence_manager.coffee ADDED Viewed

@@ -0,0 +1,74 @@
+class @PersistenceManager
+  post_object:
+    page_controller: App.controller
+    page_action:     App.action
+    page_path:       document.location.pathname
+    page_locale:     App.locale
+  constructor: (@action_btns, @alert) ->
+  # all pm methods should have key and content parameters
+  save: (content) ->
+    key = content.attr("data-cms") # data wont work here because of cloning dom
+    if content.is('input')
+      value = content.val()
+    else
+      value = @sanitize(content)
+    @post_object.content = {}
+    @post_object.content[key] = value
+    if content.is("a")
+      @post_object.content["#{key}_href"] = content.attr("href")
+    @post_to_backend(App.save_path, @post_object)
+  save_template: (templates) ->
+    @post_object.content = templates
+    @post_to_backend(App.save_template_path, @post_object)
+  add_template: (content) ->
+    @post_object.content = content
+    @post_to_backend(App.add_template_path, @post_object)
+  remove_template: (content) ->
+    @post_object.content = content
+    @post_to_backend(App.remove_template_path, @post_object)
+  save_image: (content) ->
+    key = content.attr("data-cms")
+    @post_object.content = {}
+    @post_object.content[key] = content.attr("src")
+    @post_object.width        = content.attr("width")
+    @post_object.height       = content.attr("height")
+    @post_to_backend(App.save_image_path, @post_object)
+  save_attachment: (content) ->
+    key = content.attr("data-cms")
+    @post_object.content = {}
+    @post_object.content[key] = content.attr("href").split('/').reverse()[0]
+    @post_object.content["#{key}_href"] = content.attr("href")
+    @post_to_backend(App.save_attachment_path, @post_object)
+  sanitize: (content) ->
+    # it is important to sanitize htmlValue or else we will get more and more broken html from database
+    # we need to remove any new lines like \r and \n
+    content = content.html().replace(/^[\s]+$/g, "").trim()
+    content = content.replace(value, "").trim() for key, value of @action_btns
+    content
+  remove: (content) ->
+    key = content.attr("data-cms")
+    path = App.remove_path.replace(':key', key)
+    @post_to_backend(path, @post_object)
+  remove_image: (src) ->
+    @post_object.src_to_remove = src
+    @post_to_backend(App.remove_attachment_path, @post_object)
+  post_to_backend: (path, post_object) =>
+    $.post path, post_object, =>
+      @alert.addClass("animate")
+      @alert.on "transitionend", =>
+        @alert.removeClass("animate")

data/app/assets/javascripts/rubber_ring/template_editor.coffee ADDED Viewed

@@ -0,0 +1,76 @@
+class @TemplateEditor
+  constructor: (@pm, @util) ->
+  init: ->
+    # save templates to database immediately
+    not_saved_yet = $('[data-cms-template]').filter (index, element) ->
+      $(element).data('from-db') == false
+    if not_saved_yet.length > 0
+      @save_all_templates()
+    $('.rr-control .add-remove').click (e) =>
+      $select = $(e.currentTarget).parents('.rr-control').find('select')
+      action = $(e.target).data('action')
+      template = $select.val()
+      key = $select.data('cms-template')
+      add_index = $("[data-cms=#{key}]").find("[data-template=#{template}]:first").data('template-index')
+      remove_index = $("[data-cms=#{key}]").find("[data-template=#{template}]:last").data('template-index')
+      content = {
+        key: key
+        template: template
+        index: add_index
+      }
+      if action is 'add'
+        @pm.add_template(content).then ->
+          window.location.reload(true)
+      else
+        if add_index isnt remove_index
+          content.index = remove_index
+          @pm.remove_template(content).then ->
+            window.location.reload(true)
+  save_all_templates: ->
+      $templates = $('[data-template]')
+      templates_to_save = @get_templates_array($templates)
+      @pm.save_template(templates_to_save)
+  get_templates_array: ($templates) ->
+    list = []
+    $templates.each (index, element) ->
+      list.push({
+        key:      $(element).parents('[data-cms]').first().data('cms')
+        index:    $(element).data('template-index')
+        template: $(element).data('template')
+        tclass:   $(element).attr('class')
+        element:  $(element).prop('tagName').toLowerCase()
+        sort:     index
+      })
+    list
+  init_sortable: ->
+    # init sortable and disable it by default
+    $('.templates').sortable()
+    $('.templates').sortable('disable')
+    $('.rr-control [data-action=sort]').click (e) =>
+      $btn = $(e.currentTarget)
+      if $('.templates').hasClass('ui-sortable-disabled')
+        $('.templates').sortable('enable')
+        $btn.text('Disable sort')
+        $('.templates').children().css('cursor', 'move')
+      else
+        $('.templates').sortable('disable')
+        $btn.text('Enable sort')
+        $('.templates').children().css('cursor', 'auto')
+    # re initialize order and save
+    $('.templates').on 'sortupdate', (event, ui) =>
+      @save_all_templates()