activeadmin_medium_editor 0.1.4 → 0.2.12

data/app/assets/stylesheets/activeadmin/medium_editor/themes/mani.scss

@@ -0,0 +1,87 @@
+// inspired by http://dribbble.com/shots/857472-Toolbar
+
+// theme settings
+$medium-editor-bgcolor: #dee7f0;
+$medium-editor-bgcolor-alt: #5c90c7;
+$medium-editor-border-color: #cdd6e0;
+$medium-editor-button-size: 50px;
+$medium-editor-button-hover-text-color: #fff;
+$medium-editor-button-active-text-color: #000;
+$medium-editor-link-color: #40648a;
+$medium-editor-border-radius: 2px;
+
+// theme rules
+.medium-toolbar-arrow-under:after,
+.medium-toolbar-arrow-over:before {
+    display: none;
+}
+
+.medium-editor-toolbar {
+    border: 1px solid $medium-editor-border-color;
+    background-color: $medium-editor-bgcolor;
+    background-color: rgba($medium-editor-bgcolor, .95);
+    background: linear-gradient(to top, $medium-editor-bgcolor, rgba(#fff, 1));
+    border-radius: $medium-editor-border-radius;
+    box-shadow: 0 2px 6px rgba(#000, .45);
+
+    li {
+        button {
+            min-width: $medium-editor-button-size;
+            height: $medium-editor-button-size;
+            border: none;
+            border-right: 1px solid $medium-editor-border-color;
+            background-color: transparent;
+            color: $medium-editor-link-color;
+            transition: background-color .2s ease-in, color .2s ease-in;
+            &:hover {
+                background-color: $medium-editor-bgcolor-alt;
+                background-color: rgba($medium-editor-bgcolor-alt, .45);
+                color: $medium-editor-button-hover-text-color;
+            }
+        }
+
+        .medium-editor-button-first {
+            border-top-left-radius: $medium-editor-border-radius;
+            border-bottom-left-radius: $medium-editor-border-radius;
+        }
+
+        .medium-editor-button-last {
+            border-top-right-radius: $medium-editor-border-radius;
+            border-bottom-right-radius: $medium-editor-border-radius;
+        }
+
+        .medium-editor-button-active {
+            background-color: $medium-editor-bgcolor-alt;
+            background-color: rgba($medium-editor-bgcolor-alt, .45);
+            color: $medium-editor-button-active-text-color;
+            background: linear-gradient(to bottom, $medium-editor-bgcolor, rgba(#000, .1));
+        }
+    }
+}
+
+.medium-editor-toolbar-form {
+    background: $medium-editor-bgcolor;
+    color: #999;
+    border-radius: $medium-editor-border-radius;
+
+    .medium-editor-toolbar-input {
+        height: $medium-editor-button-size;
+        background: $medium-editor-bgcolor;
+        color: $medium-editor-link-color;
+        box-sizing: border-box;
+    }
+
+    a {
+        color: $medium-editor-link-color;
+    }
+}
+
+.medium-editor-toolbar-anchor-preview {
+    background: $medium-editor-bgcolor;
+    color: $medium-editor-link-color;
+    border-radius: $medium-editor-border-radius;
+}
+
+.medium-editor-placeholder:after {
+    color: $medium-editor-border-color;
+}

data/app/assets/stylesheets/activeadmin/medium_editor/themes/roman.scss

@@ -0,0 +1,87 @@
+// inspired by http://dribbble.com/shots/848100-Toolbar-Psd
+
+// theme settings
+$medium-editor-bgcolor: #fff;
+$medium-editor-border-color: #a8a8a8;
+$medium-editor-button-size: 50px;
+$medium-editor-button-hover-text-color: #fff;
+$medium-editor-button-active-text-color: #000;
+$medium-editor-link-color: #889aac;
+$medium-editor-border-radius: 5px;
+
+// theme rules
+.medium-toolbar-arrow-under:after,
+.medium-toolbar-arrow-over:before {
+    display: none;
+}
+
+.medium-editor-toolbar {
+    background-color: $medium-editor-bgcolor;
+    background-color: rgba($medium-editor-bgcolor, .95);
+    border-radius: $medium-editor-border-radius;
+    box-shadow: 0 2px 6px rgba(#000, .45);
+
+    li {
+        button {
+            min-width: $medium-editor-button-size;
+            height: $medium-editor-button-size;
+            border: none;
+            border-right: 1px solid $medium-editor-border-color;
+            background-color: transparent;
+            color: $medium-editor-link-color;
+            box-shadow: inset 0 0 3px #f8f8e6;
+            background: linear-gradient(to bottom, $medium-editor-bgcolor, rgba(#000, .2));
+            text-shadow: 1px 4px 6px #def, 0 0 0 #000, 1px 4px 6px #def;
+            transition: background-color .2s ease-in;
+            &:hover {
+                background-color: #fff;
+                color: $medium-editor-button-hover-text-color;
+                color: rgba(#000, .8);
+            }
+        }
+
+        .medium-editor-button-first {
+            border-top-left-radius: $medium-editor-border-radius;
+            border-bottom-left-radius: $medium-editor-border-radius;
+        }
+
+        .medium-editor-button-last {
+            border-top-right-radius: $medium-editor-border-radius;
+            border-bottom-right-radius: $medium-editor-border-radius;
+        }
+
+        .medium-editor-button-active {
+            background-color: #ccc;
+            color: $medium-editor-button-active-text-color;
+            color: rgba(#000, .8);
+            background: linear-gradient(to top, $medium-editor-bgcolor, rgba(#000, .1));
+        }
+    }
+}
+
+.medium-editor-toolbar-form {
+    background: $medium-editor-bgcolor;
+    color: #999;
+    border-radius: $medium-editor-border-radius;
+
+    .medium-editor-toolbar-input {
+        margin: 0;
+        height: $medium-editor-button-size;
+        background: $medium-editor-bgcolor;
+        color: $medium-editor-border-color;
+    }
+
+    a {
+        color: $medium-editor-link-color;
+    }
+}
+
+.medium-editor-toolbar-anchor-preview {
+    background: $medium-editor-bgcolor;
+    color: $medium-editor-link-color;
+    border-radius: $medium-editor-border-radius;
+}
+
+.medium-editor-placeholder:after {
+    color: $medium-editor-border-color;
+}

data/app/assets/stylesheets/activeadmin/medium_editor/themes/tim.scss

@@ -0,0 +1,101 @@
+// theme settings
+$medium-editor-bgcolor: #2f1e07;
+$medium-editor-border-color: lighten($medium-editor-bgcolor, 10);
+$medium-editor-button-size: 60px;
+$medium-editor-button-active-text-color: #ffedd5;
+$medium-editor-hover-color: darken($medium-editor-bgcolor, 10);
+$medium-editor-link-color: #ffedd5;
+$medium-editor-border-radius: 6px;
+$medium-editor-placeholder-color: #ffedd5;
+
+// theme rules
+.medium-toolbar-arrow-under:after {
+    border-color: $medium-editor-bgcolor transparent transparent transparent;
+    top: $medium-editor-button-size;
+}
+
+.medium-toolbar-arrow-over:before {
+    border-color: transparent transparent $medium-editor-bgcolor transparent;
+}
+
+.medium-editor-toolbar {
+    background-color: $medium-editor-bgcolor;
+    border: 1px solid $medium-editor-border-color;
+    border-radius: $medium-editor-border-radius;
+
+    li {
+        button {
+            background-color: transparent;
+            border: none;
+            border-right: 1px solid $medium-editor-border-color;
+            box-sizing: border-box;
+            color: $medium-editor-link-color;
+            height: $medium-editor-button-size;
+            min-width: $medium-editor-button-size;
+            transition: background-color .2s ease-in, color .2s ease-in;
+            &:hover {
+                background-color: $medium-editor-hover-color;
+                color: $medium-editor-button-active-text-color;
+            }
+        }
+
+        .medium-editor-button-first {
+            border-bottom-left-radius: $medium-editor-border-radius;
+            border-top-left-radius: $medium-editor-border-radius;
+        }
+
+        .medium-editor-button-last {
+            border-bottom-right-radius: $medium-editor-border-radius;
+            border-right: none;
+            border-top-right-radius: $medium-editor-border-radius;
+        }
+
+        .medium-editor-button-active {
+            background-color: $medium-editor-hover-color;
+            color: $medium-editor-button-active-text-color;
+        }
+    }
+}
+
+.medium-editor-toolbar-form {
+    background: $medium-editor-bgcolor;
+    border-radius: $medium-editor-border-radius;
+    color: #ffedd5;
+
+    .medium-editor-toolbar-input {
+        background: $medium-editor-bgcolor;
+        color: $medium-editor-link-color;
+        height: $medium-editor-button-size;
+
+        &::-webkit-input-placeholder {
+           color: $medium-editor-placeholder-color;
+           color: rgba($medium-editor-placeholder-color, .8);
+        }
+        &:-moz-placeholder { /* Firefox 18- */
+           color: $medium-editor-placeholder-color;
+           color: rgba($medium-editor-placeholder-color, .8);
+        }
+        &::-moz-placeholder {  /* Firefox 19+ */
+           color: $medium-editor-placeholder-color;
+           color: rgba($medium-editor-placeholder-color, .8);
+        }
+        &:-ms-input-placeholder {
+           color: $medium-editor-placeholder-color;
+           color: rgba($medium-editor-placeholder-color, .8);
+        }
+    }
+
+    a {
+        color: $medium-editor-link-color;
+    }
+}
+
+.medium-editor-toolbar-anchor-preview {
+    background: $medium-editor-bgcolor;
+    border-radius: $medium-editor-border-radius;
+    color: $medium-editor-link-color;
+}
+
+.medium-editor-placeholder:after {
+    color: $medium-editor-border-color;
+}

data/app/assets/stylesheets/activeadmin/medium_editor/util/_clearfix.scss

@@ -0,0 +1,7 @@
+%clearfix {
+    &:after {
+        clear: both;
+        content: "";
+        display: table;
+    }
+}

data/lib/activeadmin/medium_editor.rb

@@ -1 +1,3 @@
+# frozen_string_literal: true
+
 require 'activeadmin/medium_editor/engine'

data/lib/activeadmin/medium_editor/engine.rb

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 require 'active_admin'
 
 module ActiveAdmin

data/lib/activeadmin/medium_editor/version.rb

@@ -1,5 +1,7 @@
+# frozen_string_literal: true
+
 module ActiveAdmin
   module MediumEditor
-    VERSION = '0.1.4'
+    VERSION = '0.2.12'
   end
 end

data/lib/activeadmin_medium_editor.rb

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 require 'activeadmin/medium_editor'
 
 require 'formtastic/inputs/medium_editor_input'

data/lib/formtastic/inputs/medium_editor_input.rb

@@ -1,8 +1,10 @@
+# frozen_string_literal: true
+
 module Formtastic
   module Inputs
     class MediumEditorInput < Formtastic::Inputs::TextInput
       def input_html_options
-        super.merge( class: 'medium-editor' )
+        super.merge('data-aa-medium-editor': '1')
       end
     end
   end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: activeadmin_medium_editor
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.2.12
 platform: ruby
 authors:
 - Mattia Roccoberton
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2017-10-23 00:00:00.000000000 Z
+date: 2020-09-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activeadmin
@@ -16,57 +16,180 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.0'
+        version: '2.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.0'
+        version: '2.0'
+- !ruby/object:Gem::Dependency
+  name: activestorage
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 6.0.3.2
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 6.0.3.2
+- !ruby/object:Gem::Dependency
+  name: capybara
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.33.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.33.0
+- !ruby/object:Gem::Dependency
+  name: pry
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.13.1
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.13.1
+- !ruby/object:Gem::Dependency
+  name: puma
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.3.5
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.3.5
+- !ruby/object:Gem::Dependency
+  name: rspec_junit_formatter
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.4.1
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.4.1
+- !ruby/object:Gem::Dependency
+  name: rspec-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.0.1
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.0.1
+- !ruby/object:Gem::Dependency
+  name: rubocop
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.90.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.90.0
+- !ruby/object:Gem::Dependency
+  name: selenium-webdriver
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.142.7
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.142.7
+- !ruby/object:Gem::Dependency
+  name: sqlite3
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.4.2
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.4.2
 description: An Active Admin plugin to use Medium Editor
 email: mat@blocknot.es
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- ".gitignore"
-- Gemfile
 - LICENSE.txt
 - README.md
 - Rakefile
-- activeadmin_medium_editor.gemspec
 - app/assets/javascripts/activeadmin/medium_editor/medium_editor.js
 - app/assets/javascripts/activeadmin/medium_editor/medium_editor.min.js
 - app/assets/javascripts/activeadmin/medium_editor_input.js
-- app/assets/stylesheets/activeadmin/_medium_editor_input.sass
-- app/assets/stylesheets/activeadmin/medium_editor/medium_editor.css
-- app/assets/stylesheets/activeadmin/medium_editor/medium_editor.min.css
-- app/assets/stylesheets/activeadmin/medium_editor/themes/beagle.css
-- app/assets/stylesheets/activeadmin/medium_editor/themes/beagle.min.css
-- app/assets/stylesheets/activeadmin/medium_editor/themes/bootstrap.css
-- app/assets/stylesheets/activeadmin/medium_editor/themes/bootstrap.min.css
-- app/assets/stylesheets/activeadmin/medium_editor/themes/default.css
-- app/assets/stylesheets/activeadmin/medium_editor/themes/default.min.css
-- app/assets/stylesheets/activeadmin/medium_editor/themes/flat.css
-- app/assets/stylesheets/activeadmin/medium_editor/themes/flat.min.css
-- app/assets/stylesheets/activeadmin/medium_editor/themes/mani.css
-- app/assets/stylesheets/activeadmin/medium_editor/themes/mani.min.css
-- app/assets/stylesheets/activeadmin/medium_editor/themes/roman.css
-- app/assets/stylesheets/activeadmin/medium_editor/themes/roman.min.css
-- app/assets/stylesheets/activeadmin/medium_editor/themes/tim.css
-- app/assets/stylesheets/activeadmin/medium_editor/themes/tim.min.css
+- app/assets/stylesheets/activeadmin/_medium_editor_input.scss
+- app/assets/stylesheets/activeadmin/medium_editor/_settings.scss
+- app/assets/stylesheets/activeadmin/medium_editor/animations/_image-loading.scss
+- app/assets/stylesheets/activeadmin/medium_editor/animations/_pop-upwards.scss
+- app/assets/stylesheets/activeadmin/medium_editor/components/_anchor-preview.scss
+- app/assets/stylesheets/activeadmin/medium_editor/components/_file-dragging.scss
+- app/assets/stylesheets/activeadmin/medium_editor/components/_placeholder.scss
+- app/assets/stylesheets/activeadmin/medium_editor/components/_toolbar-form.scss
+- app/assets/stylesheets/activeadmin/medium_editor/components/_toolbar.scss
+- app/assets/stylesheets/activeadmin/medium_editor/medium_editor.scss
+- app/assets/stylesheets/activeadmin/medium_editor/themes/beagle.scss
+- app/assets/stylesheets/activeadmin/medium_editor/themes/bootstrap.scss
+- app/assets/stylesheets/activeadmin/medium_editor/themes/default.scss
+- app/assets/stylesheets/activeadmin/medium_editor/themes/flat.scss
+- app/assets/stylesheets/activeadmin/medium_editor/themes/mani.scss
+- app/assets/stylesheets/activeadmin/medium_editor/themes/roman.scss
+- app/assets/stylesheets/activeadmin/medium_editor/themes/tim.scss
+- app/assets/stylesheets/activeadmin/medium_editor/util/_clearfix.scss
 - lib/activeadmin/medium_editor.rb
 - lib/activeadmin/medium_editor/engine.rb
 - lib/activeadmin/medium_editor/version.rb
 - lib/activeadmin_medium_editor.rb
 - lib/formtastic/inputs/medium_editor_input.rb
-- screenshot.jpg
 homepage: https://github.com/blocknotes/activeadmin_medium_editor
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -81,9 +204,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.6.13
-signing_key: 
+rubygems_version: 3.0.3
+signing_key:
 specification_version: 4
 summary: medium-editor for ActiveAdmin
 test_files: []