pageflow-progress-navigation-bar 0.3.0 → 0.4.0

checksums.yaml

@@ -1,15 +1,7 @@
 ---
-!binary "U0hBMQ==":
-  metadata.gz: !binary |-
-    MzY2MWZiY2RkZjFlODgwMDI4ZGNkNzRkNzBiZjYzMzY4ZmRjYjg5Zg==
-  data.tar.gz: !binary |-
-    ZmVkOGY0ZjQwNzYyMTgyMGEyY2E2NDBmZmFjZDBmMjhlMDI1NmEyZQ==
+SHA1:
+  metadata.gz: 80610bc20007bcc35f9ed886be7094fa633481f2
+  data.tar.gz: 3a0cd81da1e019605426480fccea45a2382594a9
 SHA512:
-  metadata.gz: !binary |-
-    NDE4YmIxOGRjNGE0NGMxNzc3NzczZjFmOTgxNDAwZTg3ODIwNWYyODEyNTJk
-    N2IyNmIzNDQxMTAxYjM4NWE1Njc0MjgxOGNhNjI5MDg1NjliOGRmN2E2YjMy
-    ZWRjZjQ0MmUzM2JhYzYyZmViNGRkMzJlYmM0MTdmMTA1MDdkMmU=
-  data.tar.gz: !binary |-
-    MDg0MDQyNTVmZGRmNjI0ZWQ0ZGI2ZmU5ZDhlOTU0NDAxZmNjZDA1MTExZGQ0
-    ZTNkMzk5MmIyMjdjYmQ5OWIyZWM4YmRlMTM5M2UxMDc2YjJiZTFiMjVkMzU4
-    YjA4ODQ5N2U1MzAyNjYzM2MwOTUyOTU4ZGY5MGRlMTY3MjQ0ZmY=
+  metadata.gz: e057b25d3762ceebf476cad147158041f3829efdb88d9d1394310e82ac1ace5f3200dd3466871414fe47c1b3f6825a1f6b916ca6a53d34ba199304cb53f38209
+  data.tar.gz: 7866f04a7dfa3539302c205d0efe895f57de9e6eb0adb173a7cb6fb77f5ce2f3dc8b02190fca3f9341436470c056ff66a9daa7fb9f86b7e3188ff191c639f05f

data/CHANGELOG.md

@@ -1,10 +1,23 @@
 # CHANGELOG
 
-### Changes on `master`
-
-[Compare changes](https://github.com/codevise/pageflow-progress-navigation-bar/compare/v0.3.0...master)
-
-None so far.
+### Version 0.4.0
+
+2016-06-09
+
+[Compare changes](https://github.com/codevise/pageflow-progress-navigation-bar/compare/v0.3.0...v0.4.0)
+
+- Decouple from overview widget
+  ([#13](https://github.com/codevise/pageflow-progress-navigation-bar/pull/13))
+- Display mobile navigation on narrow desktop browsers
+  ([#11](https://github.com/codevise/pageflow-progress-navigation-bar/pull/11))
+- Animate storylines
+  ([#10](https://github.com/codevise/pageflow-progress-navigation-bar/pull/10))
+- Add pageflow-public-i18n gem to gemspec
+  ([#9](https://github.com/codevise/pageflow-progress-navigation-bar/pull/9))
+- Remove display magic
+  ([#7](https://github.com/codevise/pageflow-progress-navigation-bar/pull/7))
+- Extract publicly visible i18n strings from locale
+  ([#5](https://github.com/codevise/pageflow-progress-navigation-bar/pull/5))
 
 ### Version 0.3.0
 

data/Rakefile

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

data/app/assets/javascript/pageflow/progress_navigation_bar/widget.js

@@ -14,40 +14,6 @@
       $('.navigation_bar_bottom', this.element)
         .append($('.navigation_bar_top > li', this.element).slice(hasHomeButton ? 4 : 3));
 
-
-      /* open menu magic */
-      var checkingForMouseDelta = false,
-        lastPosition,
-        openBarTimeout,
-        closeBarTimeout,
-        measuringDistance = 600,
-        recentPosition;
-
-      $('body').on('mousemove', function(e) {
-        recentPosition = e.pageX;
-        var measuredDistance = that.element.offset().left - e.pageX;
-        if(measuredDistance < measuringDistance && !checkingForMouseDelta && measuredDistance > 0) {
-          checkingForMouseDelta = true;
-          lastPosition = e.pageX;
-
-          closeBarTimeout = setTimeout(function() {
-            that.element.removeClass('hover');
-            checkingForMouseDelta = false;
-          }, 2000);
-
-          openBarTimeout = setTimeout(function() {
-              if(recentPosition - lastPosition > 100 * (measuredDistance / measuringDistance) + 10) {
-                that.element.addClass('hover');
-
-              }
-              else {
-                checkingForMouseDelta = false;
-                clearTimeout(closeBarTimeout);
-              }
-          },50);
-        }
-      });
-
       pageflow.slides.on('slideshowchangepage', function() {
         that.element.addClass('show_on_mobile');
         setTimeout(function() {
@@ -55,12 +21,8 @@
         }, 1000);
       });
 
-
-
-      that.element.on('mouseenter', function() { that.element.addClass('hover'); clearTimeout(closeBarTimeout);});
-      that.element.on('mousemove', function() { clearTimeout(closeBarTimeout); });
-      that.element.on('mouseleave', function() { that.element.removeClass('hover'); checkingForMouseDelta = false; });
-
+      that.element.on('mouseenter', function() { that.element.addClass('hover'); });
+      that.element.on('mouseleave', function() { that.element.removeClass('hover'); });
 
       /* keyboard / skiplinks */
 
@@ -72,13 +34,6 @@
         that.element.addClass('focus');
       });
 
-      /*that.element.on('mousemove', function() {
-        clearTimeout(closeBarTimeout);
-        closeBarTimeout = setTimeout(function() {
-          that.element.removeClass('hover');
-        }, 500);
-      });*/
-
       /* Volume */
       that.element.find('.navigation_volume_box').volumeSlider({
         orientation: 'v'
@@ -136,11 +91,6 @@
         pageLinks.off('mouseup touchend', goToPage);
       }
 
-      function closeOverview() {
-        $('.overview').removeClass("active");
-        $('.navigation_index', that.element).removeClass("active");
-      }
-
       function hideOverlay() {
         $(overlays).addClass('hidden').removeClass('visible');
       }
@@ -150,8 +100,6 @@
           return;
         }
         hideOverlay();
-        closeOverview();
-        $('.page .content, .scroll_indicator').removeClass('hidden');
         pageflow.slides.goToById(this.getAttribute("data-link"));
         e.preventDefault();
       }
@@ -176,18 +124,17 @@
         var pageDotsMaxHeight = 20,
         pageDotsMinHeight = 1,
         maxBarHeight = $('#outer_wrapper').height() ? $('#outer_wrapper').height() : $('main').height(),
-        wantedHeight = maxBarHeight / pageLinks.length,
+        wantedHeight = maxBarHeight / pageLinks.filter(':not(.filtered)').length,
         appliedHeight = pageDotsMinHeight;
 
-
-        if(wantedHeight <= pageDotsMaxHeight && wantedHeight > pageDotsMinHeight) {
+        if (wantedHeight <= pageDotsMaxHeight && wantedHeight > pageDotsMinHeight) {
           appliedHeight = wantedHeight;
         }
         else if(wantedHeight > pageDotsMinHeight) {
           appliedHeight = pageDotsMaxHeight;
         }
 
-        $('.navigation_dots > li').css('height', appliedHeight + 'px');
+        $('.navigation_dots > li').css('height', Math.floor(appliedHeight) + 'px');
       };
 
       resizeDots();
@@ -217,7 +164,9 @@
 
         $('ul.navigation_dots', that.element).pageNavigationList({
           scroller: scroller,
-          scrollToActive: true
+          scrollToActive: true,
+          animationDuration: 400,
+          onFilterChange: resizeDots
         });
 
       });

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

@@ -2,20 +2,26 @@ body .widget_progress_navigation_bar_present .navigation_mobile {
   .menu.index {
     right: 20px;
   }
+
   &.active .menu.index {
     right: 200px;
   }
+
+  .parent_page {
+    right: 70px;
+  }
+
+  &.active .parent_page {
+    right: 250px;
+  }
 }
 
 .navigation_mobile, .navigation_mobile > * {
   body.has_mobile_platform .widget_progress_navigation_bar_present & {
     display: block;
   }
-
-  body.has_no_mobile_platform .widget_progress_navigation_bar_present & {
-    display: none;
-  }
 }
+
 .js .widget_progress_navigation_bar_present .page .close_button {
   @include desktop {
     right: 125px;

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

@@ -16,6 +16,7 @@ $nav-active-chapter: #6D772E;
 $progressbar-mobile-width: 14px;
 
 @import "cross_dependant_styles";
+@import "./progress_navigation_bar/animations";
 
 @mixin pageflow-progress-navigation-bar-small-height {
   @media screen and (max-height: 870px) {
@@ -23,6 +24,16 @@ $progressbar-mobile-width: 14px;
   }
 }
 
+@mixin pageflow-progress-mobile-variant {
+  .has_mobile_platform & {
+    @content;
+  }
+
+  @include phone {
+    @content;
+  }
+}
+
 @mixin pageflow-progress-navigation-bar-transparent-background {
   &:after {
     height: 100%;
@@ -83,7 +94,7 @@ $progressbar-mobile-width: 14px;
     }
   }
 
-  .has_mobile_platform & {
+  @include pageflow-progress-mobile-variant {
     width: $progressbar-mobile-width;
     @include transition(opacity 0.4s ease 0.5s);
     opacity: 0;
@@ -95,6 +106,7 @@ $progressbar-mobile-width: 14px;
     opacity: 1;
     @include transition(opacity 0.4s ease);
   }
+
   position: absolute;
   right: 0;
   top: 0;
@@ -114,7 +126,7 @@ $progressbar-mobile-width: 14px;
     top: 35px;
     background-position: left top;
 
-    .has_mobile_platform & {
+    @include pageflow-progress-mobile-variant {
       display: none;
     }
 
@@ -201,14 +213,14 @@ $progressbar-mobile-width: 14px;
     overflow: visible;
     width: 122px;
 
-    .has_mobile_platform & {
+    @include pageflow-progress-mobile-variant {
       width: 14px;
     }
 
     .navigation_button_area {
       width: 87px;
 
-      .has_mobile_platform & {
+      @include pageflow-progress-mobile-variant {
         display: none;
       }
 
@@ -468,31 +480,27 @@ $progressbar-mobile-width: 14px;
       bottom: 0;
       right: 0;
       width: 30px;
-      .has_mobile_platform & {
-        width: $progressbar-mobile-width;
-      }
       max-height: 100%;
       overflow: hidden;
       position: absolute;
-
       @include pageflow-progress-navigation-bar-transparent-background;
 
-
+      @include pageflow-progress-mobile-variant {
+        width: $progressbar-mobile-width;
+      }
 
       ul {
         position: absolute;
         right: 8px;
         width: 14px;
+        top: 50%;
+        max-height: 100%;
+        @include transform(translate(0, -50%) !important);
 
-        .has_mobile_platform & {
+        @include pageflow-progress-mobile-variant {
           right: 3px;
           width: 8px;
-
-
         }
-        top: 50%;
-        max-height: 100%;
-        @include transform(translate(0, -50%) !important);
 
         li {
           position: relative;
@@ -501,6 +509,51 @@ $progressbar-mobile-width: 14px;
           &:last-child {
             margin-bottom: 0;
           }
+
+          &.filtered {
+            display: none;
+          }
+
+          &.animate_in {
+            &.moving_forwards {
+              @include animation(pageflow-progress-navigation-bar-slide-in-from-bottom 0.4s ease-out);
+            }
+
+            &.moving_backwards {
+              @include animation(pageflow-progress-navigation-bar-slide-in-from-top 0.4s ease-out);
+            }
+
+            &.moving_down {
+              @include animation(pageflow-progress-navigation-bar-slide-in-from-right 0.4s ease-out);
+            }
+
+            &.moving_up {
+              @include animation(pageflow-progress-navigation-bar-slide-in-from-left 0.4s ease-out);
+            }
+          }
+
+          &.animate_out {
+            &.moving_forwards {
+              @include animation(pageflow-progress-navigation-bar-slide-out-to-top 0.4s ease-in);
+              opacity: 0;
+            }
+
+            &.moving_backwards {
+              @include animation(pageflow-progress-navigation-bar-slide-out-to-bottom 0.4s ease-in);
+              opacity: 0;
+            }
+
+            &.moving_down {
+              @include animation(pageflow-progress-navigation-bar-slide-out-to-left 0.4s ease-in);
+              @include transform(translate3d(-50px, 0, 0));
+            }
+
+            &.moving_up {
+              @include animation(pageflow-progress-navigation-bar-slide-out-to-right 0.4s ease-in);
+              @include transform(translate3d(50px, 0, 0));
+            }
+          }
+
         }
 
         a {

data/app/assets/stylesheets/pageflow/progress_navigation_bar/animations.scss

@@ -0,0 +1,82 @@
+$pageflow-progress-navigation-bar-v-translation: 100px;
+$pageflow-progress-navigation-bar-h-translation: 50px;
+
+@include keyframes(pageflow-progress-navigation-bar-slide-in-from-top) {
+  0% {
+    @include transform(translate3d(0, -$pageflow-progress-navigation-bar-v-translation, 0));
+    opacity: 0;
+  }
+  100% {
+    @include transform(translate3d(0, 0, 0));
+    opacity: 1;
+  }
+}
+
+@include keyframes(pageflow-progress-navigation-bar-slide-in-from-bottom) {
+  0% {
+    @include transform(translate3d(0, $pageflow-progress-navigation-bar-v-translation, 0));
+    opacity: 0;
+  }
+  100% {
+    @include transform(translate3d(0, 0, 0));
+    opacity: 1;
+  }
+}
+
+@include keyframes(pageflow-progress-navigation-bar-slide-out-to-top) {
+  0% {
+    @include transform(translate3d(0, 0, 0));
+    opacity: 1;
+  }
+  100% {
+    @include transform(translate3d(0, -$pageflow-progress-navigation-bar-v-translation, 0));
+    opacity: 0;
+  }
+}
+
+@include keyframes(pageflow-progress-navigation-bar-slide-out-to-bottom) {
+  0% {
+    @include transform(translate3d(0, 0, 0));
+    opacity: 1;
+  }
+  100% {
+    @include transform(translate3d(0, $pageflow-progress-navigation-bar-v-translation, 0));
+    opacity: 0;
+  }
+}
+
+@include keyframes(pageflow-progress-navigation-bar-slide-in-from-right) {
+  0% {
+    @include transform(translate3d($pageflow-progress-navigation-bar-h-translation, 0, 0));
+  }
+  100% {
+    @include transform(translate3d(0, 0, 0));
+  }
+}
+
+@include keyframes(pageflow-progress-navigation-bar-slide-in-from-left) {
+  0% {
+    @include transform(translate3d(-$pageflow-progress-navigation-bar-h-translation, 0, 0));
+  }
+  100% {
+    @include transform(translate3d(0, 0, 0));
+  }
+}
+
+@include keyframes(pageflow-progress-navigation-bar-slide-out-to-right) {
+  0% {
+    @include transform(translate3d(0, 0, 0));
+  }
+  100% {
+    @include transform(translate3d($pageflow-progress-navigation-bar-h-translation, 0, 0));
+  }
+}
+
+@include keyframes(pageflow-progress-navigation-bar-slide-out-to-left) {
+  0% {
+    @include transform(translate3d(0, 0, 0));
+  }
+  100% {
+    @include transform(translate3d(-$pageflow-progress-navigation-bar-h-translation, 0, 0));
+  }
+}

data/app/views/pageflow/progress_navigation_bar/widget/_bar_top.html.erb

@@ -1,37 +1,37 @@
 <ul class="navigation_bar_buttons">
   <li class="menu_li">
-    <a id="navigation" class="navigation_bullet navigation_main" tabindex="2" title="<%= t('.display_header') %>" data-active-title="<%= t('.hide_header') %>">
+    <a id="navigation" class="navigation_bullet navigation_main" tabindex="2" title="<%= t('pageflow.public.open_navigation') %>" data-active-title="<%= t('pageflow.public.close_navigation') %>">
       <span class="button"></span>
-      <span class="navi_hint"><%= t('.header') %></span>
+      <span class="navi_hint"><%= t('pageflow.public.navigation') %></span>
     </a>
   </li>
   <%= render('pageflow/progress_navigation_bar/widget/home_button', home_button: entry.home_button) %>
   <li>
-    <a class="navigation_bullet navigation_top" <%= "href=##{entry.pages.first.perma_id} data-link=#{entry.pages.first.id}" unless entry.pages.nil? || entry.pages.first.nil? %> tabindex="2" title="<%= t('.first_page_title') %>">
+    <a class="navigation_bullet navigation_top" <%= "href=##{entry.pages.first.perma_id} data-link=#{entry.pages.first.id}" unless entry.pages.nil? || entry.pages.first.nil? %> tabindex="2" title="<%= t('pageflow.public.goto_first_page') %>">
       <span class="button"></span>
-      <span class="navi_hint"><%= t('.first_page') %></span>
+      <span class="navi_hint"><%= t('pageflow.public.first_page') %></span>
     </a>
   </li>
   <li class="navigation_overview_item">
-    <a class="navigation_bullet navigation_index" tabindex="2" title="<%= t('.display_overview') %>" data-active-title="<%= t('.hide_overview') %>">
+    <a class="navigation_bullet navigation_index" tabindex="2" title="<%= t('pageflow.public.open_overview') %>" data-active-title="<%= t('pageflow.public.close_overview') %>">
       <span class="button"></span>
-      <span class="navi_hint"><%= t('.overview') %></span>
+      <span class="navi_hint"><%= t('pageflow.public.overview') %></span>
     </a>
   </li>
   <li class="fullscreen">
-    <a class="navigation_bullet navigation_fullscreen" tabindex="2" title="<%= t('.enter_fullscreen') %>" data-active-title="<%= t('.leave_fullscreen') %>">
+    <a class="navigation_bullet navigation_fullscreen" tabindex="2" title="<%= t('pageflow.public.enter_fullscreen') %>" data-active-title="<%= t('pageflow.public.leave_fullscreen') %>">
       <span class="button"></span>
-      <span class="navi_hint"><%= t('.fullscreen') %></span>
+      <span class="navi_hint"><%= t('pageflow.public.fullscreen') %></span>
     </a>
   </li>
   <li class="hide_text">
-    <a class="navigation_bullet navigation_hide_text" tabindex="2" title="<%= t('.hide_text') %>" data-active-title="<%= t('.show_text') %>">
+    <a class="navigation_bullet navigation_hide_text" tabindex="2" title="<%= t('pageflow.public.hide_text') %>" data-active-title="<%= t('pageflow.public.show_text') %>">
       <span class="button"></span>
-      <span class="navi_hint"><%= t('.hide_text') %></span>
+      <span class="navi_hint"><%= t('pageflow.public.hide_text') %></span>
     </a>
   </li>
   <li class="navigation_menu mute">
-    <div class="navigation_volume_box" title="<%= t('.volume') %>">
+    <div class="navigation_volume_box" title="<%= t('pageflow.public.volume') %>">
       <div class="volume-control" style="display: block;">
         <div class="volume-slider">
           <div class="volume-level" style="width: 100%;"><span class="volume-control-text"></span></div>
@@ -43,37 +43,37 @@
   <li class="navigation_menu share" tabindex="2">
     <div class="navigation_menu_box navigation_share_box">
       <%= link_to "http://www.facebook.com/sharer/sharer.php?s=100&p%5Burl%5D=#{ERB::Util.url_encode(pretty_entry_url(entry))}&p%5Btitle%5D=#{ERB::Util.url_encode(entry.title)}", :target => "_blank", :tabindex => "2", :class => "share facebook", :data => { :"share-page" => "http://www.facebook.com/sharer/sharer.php?s=100&p%5Burl%5D=#{ERB::Util.url_encode(pretty_entry_url(entry))}%3Fpage%3DpermaId" } do %>
-          <span class="hint"><%= t('pageflow.widgets.share_menu.share_with_facebook') %></span>
+          <span class="hint"><%= t('pageflow.public.share_on_facebook') %></span>
           <span class="share_facebook button"></span>
           <p>facebook</p>
       <% end %>
       <%= link_to "http://twitter.com/home?status=#{ERB::Util.url_encode(pretty_entry_url(entry))}", :target => "_blank", :tabindex => "2", :class => "share twitter", :data => { :"share-page" => "http://twitter.com/home?status=#{ERB::Util.url_encode(pretty_entry_url(entry))}%3Fpage%3DpermaId" } do %>
-          <span class="hint"><%= t('pageflow.widgets.share_menu.share_with_twitter') %></span>
+          <span class="hint"><%= t('pageflow.public.share_on_twitter') %></span>
           <span class="share_twitter button"></span>
           <p>twitter</p>
       <% end %>
       <%= link_to "https://plus.google.com/share?url=#{ERB::Util.url_encode(pretty_entry_url(entry))}", :target => "_blank", :tabindex => "2", :class => "share google", :data => { :"share-page" => "https://plus.google.com/share?url=#{ERB::Util.url_encode(pretty_entry_url(entry))}%3Fpage%3DpermaId" } do %>
-          <span class="hint"><%= t('pageflow.widgets.share_menu.share_with_google') %></span>
+          <span class="hint"><%= t('pageflow.public.share_on_google') %></span>
           <span class="share_google button"></span>
           <p>google</p>
       <% end %>
       <div class="sub_share">
-        <a tabindex="2" target="_blank"><%= t('pageflow.widgets.share_menu.entry') %></a>
-        <a tabindex="2" target="_blank"><%= t('pageflow.widgets.share_menu.current_page') %></a>
+        <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('.share') %>">
+    <a title="<%= t('pageflow.public.share') %>">
       <span class="navigation_bg navigation_share button"></span>
-      <span class="navi_hint"><%= t('.share') %></span>
+      <span class="navi_hint"><%= t('pageflow.public.share') %></span>
     </a>
   </li>
   <li class="navigation_menu" tabindex="2">
     <div class="navigation_menu_box navigation_credits_box">
       <%= render 'pageflow/entries/navigation/credits_box_content', :entry => entry %>
     </div>
-    <a class="navigation_credits_button" title="<%= t('.imprint') %>">
+    <a class="navigation_credits_button" title="<%= t('pageflow.public.imprint') %>">
       <span class="navigation_bg navigation_credits button"></span>
-      <span class="navi_hint"><%= t('.imprint') %></span>
+      <span class="navi_hint"><%= t('pageflow.public.imprint') %></span>
     </a>
   </li>
 </ul>

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

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

data/app/views/pageflow/progress_navigation_bar/widget/_page.html.erb

@@ -4,7 +4,7 @@
   <div class="navigation_site_detail progress_navigation">
     <% if chapters_count > 1 %>
     <h2>
-      <span class="chapter_number"><%= "#{I18n.t('pageflow.progress_navigation_bar.chapter')} #{page.chapter.position + 1}" %></span>
+      <span class="chapter_number"><%= "#{I18n.t('pageflow.public.chapter')} #{page.chapter.position + 1}" %></span>
       <span class="chapter_title"><%= page.chapter.title %></span>
     </h2>
     <hr />

data/config/locales/de.yml

@@ -1,26 +1,4 @@
 de:
   pageflow:
     progress_navigation_bar:
-      chapter: Kapitel
-      widget:
-        bar_top:
-          display_header: Dachnavigation anzeigen
-          display_overview: Übersicht anzeigen
-          enter_fullscreen: Vollbilddarstellung
-          first_page: Erste Seite
-          first_page_title: Zur ersten Seite
-          fullscreen: Vollbild
-          header: Navigation
-          hide_header: Dachnavigation schließen
-          hide_overview: Übersicht schließen
-          hide_text: Text ausblenden
-          imprint: Impressum
-          leave_fullscreen: Vollbilddarstellung verlassen
-          overview: Übersicht
-          share: Teilen
-          show_text: Text wieder einblenden
-          volume: Lautstärke
-        home_button:
-          home: Startseite
-          home_title: Zur Homepage
       widget_type_name: Navigationsleiste mit Fortschrittsbalken

data/config/locales/en.yml

@@ -1,26 +1,4 @@
 en:
   pageflow:
     progress_navigation_bar:
-      chapter: Chapter
-      widget:
-        bar_top:
-          display_header: Display header
-          display_overview: Display overview
-          enter_fullscreen: Enter fullscreen mode
-          first_page: First page
-          first_page_title: Go to first page
-          fullscreen: Fullscreen
-          header: Navigation
-          hide_header: Close navigation
-          hide_overview: Hide overview
-          hide_text: Hide text
-          imprint: Imprint
-          leave_fullscreen: Leave fullscreen mode
-          overview: Overview
-          share: Share
-          show_text: Show text
-          volume: Volume
-        home_button:
-          home: Home
-          home_title: Go to homepage
       widget_type_name: Progress navigation bar

data/lib/pageflow/progress_navigation_bar/engine.rb

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

data/lib/pageflow/progress_navigation_bar/version.rb

@@ -0,0 +1,5 @@
+module Pageflow
+  module ProgressNavigationBar
+    VERSION = '0.4.0'.freeze
+  end
+end

data/pageflow-progress-navigation-bar.gemspec

@@ -1,8 +1,11 @@
 # coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'pageflow/progress_navigation_bar/version'
 
 Gem::Specification.new do |spec|
   spec.name          = 'pageflow-progress-navigation-bar'
-  spec.version       = '0.3.0'
+  spec.version       = Pageflow::ProgressNavigationBar::VERSION
   spec.authors       = ['Codevise Solutions Ltd.']
   spec.email         = ['info@codevise.de']
   spec.summary       = 'Pageflow navigation widget.'
@@ -13,8 +16,12 @@ Gem::Specification.new do |spec|
   spec.test_files    = spec.files.grep(%r{^spec/})
   spec.require_paths = ['lib']
 
-  spec.add_runtime_dependency 'pageflow', '~> 0.9'
+  spec.add_runtime_dependency 'pageflow', '~> 0.10'
+  spec.add_runtime_dependency 'pageflow-public-i18n', '~> 1.0'
 
   spec.add_development_dependency 'bundler'
   spec.add_development_dependency 'rake'
+
+  # Semantic versioning rake tasks
+  spec.add_development_dependency 'semmy', '~> 0.2'
 end

metadata

@@ -1,57 +1,85 @@
 --- !ruby/object:Gem::Specification
 name: pageflow-progress-navigation-bar
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.0
 platform: ruby
 authors:
 - 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: 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: 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:
 - info@codevise.de
@@ -59,8 +87,8 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- .gitignore
-- .jshintrc
+- ".gitignore"
+- ".jshintrc"
 - CHANGELOG.md
 - Gemfile
 - README.md
@@ -71,6 +99,7 @@ files:
 - app/assets/javascript/pageflow/progress_navigation_bar/widget.js
 - app/assets/stylesheets/pageflow/cross_dependant_styles.css.scss
 - app/assets/stylesheets/pageflow/progress_navigation_bar.css.scss
+- app/assets/stylesheets/pageflow/progress_navigation_bar/animations.scss
 - app/assets/stylesheets/pageflow/progress_navigation_bar/themes/default.css.scss
 - app/views/pageflow/progress_navigation_bar/_widget.html.erb
 - app/views/pageflow/progress_navigation_bar/widget/_bar_top.html.erb
@@ -81,6 +110,7 @@ files:
 - config/locales/en.yml
 - lib/pageflow-progress-navigation-bar.rb
 - lib/pageflow/progress_navigation_bar/engine.rb
+- lib/pageflow/progress_navigation_bar/version.rb
 - lib/pageflow/progress_navigation_bar/widget_type.rb
 - pageflow-progress-navigation-bar.gemspec
 homepage: https://github.com/codevise/pageflow-progress-navigation-bar
@@ -93,17 +123,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 navigation widget.