pageflow-outline-navigation-bar 0.1.0

data/app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/volume_box.scss

@@ -0,0 +1,48 @@
+.navigation_volume_box {
+  height: 100%;
+  cursor: default;
+
+  .volume-control {
+    height: 100%;
+  }
+}
+
+.volume-control {
+  margin: 0px 20px;
+
+  .volume-slider {
+    width: 5px;
+    height: 50%;
+    background-color: gray;
+    top: 25%;
+    position: absolute;
+    left: 30px;
+
+    @include small-height {
+      top: 10%;
+      height: 80%;
+    }
+  }
+
+  .volume-level {
+    height: 100%;
+    bottom: 0;
+    position: absolute;
+
+    &:before {
+      position: absolute;
+      display: block;
+      content: "";
+      background-image: image-url("pageflow/outline_navigation_bar/volume_control_sprite.png");
+      background-position: -66px top;
+      top: -9px;
+      width: 18px;
+      height: 16px;
+      left: -6px;
+    }
+  }
+}
+
+.volume-level {
+  background-color: $main-color;
+}

data/app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/widget_margin.scss

@@ -0,0 +1,27 @@
+@include pageflow-widget-margin("outline_navigation_bar_fixed", "right") {
+  margin-right: 65px;
+
+  @include mobile {
+    margin-right: 18px;
+  }
+}
+
+@include pageflow-widget-margin("outline_navigation_bar_fixed", "right_max") {
+  margin-right: 150px;
+
+  @include mobile {
+    margin-right: 18px;
+  }
+}
+
+@include pageflow-widget-margin("outline_navigation_bar_expandable", "right") {
+  margin-right: 18px;
+}
+
+@include pageflow-widget-margin("outline_navigation_bar_expandable", "right_max") {
+  margin-right: 65px;
+
+  @include mobile {
+    margin-right: 18px;
+  }
+}

data/app/views/pageflow/outline_navigation_bar/_widget.html.erb

@@ -0,0 +1,12 @@
+<%= content_tag(:div,
+                class: navigation_bar_css_class(entry, class: 'outline_navigation_bar'),
+                data: {
+                  widget: expandable ? 'outline_navigation_bar_expandable' : 'outline_navigation_bar_fixed'
+                }) do %>
+
+  <%= render('pageflow/outline_navigation_bar/widget/toggles', entry: entry) %>
+
+  <%= render('pageflow/outline_navigation_bar/widget/buttons', entry: entry) %>
+  <%= render('pageflow/outline_navigation_bar/widget/scroller', entry: entry) %>
+  <%= render('pageflow/outline_navigation_bar/widget/mobile_panels', entry: entry) %>
+<% end %>

data/app/views/pageflow/outline_navigation_bar/widget/_buttons.html.erb

@@ -0,0 +1,71 @@
+<div class="buttons panel">
+  <ul class="menu_items">
+    <%= render('pageflow/outline_navigation_bar/widget/home_button', home_button: entry.home_button) %>
+
+    <li class="top buttons_menu_item menu_item">
+      <%= link_to("##{entry.pages.first.try(:perma_id)}", tabindex: '2', title: t('pageflow.public.goto_first_page')) do %>
+        <span class="button"></span>
+        <span class="label"><%= t('pageflow.public.first_page') %></span>
+      <% end %>
+    </li>
+
+    <%= render('pageflow/outline_navigation_bar/widget/overview_button', overview_button: entry.overview_button) %>
+
+    <li class="fullscreen buttons_menu_item menu_item">
+      <a tabindex="2" title="<%= t('pageflow.public.enter_fullscreen') %>" data-active-title="<%= t('pageflow.public.leave_fullscreen') %>">
+        <span class="button"></span>
+        <span class="label"><%= t('pageflow.public.fullscreen') %></span>
+      </a>
+    </li>
+    <li class="hide_text buttons_menu_item menu_item">
+      <a tabindex="2" title="<%= t('pageflow.public.hide_text') %>" data-active-title="<%= t('pageflow.public.show_text') %>">
+        <span class="button"></span>
+        <span class="label"><%= t('pageflow.public.hide_text') %></span>
+      </a>
+    </li>
+
+    <li class="volume buttons_menu_item menu_item">
+      <div class="navigation_volume_box" title="<%= t('pageflow.public.volume') %>">
+        <div class="volume-control">
+          <div class="volume-slider">
+            <div class="volume-level" style="width: 100%;"><span class="volume-control-text"></span></div>
+            <div class="volume-handle" style="left: 100%;"></div>
+          </div>
+        </div>
+      </div>
+    </li>
+
+    <li class="share buttons_menu_item menu_item" tabindex="2">
+      <div class="menu_box share_box navigation_share_box">
+        <div class="menu_item share_facebook">
+          <%= render('pageflow/entries/share_menu/facebook_link', entry: entry) %>
+        </div>
+        <div class="menu_item share_twitter">
+        <%= render('pageflow/entries/share_menu/twitter_link', entry: entry) %>
+        </div>
+        <div class="menu_item share_google">
+        <%= render('pageflow/entries/share_menu/google_link', entry: entry) %>
+        </div>
+
+        <div class="sub_share">
+          <a tabindex="2" target="_blank"><%= t('pageflow.public.share_this_entry') %></a>
+          <a tabindex="2" target="_blank"><%= t('pageflow.public.share_this_page') %></a>
+        </div>
+      </div>
+      <a title="<%= t('pageflow.public.share') %>">
+        <span class="navigation_bg navigation_share button"></span>
+        <span class="label"><%= t('pageflow.public.share') %></span>
+      </a>
+    </li>
+
+    <li class="credits buttons_menu_item menu_item" tabindex="2">
+      <div class="menu_box credits_box">
+        <%= render 'pageflow/entries/navigation/credits_box_content', :entry => entry %>
+      </div>
+      <a title="<%= t('pageflow.public.imprint') %>">
+        <span class="button"></span>
+        <span class="label"><%= t('pageflow.public.imprint') %></span>
+      </a>
+    </li>
+  </ul>
+</div>

data/app/views/pageflow/outline_navigation_bar/widget/_chapter.html.erb

@@ -0,0 +1,5 @@
+<%= content_tag(:li) do %>
+  <% if chapter.pages.first %>
+    <%= render 'pageflow/outline_navigation_bar/widget/link', chapter: chapter, page: chapter.pages.first %>
+  <% end %>
+<% end %>

data/app/views/pageflow/outline_navigation_bar/widget/_home_button.html.erb

@@ -0,0 +1,8 @@
+<% if home_button.enabled? %>
+  <li class="home buttons_menu_item menu_item">
+    <%= link_to(home_button.url, tabindex: "2", title: t('pageflow.public.show_home')) do %>
+      <span class="button"></span>
+      <span class="label"><%= t('pageflow.public.home') %></span>
+    <% end %>
+  </li>
+<% end %>

data/app/views/pageflow/outline_navigation_bar/widget/_link.html.erb

@@ -0,0 +1,3 @@
+<%= link_to("##{page.perma_id}", data: {link: page.id, chapter_id: chapter.id}) do %>
+  <span><%= chapter.title %></span>
+<% end %>

data/app/views/pageflow/outline_navigation_bar/widget/_mobile_panels.html.erb

@@ -0,0 +1,28 @@
+<div class="mobile_sharing panel mobile_panel">
+  <div class="wrapper">
+    <ul>
+      <li>
+        <%= render 'pageflow/entries/share_menu/facebook_link', entry: entry %>
+      </li>
+      <li>
+        <%= render 'pageflow/entries/share_menu/twitter_link', entry: entry %>
+      </li>
+      <li>
+        <%= render 'pageflow/entries/share_menu/google_link', entry: entry %>
+      </li>
+    </ul>
+  </div>
+  <div class="sub_share">
+    <a target="_blank"><%= I18n.t('pageflow.public.share_this_entry') %></a>
+    <a target="_blank"><%= I18n.t('pageflow.public.share_this_page') %></a>
+  </div>
+</div>
+<div class="mobile_credits panel mobile_panel">
+  <div class="wrapper">
+    <ul>
+      <li class="credits">
+        <%= render 'pageflow/entries/navigation/credits_box_content', :entry => entry %>
+      </li>
+    </ul>
+  </div>
+</div>

data/app/views/pageflow/outline_navigation_bar/widget/_overview_button.html.erb

@@ -0,0 +1,8 @@
+<% if overview_button.enabled? %>
+  <li class="toggle_overview buttons_menu_item menu_item">
+    <a tabindex="2" class="navigation_index" title="<%= t('pageflow.public.open_overview') %>" data-active-title="<%= t('pageflow.public.close_overview') %>">
+      <span class="button"></span>
+      <span class="label"><%= t('pageflow.public.overview') %></span>
+    </a>
+  </li>
+<% end %>

data/app/views/pageflow/outline_navigation_bar/widget/_scroller.html.erb

@@ -0,0 +1,13 @@
+<div class="chapters_panel panel active">
+  <div class="scroller">
+    <ul>
+      <% if entry.respond_to?(:storylines) %>
+        <%= render(partial: 'pageflow/outline_navigation_bar/widget/chapter',
+                   collection: (entry.storylines.detect { |s| s.configuration['main'] } || entry.storylines.first).chapters) %>
+      <% else %>
+        <%= render(partial: 'pageflow/outline_navigation_bar/widget/chapter',
+                   collection: entry.chapters) %>
+      <% end %>
+    </ul>
+  </div>
+</div>

data/app/views/pageflow/outline_navigation_bar/widget/_toggles.html.erb

@@ -0,0 +1,32 @@
+<div class="toggle desktop_only buttons menu_item">
+  <a tabindex="2"
+     title="<%= t('pageflow.public.open_navigation') %>"
+     data-active-title="<%= t('pageflow.public.close_navigation') %>"
+     data-panel="buttons"
+     data-toggle="chapters_panel">
+
+    <span class="button"></span>
+    <span class="hint"><%= t('pageflow.public.open_navigation') %></span>
+  </a>
+</div>
+
+<div class="toggle mobile_only chapters menu_item">
+  <a tabindex="2" data-panel="chapters_panel" data-toggle="expandable">
+    <span class="button"></span>
+    <span class="hint"><%= t('pageflow.public.open_navigation') %></span>
+  </a>
+</div>
+<div class="toggle mobile_only share menu_item">
+  <a tabindex="2" data-panel="mobile_sharing">
+    <span class="button"></span>
+    <span class="hint"><%= t('pageflow.public.open_navigation') %></span>
+  </a>
+</div>
+<div class="toggle mobile_only credits menu_item">
+  <a tabindex="2" data-panel="mobile_credits">
+    <span class="button"></span>
+    <span class="hint"><%= t('pageflow.public.open_navigation') %></span>
+  </a>
+</div>
+
+<div class="parent_page mobile_only" title="<%= t('pageflow.public.back') %>"></div>

data/config/locales/de.yml

@@ -0,0 +1,8 @@
+de:
+  pageflow:
+    outline_navigation_bar:
+      expandable:
+        widget_type_name: Navigationsleiste mit Kapiteltiteln (aufklappbar)
+      feature_name: Navigationsleiste mit Kapiteltiteln
+      fixed:
+        widget_type_name: Navigationsleiste mit Kapiteltiteln (fixiert)

data/config/locales/en.yml

@@ -0,0 +1,8 @@
+en:
+  pageflow:
+    outline_navigation_bar:
+      expandable:
+        widget_type_name: Chapter titles navigation bar (exapandable)
+      feature_name: Navigation bar with chapter titles
+      fixed:
+        widget_type_name: Chapter titles navigation bar (fixed)

data/lib/pageflow-outline-navigation-bar.rb

@@ -0,0 +1,17 @@
+require 'pageflow/outline_navigation_bar/engine'
+
+module Pageflow
+  module OutlineNavigationBar
+    def self.plugin
+      OutlineNavigationBar::Plugin.new
+    end
+
+    def self.fixed_widget_type
+      OutlineNavigationBar::FixedWidgetType.new
+    end
+
+    def self.expandable_widget_type
+      OutlineNavigationBar::ExpandableWidgetType.new
+    end
+  end
+end

data/lib/pageflow/outline_navigation_bar/engine.rb

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

data/lib/pageflow/outline_navigation_bar/expandable_widget_type.rb

@@ -0,0 +1,17 @@
+module Pageflow
+  module OutlineNavigationBar
+    class ExpandableWidgetType < OutlineNavigationBar::WidgetType
+      def name
+        'outline_navigation_bar_expandable'
+      end
+
+      def translation_key
+        'pageflow.outline_navigation_bar.expandable.widget_type_name'
+      end
+
+      def render(template, entry)
+        super(template, entry, expandable: true)
+      end
+    end
+  end
+end

data/lib/pageflow/outline_navigation_bar/fixed_widget_type.rb

@@ -0,0 +1,17 @@
+module Pageflow
+  module OutlineNavigationBar
+    class FixedWidgetType < OutlineNavigationBar::WidgetType
+      def name
+        'outline_navigation_bar_fixed'
+      end
+
+      def translation_key
+        'pageflow.outline_navigation_bar.fixed.widget_type_name'
+      end
+
+      def render(template, entry)
+        super(template, entry, expandable: false)
+      end
+    end
+  end
+end

data/lib/pageflow/outline_navigation_bar/plugin.rb

@@ -0,0 +1,12 @@
+module Pageflow
+  module OutlineNavigationBar
+    class Plugin < Pageflow::Plugin
+      def configure(config)
+        config.features.register('outline_navigation_bar') do |feature_config|
+          feature_config.widget_types.register(OutlineNavigationBar.fixed_widget_type)
+          feature_config.widget_types.register(OutlineNavigationBar.expandable_widget_type)
+        end
+      end
+    end
+  end
+end

data/lib/pageflow/outline_navigation_bar/version.rb

@@ -0,0 +1,5 @@
+module Pageflow
+  module OutlineNavigationBar
+    VERSION = '0.1.0'.freeze
+  end
+end

data/lib/pageflow/outline_navigation_bar/widget_type.rb

@@ -0,0 +1,14 @@
+module Pageflow
+  module OutlineNavigationBar
+    class WidgetType < Pageflow::WidgetType
+      def roles
+        ['navigation']
+      end
+
+      def render(template, entry, locals)
+        template.render(File.join('pageflow/outline_navigation_bar/widget'),
+                        locals.merge(entry: entry))
+      end
+    end
+  end
+end

data/pageflow-outline-navigation-bar.gemspec

@@ -0,0 +1,26 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'pageflow/outline_navigation_bar/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = 'pageflow-outline-navigation-bar'
+  spec.version       = Pageflow::OutlineNavigationBar::VERSION
+  spec.authors       = ['Codevise Solutions Ltd.']
+  spec.email         = ['info@codevise.de']
+  spec.summary       = 'Pageflow navigation widget.'
+  spec.homepage      = 'https://github.com/codevise/pageflow-outline-navigation-bar'
+  spec.license       = 'MIT'
+
+  spec.files         = `git ls-files`.split($/)
+  spec.test_files    = spec.files.grep(%r{^spec/})
+  spec.require_paths = ['lib']
+
+  spec.add_runtime_dependency 'pageflow', '~> 0.11'
+
+  spec.add_development_dependency 'bundler'
+  spec.add_development_dependency 'rake'
+
+  # Semantic versioning rake tasks
+  spec.add_development_dependency 'semmy', '~> 0.3.0'
+end

metadata

@@ -0,0 +1,160 @@
+--- !ruby/object:Gem::Specification
+name: pageflow-outline-navigation-bar
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Codevise Solutions Ltd.
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-09-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.11'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.11'
+- !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: semmy
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.3.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.3.0
+description: 
+email:
+- info@codevise.de
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".jshintrc"
+- ".rubocop.yml"
+- ".rubocop_hound.yml"
+- ".scss-lint.yml"
+- CHANGELOG.md
+- Gemfile
+- README.md
+- Rakefile
+- app/assets/images/pageflow/outline_navigation_bar/indicator.png
+- app/assets/images/pageflow/outline_navigation_bar/volume_control_sprite.png
+- app/assets/javascript/pageflow/outline_navigation_bar.js
+- app/assets/javascript/pageflow/outline_navigation_bar/events.js
+- app/assets/javascript/pageflow/outline_navigation_bar/expander.js
+- app/assets/javascript/pageflow/outline_navigation_bar/fullscreen_button.js
+- app/assets/javascript/pageflow/outline_navigation_bar/hide_text_button.js
+- app/assets/javascript/pageflow/outline_navigation_bar/menu_item.js
+- app/assets/javascript/pageflow/outline_navigation_bar/navigator.js
+- app/assets/javascript/pageflow/outline_navigation_bar/panels.js
+- app/assets/javascript/pageflow/outline_navigation_bar/resizer.js
+- app/assets/javascript/pageflow/outline_navigation_bar/scroller.js
+- app/assets/javascript/pageflow/outline_navigation_bar/widget.js
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/credits_box.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/cross_dependant_styles.css.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/icons/icon_font.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/icons/sprite.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/menu_item.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/menu_items.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/mixins.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/mobile_images.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/mobile_panel.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/mobile_sharing.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/panel.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/parent_page_button.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/prevent_focus_rect_on_pointer_down.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/scroller.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/share_box.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/toggle.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/volume_box.scss
+- app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/widget_margin.scss
+- app/views/pageflow/outline_navigation_bar/_widget.html.erb
+- app/views/pageflow/outline_navigation_bar/widget/_buttons.html.erb
+- app/views/pageflow/outline_navigation_bar/widget/_chapter.html.erb
+- app/views/pageflow/outline_navigation_bar/widget/_home_button.html.erb
+- app/views/pageflow/outline_navigation_bar/widget/_link.html.erb
+- app/views/pageflow/outline_navigation_bar/widget/_mobile_panels.html.erb
+- app/views/pageflow/outline_navigation_bar/widget/_overview_button.html.erb
+- app/views/pageflow/outline_navigation_bar/widget/_scroller.html.erb
+- app/views/pageflow/outline_navigation_bar/widget/_toggles.html.erb
+- config/locales/de.yml
+- config/locales/en.yml
+- lib/pageflow-outline-navigation-bar.rb
+- lib/pageflow/outline_navigation_bar/engine.rb
+- lib/pageflow/outline_navigation_bar/expandable_widget_type.rb
+- lib/pageflow/outline_navigation_bar/fixed_widget_type.rb
+- lib/pageflow/outline_navigation_bar/plugin.rb
+- lib/pageflow/outline_navigation_bar/version.rb
+- lib/pageflow/outline_navigation_bar/widget_type.rb
+- pageflow-outline-navigation-bar.gemspec
+homepage: https://github.com/codevise/pageflow-outline-navigation-bar
+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.5.1
+signing_key: 
+specification_version: 4
+summary: Pageflow navigation widget.
+test_files: []