pageflow-text-page 0.1.0

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

@@ -0,0 +1,68 @@
+<div class="blackLayer"></div>
+<div class="content_and_background text_page <% if configuration['sticky_inline_image'] %>sticky_inline_image<% end %> <%= content_image_present_css_class(configuration['background_image_id']) %> <% if configuration['invert_text'] %>invert_text<% end %>">
+  <div class="backgroundArea">
+    <%= background_image_div(configuration, 'background_image') %>
+    <%= shadow_div :opacity => configuration['gradient_opacity'] %>
+    <div class="fixed_header_area">
+      <div class="page_header_wrapper">
+        <div class="page_header">
+          <h2>
+            <span class="tagline"><%= configuration['tagline'] %></span>
+            <span class="title"><%= configuration['title'] %></span>
+            <span class="subtitle"><%= configuration['subtitle'] %></span>
+          </h2>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="content scroller inline_text_position_<%= configuration['inline_text_position'] ? configuration['inline_text_position'] : 'left'  %>">
+    <div>
+      <div class="contentWrapper">
+        <div class="page_spacer"></div>
+        <div class="contentInnerWrapper">
+          <div class="content_background_layer"></div>
+          <div class="page_header">
+            <div class="header_background_layer" style="opacity: <%= configuration['gradient_opacity'].to_i / 100.0 %>"></div>
+            <h2>
+              <span class="tagline"><%= configuration['tagline'] %></span>
+              <span class="title"><%= configuration['title'] %></span>
+              <span class="subtitle"><%= configuration['subtitle'] %></span>
+            </h2>
+            <%= background_image_tag(configuration['background_image_id'], {"class" => "print_image"}) %>
+          </div>
+          <div class="contentText">
+            <h3>
+              <span class="text_title"><%= configuration['text_title'] %></span>
+            </h3>
+            <a <% if !configuration['prevent_fullscreen'] %> href="<%= fullscreen_image_url(configuration['text_image_id']) %>" target="_blank"<% else %> href="#" <% end %> class="inline_image <% if !configuration['text_image_id'] %>no_image_assigned<% end %>
+              <% if !configuration['prevent_fullscreen'] %>allow_fullscreen<% end %>">
+              <%= content_image(configuration['text_image_id'], configuration['image_description']) %>
+              <% 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>
+            </a>
+            <p>
+              <%= raw configuration['text'] %>
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="image_fullscreen_view">
+    <div class="image_fullscreen_wrapper">
+      <div class="image_fullscreen_inner_wrapper">
+      <%= content_image_large(configuration['text_image_id'], configuration['image_description']) %>
+      <% if configuration['image_description'] %>
+        <div class="inline_image_text"><% if !configuration['image_description'].blank? %><span><%= configuration['image_description'] %></span><% end %></div>
+      <% end %>
+      </div>
+    </div>
+    <div class="close_button" tabindex="4" title="<%= t('.close_title') %>">
+      <div class="label">
+        <%= t('.close') %>
+      </div>
+    </div>
+  </div>
+</div>

data/config/locales/de.yml

@@ -0,0 +1,77 @@
+de:
+  activerecord:
+    attributes:
+      pageflow/page:
+        image_description: Bildunterschrift
+        inline_text_position: Fließtextposition
+        invert_text: Farben des Textbereichs invertieren
+        invert_title: Farben des Titelbereichs invertieren
+        prevent_fullscreen: Vollbildansicht ausschalten
+        sticky_inline_image: Bild an Seite haften
+        text_coverage: Textabdeckung
+        text_image_id: Bild im Text
+        text_titel: Überschrift
+        text_title: Texttitel
+        title_position: Titelposition
+        topasset_dim: Abblenden
+        topasset_parallax: Parallax
+    values:
+      pageflow/page:
+        inline_text_position:
+          center: Zentriert
+          left: Links
+          right: Rechts
+        text_coverage:
+          banner: Banner
+          extend_into: Text ragt hinein
+          title_only: Nur Titel
+        text_position:
+          center: Zentriert
+  pageflow:
+    text_page:
+      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
+      page_type_category_name: Basic
+      page_type_description: Lange Texte mit einem Banner-Bild
+      page_type_name: Text
+    ui:
+      configuration_editor:
+        tabs:
+          content: Fließtext
+          header: Titel
+      inline_help:
+        pageflow/page:
+          invert_text: Vertauscht Text- und Hintergrundfarbe im Fließtextbereich.
+          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_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

@@ -0,0 +1,70 @@
+en:
+  activerecord:
+    attributes:
+      pageflow/page:
+        image_description: Image caption
+        inline_text_position: Text block position
+        invert_text: Invert text area colors
+        invert_title: Invert title area colors
+        prevent_fullscreen: Disable fullscreen
+        sticky_inline_image: Sticky image position
+        text_coverage: Text coverage
+        text_image_id: Inline image
+        text_titel: Title
+        text_title: Text title
+        title_position: Title position
+        topasset_dim: Header fade effect
+        topasset_parallax: Header parallax effect
+    values:
+      pageflow/page:
+        inline_text_position:
+          center: Center
+          left: Left
+          right: Right
+        text_coverage:
+          banner: Banner
+          extend_into: Text partially visible
+          title_only: Title area only
+        text_position:
+          center: Center
+  pageflow:
+    text_page:
+      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
+      page_type_category_name: Basic
+      page_type_description: Longer texts with a banner image
+      page_type_name: Text Page
+    ui:
+      configuration_editor:
+        tabs:
+          content: Text area
+          header: Title area
+      inline_help:
+        pageflow/page:
+          invert_text: Switches text and background colors
+          prevent_fullscreen: Prevents the image from opening fullscreen on click
+          sticky_inline_image: The image scrolls with the text but eventually remains at a vertically centered position.
+          text: This is the main contents of the page. This page type is made for long texts. Use a different page type if your main content text is short.
+          text_coverage: Determines how much of the title image is visible initially.
+          text_image_id: This image is displayed alongside the text.
+          topasset_dim: Animate the opacity of the title image while scrolling down.
+          topasset_parallax: Translate the title image vertically while scrolling down.

data/lib/pageflow/text_page/engine.rb

@@ -0,0 +1,11 @@
+module Pageflow
+  module TextPage
+    class Engine < Rails::Engine
+      isolate_namespace Pageflow::TextPage
+
+      config.autoload_paths << File.join(config.root, 'lib')
+    end
+  end
+end
+
+

data/lib/pageflow/text_page/page_type.rb

@@ -0,0 +1,11 @@
+module Pageflow
+  module TextPage
+    class PageType < Pageflow::PageType
+      name 'text_page'
+
+      def view_helpers
+        [Pageflow::TextPage::ImageHelper]
+      end
+    end
+  end
+end

data/lib/pageflow-text-page.rb

@@ -0,0 +1,9 @@
+require 'pageflow/text_page/engine'
+
+module Pageflow
+  module TextPage
+    def self.page_type
+      TextPage::PageType.new
+    end
+  end
+end

data/pageflow-text-page.gemspec

@@ -0,0 +1,27 @@
+# coding: utf-8
+
+Gem::Specification.new do |spec|
+  spec.name          = "pageflow-text-page"
+  spec.version       = "0.1.0"
+  spec.authors       = ["Christoph Merkelbach"]
+  spec.email         = ["cmerkelbach@codevise.de"]
+  spec.summary       = "Pageflow Page Type text pages"
+  spec.homepage      = ""
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_runtime_dependency 'pageflow', '~> 0.7'
+
+  # Using translations from rails locales in javascript code.
+  spec.add_runtime_dependency 'i18n-js'
+
+  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"
+end

metadata

@@ -0,0 +1,167 @@
+--- !ruby/object:Gem::Specification
+name: pageflow-text-page
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Christoph Merkelbach
+autorequire: 
+bindir: bin
+cert_chain: []
+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.7'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '0.7'
+- !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: 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'
+description: 
+email:
+- cmerkelbach@codevise.de
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .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_pictogram.png
+- app/assets/images/pageflow/text_page_pictogram_small.png
+- app/assets/images/pageflow/text_sprite.png
+- app/assets/javascript/pageflow/text_page.js
+- app/assets/javascript/pageflow/text_page/editor.js
+- 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/helper/pageflow/text_page/image_helper.rb
+- app/views/pageflow/text_page/page.html.erb
+- config/locales/de.yml
+- config/locales/en.yml
+- lib/pageflow-text-page.rb
+- lib/pageflow/text_page/engine.rb
+- lib/pageflow/text_page/page_type.rb
+- pageflow-text-page.gemspec
+homepage: ''
+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.4.2
+signing_key: 
+specification_version: 4
+summary: Pageflow Page Type text pages
+test_files: []