pageflow-before-after 0.1.0 → 0.2.0

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    ODg3YThlZjdiZmU5ZTIwY2Q0NzA1MjQxMGU3ZGJhOTQ0NGQwOGE4NQ==
+    MjU4N2Y2YzFhMDFhMmUyZWEzMmIyNTkzZWFkYTlkMmI2ODg4YzE2OQ==
   data.tar.gz: !binary |-
-    Y2FhMDU0NWE4ZjA1NzgzOWRlYzZmNjZmNjVkZDYzOTQxMWU0MjljMw==
+    NWI5ZGZjNzhkZjEzNThlOTkwYThjYmZiMDIwZTA0NjNlNGI2Zjk3Yg==
 SHA512:
   metadata.gz: !binary |-
-    MDM5OTM0Y2YxYzQ1NmIwMDM3MDk2YzRkZTBjNGY2NmJmMjc1MGZjY2U4Yjgy
-    ZmNjNDdiZTkxYWJjNTg2N2NkZGI2ODY5YjFkYzMyNzI0ZDVkOTA4NDljM2Iz
-    NTJlZWM1MWM0OTNkYTdjNGI5YjYzNWMxODA5NDc1MTIyZmE3OTg=
+    YjEyZmM2MDE0MWVmMWJhMDBhODNlYTAwMjc4MGM4MTQxMjQ1NTZkOGM1YWQy
+    NTgzMThiMGFiOThkYjkzMTM0NWQzODViOTM4YTVmMWMxYTQ5NDJhZmEyOTM3
+    ODM3NzFiZTAzOTlkY2EzODk3ODY0Mzg2OTI0ZmM1ZGVjYzE2Y2E=
   data.tar.gz: !binary |-
-    YzFkOWMwNDQyYmUxODY2NWIwOGVhYzQ0NjE5ODc2MjhmMWRhZTdhMzJmNzJk
-    MmMzYWEwNzkwZjkxYmE1ZTVkZTk1ZTI0YTY2M2NlM2JkMWNmYzYwNmM5ZGU1
-    YjBlMWNlZTk5ZDgzYzIyMzUxMGNjMjZmMWE2MjZhOWMyNDU2ZjU=
+    M2Q0ODhmNzI4NGJmYzA4NjE5MTA2MTBlOTcxNzAxZGIxMTk5MDFhYjg1NjRk
+    ZWExNWI1ZjQ0NjNiZTgwN2NjZGY5MWZmZDQ0MjU4NmMyNzdkMmEwOWQxMDBk
+    N2YwOWU0ZjZhMGUwOWM1MjdjNjk1MTIzNmFlMzk1MWY1YjdlYjk=

data/.gitignore

@@ -4,6 +4,7 @@
 .bundle
 .config
 .yardoc
+.idea
 InstalledFiles
 _yardoc
 coverage
@@ -17,3 +18,5 @@ test/version_tmp
 tmp
 log
 Gemfile.lock
+
+.localeapp

data/CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+### Version 0.2.0
+
+- Localization for `de` and `en`.
+
 ### Version 0.1.0
 
 - Display correct page thumbnails in Pageflow 0.5.

data/README.md

@@ -9,7 +9,7 @@ Page type showing before/after image sliders (Digit style).
 Add this line to your application's Gemfile:
 
     # Gemfile
-    gem 'pagflow-before-after'
+    gem 'pageflow-before-after'
 
 Register the page type:
 
@@ -35,3 +35,9 @@ Restart the application server.
 ## Troubleshooting
 
 If you run into problems while installing the page type, please also refer to the [Troubleshooting](https://github.com/codevise/pageflow/wiki/Troubleshooting) wiki page in the [Pageflow  repository](https://github.com/codevise/pageflow). If that doesn't help, consider [filing an issue](https://github.com/codevise/pageflow-before-after/issues).
+
+## Contributing Locales
+
+Edit the translations directly on the
+[pageflow-before-after](http://www.localeapp.com/projects/public?search=tf/pageflow-before-after)
+locale project.

data/app/assets/javascripts/pageflow/before_after.js

@@ -1,4 +1,4 @@
-//= require jquery.ui.draggable
+//= require jquery-ui/draggable
 //= require ./before_after/widget
 
 pageflow.pageType.register('before_after', _.extend({
@@ -69,4 +69,4 @@ pageflow.pageType.register('before_after', _.extend({
       }
     };
   }
-}, pageflow.commonPageCssClasses, pageflow.infoBox));
+}, pageflow.commonPageCssClasses, pageflow.infoBox));

data/app/views/pageflow/before_after/page.html.erb

@@ -1,6 +1,10 @@
 <div class="blackLayer"></div>
 <div class="content_and_background beforeAfterPage">
-  <div class="close_button text_hidden_only" tabindex="4" title="Vorher/Nachher-Ansicht verlassen und Text einblenden">Schließen</div>
+  <div class="close_button text_hidden_only" tabindex="4" title="<%= t('.close_title') %>">
+    <div class="label">
+      <%= t('.close') %>
+    </div>
+  </div>
 
   <div class="backgroundArea">
     <div class="videoWrapper">
@@ -20,14 +24,14 @@
 
   <div class="content">
     <div class="controls">
-      <span class="hint">360 Gradansicht</span>
+      <span class="hint"><%= t('.hint') %></span>
       <%= info_box(configuration) %>
       <div class="vjs-control-bar view-control">
         <div class="play_button vjs-controls vjs-default-skin vjs-player">
-          <a class="vjs-play-control vjs-play vjs-control" tabindex="4" title="Vorher/Nachher-Ansicht starten"><span></span></a>
+          <a class="vjs-play-control vjs-play vjs-control" tabindex="4" title="<%= t('.start_title') %>"><span></span></a>
         </div>
         <div class="control_bar_text">
-          Vorher/Nachher-Ansicht starten
+          <%= t('.start') %>
         </div>
       </div>
     </div>
@@ -41,7 +45,7 @@
               <span class="title"><%= configuration['title'] %></span>
               <span class="subtitle"><%= configuration['subtitle'] %></span>
             </h2>
-            <%= background_image_tag(configuration['background_image_id'], {"class" => "print_image"}) %>
+            <%= background_image_tag(configuration['background_image_id'], {:class => "print_image"}) %>
           </div>
           <div class="contentText">
             <p><%= raw configuration['text'] %></p>

data/config/locales/de.yml

@@ -1,9 +1,38 @@
 de:
-  pageflow:
-    before_after:
-      page_type_name: "Vorher/Naher"
   activerecord:
     attributes:
       pageflow/page:
-        before_image_id: "Vorher-Bild"
-        after_image_id: "Nachher-Bild"
+        after_image_id: Nachher-Bild
+        before_image_id: Vorher-Bild
+  pageflow:
+    before_after:
+      help_entries:
+        page_type:
+          menu_item: Vorher/Nachher
+          text: ! '# Vorher/Nachher
+
+
+            Zwei übereinander liegende Bilder mit Schieberegler getrennt
+
+
+            Mit dem Vorher/Nachher-Effekt lassen sich zwei Bilder übereinander legen, die dann per
+
+            Schieberegler mehr oder weniger in Erscheinung treten.
+
+            Dieser Seitentyp macht vor allem dann Sinn, wenn Du etwas miteinander vergleichen
+
+            möchtest. Besonders wirksam ist dieser optische Abgleich, wenn Winkel und Ausschnitt
+
+            beider Aufnahmen oder Grafiken exakt übereinstimmen.
+
+
+            Typische Anwendungsbeispiele: Damals wie Heute, Status quo und Planung, leer oder voll etc.'
+      page:
+        close: Schließen
+        close_title: Vorher/Nachher-Ansicht verlassen und Text einblenden
+        hint: Vorher/Nacher Ansicht
+        start: Vorher/Nachher-Ansicht starten
+        start_title: Vorher/Nachher-Ansicht starten
+      page_type_category_name: Interaktiv
+      page_type_description: Zwei übereinandergelegte Bilder mit Schieberegler getrennt
+      page_type_name: Vorher/Nachher

data/config/locales/en.yml

@@ -0,0 +1,30 @@
+en:
+  activerecord:
+    attributes:
+      pageflow/page:
+        after_image_id: Right image
+        before_image_id: Left image
+  pageflow:
+    before_after:
+      help_entries:
+        page_type:
+          menu_item: Before/After
+          text: ! '# Before/After
+
+
+            Two overlapping pictures, separated through a slider
+
+
+            With the before and after effect two pictures can be put on top of each other. The pictures can be viewed with a slider. This page type makes sense, if you want to compare something. If the angle and sequence match, this it is particularly effective.
+
+
+            Examples of application: now and then, status quo and planned, empty or crowded'
+      page:
+        close: Close
+        close_title: Leave before/after view
+        hint: Before/after view
+        start: Start before/after view
+        start_title: Start before/after view
+      page_type_category_name: Interactive
+      page_type_description: Two images separated by a slider
+      page_type_name: Before/After

data/lib/pageflow-before-after.rb

@@ -2,5 +2,8 @@ require 'pageflow/before_after/engine'
 
 module Pageflow
   module BeforeAfter
+    def self.page_type
+      BeforeAfter::PageType.new
+    end
   end
 end

data/pageflow-before-after.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = 'pageflow-before-after'
-  spec.version       = '0.1.0'
+  spec.version       = '0.2.0'
   spec.authors       = ['Codevise Solutions']
   spec.email         = ['info@codevise.de']
   spec.summary       = 'Pageflow page type for before/after image slider.'
@@ -15,8 +15,10 @@ Gem::Specification.new do |spec|
   spec.require_paths = ['lib']
 
 
-  spec.add_runtime_dependency('pageflow')
+  spec.add_dependency 'pageflow', '~> 0.7'
+
+  spec.add_dependency 'jquery-ui-rails', '~> 5.0'
 
   # Using translations from rails locales in javascript code.
-  spec.add_runtime_dependency 'i18n-js'
+  spec.add_dependency 'i18n-js'
 end

metadata

@@ -1,29 +1,43 @@
 --- !ruby/object:Gem::Specification
 name: pageflow-before-after
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Codevise Solutions
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-10-24 00:00:00.000000000 Z
+date: 2015-02-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: pageflow
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ~>
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '0.7'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ~>
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '0.7'
+- !ruby/object:Gem::Dependency
+  name: jquery-ui-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '5.0'
 - !ruby/object:Gem::Dependency
   name: i18n-js
   requirement: !ruby/object:Gem::Requirement
@@ -65,6 +79,7 @@ files:
 - app/assets/stylesheets/pageflow/before_after.css.scss
 - app/views/pageflow/before_after/page.html.erb
 - config/locales/de.yml
+- config/locales/en.yml
 - lib/pageflow-before-after.rb
 - lib/pageflow/before_after/engine.rb
 - lib/pageflow/before_after/page_type.rb
@@ -89,7 +104,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.2
+rubygems_version: 2.4.2
 signing_key: 
 specification_version: 4
 summary: Pageflow page type for before/after image slider.