inverter 0.2.2 → 0.2.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f9f690d3662f0f18c84658e8a29adca5b6fac0b9
-  data.tar.gz: 535064670509e2b8a5a6223121630776763772e6
+  metadata.gz: 564ec4fa572bfa7f6cc0fa67891caad0253b272d
+  data.tar.gz: 0fb3028fa52c4c4b5b68f8f0a736cc8fde23b6f7
 SHA512:
-  metadata.gz: c91a1f301761818c05fd5d60d02aa6bb1212bd11c53ff986efe28ac423d8cc0e4a668e406bcb7287689e333cd5ff495906356155d1dacd197e110b388db67e98
-  data.tar.gz: d0930d472b39cc9ee5a51f70c78b8a07ea9be9b6e951ef43fce073fc6a88138d21455384ee8d41e9fa6b05a05a6acb6bd2bb1cb0e9a16f1fca164d71cf0fa378
+  metadata.gz: 3ed5adbc98926a81745305997ed573b65fe1419f14592611ef7fb592f204f296c58d3522228fae8004a0958a34069c6c7dae312e244f05b74fbce049cecbc811
+  data.tar.gz: 4d78f109f0d6339d39716c96fe6cc366a4903a89ea34f3ad833e52265024d4758972fe667fb54456763fd906405aa67547b34bc48782c286d91083748dc2d091

data/.gitignore

@@ -0,0 +1 @@
+.DS_Store

data/README.md

@@ -1,8 +1,9 @@
 # Inverter
 
-## Easy way to connect Rails templates content to CMS
+*Easy way to connect Rails templates content to CMS*
+
+Mark content that you want to change via CMS in Rails templates. It's automatically populated to models and is accessible via CMS. When Rails renders template it pulls editable content from databased automatically.
 
-Mark right in Rails temlpates content that you want to change via CMS. It's automatically populated to models and is accessible via CMS. While Rails rendering template it's pulling editable content from databased automatically.
 
 ## Installation
 
@@ -48,7 +49,7 @@ Setup admin page controller configuration ```controllers/admin/pages_controller.
 
       def syncronize_templates
         if Rails.env.development?
-          resource_class.sync_objects_with_templates!
+          resource_class.sync_with_templates!
         end
       end
   end
@@ -62,6 +63,10 @@ An example of editable template with three content blocks and page name (to iden
   <!--// About //-->
   <h1>About</h1>
 
+  <!--[ hero : inverter-image ]-->
+    <%= image_tag('hero-1.png', alt: 'Welcome to Inverter') %>
+  <!--END-->
+
   <!--[ subtitle ]-->
   <p>
     This is an example of the content block named subtitle. This content is editable
@@ -85,6 +90,7 @@ An example of editable template with three content blocks and page name (to iden
   <!--END-->
   ```
 
+
 ### Character Setup
 
 Inverter supports [chr](https://github.com/slate-studio/chr) out of the box. Include custom input in the cms configuration file ```admin.coffee```, and setup module configuration:
@@ -117,6 +123,7 @@ Inverter input has an option ```defaultInputType``` which specifies what input t
 
 You can also specify input type that you want to use for specific block like this: ```<!--[ Main Body : text ]-->``` — in this case ```Main Body``` would be a label and ```text``` is an input type that will be used to edit this block in CMS.
 
+
 ### Meta Tags Support
 
 ```Mongoid::Inverter``` concern includes page meta tags fields. Check out [meta-tags](https://github.com/kpumuk/meta-tags) gem documentation for usage details, it helps to make pages SEO friendly.
@@ -134,17 +141,23 @@ To enable meta-tags support include following helper in application layout:
 
 To override default behavior add custom fields and write own ```update_inverter_meta_tags``` implementation.
 
+
 ## Inverter family
 
-- [Mongosteen](https://github.com/slate-studio/mongosteen): An easy way to add restful actions for mongoid models
-- [Character](https://github.com/slate-studio/chr): A simple and lightweight javascript library for building data management web apps
+- [Mongosteen](https://github.com/slate-studio/mongosteen): An easy way to add RESTful actions for mongoid models
+- [Character](https://github.com/slate-studio/chr): Powerful responsive javascript CMS for apps
+- [Loft](https://github.com/slate-studio/loft): Media assets manager for Character CMS
 
-## Credits
+
+## License
+
+Copyright © 2015 [Slate Studio, LLC](http://slatestudio.com). Inverter is free software, and may be redistributed under the terms specified in the [license](LICENSE.md).
+
+
+## About Slate Studio
 
 [![Slate Studio](https://slate-git-images.s3-us-west-1.amazonaws.com/slate.png)](http://slatestudio.com)
 
 Inverter is maintained and funded by [Slate Studio, LLC](http://slatestudio.com). Tweet your questions or suggestions to [@slatestudio](https://twitter.com/slatestudio) and while you’re at it follow us too.
 
-## License
 
-Copyright © 2015 [Slate Studio, LLC](http://slatestudio.com). Character is free software, and may be redistributed under the terms specified in the [license](LICENSE.md).

data/app/assets/javascripts/input-inverter-image.coffee

@@ -0,0 +1,131 @@
+# -----------------------------------------------------------------------------
+# Author: Alexander Kravets <alex@slatestudio.com>,
+#         Slate Studio (http://www.slatestudio.com)
+#
+# Coding Guide:
+#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
+# -----------------------------------------------------------------------------
+
+# -----------------------------------------------------------------------------
+# INPUT INVERTER IMAGE
+# - depends on Loft character plugin for assets management
+# -----------------------------------------------------------------------------
+class @InputInverterImage extends InputString
+
+  # PRIVATE ===============================================
+
+  _add_input: ->
+    @_normalize_value()
+
+    @$el.addClass('input-loft-image')
+    @$el.addClass('has-value')
+
+    @$input =$ "<input type='hidden' name='#{ @name }' value='#{ @_safe_value() }' />"
+    @$el.append @$input
+
+    @_add_image()
+    @_add_choose_button()
+    @_add_remove_button()
+    @_add_alt()
+
+
+  _normalize_value: ->
+    if @value.indexOf('<img') > -1
+      @value = @value.replace(new RegExp('"', 'g'), "'")
+
+      if ! @value.indexOf(' alt=') > -1
+        @value.replace('<img ', "<img alt='' ")
+    else
+      @value = "<img src='' alt='' />"
+
+
+  _alt: -> $(@value).attr('alt')
+
+
+  _src: -> $(@value).attr('src')
+
+
+  _add_alt: ->
+    @$altInput =$ "<input type='text' value='' placeholder='Text alternative (alt)' />"
+    @$el.append @$altInput
+
+    @_update_alt()
+
+    @$altInput.on 'change', (e) =>
+      newAlt = $(e.target).val()
+      @_update_value(@_src(), newAlt)
+
+
+  _update_alt: ->
+    @$altInput.val(@_alt())
+    if @_src() == '' then @$altInput.hide() else @$altInput.show()
+
+
+  _add_image: ->
+    @$image =$ "<a href='' target='_blank' class='image'><img src='' /></a>"
+    @$el.append @$image
+    @_update_image()
+
+
+  _update_image: ->
+    imageUrl = @_src()
+    if imageUrl == ''
+      @$el.removeClass('has-value')
+      @$image.hide()
+    else
+      @$el.addClass('has-value')
+      @$image.attr('href', imageUrl).children().attr('src', imageUrl)
+      @$image.show()
+
+
+  _add_choose_button: ->
+    @$chooseBtn =$ "<a href='#' class='choose'></a><br/>"
+    @$el.append @$chooseBtn
+
+    @_update_choose_button_title()
+
+    @$chooseBtn.on 'click', (e) =>
+      e.preventDefault()
+      chr.modules.assets.showModal 'images', false, (objects) =>
+        newSrc = objects[0].file.url
+        alt    = @_alt() || objects[0].name
+        @_update_value(newSrc, alt)
+
+
+  _update_choose_button_title: ->
+    title = if @value == '' then 'Choose or upload' else 'Choose other or upload'
+    @$chooseBtn.html(title)
+
+
+  _update_value: (src, alt) ->
+    value = @value
+    value = value.replace("src='#{ @_src() }'", "src='#{ src }'")
+    value = value.replace("alt='#{ @_alt() }'", "alt='#{ alt }'")
+    @updateValue(value)
+
+
+  _add_remove_button: ->
+    @$removeBtn =$ "<a href='#' class='remove'>Remove</a>"
+    @$el.append @$removeBtn
+
+    @$removeBtn.on 'click', (e) =>
+      e.preventDefault()
+      if confirm('Are you sure?')
+        @updateValue('')
+
+
+  # PUBLIC ================================================
+
+  updateValue: (@value) ->
+    @_normalize_value()
+    @$input.val(@value)
+
+    @_update_image()
+    @_update_alt()
+
+
+chr.formInputs['inverter-image'] = InputInverterImage
+
+
+
+

data/app/assets/javascripts/{chr/form/input-inverter.coffee → input-inverter.coffee}

@@ -1,3 +1,15 @@
+# -----------------------------------------------------------------------------
+# Author: Alexander Kravets <alex@slatestudio.com>,
+#         Slate Studio (http://www.slatestudio.com)
+#
+# Coding Guide:
+#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
+# -----------------------------------------------------------------------------
+
+# -----------------------------------------------------------------------------
+# INPUT INVERTER
+# -----------------------------------------------------------------------------
+
 # _slugify(string)
 if ! @_slugify
   @_slugify = (string) ->
@@ -7,23 +19,29 @@ if ! @_slugify
       .replace(/\-\-+/g, '-')         # Replace multiple - with single -
       .trim()                         # Trim - from start/end of text
 
-# -----------------------------------------------------------------------------
-# INPUT HASH
-# -----------------------------------------------------------------------------
+
 class @InputInverter
   constructor: (@name, @value, @config, @object) ->
-    @_createEl()
+    @startsWith = @config.startsWith
+    @_create_el()
 
     @inputs = {}
 
     for name, value of @value
-      input = @_addInput(name, value, @config)
+      input = @_add_input(name, value, @config)
       @inputs[name] = input
       @$el.append input.$el
 
     return this
 
-  _addInput: (name, value) ->
+
+  # PRIVATE ===============================================
+
+  _create_el: ->
+    @$el =$ "<div class='input-#{ @config.type } #{ @config.klassName }'>"
+
+
+  _add_input: (name, value) ->
     inputConfig = $.extend {}, @config
 
     # get input label and type from name, e.g. "Page Title : text"
@@ -37,26 +55,30 @@ class @InputInverter
     inputType ?= @config.defaultInputType || 'text'
     inputType  = $.trim(inputType)
 
-    if ! _chrFormInputs[inputType]
+    if ! chr.formInputs[inputType]
       inputType = 'text'
 
+    if @startsWith
+      # update label if @startsWith is used
+      inputConfig.label = inputConfig.label.replace(@startsWith, '').titleize()
+
+      # use hidden input type for blocks that do not start with @startsWith
+      if ! name.startsWith(@startsWith)
+        inputType = 'hidden'
+
     # input css class
     inputConfig.klassName = 'inverter-block-' + _slugify(inputConfig.label)
     inputConfig.klass    ?= 'stacked'
 
-    inputClass = _chrFormInputs[inputType]
+    inputClass = chr.formInputs[inputType]
 
     inputName = if @config.namePrefix then "#{ @config.namePrefix }#{ @name }[#{ name }]" else "#{ @name }[#{ name }]"
     inputConfig.namePrefix = @config.namePrefix
 
     return new inputClass(inputName, value, inputConfig, @object)
 
-  _createEl: ->
-    @$el =$ "<div class='input-#{ @config.type } #{ @config.klassName }'>"
 
-  #
-  # PUBLIC
-  #
+  # PUBLIC ================================================
 
   initialize: ->
     for name, input of @inputs
@@ -64,6 +86,7 @@ class @InputInverter
 
     @config.onInitialize?(this)
 
+
   hash: (hash={}) ->
     obj = {}
     for key, input of @inputs
@@ -71,20 +94,18 @@ class @InputInverter
     hash[@config.klassName] = obj
     return hash
 
+
   updateValue: (@value) ->
     for key, input of @inputs
       input.updateValue(@value[key])
 
-  showErrorMessage: (message) ->
-    @$el.addClass 'error'
-    @$errorMessage.html(message)
 
-  hideErrorMessage: ->
-    @$el.removeClass 'error'
-    @$errorMessage.html('')
+  showErrorMessage: (message) -> ;
+
+  hideErrorMessage: -> ;
 
 
-_chrFormInputs['inverter'] = InputInverter
+chr.formInputs['inverter'] = InputInverter
 
 
 

data/app/assets/javascripts/inverter.coffee

@@ -1 +1,2 @@
-#= require ./chr/form/input-inverter
+#= require ./input-inverter
+#= require ./input-inverter-image

data/lib/inverter/concerns/inverter.rb

@@ -16,6 +16,9 @@ module Mongoid
       # indexes
       index({ _template_name: 1 })
 
+      # scopes
+      default_scope -> { asc(:created_at) }
+
 
       # returns title to be used in cms and identify page in list
       def list_item_title
@@ -94,6 +97,11 @@ module Mongoid
           self._blocks.delete(key)
         end
 
+        # keep same blocks order as in template
+        ordered_blocks = {}
+        template_blocks.keys.each { |k| ordered_blocks[k] = self._blocks[k] }
+        self._blocks = ordered_blocks
+
         # update page name
         self._name = name
 

data/lib/inverter/controller_helper.rb

@@ -9,6 +9,7 @@ module Inverter
     def render_with_inverter_object(*args, &block)
       # reset Inveter.object to nil
       Inverter.reset_object()
+
       # make a pointer to meta_tags for future use
       Inverter.set_meta_tags(meta_tags)
 

data/lib/inverter/template_renderer_helper.rb

@@ -0,0 +1,39 @@
+module Inverter
+  module TemplateRendererHelper
+    extend ActiveSupport::Concern
+
+    included do
+      alias_method_chain :render, :inverter_object
+    end
+
+    def render_with_inverter_object(context, options)
+      template_name = options[:template]
+      prefixes      = options[:prefixes]
+
+      if prefixes
+        template_prefix = prefixes[0]
+        template_name   = "#{ template_prefix }/#{ template_name }"
+      end
+
+      if template_name
+        template_name = "#{ template_name }.html.erb"
+
+        # set inverter object if it's not already set, return nil if already set
+        inverter_object = Inverter.update_inverter_object(template_name)
+
+        if inverter_object
+          inverter_object.update_inverter_meta_tags()
+        end
+      end
+
+      # original render
+      render_without_inverter_object(context, options)
+    end
+    protected :render_with_inverter_object
+
+  end
+end
+
+
+
+

data/lib/inverter/version.rb

@@ -1,3 +1,3 @@
 module Inverter
-  VERSION = "0.2.2"
+  VERSION = "0.2.7"
 end

data/lib/inverter.rb

@@ -5,7 +5,7 @@ require "inverter/configuration"
 require "inverter/parser"
 require "inverter/version"
 require "inverter/engine"
-require "inverter/template"
+require "inverter/template_renderer_helper"
 
 module Inverter
   extend Configuration
@@ -15,4 +15,4 @@ end
 require "meta_tags"
 
 ActionController::Base.send :include, Inverter::ControllerHelper
-ActionView::Template.send   :include, Inverter::Template
+ActionView::TemplateRenderer.send :include, Inverter::TemplateRendererHelper

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: inverter
 version: !ruby/object:Gem::Version
-  version: 0.2.2
+  version: 0.2.7
 platform: ruby
 authors:
 - Alexander Kravets
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-23 00:00:00.000000000 Z
+date: 2015-04-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: render_anywhere
@@ -48,12 +48,14 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".gitignore"
 - CONTRIBUTING.md
 - Gemfile
 - LICENSE.md
 - README.md
 - Rakefile
-- app/assets/javascripts/chr/form/input-inverter.coffee
+- app/assets/javascripts/input-inverter-image.coffee
+- app/assets/javascripts/input-inverter.coffee
 - app/assets/javascripts/inverter.coffee
 - inverter.gemspec
 - lib/inverter.rb
@@ -63,7 +65,7 @@ files:
 - lib/inverter/engine.rb
 - lib/inverter/object.rb
 - lib/inverter/parser.rb
-- lib/inverter/template.rb
+- lib/inverter/template_renderer_helper.rb
 - lib/inverter/version.rb
 homepage: http://slatestudio.com
 licenses:

data/lib/inverter/template.rb

@@ -1,24 +0,0 @@
-module Inverter
-  module Template
-    extend ActiveSupport::Concern
-
-    included do
-      alias_method  :initialize_original, :initialize
-
-      def initialize(source, identifier, handler, details)
-        template_name   = identifier.gsub(Rails.root.to_s + '/app/views/', '')
-        inverter_object = Inverter.update_inverter_object(template_name)
-
-        if inverter_object
-          inverter_object.update_inverter_meta_tags()
-        end
-
-        initialize_original(source, identifier, handler, details)
-      end
-    end
-  end
-end
-
-
-
-