pageflow-text-page 0.2.0 → 0.3.0

checksums.yaml

@@ -1,15 +1,7 @@
 ---
-!binary "U0hBMQ==":
-  metadata.gz: !binary |-
-    NWUyNzVlYTNiMzdiNzA5ZDI0YmM1MDgwZDYyZmU3MTVjNWZjNDhjZQ==
-  data.tar.gz: !binary |-
-    YmZjZjg2NDNjMjNjZTI3Nzc2NzcyMTBjY2IxOTc1MzVhZTM0MDQ4NA==
+SHA1:
+  metadata.gz: 1dbf53ca0a8d8f4ade2b577c914078dd3fd86aca
+  data.tar.gz: 70af7415a951d51136dabe23240a656996f0f05d
 SHA512:
-  metadata.gz: !binary |-
-    Mzg3ZDhhNTUwMGQxZjkxYTY1MDM1MTMzODQ0N2UxOTkxYWQwN2ZiNjI4ODAw
-    Nzc5NWU3MGRjYjA5NWIwZjMyMTZmZjk5M2RjYzczMGNlYjkyOGIzY2Y3NjQ5
-    NzUzNTQ4NzI1MGFkMzc1OGZmNjI2ZTJmODY4OGI1ZmNmZmJmOTI=
-  data.tar.gz: !binary |-
-    YWRmZTBiYjEzZjg0ZTdhZTI5MGE5MzhiMjM1MGNjZDA2ZTFkN2EwNWFjMjVl
-    ZjVjNGIwNzU3ODFhMDhlYjJhYTk4ODlhNGQyNmIwMDdmMGE5NjNjZTZiYzk1
-    YmE4NTg3ZDc1MmUzNjlhNmNkOWFmM2Q0ZTc0OGRhMDJhMWMzMWQ=
+  metadata.gz: a8fa27f6e5699d63f46a5deda5bb13ba25ef1dc5044804c42772b55c9dbe38e98b282af4431b1e102f14c0fd7d667d6e233013a8be0d60ee21432cdf454c2440
+  data.tar.gz: ade1f76130aa206dff7bcbb1eec62f7cb73318a2dcdfe8a99380cde4a096dcb42d76777358b58cb359a5885b2af9f7ac33830548abe85280984579a15527e377

data/CHANGELOG.md

@@ -1,8 +1,19 @@
 # CHANGELOG
 
-### Changes on `master`
+### Version 0.3.0
 
-None so far
+2016-06-09
+
+[Compare changes](https://github.com/codevise/pageflow-text-page/compare/v0.2.0...v0.3.0)
+
+- Use configurable page type pictograms
+  ([#7](https://github.com/codevise/pageflow-text-page/pull/7))
+- Add pageflow-public-i18n gem to gemspec
+  ([#6](https://github.com/codevise/pageflow-text-page/pull/6))
+- Clean up css; improve browser compatibility
+  ([#5](https://github.com/codevise/pageflow-text-page/pull/5))
+- Extract publicly visible i18n strings from locale
+  ([#4](https://github.com/codevise/pageflow-text-page/pull/4))
 
 ### Version 0.2.0
 

data/README.md

@@ -27,6 +27,9 @@ Include javascripts and stylesheets:
     # app/assets/stylesheets/pageflow/application.css.scss
     @import "pageflow/text_page";
 
+    # app/assets/stylesheets/pageflow/themes/default.css.scss
+    @import "pageflow/text_page/themes/default";
+
 Execute `bundle install` Restart the application server.
 
 ## Troubleshooting

data/Rakefile

@@ -5,3 +5,6 @@ rescue LoadError
 end
 
 Bundler::GemHelper.install_tasks
+
+require 'semmy'
+Semmy::Tasks.install

data/app/assets/stylesheets/pageflow/text_page.css.scss

@@ -76,7 +76,7 @@ $inverted-background-color: black;
           display: none;
 
           h2 {
-            text-align:center;
+            text-align: center;
             padding: 2em 0;
             margin: 0;
             span {
@@ -148,7 +148,7 @@ $inverted-background-color: black;
             position: relative;
             display: block;
             margin-left: 20px;
-            margin-top: 0px;
+            margin-top: 0;
             margin-bottom: 20px;
             margin-right: -70px;
             pointer-events: all;
@@ -179,7 +179,7 @@ $inverted-background-color: black;
             img {
               width: 100%;
               height: auto;
-              display:block;
+              display: block;
               border: 0;
               outline: 0;
             }
@@ -204,7 +204,6 @@ $inverted-background-color: black;
               background-position: 0 0;
               background-repeat: no-repeat;
               position: absolute;
-              background-color: none;
               background-color: transparent;
               top: 18px;
               right: 18px;
@@ -367,7 +366,7 @@ $inverted-background-color: black;
 }
 
 .page .text_page, .js .page .text_page {
-   .scroller {
+  .scroller {
     > div {
       .contentText {
         a {
@@ -395,14 +394,13 @@ $inverted-background-color: black;
   }
 }
 
-
 .inline_image.out-of-scroller {
   width: 260px;
   height: 260px;
   background-size: cover;
   background-position: center;
   margin-left: 30px;
-  margin-top: 0px;
+  margin-top: 0;
   margin-bottom: 30px;
   margin-right: -80px;
   display: none;
@@ -412,7 +410,7 @@ $inverted-background-color: black;
   z-index: 1;
 }
 
-.narrow_background  {
+.narrow_background {
   .content_background_layer, .header_background_layer {
     width: 800px !important;
     left: 50% !important;
@@ -428,7 +426,8 @@ $inverted-background-color: black;
     }
   }
 }
-.transparent_background  {
+
+.transparent_background {
   .content_background-layer, .header_background-layer {
     opacity: 0.9 !important;
   }
@@ -463,14 +462,14 @@ $inverted-background-color: black;
   &.animate-out-forwards .content_and_background {
     opacity: 1;
   }
-  &.animate-in-backwards .content_and_background{
+  &.animate-in-backwards .content_and_background {
     opacity: 0;
   }
-  &.animate-out-backwards .content_and_background{
+  &.animate-out-backwards .content_and_background {
     opacity: 1;
   }
 
-  &.active .content_and_background{
+  &.active .content_and_background {
     opacity: 1;
   }
 
@@ -481,26 +480,26 @@ $inverted-background-color: black;
   &.animate-in-forwards .backgroundArea {
     opacity: 0;
   }
-  &.animate-out-forwards .backgroundArea{
+  &.animate-out-forwards .backgroundArea {
     opacity: 1;
   }
-  &.animate-in-backwards .backgroundArea{
+  &.animate-in-backwards .backgroundArea {
     opacity: 0;
   }
-  &.animate-out-backwards .backgroundArea{
+  &.animate-out-backwards .backgroundArea {
     opacity: 1;
   }
 
   div.content {
     @include transition(1s ease);
     -webkit-backface-visibility: hidden;
-    @include transform(translate3d(0,0,0));
+    @include transform(translate3d(0, 0, 0));
   }
 
   &.active.animate-in-forwards div.content {
     opacity: 1;
     pointer-events: none;
-    @include transform(translate3d(0,0,0));
+    @include transform(translate3d(0, 0, 0));
   }
 
   &.animate-in-forwards {
@@ -509,14 +508,14 @@ $inverted-background-color: black;
     div.content {
       pointer-events: none;
       opacity: 1;
-      @include transform(translate3d(0,0,0));
+      @include transform(translate3d(0, 0, 0));
     }
   }
   &.animate-out-forwards {
     div.content {
       opacity: 1;
       pointer-events: none;
-      @include transform(translate3d(0,0,0));
+      @include transform(translate3d(0, 0, 0));
     }
   }
   &.animate-in-backwards {
@@ -525,14 +524,14 @@ $inverted-background-color: black;
     .content {
       opacity: 1;
       pointer-events: none;
-      @include transform(translate3d(0,0,0));
+      @include transform(translate3d(0, 0, 0));
     }
   }
   &.animate-out-backwards {
     .content {
       opacity: 1;
       pointer-events: none;
-      @include transform(translate3d(0,0,0));
+      @include transform(translate3d(0, 0, 0));
     }
   }
 }
@@ -548,7 +547,7 @@ $inverted-background-color: black;
         opacity: 0;
       }
     }
-    .fixed_header_area .page_header_wrapper  {
+    .fixed_header_area .page_header_wrapper {
       opacity: 0;
     }
   }
@@ -567,10 +566,7 @@ section.hide_title {
 .hideText {
   .text_page .shadow {
     opacity: 0 !important;
-    -webkit-transition: 0.8s ease !important;
-    -moz-transition: 0.8s ease !important;
-    -ms-transition: 0.8s ease !important;
-    transition: 0.8s ease !important;
+    @include transition(0.8s ease !important);
     visibility: hidden;
   }
 
@@ -587,7 +583,6 @@ section.hide_title {
   position: absolute;
   height: 100%;
   width: 100%;
-  top: 0;
   color: black;
   background-color: white;
   background-color: rgba(255, 255, 255, 0.95);
@@ -626,7 +621,7 @@ section.hide_title {
         max-height: 100%;
         position: relative;
         top: 50%;
-        transform: translate(0,-50%);
+        @include transform(translate(0, -50%));
       }
     }
 
@@ -665,15 +660,3 @@ section.hide_title {
   color: #FFFEFE;
   text-shadow: 1px 1px 4px #2b2b2b;
 }
-
-.overview .ov_page {
-  &.text_page .pictogram {
-    background-image: image-url('pageflow/ov-text.png');
-  }
-}
-
-.navigation_mobile {
-  .text_page:after {
-    background-image: image-url('pageflow/text_sprite.png');
-  }
-}

data/app/assets/stylesheets/pageflow/text_page/themes/default.scss

@@ -0,0 +1 @@
+@include pageflow-page-type-pictograms("text_page");

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

@@ -40,7 +40,7 @@
               <% if configuration['image_description'] %>
                 <div class="inline_image_text"><% if !configuration['image_description'].blank? %><span><%= configuration['image_description'] %></span><% end %></div>
               <% end %>
-              <div class="bigscreen_toggler" tabindex="4" title="<%= t('.fullscreen_title') %>"><%= t('.fullscreen') %></div>
+              <div class="bigscreen_toggler" tabindex="4" title="<%= t('pageflow.public.enlarge_view') %>"><%= t('pageflow.public.fullscreen') %></div>
             </a>
             <p>
               <%= raw configuration['text'] %>
@@ -59,9 +59,9 @@
       <% end %>
       </div>
     </div>
-    <div class="close_button" tabindex="4" title="<%= t('.close_title') %>">
+    <div class="close_button" tabindex="4" title="<%= t('pageflow.public.close') %>">
       <div class="label">
-        <%= t('.close') %>
+        <%= t('pageflow.public.close') %>
       </div>
     </div>
   </div>

data/config/locales/de.yml

@@ -10,7 +10,7 @@ de:
         sticky_inline_image: Bild an Seite haften
         text_coverage: Textabdeckung
         text_image_id: Bild im Text
-        text_titel: Überschrift
+        text_titel: "Überschrift"
         text_title: Texttitel
         title_position: Titelposition
         topasset_dim: Abblenden
@@ -32,31 +32,7 @@ de:
       help_entries:
         page_type:
           menu_item: Text
-          text: ! '# Text Seite
-
-
-            Blog-artige Seite für lange Texte
-
-
-            Diese Seite ist speziell für längere Texte auf neutralem Hintergrund ausgelegt. Sie bietet
-
-            besondere Gestaltungsmöglichkeiten, die mit den Features klassischer (Parallax-) Blog-
-
-            Seiten vergleichbar sind, wie man sie beispielsweise von Tumblr und WordPress kennt.
-
-            Es gibt unterschiedliche Optionen bei der Anordnung von Titel-Bildern und auch
-
-            verschiedene Varianten, ein weiteres Bild im Fließtext einzubinden. Zum Beispiel ob das
-
-            Bild mitwandert oder auf dem Bildschirm fixiert wird.
-
-
-            Typische Anwendungsbeispiele: Blog-Artikel, News-Artikel, Interview'
-      page:
-        close: Schließen
-        close_title: Schließen
-        fullscreen: Ansicht vergrößern
-        fullscreen_title: Ansicht vergrößern
+          text: "# Text Seite\n\n*Blog-artige Seite für lange Texte*\n    \nDiese Seite ist speziell für längere Texte auf neutralem Hintergrund ausgelegt. Sie bietet\nbesondere Gestaltungsmöglichkeiten, die mit den Features klassischer (Parallax-) Blog-\nSeiten vergleichbar sind, wie man sie beispielsweise von Tumblr und WordPress kennt.\nEs gibt unterschiedliche Optionen bei der Anordnung von Titel-Bildern und auch\nverschiedene Varianten, ein weiteres Bild im Fließtext einzubinden. Zum Beispiel ob das\nBild mitwandert oder auf dem Bildschirm fixiert wird.\n\nTypische Anwendungsbeispiele: Blog-Artikel, News-Artikel, Interview"
       page_type_category_name: Basic
       page_type_description: Lange Texte mit einem Banner-Bild
       page_type_name: Text
@@ -71,7 +47,7 @@ de:
           prevent_fullscreen: Verhindert, dass das Fließtextbild bei Klick auf das Bild im Vollbild dargestellt wird.
           sticky_inline_image: Das Bild wird zunächst zusammen mit dem Text gescrollt, bleibt dann aber vertikal zentriert stehen, während der Text weiter scrollt.
           text: Dies ist der Bereich für den Fließtext dieser Seite. Dieser Seitentyp ist für lange Texte optimiert. Bei Kurztexten sollte auf andere Seitentypen zurückgegriffen werden.
-          text_coverage: Legt fest, ein wie großer Teil des Titelbildes initial zu sehen ist.
+          text_coverage: Definiert, wie viel Text (und wie viel vom Titelbild) anfangs sichtbar ist.
           text_image_id: Dieses Bild wird neben dem Text angezeigt.
           topasset_dim: Titlebild abhängig von der Scroll-Position farblich abblenden.
           topasset_parallax: Titelbild abhängig von der Scroll-Position vertikal verschieben.

data/config/locales/en.yml

@@ -32,24 +32,7 @@ en:
       help_entries:
         page_type:
           menu_item: Text
-          text: ! '# Text Page
-
-
-            Page for long texts
-
-
-            This page is especially designed for longer bodies of text on a neutral background. It offers  whole range of ´options design, which are comparable to the classical blog design (parallax) of sites like WordPress or Tumblr.
-
-
-            There are several options for arranging the title pictures and various ways of embedding another picture into the text body. Pictures within the text can move along with the text or can be fixed to a certain part of the page.
-
-
-            Examples of application: blog article, news article, interview'
-      page:
-        close: Close
-        close_title: Close
-        fullscreen: Fullscreen
-        fullscreen_title: View larger version
+          text: "# Text Page\n\n*Page for long texts*\n    \nThis page is especially designed for longer bodies of text on a neutral background. It offers  whole range of ´options design, which are comparable to the classical blog design (parallax) of sites like WordPress or Tumblr.\n\nThere are several options for arranging the title pictures and various ways of embedding another picture into the text body. Pictures within the text can move along with the text or can be fixed to a certain part of the page.\n\nExamples of application: blog article, news article, interview"
       page_type_category_name: Basic
       page_type_description: Longer texts with a banner image
       page_type_name: Text Page

data/lib/pageflow/text_page/engine.rb

@@ -1,3 +1,5 @@
+require 'pageflow-public-i18n'
+
 module Pageflow
   module TextPage
     class Engine < Rails::Engine

data/lib/pageflow/text_page/version.rb

@@ -0,0 +1,5 @@
+module Pageflow
+  module TextPage
+    VERSION = '0.3.0'.freeze
+  end
+end

data/pageflow-text-page.gemspec

@@ -1,10 +1,13 @@
 # coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'pageflow/text_page/version'
 
 Gem::Specification.new do |spec|
   spec.name          = "pageflow-text-page"
-  spec.version       = "0.2.0"
-  spec.authors       = ["Christoph Merkelbach"]
-  spec.email         = ["cmerkelbach@codevise.de"]
+  spec.version       = Pageflow::TextPage::VERSION
+  spec.authors       = ["Codevise Solutions Ltd."]
+  spec.email         = ["info@codevise.de"]
   spec.summary       = "Pageflow Page Type text pages"
   spec.homepage      = "https://github.com/codevise/pageflow-text-page"
   spec.license       = "MIT"
@@ -14,14 +17,18 @@ Gem::Specification.new do |spec|
   spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
   spec.require_paths = ["lib"]
 
-  spec.add_runtime_dependency 'pageflow', '~> 0.9'
+  spec.add_runtime_dependency 'pageflow', '~> 0.10'
 
   # Using translations from rails locales in javascript code.
   spec.add_runtime_dependency 'i18n-js'
+  spec.add_runtime_dependency 'pageflow-public-i18n', '~> 1.0'
 
   spec.add_development_dependency "bundler"
   spec.add_development_dependency "rake"
   spec.add_development_dependency "rspec-rails", "~> 2.0"
   spec.add_development_dependency 'factory_girl_rails'
   spec.add_development_dependency "sqlite3"
+
+  # Semantic versioning rake tasks
+  spec.add_development_dependency 'semmy', '~> 0.2'
 end

metadata

@@ -1,129 +1,159 @@
 --- !ruby/object:Gem::Specification
 name: pageflow-text-page
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
-- Christoph Merkelbach
+- Codevise Solutions Ltd.
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-10-23 00:00:00.000000000 Z
+date: 2016-06-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: pageflow
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.9'
+        version: '0.10'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.9'
+        version: '0.10'
 - !ruby/object:Gem::Dependency
   name: i18n-js
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: pageflow-public-i18n
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
 - !ruby/object:Gem::Dependency
   name: bundler
   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: rake
   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: rspec-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '2.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '2.0'
 - !ruby/object:Gem::Dependency
   name: factory_girl_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'
 - !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: semmy
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.2'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.2'
 description: 
 email:
-- cmerkelbach@codevise.de
+- info@codevise.de
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- .gitignore
-- .jshintignore
-- .jshintrc
+- ".gitignore"
+- ".jshintignore"
+- ".jshintrc"
 - CHANGELOG.md
 - Gemfile
 - README.md
 - Rakefile
 - app/assets/images/pageflow/ov-text_page.png
 - app/assets/images/pageflow/text_page/fs_close_sprite.png
+- app/assets/images/pageflow/text_page/themes/default/pictograms/sprite.png
+- app/assets/images/pageflow/text_page/themes/default/pictograms/wide.png
 - app/assets/images/pageflow/text_page_pictogram.png
 - app/assets/images/pageflow/text_page_pictogram_small.png
 - app/assets/images/pageflow/text_sprite.png
@@ -132,6 +162,7 @@ files:
 - app/assets/javascript/pageflow/text_page/editor/content_image_embedded_view.js
 - app/assets/javascript/pageflow/text_page/page_type.js
 - app/assets/stylesheets/pageflow/text_page.css.scss
+- app/assets/stylesheets/pageflow/text_page/themes/default.scss
 - app/helper/pageflow/text_page/image_helper.rb
 - app/views/pageflow/text_page/page.html.erb
 - config/locales/de.yml
@@ -139,6 +170,7 @@ files:
 - lib/pageflow-text-page.rb
 - lib/pageflow/text_page/engine.rb
 - lib/pageflow/text_page/page_type.rb
+- lib/pageflow/text_page/version.rb
 - pageflow-text-page.gemspec
 homepage: https://github.com/codevise/pageflow-text-page
 licenses:
@@ -150,17 +182,17 @@ 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.4.2
+rubygems_version: 2.2.5
 signing_key: 
 specification_version: 4
 summary: Pageflow Page Type text pages