phrasing_plus 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 910cd01178a5275a7f64fcee6559e40cd55e3ea8
+  data.tar.gz: 81a5b83e8b3c63576390e0b12299887e28f63e43
+SHA512:
+  metadata.gz: 92f1f24a18ef66e7b7cb767f535780949923e760402e1aedd44d21910fefc823a78dc580915d1ebd8252311bc27cabb424f13e8c4c64c3b52d524fd3ded64f7d
+  data.tar.gz: b601ddd336c10342a88c062c7840b8a89a7ce502a467ce7546e5eb09cdd59cd68ff299a20bfc8675dfc617b9abe591fb5b5836900d28580e414169b0443b084b

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2015 Damir Svrtan
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/Rakefile

@@ -0,0 +1,26 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'PhrasingPlus'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../spec/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+load 'rails/tasks/statistics.rake'
+
+
+
+Bundler::GemHelper.install_tasks
+

data/app/assets/javascripts/phrasing_image_widget.js

@@ -0,0 +1,120 @@
+function PhrasingImageWidget(options){
+  var fileInput = options.fileInput;
+  var $fileInputLabel = options.$fileInputLabel;
+  var $discardChangeLabel = options.$discardChangeLabel;
+  var $wrapper = options.$wrapper;
+  var $image = options.$image;
+  var $form = options.$form;
+  var $submitButton = options.$submitButton;
+
+  var getImageSrc = function(){
+    if($image.size() !== 0){
+      $image.attr('src');
+    }else{
+      $wrapper.css('background-image');
+    }
+  };
+
+  var setImageSrc = function(src){
+    if($image.size() !== 0){
+      $image.attr('src', src);
+    }else{
+      $wrapper.css('background-image', src);
+    }
+  };
+
+  var showChosenImage = function(){
+    rememberOriginalImage();
+    setChosenImageAsSource();
+    $fileInputLabel.hide();
+    $discardChangeLabel.show();
+    $submitButton.show();
+  };
+
+  var setChosenImageAsSource = function(){
+    if (fileInput.files && fileInput.files[0]) {
+      var reader = new FileReader();
+      reader.onload = function (e) {
+        if($image.size() !== 0){
+          setImageSrc(e.target.result);
+        }else{
+          setImageSrc('url(' + e.target.result + ')');
+        }
+      };
+      reader.readAsDataURL(fileInput.files[0]);
+    }
+  };
+
+  var rememberOriginalImage = function(){
+    $wrapper.data('original-src', getImageSrc());
+  };
+
+  var discardChosenImage = function(){
+    revertImageToOriginal();
+    $form[0].reset();
+    $fileInputLabel.show();
+    $discardChangeLabel.hide();
+    $submitButton.hide();
+  };
+
+  var revertImageToOriginal = function(){
+    setImageSrc($wrapper.data('original-src'));
+    $wrapper.removeData('original-src');
+  };
+
+  var uploadChosenImage = function(){
+    $.ajax({
+      type: "PUT",
+      url: $form.attr('action'),
+      data: new FormData( $form[0] ),
+      processData: false,
+      contentType: false,
+      success: function(data)
+      {
+        handleSuccessfullUpload(data);
+      },
+      error: function(data){
+        handleFailedUpload(data);
+      }
+     });
+  };
+
+  var handleSuccessfullUpload = function(data){
+    $form[0].reset();
+    addNewSrcToImage(data.image.url);
+    $fileInputLabel.show();
+    $discardChangeLabel.hide();
+    $submitButton.hide();
+    showSuccessNotification(data);
+  };
+
+  var showSuccessNotification = function(data){
+    alert('Image successfully updated');
+  };
+
+  var addNewSrcToImage = function(imgSrc){
+    if($image.size() !== 0){
+      setImageSrc(imgSrc);
+    }else{
+      setImageSrc('url(' + imgSrc + ')');
+    }
+    $wrapper.removeData('original-src');
+  };
+
+  var handleFailedUpload = function(data){
+    $form[0].reset();
+    revertImageToOriginal();
+    $fileInputLabel.show();
+    $discardChangeLabel.hide();
+    $submitButton.hide();
+    showFailureNotification(data);
+  };
+
+  var showFailureNotification = function(data){
+    alert(data.responseJSON.errors);
+  };
+
+  return { showChosenImage: showChosenImage,
+           discardChosenImage: discardChosenImage,
+           uploadChosenImage: uploadChosenImage };
+}

data/app/assets/javascripts/phrasing_plus.js

@@ -0,0 +1,54 @@
+//=require phrasing_image_widget
+var generatePhrasingImageWidget = function($wrapper){
+  return new PhrasingImageWidget({
+    fileInput : $wrapper.find('.phrasing-image-file-input')[0],
+    $fileInputLabel : $wrapper.find('.phrasing-image-edit-label'),
+    $discardChangeLabel : $wrapper.find('.phrasing-image-discard-change-label'),
+    $wrapper : $wrapper,
+    $image : $wrapper.find('img.phrasable-image'),
+    $form : $wrapper.find('.phrasing-image-edit-form'),
+    $submitButton : $wrapper.find('.phrasing-image-submit-button')
+  });
+};
+
+var fetchPhrasingImageWidget = function($wrapper){
+  var widget = $wrapper.data('widget');
+
+  if(widget === undefined){
+    widget = generatePhrasingImageWidget($wrapper);
+    $wrapper.data('widget', widget);
+  }
+
+  return widget;
+};
+
+$(document).ready(function(){
+  if(Phrasing.isEditModeEnabled()){
+    $('.phrasable-image-wrapper, .phrasable-background-image').addClass('phrasable-on');
+  }
+
+  Phrasing.Bus.on('phrasing:edit-mode:on', function(){
+    $('.phrasable-image-wrapper, .phrasable-background-image').addClass('phrasable-on');
+  });
+
+  Phrasing.Bus.on('phrasing:edit-mode:off', function(){
+    $('.phrasable-image-wrapper, .phrasable-background-image').removeClass('phrasable-on');
+  });
+
+  $('.phrasing-image-file-input').change(function(){
+    var phrasingImageWidget = fetchPhrasingImageWidget($(this).closest('.phrasable-image-wrapper, .phrasable-background-image'));
+    phrasingImageWidget.showChosenImage();
+  });
+
+  $('.phrasing-image-discard-change-label').on('click', function(){
+    var phrasingImageWidget = fetchPhrasingImageWidget($(this).closest('.phrasable-image-wrapper, .phrasable-background-image'));
+    phrasingImageWidget.discardChosenImage();
+  });
+
+  $(".phrasing-image-edit-form").submit(function(e) {
+    var phrasingImageWidget = fetchPhrasingImageWidget($(this).closest('.phrasable-image-wrapper, .phrasable-background-image'));
+    phrasingImageWidget.uploadChosenImage();
+    e.preventDefault();
+  });
+
+});

data/app/assets/stylesheets/phrasing_plus.scss

@@ -0,0 +1,92 @@
+.phrasing-image-holder{
+  form.phrasing-image-edit-form {
+    display: none;
+    position: absolute;
+    top: 0;
+    right: 0;
+
+    label{
+      font-family: "icomoon";
+      font-size: 13px;
+      font-weight: 200;
+
+      position: absolute;
+      right: 20px;
+
+      width: 180px;
+      padding: 12px 0;
+
+      text-align: center;
+
+      color: white;
+      border: 2px solid white;
+      -webkit-border-radius: 35px;
+         -moz-border-radius: 35px;
+              border-radius: 35px;
+    }
+
+    label.phrasing-image-edit-label {
+      top: 20px;
+      background: #898989;
+    }
+
+    label.phrasing-image-discard-change-label{
+      top: 65px;
+      background: #F1A515;
+      display: none;
+    }
+
+    .phrasing-image-file-input {
+      display: none;
+    }
+
+    .phrasing-image-submit-button {
+      font-family: "icomoon";
+      font-size: 13px;
+      font-weight: 200;
+
+      position: absolute;
+      top: 20px;
+      right: 20px;
+
+      display: none;
+
+      width: 181px;
+      height: 42px;
+
+      color: white;
+      border: 2px solid white;
+      -webkit-border-radius: 35px;
+         -moz-border-radius: 35px;
+              border-radius: 35px;
+      background: #56AE45;
+    }
+  }
+
+  &.phrasable-on{
+    .phrasing-image-edit-form{
+      display: block;
+    }
+  }
+}
+
+span.phrasable-image-wrapper{
+  @extend .phrasing-image-holder;
+  position: relative;
+  display: inline-block;
+
+  .phrasable-image {
+    position: relative;
+  }
+
+  &.phrasable-on {
+    .phrasable-image {
+      opacity: .8;
+    }
+  }
+}
+
+.phrasable-background-image{
+  @extend .phrasing-image-holder;
+  position: relative;
+}

data/app/controllers/phrasing_images_controller.rb

@@ -0,0 +1,15 @@
+class PhrasingImagesController < ActionController::Base
+  include PhrasingHelper
+
+  def update
+    phrasing_image = PhrasingImage.find(params[:id])
+    phrasing_image.image = params[:phrasing_image][:image]
+
+    if phrasing_image.save
+      render json: phrasing_image, status: 200
+    else
+      render json: { errors: phrasing_image.errors.values.first }, status: 403
+    end
+  end
+
+end

data/app/helpers/phrasing_plus_helper.rb

@@ -0,0 +1,14 @@
+module PhrasingPlusHelper
+  def phrasing_image_tag(key, options = {})
+    image = PhrasingImage.find_or_create_by(key: key)
+    image_widget = PhrasingImageWidget.new(image, self, options)
+    render 'phrasing_plus/editable_image', widget: image_widget
+  end
+
+  def phrasing_background_image_tag(key, options = {}, &block)
+    image = PhrasingImage.find_or_create_by(key: key)
+    wrapped_html = capture(&block) if block_given?
+    image_widget = PhrasingBackgroundImageWidget.new(image, self, wrapped_html, options)
+    render 'phrasing_plus/editable_background_image', widget: image_widget
+  end
+end

data/app/models/phrasing_image.rb

@@ -0,0 +1,5 @@
+class PhrasingImage < ActiveRecord::Base
+  mount_uploader :image, PhrasingImageUploader
+
+  validates :key, presence: true
+end

data/app/uploaders/phrasing_image_uploader.rb

@@ -0,0 +1,7 @@
+class PhrasingImageUploader < CarrierWave::Uploader::Base
+  storage :file
+
+  def extension_white_list
+    %w(jpg jpeg gif png)
+  end
+end

data/app/views/phrasing_plus/_editable_background_image.html.haml

@@ -0,0 +1,4 @@
+= content_tag(widget.tag, widget.options) do
+  - if can_edit_phrases?
+    = render 'phrasing_plus/form', widget: widget
+  = widget.wrapped_html

data/app/views/phrasing_plus/_editable_image.html.haml

@@ -0,0 +1,4 @@
+%span{ widget.wrapper_options }
+  = image_tag(widget.image_url, widget.options)
+  - if can_edit_phrases?
+    = render 'phrasing_plus/form', widget: widget

data/app/views/phrasing_plus/_form.html.haml

@@ -0,0 +1,5 @@
+= form_for(widget, html: { class: 'phrasing-image-edit-form'}) do |f|
+  = f.label(:image, 'Click to edit image', class: 'phrasing-image-edit-label', for: "phrasing_image_image_#{widget.id}")
+  = f.file_field(:image, class: 'phrasing-image-file-input', id: "phrasing_image_image_#{widget.id}")
+  = f.label(:discard_change, class: 'phrasing-image-discard-change-label')
+  = f.button('Save image', class: 'phrasing-image-submit-button')

data/app/widgets/phrasing_background_image_widget.rb

@@ -0,0 +1,35 @@
+require 'phrasing_plus/dummy_image'
+
+class PhrasingBackgroundImageWidget < SimpleDelegator
+
+  HTML_CLASS = 'phrasable-background-image'
+
+  attr_accessor :options, :wrapped_html
+
+  def initialize(phrasing_image, view_context, wrapped_html, options = {})
+    super(phrasing_image)
+    @view_context = view_context
+    @wrapped_html = wrapped_html
+    @options = options.merge(style: "background-image: url(#{image_url})")
+    @tag = @options.delete(:tag)
+
+    return unless view_context.can_edit_phrases?
+
+    add_phrasable_image_class
+  end
+
+  def tag
+    @tag || :div
+  end
+
+  private
+
+  def image_url
+    image.url || PhrasingPlus::DummyImage.new(options).url
+  end
+
+  def add_phrasable_image_class
+    options[:class] = [options[:class], HTML_CLASS].compact.join(' ')
+  end
+
+end

data/app/widgets/phrasing_image_widget.rb

@@ -0,0 +1,38 @@
+require 'phrasing_plus/dummy_image'
+
+class PhrasingImageWidget < SimpleDelegator
+
+  HTML_CLASS = 'phrasable-image'
+  WRAPPER_HTML_CLASS = 'phrasable-image-wrapper'
+
+  attr_accessor :options, :wrapper_options
+
+  def initialize(phrasing_image, view_context, options = {})
+    super(phrasing_image)
+    @view_context = view_context
+    @options = options
+    @wrapper_options = @options.delete(:wrapper_html) || {}
+
+    return unless view_context.can_edit_phrases?
+
+    add_phrasable_image_class
+    add_phrasable_image_wrapper_class
+  end
+
+  def image_url
+    image.url || PhrasingPlus::DummyImage.new(options).url
+  end
+
+  private
+
+  attr_accessor :view_context
+
+  def add_phrasable_image_class
+    options[:class] = [options[:class], HTML_CLASS].compact.join(' ')
+  end
+
+  def add_phrasable_image_wrapper_class
+    wrapper_options[:class] = [wrapper_options[:class], WRAPPER_HTML_CLASS].compact.join(' ')
+  end
+
+end

data/config/routes.rb

@@ -0,0 +1,3 @@
+Rails.application.routes.draw do
+  resources :phrasing_images, only: [:update]
+end

data/lib/generators/phrasing_plus/phrasing_plus_generator.rb

@@ -0,0 +1,13 @@
+class PhrasingPlusGenerator < Rails::Generators::Base
+  include Rails::Generators::Migration
+  source_root File.expand_path('../templates', __FILE__)
+
+  def create_migrations
+    phrasing_image_migration = "db/migrate/create_phrasing_images.rb"
+    migration_template phrasing_image_migration, phrasing_image_migration
+  end
+
+  def self.next_migration_number(*)
+    Time.now.utc.strftime("%Y%m%d%H%M%S")
+  end
+end

data/lib/generators/phrasing_plus/templates/db/migrate/create_phrasing_images.rb

@@ -0,0 +1,10 @@
+class CreatePhrasingImages < ActiveRecord::Migration
+  def change
+    create_table :phrasing_images do |t|
+      t.string :key
+      t.string :image
+
+      t.timestamps null: false
+    end
+  end
+end

data/lib/phrasing_plus/dummy_image.rb

@@ -0,0 +1,31 @@
+module PhrasingPlus
+  class DummyImage
+
+    BG_COLOR = '7d857c'
+    COLOR = 'dea9bb'
+
+    def initialize(options = {})
+      @options = options
+    end
+
+    def url
+      "http://placehold.it/#{size}/#{BG_COLOR}/#{COLOR}"
+    end
+
+    private
+
+    attr_accessor :options
+
+    def size
+      options[:size] || "#{width}x#{height}"
+    end
+
+    def width
+      options[:width] || 300
+    end
+
+    def height
+      options[:height] || 300
+    end
+  end
+end

data/lib/phrasing_plus/engine.rb

@@ -0,0 +1,7 @@
+require 'phrasing'
+require 'carrierwave'
+
+module PhrasingPlus
+  class Engine < ::Rails::Engine
+  end
+end

data/lib/phrasing_plus/version.rb

@@ -0,0 +1,3 @@
+module PhrasingPlus
+  VERSION = "0.0.1"
+end

data/lib/phrasing_plus.rb

@@ -0,0 +1,4 @@
+require "phrasing_plus/engine"
+
+module PhrasingPlus
+end

metadata

@@ -0,0 +1,135 @@
+--- !ruby/object:Gem::Specification
+name: phrasing_plus
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Damir Svrtan
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-05-14 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.2.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.2.1
+- !ruby/object:Gem::Dependency
+  name: phrasing
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.0.0rc5
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.0.0rc5
+- !ruby/object:Gem::Dependency
+  name: carrierwave
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.10.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.10.0
+- !ruby/object:Gem::Dependency
+  name: sqlite3
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: pry-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: A mountable Phrasing adapter for editing images inline.
+email:
+- damir.svrtan@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- Rakefile
+- app/assets/javascripts/phrasing_image_widget.js
+- app/assets/javascripts/phrasing_plus.js
+- app/assets/stylesheets/phrasing_plus.scss
+- app/controllers/phrasing_images_controller.rb
+- app/helpers/phrasing_plus_helper.rb
+- app/models/phrasing_image.rb
+- app/uploaders/phrasing_image_uploader.rb
+- app/views/phrasing_plus/_editable_background_image.html.haml
+- app/views/phrasing_plus/_editable_image.html.haml
+- app/views/phrasing_plus/_form.html.haml
+- app/widgets/phrasing_background_image_widget.rb
+- app/widgets/phrasing_image_widget.rb
+- config/routes.rb
+- lib/generators/phrasing_plus/phrasing_plus_generator.rb
+- lib/generators/phrasing_plus/templates/db/migrate/create_phrasing_images.rb
+- lib/phrasing_plus.rb
+- lib/phrasing_plus/dummy_image.rb
+- lib/phrasing_plus/engine.rb
+- lib/phrasing_plus/version.rb
+homepage: https://github.com/infinum/phrasing_plus
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: Edit images inline
+test_files: []