pageflow-outline-navigation-bar 1.2.0 → 1.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2bc0b8dac3cbbec7bb4a7a0cf9787f199774053070740c3afc099d92b5fc1356
-  data.tar.gz: d2459b8e8adfa57c19de76eda9acdf85f2dfe673ae6b9edbf6b2117b7ea67493
+  metadata.gz: 642296c29e34b815cc5762831b3f8aff920070caca26dd1de7dd3a3fffc9b643
+  data.tar.gz: 1c6fa9d65cffb7455260652cb6be8d5c8431a70cc490f894f6f647499daee3ce
 SHA512:
-  metadata.gz: d814a8c807b0b74844f6a77bea37b33b9fccc63d56f7edaf04df57feda832172927e93da2372ae33d46f437bface7ed20e15b39e7e180a64f68b2da76ec77976
-  data.tar.gz: 7223dd2c1fb3f4909387f4721ceb5324a7ecb1e2b23a771331f793c24dadcd9b9da7f2379de532b675462402ea020502d1d549c404c9aea23b4b05175a833615
+  metadata.gz: 4469c8401ad9c4c3ea9ab62fdaf392839903be3434bae81af702adb002fcc66c6210beba5f9b58b55177f8560cc6053c166540636cac8eace51d057c1561e28c
+  data.tar.gz: 607521ffe200109b6f10fbdfe21d63027cad686a9231574609884266feb98be040779ec494f307f9736272b8a4b629c854e9438cd82bf9f7c1670c5f118e18af

data/CHANGELOG.md

@@ -1,14 +1,14 @@
 # CHANGELOG
 
-### Version 1.2.0
+### Version 1.3.0
 
-2019-04-08
+2019-05-20
 
-[Compare changes](https://github.com/codevise/pageflow-outline-navigation-bar/compare/1-1-stable...v1.2.0)
+[Compare changes](https://github.com/codevise/pageflow-outline-navigation-bar/compare/1-2-stable...v1.3.0)
 
-- Add support for pageflow 14
-  ([#8](https://github.com/codevise/pageflow-outline-navigation-bar/pull/8))
+- Support for configurable sharing providers
+  ([#9](https://github.com/codevise/pageflow-outline-navigation-bar/pull/9))
 
 See
-[1-1-stable branch](https://github.com/codevise/pageflow-outline-navigation-bar/blob/1-1-stable/CHANGELOG.md)
+[1-2-stable branch](https://github.com/codevise/pageflow-outline-navigation-bar/blob/1-2-stable/CHANGELOG.md)
 for previous changes.

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

@@ -161,10 +161,12 @@
       });
 
       var shareBox = $('.share_box', this.element),
-          shareLinks = $('a', shareBox);
+          shareLinks = $('.share_box_icons > .menu_item > a', shareBox);
 
       shareBox.shareMenu({
-        insertAfter: shareLinks.parent().last(),
+        subMenu: $('.sub_share', element),
+        links: shareLinks,
+        insertAfter: $('.share_box_icons'),
         closeOnMouseLeaving: shareBox
       });
     },

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

@@ -10,14 +10,10 @@
 $outline-navigation-bar-icons: $widget-icons !default;
 
 /// @see $default-widget-icon-font-options
-$outline-navigation-bar-icon-font-options: (
-  share-icon-color: #fff,
-  active-share-icon-color: $main-color
-) !default;
+$outline-navigation-bar-icon-font-options: () !default;
 
 .outline_navigation_bar {
   @import "./default/mixins";
-
   @import "./default/icons/icon_font";
   @import "./default/icons/sprite";
 
@@ -80,8 +76,14 @@ $outline-navigation-bar-icon-font-options: (
   @import "./default/menu_items";
   @import "./default/toggle";
   @import "./default/volume_box";
-  @import "./default/share_box";
   @import "./default/credits_box";
   @import "./default/mobile_sharing";
   @import "./default/scroller";
 }
+
+body.has_no_phone_platform {
+  .menu_item.share_whats_app,
+  .menu_item.share_telegram {
+    display: none !important;
+  }
+}

data/app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/icons/icon_font.scss

@@ -4,10 +4,7 @@
 
   $button-icon-color,
   $active-button-icon-color,
-  $deactivated-button-icon-color,
-
-  $share-icon-color,
-  $active-share-icon-color
+  $deactivated-button-icon-color
 ) {
   .toggle.buttons,
   .buttons_menu_item {
@@ -99,48 +96,6 @@
     }
   }
 
-  .share_box {
-    .share {
-      width: 45px;
-
-      &:hover,
-      &.active {
-        .button:before {
-          color: $active-share-icon-color;
-        }
-      }
-    }
-
-    .button {
-      display: block;
-      text-align: center;
-    }
-  }
-
-  .share_box {
-    .button.share_google,
-    .button.share_facebook,
-    .button.share_twitter {
-      font-size: 1.5em;
-
-      &:before {
-        color: $share-icon-color;
-      }
-    }
-
-    .button.share_google {
-      @include fa-google-plus-icon;
-    }
-
-    .button.share_facebook {
-      @include fa-facebook-icon;
-    }
-
-    .button.share_twitter {
-      @include fa-twitter-icon;
-    }
-  }
-
   .volume-control:before,
   .volume-slider:before {
     color: $button-background-color;

data/app/assets/stylesheets/pageflow/outline_navigation_bar/themes/default/icons/sprite.scss

@@ -62,30 +62,6 @@
     @include pageflow-sprite-icon-credits($target: ".button");
   }
 
-  .share.google {
-    @include pageflow-sprite-icon-google($target: ".button");
-
-    &.active {
-      @include pageflow-sprite-icon-google("active", $target: ".button");
-    }
-  }
-
-  .share.twitter {
-    @include pageflow-sprite-icon-twitter($target: ".button");
-
-    &.active {
-      @include pageflow-sprite-icon-twitter("active", $target: ".button");
-    }
-  }
-
-  .share.facebook {
-    @include pageflow-sprite-icon-facebook($target: ".button");
-
-    &.active {
-      @include pageflow-sprite-icon-facebook("active", $target: ".button");
-    }
-  }
-
   .share_box {
     a.share {
       width: 39px;

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

@@ -31,3 +31,12 @@ $outline-navigation-bar-display-hide-text-button: $navigation-display-hide-text-
     display: none;
   }
 }
+
+&.without_sharing_button,
+&.mobile_sharing_only {
+  .menu_item.share {
+    display: none;
+  }
+}
+
+

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

@@ -46,9 +46,3 @@ $image-dir: "pageflow/themes/default/mobile_navigation";
     }
   }
 }
-
-.mobile_sharing a {
-  &::before {
-    background-image: image-url("#{$image-dir}/sharing_icons_sprite.png");
-  }
-}

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

@@ -2,7 +2,7 @@
   li {
     > a {
       display: block;
-      margin-left: 78px;
+      margin-left: 70px;
       color: white;
       text-decoration: none;
       font-size: 24px;
@@ -10,26 +10,13 @@
       border: 0;
       height: 80px;
 
-      &:before {
-        content: "";
+      svg {
+        fill: white;
         position: absolute;
-        width: 42px;
-        height: 37px;
-        background-size: 100% auto;
-        left: 20px;
-        top: 30px;
-      }
-
-      &.facebook:before {
-        background-position: center top;
-      }
-
-      &.twitter:before {
-        background-position: center 122px;
-      }
-
-      &.google:before {
-        background-position: center bottom;
+        left: 22px;
+        top: 36px;
+        width: 30px;
+        height: 30px;
       }
     }
   }
@@ -45,10 +32,6 @@
     display: block;
     margin: 0 1em 1em 1em;
     padding: 1em 0;
-
-    &:hover {
-      background-color: rgba(0, 0, 0, 0.6);
-    }
   }
 }
 

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

@@ -75,3 +75,7 @@
     @include menu-item-shadow-off;
   }
 }
+
+&.without_sharing_button .toggle.mobile_only.share.menu_item {
+  display: none;
+}

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

@@ -37,16 +37,13 @@
 
     <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 class="share_box_icons">
+          <% entry.active_share_providers.each do |provider| %>
+            <div class="menu_item share_<%= provider %>">
+              <%= render("pageflow/entries/share_menu/#{provider}_link", entry: entry) %>
+            </div>
+          <% end %>
         </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>

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

@@ -1,15 +1,11 @@
 <div class="mobile_sharing panel mobile_panel">
   <div class="wrapper">
     <ul>
+      <% entry.active_share_providers.each do |provider| %>
       <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 %>
+        <%= render "pageflow/entries/share_menu/#{provider}_link", entry: entry %>
       </li>
+      <% end %>
     </ul>
   </div>
   <div class="sub_share">

data/lib/pageflow/outline_navigation_bar/version.rb

@@ -1,5 +1,5 @@
 module Pageflow
   module OutlineNavigationBar
-    VERSION = '1.2.0'.freeze
+    VERSION = '1.3.0'.freeze
   end
 end

data/pageflow-outline-navigation-bar.gemspec

@@ -18,7 +18,7 @@ Gem::Specification.new do |spec|
 
   spec.required_ruby_version = '~> 2.1'
 
-  spec.add_runtime_dependency 'pageflow', ['>= 12.2.x', '< 15']
+  spec.add_runtime_dependency 'pageflow', '~> 14.1.x'
   spec.add_runtime_dependency 'pageflow-public-i18n', '~> 1.0'
 
   spec.add_development_dependency 'bundler', '~> 1.0'

metadata

@@ -1,35 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: pageflow-outline-navigation-bar
 version: !ruby/object:Gem::Version
-  version: 1.2.0
+  version: 1.3.0
 platform: ruby
 authors:
 - Codevise Solutions Ltd.
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-04-08 00:00:00.000000000 Z
+date: 2019-05-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: pageflow
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 12.2.x
-    - - "<"
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '15'
+        version: 14.1.x
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 12.2.x
-    - - "<"
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '15'
+        version: 14.1.x
 - !ruby/object:Gem::Dependency
   name: pageflow-public-i18n
   requirement: !ruby/object:Gem::Requirement
@@ -130,7 +124,6 @@ files:
 - 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

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

@@ -1,20 +0,0 @@
-.share_box {
-  top: 0;
-  width: 210px;
-
-  a {
-    float: left;
-    text-decoration: none;
-    width: 70px;
-  }
-
-  p {
-    font-size: 9px;
-    margin: 0;
-  }
-
-  .menu_item {
-    padding: 0 10px;
-    min-height: 0;
-  }
-}