chr 0.2.1 → 0.2.4

data/dist/input-redactor.js

@@ -0,0 +1,156 @@
+/*
+ * webhook-redactor
+ *
+ *
+ * Copyright (c) 2014 Webhook
+ * Licensed under the MIT license.
+ */
+
+(function ($) {
+  "use strict";
+
+  // namespacing
+  var Fixedtoolbar = function (redactor) {
+    this.redactor = redactor;
+    this.$window = $('.view > form'); //$(window);
+    this.viewHeaderHeight = 40;
+
+    this.$window.on('scroll', $.proxy(this.checkOffset, this));
+    redactor.$box.on('scroll', $.proxy(this.checkOffset, this));
+
+    this.redactor.$editor.on('focus', $.proxy(function () {
+      this.isFocused = true;
+    }, this));
+
+    this.redactor.$editor.on('blur', $.proxy(function () {
+      this.isFocused = false;
+    }, this));
+  };
+  Fixedtoolbar.prototype = {
+    isFixed: false,
+    isFocused: false,
+
+    checkOffset: function () {
+      if ( !this.redactor.fullscreen.isOpen )
+      {
+        var boxOffset = this.redactor.$box.offset();
+
+        var isBelowBoxTop = boxOffset.top - this.viewHeaderHeight <= 0;
+        //var isAboveBoxBottom = boxOffset.top + this.redactor.$box.outerHeight() - this.redactor.$toolbar.outerHeight() - this.$window.scrollTop() >= 0;
+        var isAboveBoxBottom = this.redactor.$box.outerHeight() + boxOffset.top - this.viewHeaderHeight - this.redactor.$toolbar.outerHeight() >= 0;
+
+        if (isBelowBoxTop && isAboveBoxBottom) {
+          this.fix();
+        } else {
+          this.unfix();
+        }
+      }
+    },
+
+    fix: function () {
+
+      if (this.isFixed) {
+
+        // webkit does not recalc top: 0 when focused on contenteditable
+        if (this.redactor.utils.isMobile() && this.isFocused) {
+          this.redactor.$toolbar.css({
+            position: 'absolute',
+            top     : this.$window.scrollTop() - this.redactor.$box.offset().top,
+            left    : this.redactor.$box.offset().left
+          });
+        }
+
+        return;
+      }
+
+      var border_left = parseInt(this.redactor.$box.css('border-left-width').replace('px', ''), 10);
+
+      this.redactor.$toolbar.css({
+        position: 'fixed',
+        top     : this.viewHeaderHeight,
+        left    : this.redactor.$box.offset().left + border_left,
+        width   : this.redactor.$box.width(),
+        zIndex  : 300
+      });
+
+      this.redactor.$editor.css('padding-top', this.redactor.$toolbar.height() + 10);
+
+      this.isFixed = true;
+
+    },
+
+    unfix: function () {
+      if (!this.isFixed) {
+        return;
+      }
+
+      this.redactor.$toolbar.css({
+        position: 'relative',
+        left    : '',
+        width   : '',
+        top     : ''
+      });
+
+      this.redactor.$editor.css('padding-top', 10);
+
+      this.isFixed = false;
+    }
+  };
+
+  // Hook up plugin to Redactor.
+  window.RedactorPlugins = window.RedactorPlugins || {};
+  window.RedactorPlugins.fixedtoolbar = function() {
+    return {
+      init: function () {
+        this.fixedtoolbar = new Fixedtoolbar(this);
+      }
+    };
+  };
+
+}(jQuery));
+
+var extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
+  hasProp = {}.hasOwnProperty;
+
+this.InputRedactor = (function(superClass) {
+  extend(InputRedactor, superClass);
+
+  function InputRedactor() {
+    return InputRedactor.__super__.constructor.apply(this, arguments);
+  }
+
+  InputRedactor.prototype._add_input = function() {
+    this.$el.css('opacity', 0);
+    this.$input = $("<textarea class='redactor' name='" + this.name + "' rows=1>" + (this._safe_value()) + "</textarea>");
+    return this.$el.append(this.$input);
+  };
+
+  InputRedactor.prototype.initialize = function() {
+    var base, base1, redactor_options;
+    redactor_options = {
+      focus: false,
+      imageFloatMargin: '20px',
+      buttonSource: true,
+      pastePlainText: true,
+      plugins: ['fixedtoolbar', 'loft'],
+      buttons: ['html', 'formatting', 'bold', 'italic', 'deleted', 'alignment', 'unorderedlist', 'orderedlist', 'link']
+    };
+    if ((base = this.config).redactorOptions == null) {
+      base.redactorOptions = {};
+    }
+    $.extend(redactor_options, this.config.redactorOptions);
+    this.$input.redactor(redactor_options);
+    this.$el.css('opacity', 1);
+    return typeof (base1 = this.config).onInitialize === "function" ? base1.onInitialize(this) : void 0;
+  };
+
+  InputRedactor.prototype.updateValue = function(value) {
+    this.value = value;
+    return this.$input.redactor('insert.set', this._safe_value());
+  };
+
+  return InputRedactor;
+
+})(InputString);
+
+chr.formInputs['redactor'] = InputRedactor;

data/lib/chr/version.rb

@@ -1,3 +1,3 @@
 module Chr
-  VERSION = "0.2.1"
+  VERSION = "0.2.4"
 end

data/package.json

@@ -1,9 +1,9 @@
 {
   "name": "chr",
-  "version": "0.2.1",
+  "version": "0.2.4",
   "devDependencies": {
     "grunt": "^0.4.5",
-    "grunt-contrib-clean": "^0.6.0",
+    "grunt-contrib-clean":  "^0.6.0",
     "grunt-contrib-coffee": "^0.13.0",
     "grunt-contrib-concat": "^0.5.1"
   }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: chr
 version: !ruby/object:Gem::Version
-  version: 0.2.1
+  version: 0.2.4
 platform: ruby
 authors:
 - Alexander Kravets
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-31 00:00:00.000000000 Z
+date: 2015-04-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bourbon
@@ -68,38 +68,51 @@ files:
 - LICENSE.md
 - README.md
 - Rakefile
-- app/assets/javascripts/chr-dist.js
 - app/assets/javascripts/chr.coffee
 - app/assets/javascripts/chr/core/chr.coffee
 - app/assets/javascripts/chr/core/item.coffee
-- app/assets/javascripts/chr/core/list-pagination.coffee
-- app/assets/javascripts/chr/core/list-reorder.coffee
-- app/assets/javascripts/chr/core/list-search.coffee
 - app/assets/javascripts/chr/core/list.coffee
+- app/assets/javascripts/chr/core/list_config.coffee
+- app/assets/javascripts/chr/core/list_pagination.coffee
+- app/assets/javascripts/chr/core/list_reorder.coffee
+- app/assets/javascripts/chr/core/list_search.coffee
 - app/assets/javascripts/chr/core/module.coffee
 - app/assets/javascripts/chr/core/utils.coffee
 - app/assets/javascripts/chr/core/view.coffee
 - app/assets/javascripts/chr/form/form.coffee
 - app/assets/javascripts/chr/form/input-checkbox.coffee
 - app/assets/javascripts/chr/form/input-color.coffee
+- app/assets/javascripts/chr/form/input-date.coffee
 - app/assets/javascripts/chr/form/input-file.coffee
+- app/assets/javascripts/chr/form/input-form.coffee
+- app/assets/javascripts/chr/form/input-form_reorder.coffee
 - app/assets/javascripts/chr/form/input-hidden.coffee
 - app/assets/javascripts/chr/form/input-list.coffee
+- app/assets/javascripts/chr/form/input-list_reorder.coffee
+- app/assets/javascripts/chr/form/input-password.coffee
 - app/assets/javascripts/chr/form/input-select.coffee
 - app/assets/javascripts/chr/form/input-string.coffee
 - app/assets/javascripts/chr/form/input-text.coffee
-- app/assets/javascripts/chr/form/nested-form.coffee
 - app/assets/javascripts/chr/store/_array-store.coffee
 - app/assets/javascripts/chr/store/_object-store.coffee
 - app/assets/javascripts/chr/store/mongosteen-array-store.coffee
 - app/assets/javascripts/chr/store/mongosteen-object-store.coffee
 - app/assets/javascripts/chr/store/rest-array-store.coffee
 - app/assets/javascripts/chr/store/rest-object-store.coffee
+- app/assets/javascripts/chr/vendor/ace.js
 - app/assets/javascripts/chr/vendor/jquery.scrollparent.js
 - app/assets/javascripts/chr/vendor/jquery.textarea_autosize.js
 - app/assets/javascripts/chr/vendor/jquery.typeahead.js
+- app/assets/javascripts/chr/vendor/marked.js
+- app/assets/javascripts/chr/vendor/mode-html.js
+- app/assets/javascripts/chr/vendor/mode-markdown.js
+- app/assets/javascripts/chr/vendor/redactor.fixedtoolbar.js
 - app/assets/javascripts/chr/vendor/slip.js
+- app/assets/javascripts/input-html.coffee
+- app/assets/javascripts/input-markdown.coffee
+- app/assets/javascripts/input-redactor.coffee
 - app/assets/stylesheets/_chr.scss
+- app/assets/stylesheets/_input-redactor.scss
 - app/assets/stylesheets/core/_icons.scss
 - app/assets/stylesheets/core/_list.scss
 - app/assets/stylesheets/core/_main.scss
@@ -107,14 +120,17 @@ files:
 - app/assets/stylesheets/core/_responsive.scss
 - app/assets/stylesheets/core/_settings.scss
 - app/assets/stylesheets/form/_form.scss
-- app/assets/stylesheets/form/_input_checkbox.scss
-- app/assets/stylesheets/form/_input_color.scss
-- app/assets/stylesheets/form/_input_file.scss
-- app/assets/stylesheets/form/_input_list.scss
-- app/assets/stylesheets/form/_input_string.scss
-- app/assets/stylesheets/form/_nested_form.scss
+- app/assets/stylesheets/form/_input-checkbox.scss
+- app/assets/stylesheets/form/_input-color.scss
+- app/assets/stylesheets/form/_input-file.scss
+- app/assets/stylesheets/form/_input-form.scss
+- app/assets/stylesheets/form/_input-list.scss
+- app/assets/stylesheets/form/_input-string.scss
 - bower.json
 - chr.gemspec
+- dist/chr.js
+- dist/input-ace.js
+- dist/input-redactor.js
 - docs/assets.md
 - docs/basics.md
 - docs/bootstrap-data.md

data/app/assets/javascripts/chr/core/list-pagination.coffee

@@ -1,26 +0,0 @@
-# -----------------------------------------------------------------------------
-# LIST SCROLL
-# todo:
-#  - trigger onScroll event only when scrolling down
-# -----------------------------------------------------------------------------
-@_listBindPagination = (listEl) ->
-  $container = listEl.$el
-  $list      = listEl.$items
-  arrayStore = listEl.config.arrayStore
-
-  $list.scroll (e) =>
-    if ! arrayStore.dataFetchLock
-      $listChildren        = $list.children()
-      listChildrenCount    = $listChildren.length
-      listFirstChildHeight = $listChildren.first().outerHeight()
-      listHeight           = listChildrenCount * listFirstChildHeight
-      viewHeight           = $container.height()
-
-      if listHeight < (viewHeight + e.target.scrollTop + 100)
-        listEl._show_spinner()
-        arrayStore.load()
-
-
-
-
-

data/app/assets/javascripts/chr/core/list-reorder.coffee

@@ -1,70 +0,0 @@
-# -----------------------------------------------------------------------------
-# LIST REORDER
-# -----------------------------------------------------------------------------
-# Dependencies:
-#  - slip
-# -----------------------------------------------------------------------------
-
-@_listBindReorder = (listEl) ->
-  items      = listEl.items
-  list       = listEl.$items.get(0)
-  arrayStore = listEl.config.arrayStore
-
-  config = arrayStore.reorderable
-
-  # this is optimistic scenario when assumes that all positions are different
-  _getObjectNewPosition = (el) ->
-    $el =$ el
-
-    nextObjectId = $el.next().attr('data-id')
-    prevObjectId = $el.prev().attr('data-id')
-    nextObjectPosition = 0
-    prevObjectPosition = 0
-
-    if prevObjectId
-      prevObjectPosition = items[prevObjectId].position()
-
-    if nextObjectId
-      nextObjectPosition = items[nextObjectId].position()
-
-    if arrayStore.sortReverse
-      newPosition = nextObjectPosition + Math.abs(nextObjectPosition - prevObjectPosition) / 2.0
-    else
-      newPosition = prevObjectPosition + Math.abs(nextObjectPosition - prevObjectPosition) / 2.0
-
-    return newPosition
-
-  new Slip(list)
-
-  list.addEventListener 'slip:beforeswipe', (e) -> e.preventDefault()
-
-  list.addEventListener 'slip:beforewait', ((e) ->
-    if $(e.target).hasClass("icon-reorder") then e.preventDefault()
-  ), false
-
-  list.addEventListener 'slip:beforereorder', ((e) ->
-    if not $(e.target).hasClass("icon-reorder") then e.preventDefault()
-  ), false
-
-  list.addEventListener 'slip:reorder', ((e) =>
-    # when `e.detail.insertBefore` is null, item put to the end of the list.
-    e.target.parentNode.insertBefore(e.target, e.detail.insertBefore)
-
-    objectPositionValue = _getObjectNewPosition(e.target)
-    objectId = $(e.target).attr('data-id')
-    value = {}
-    value["[#{arrayStore.sortBy}"] = "#{ objectPositionValue }"
-
-    arrayStore.update objectId, value,
-      # error handling
-      onSuccess: (object) => ;
-      onError: (errors) => ;
-
-    return false
-  ), false
-
-  $(list).addClass 'reorderable'
-
-
-
-

data/app/assets/javascripts/chr/core/list-search.coffee

@@ -1,37 +0,0 @@
-# -----------------------------------------------------------------------------
-# LIST SEARCH
-# -----------------------------------------------------------------------------
-@_listBindSearch = (listEl) ->
-  $input     = listEl.$search
-  arrayStore = listEl.config.arrayStore
-
-  runSearch = (input) ->
-    query = $(input).val()
-    listEl._show_spinner()
-    arrayStore.search(query)
-
-  showSearch = ->
-    listEl.$el.addClass 'list-search'
-    $input.find('input').focus()
-
-  cancelSearch = ->
-    listEl.$el.removeClass 'list-search'
-    $input.find('input').val('')
-    listEl._show_spinner()
-    arrayStore.reset()
-
-  $input.show()
-
-  $input.on 'keyup', 'input', (e) =>
-    if e.keyCode == 27 # esc
-      return cancelSearch()
-
-    if e.keyCode == 13 # enter
-      return runSearch(e.target)
-
-  $input.on 'click', '.icon', (e)   => e.preventDefault() ; showSearch()
-  $input.on 'click', '.cancel', (e) => e.preventDefault() ; cancelSearch()
-
-
-
-

data/app/assets/javascripts/chr/form/nested-form.coffee

@@ -1,164 +0,0 @@
-# -----------------------------------------------------------------------------
-# NESTED FORM
-# -----------------------------------------------------------------------------
-class @NestedForm
-  constructor: (@name, @nestedObjects, @config, @object) ->
-    @forms = []
-
-    @config.namePrefix  ||= name
-    @config.removeButton  = true
-    @config.formSchema.id = { type: 'hidden' }
-    @reorderContainerClass = "nested-forms-#{@config.klassName}"
-
-    if @config.sortBy
-      @config.formSchema[@config.sortBy] = { type: 'hidden' }
-      if @nestedObjects
-        # NOTE: this is not required but make things a bit easier on the backend
-        #       as object don't have to be in a specific order.
-        @nestedObjects.sort (a, b) => parseFloat(a[@config.sortBy]) - parseFloat(b[@config.sortBy])
-        # NOTE: normalizes nested objects positions
-        (o[@config.sortBy] = parseInt(i) + 1) for i, o of @nestedObjects
-
-    @$el =$ "<div class='input-stacked nested-forms #{ @config.klassName }'>"
-
-    @_addLabel()
-    @_addForms()
-    @_addFormsReorder()
-    @_addNewButton()
-
-    return this
-
-  _addLabel: ->
-    if @config.klass in [ 'inline', 'stacked' ]
-      @$label =$ "<span class='label'>#{ @config.label }</span>"
-      @$el.append @$label
-
-      @$errorMessage =$ "<span class='error-message'></span>"
-      @$label.append @$errorMessage
-
-  _addForms: ->
-    @$forms =$ "<ul>"
-    @$el.append @$forms
-
-    # if not default value which means no objects
-    if @nestedObjects != ''
-      for i, object of @nestedObjects
-        namePrefix = "#{ @config.namePrefix }[#{ i }]"
-        @forms.push @_renderForm(object, namePrefix, @config)
-
-  _renderForm: (object, namePrefix, config) ->
-    formConfig = $.extend {}, config,
-      namePrefix: namePrefix
-      rootEl:     "<li>"
-
-    form = new Form(object, formConfig)
-    @$forms.append form.$el
-
-    return form
-
-  _addFormsReorder: ->
-    if @config.sortBy
-      list = @$forms.addClass(@reorderContainerClass).get(0)
-
-      new Slip(list)
-
-      list.addEventListener 'slip:beforeswipe', (e) -> e.preventDefault()
-
-      list.addEventListener 'slip:beforewait', ((e) ->
-        if $(e.target).hasClass("icon-reorder") then e.preventDefault()
-      ), false
-
-      list.addEventListener 'slip:beforereorder', ((e) ->
-        if not $(e.target).hasClass("icon-reorder") then e.preventDefault()
-      ), false
-
-      list.addEventListener 'slip:reorder', ((e) =>
-        # NOTE: this event called for all parent lists, add a check for context:
-        #       process this event only if target form is in the @forms list.
-        targetForm = @_findFormByTarget(e.target)
-        if targetForm
-          # NOTE: when `e.detail.insertBefore` is null, item put to the end of the list.
-          e.target.parentNode.insertBefore(e.target, e.detail.insertBefore)
-
-          $targetForm =$ e.target
-          prevForm    = @_findFormByTarget($targetForm.prev().get(0))
-          nextForm    = @_findFormByTarget($targetForm.next().get(0))
-
-          prevFormPosition      = if prevForm then prevForm.inputs[@config.sortBy].value else 0
-          nextFormPosition      = if nextForm then nextForm.inputs[@config.sortBy].value else 0
-          newTargetFormPosition = prevFormPosition + Math.abs(nextFormPosition - prevFormPosition) / 2.0
-
-          targetForm.inputs[@config.sortBy].updateValue(newTargetFormPosition)
-
-        return false
-      ), false
-
-      @_addFormReorderButton(form) for form in @forms
-
-  _addFormReorderButton: (form) ->
-    form.$el.append("""<div class='icon-reorder' data-container-class='#{@reorderContainerClass}'></div>""").addClass('reorderable')
-
-  _findFormByTarget: (el) ->
-    if el
-      for form in @forms
-        if form.$el.get(0) == el then return form
-    return null
-
-  _addNewButton: ->
-    label = @config.newButtonLabel || "Add"
-    @$newButton =$ """<a href='#' class='nested-form-new'>#{ label }</a>"""
-    @$el.append @$newButton
-    @$newButton.on 'click', (e) => e.preventDefault() ; @addNewForm()
-
-  #
-  # PUBLIC
-  #
-
-  addNewForm: (object=null) ->
-    namePrefix    = "#{ @config.namePrefix }[#{ Date.now() }]"
-    newFormConfig = $.extend({}, @config)
-
-    delete newFormConfig.formSchema.id
-
-    form = @_renderForm(object, namePrefix, newFormConfig)
-    form.initializePlugins()
-
-    if @config.sortBy
-      @_addFormReorderButton(form)
-      prevForm = _last(@forms)
-      position = if prevForm then prevForm.inputs[@config.sortBy].value + 1 else 1
-      form.inputs[@config.sortBy].updateValue(position)
-
-    @forms.push(form)
-
-    @config.onNew?(form)
-
-    return form
-
-  initialize: ->
-    for nestedForm in @forms
-      nestedForm.initializePlugins()
-    @config.onInitialize?(this)
-
-  showErrorMessage: (message) ->
-    @$el.addClass 'error'
-    @$errorMessage.html(message)
-
-  hideErrorMessage: ->
-    @$el.removeClass 'error'
-    @$errorMessage.html('')
-
-  updateValue: (@value) ->
-    # TODO: update
-
-  hash: (hash={})->
-    hash[@config.klassName] = []
-    for form in @forms
-      hash[@config.klassName].push form.hash()
-    return hash
-
-_chrFormInputs['form'] = NestedForm
-
-
-
-