spina-slider 1.0.0

data/app/views/spina/admin/media_picker/select.js.erb

@@ -0,0 +1,39 @@
+let hidden_input = $("input[data-hidden-field-id='<%= j params[:hidden_field_id] %>']");
+hidden_input.parents('.media_picker').find('.image').remove();
+hidden_input.val("");
+
+<% if @image.present? %>
+  hidden_input.parents('.media_picker').append("<%=j render partial: 'spina/admin/images/image', object: @image, locals: {simple: true} %>");
+  hidden_input.val("<%= @image.id %>");
+
+  // Trix editor
+  <% if params[:trix_toolbar_id].present? %>
+    <% if params[:slider].present? %>
+      <% if params[:slider] == 'first' %>
+        $('trix-editor[toolbar="<%= params[:trix_toolbar_id] %>"]').trigger('first-photo-selected', ["<%= main_app.url_for(@image.file) %>", "<%= params[:alt] %>", "<%= params[:link_to_url] %>"]);
+      <% elsif params[:slider] == 'second' %>
+        $('trix-editor[toolbar="<%= params[:trix_toolbar_id] %>"]').trigger('second-photo-selected', ["<%= main_app.url_for(@image.file) %>", "<%= params[:alt] %>", "<%= params[:link_to_url] %>"]);
+      <% end %>
+    <% else %>
+      $('trix-editor[toolbar="<%= params[:trix_toolbar_id] %>"]').trigger('image-insert', ["<%= main_app.url_for(@image.file) %>", "<%= params[:alt] %>", "<%= params[:link_to_url] %>"]);
+    <% end %>
+    $.hideModal();
+  <% end %>
+<% end %>
+
+<% if @images.present? %>
+  let image_collection = $("<%= j render partial: 'spina/admin/image_collections/image_collection', locals: {images: @images} %>");
+  hidden_input.parents('.horizontal-form-content').find('.image-collection').html(image_collection);
+  hidden_input.val("<%= @images.map(&:id).join(',') %>");
+<% end %>
+
+$('.sortable-grid').sortable().bind('sortupdate', function(e) {
+  position_array = [];
+  $(e.target).find('li.image').each(function(index) {
+    position_array.push($(this).data('image-id'));
+  });
+  $(e.target).parents('.horizontal-form-content').find('.images-positions').val(position_array.join(","));
+});
+$('.sortable-grid').trigger('sortupdate');
+
+$.hideModal();

data/app/views/spina/admin/media_picker/show.js.erb

@@ -0,0 +1 @@
+$("<%=j render partial: 'modal', locals: {multiple: params[:multiple], slider: params[:slider]} %>").modal();

data/app/views/spina/admin/partables/texts/_form.html.haml

@@ -0,0 +1,9 @@
+= render partial: 'spina/admin/partables/texts/slider_js', locals: { editor_id: object_id}
+
+.horizontal-form-label
+  = f.object.title
+.horizontal-form-content
+  = f.fields_for :partable, f.object.partable do |ff|
+    - object_id = (ff.object.persisted? ? ff.object.object_id : "new_association_#{ff.object.object_id}").to_s + "_content"
+    = ff.hidden_field :content, id: "#{object_id}_input", value: ff.object.content(fallback: false, default: nil)
+    %trix-editor.text-input.trix-content{ input: "#{object_id}_input", id: "#{object_id}_editor" }

data/app/views/spina/admin/partables/texts/_slider_js.html.haml

@@ -0,0 +1,27 @@
+:javascript
+  function selectFirstImage(e) {
+    var toolbar_id = $(this).closest('trix-toolbar').attr('id');
+    $(this).addClass('btn-selected');
+    $.get("#{ Spina::Engine.routes.url_helpers.admin_media_picker_path }" + "?trix_toolbar_id=" + toolbar_id + "&slider=first");
+  }
+  function selectSecondImage(e) {
+    var toolbar_id = $(this).closest('trix-toolbar').attr('id');
+    $(this).addClass('btn-selected');
+    $.get("#{ Spina::Engine.routes.url_helpers.admin_media_picker_path }" + "?trix_toolbar_id=" + toolbar_id + "&slider=second");
+  }
+  function createListeners() {
+    $('.first-slider-file').on('click', selectFirstImage);
+    $('.second-slider-file').on('click', selectSecondImage);
+    $('trix-editor').on('first-photo-selected', sliderController.photoAssignFirst);
+    $('trix-editor').on('second-photo-selected', sliderController.photoAssignSecond);
+    $('.slider-preview').on('preview-slider', sliderController.previewSlider);
+    $('.add-slider').on('click', sliderController.addSlider);
+    $('.add-slider').on('click', sliderController.clearList);
+  }
+  $(document).on("trix-initialize", function(event) {
+    if ($('trix-toolbar').find('.trix-button--text.image-slider').length == 0) {
+      $('.trix-button-group--text-tools').append(customTrixTools.sliderBtn);
+      $('.trix-dialogs').append(customTrixTools.sliderDialog);
+      createListeners();
+    }
+  });

data/app/views/spina/admin/shared/_rich_text_field.html.haml

@@ -0,0 +1,6 @@
+= render partial: 'spina/admin/partables/texts/slider_js', locals: { editor_id: object_id}
+
+
+- object_id = (f.object.persisted? ? f.object.object_id : "new_association_#{f.object.object_id}").to_s + "_#{field}"
+= f.hidden_field field, id: "#{object_id}_input"
+%trix-editor.text-input.trix-content{ input: "#{object_id}_input" }

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "spina/slider"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start(__FILE__)

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/lib/spina/slider.rb

@@ -0,0 +1,9 @@
+require "spina/slider/version"
+
+module Spina
+  module Slider
+    class Error < StandardError; end
+    
+    class Engine < ::Rails::Engine; end
+  end
+end

data/lib/spina/slider/version.rb

@@ -0,0 +1,5 @@
+module Spina
+  module Slider
+    VERSION = "1.0.0"
+  end
+end

data/spina-slider.gemspec

@@ -0,0 +1,27 @@
+
+lib = File.expand_path("../lib", __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require "spina/slider/version"
+
+Gem::Specification.new do |spec|
+  spec.name          = "spina-slider"
+  spec.version       = Spina::Slider::VERSION
+  spec.authors       = ["Michael Wilmouth"]
+  spec.email         = ["wilmouthworks@gmail.com"]
+
+  spec.summary       = %q{Before/after image slider for spina CMS}
+  spec.homepage      = "https://github.com/mawilmouth/spina-slider"
+  spec.license       = "MIT"
+
+  # Specify which files should be added to the gem when it is released.
+  # The `git ls-files -z` loads the files in the RubyGem that have been added into git.
+  spec.files         = Dir.chdir(File.expand_path('..', __FILE__)) do
+    `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  end
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.17"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

metadata

@@ -0,0 +1,94 @@
+--- !ruby/object:Gem::Specification
+name: spina-slider
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- Michael Wilmouth
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2020-11-28 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.17'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.17'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: 
+email:
+- wilmouthworks@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- CODE_OF_CONDUCT.md
+- Gemfile
+- Gemfile.lock
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/javascripts/slider.js
+- app/assets/stylesheets/slider.scss
+- app/assets/stylesheets/twentytwenty-no-compass.scss
+- app/views/layouts/spina/admin/admin.html.haml
+- app/views/spina/admin/media_picker/_modal.html.haml
+- app/views/spina/admin/media_picker/select.js.erb
+- app/views/spina/admin/media_picker/show.js.erb
+- app/views/spina/admin/partables/texts/_form.html.haml
+- app/views/spina/admin/partables/texts/_slider_js.html.haml
+- app/views/spina/admin/shared/_rich_text_field.html.haml
+- bin/console
+- bin/setup
+- lib/spina/slider.rb
+- lib/spina/slider/version.rb
+- spina-slider.gemspec
+homepage: https://github.com/mawilmouth/spina-slider
+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.7.6.2
+signing_key: 
+specification_version: 4
+summary: Before/after image slider for spina CMS
+test_files: []