navbar_highlighter 0.2.1 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 62af40df775bfa36096d06620ce461be12f895fc
-  data.tar.gz: 13a6a9ef1703c172a6c55e0c2d89f89668014f9b
+  metadata.gz: 26e9b3dc30f4c312af686a0da61e5cb5ce1a47b3
+  data.tar.gz: 22cef1cf299b5755891c80e81b58ef0d32dcfe57
 SHA512:
-  metadata.gz: 2f0c9d4ee40f46d7f155a1b437de877e10507f47db248d39bd93fae5268776f2a2a8a87d4a6ddfb87174723e44282a8694548d13de1bc604060e3630d2ad704b
-  data.tar.gz: 89abf20a7f0c51648345a1458a86a3a51a3f06d5becff362bd2c9e5eb1601443a38a85da997ddd788ede92cea8141bb4701ddfed87839323e1765484067df388
+  metadata.gz: 83a9b2d6a655667120b23fb4fd599d6dc8eb8d58f378bdf9b1312a3253d80c6e696488b1f2f0f721f569c2225b7ab79c8dfdce78fd88c3e2310e40826da5d4bf
+  data.tar.gz: 86306988a1b31d94c8067a595be46c630843743330fa3b746915e518f2505fdffee2798beaae7f4f821e0aaed65c2ee4e443386169a15b0e9e916e125b7f6bf1

data/README.md

@@ -68,9 +68,13 @@ Add`<%= navbar_highlighter_tags %>` to any layout that you are using.
 **Note:**
 
 As user hits `sessions_controller` `index` action `Home` link will be active, and when user clicks `Users` link `Users` link will be get `active-link` class.
+
 # New feature
+
 Adding a `data-parent='controller_name'` to link will add class to parent link as well as the child link.
 
+Different un-related links can be highlighted using `data-highlight-on=<%= current_url %>`. This can be useful when you want to highlight links based on current url.
+
 ## Contributing
 
 Bug reports and pull requests are welcome on GitHub at https://github.com/abhikanojia/navbar_highlighter. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.

data/lib/navbar_highlighter/helper.rb

@@ -4,8 +4,14 @@ module Helper
       str.concat("<meta name='controller' content='#{controller_name}'>")
       str.concat("\n")
       str.concat("<meta name='action' content='#{action_name}'>")
+      str.concat("\n")
+      str.concat("<meta name='current_url' content='#{request.original_url}'>")
     end.html_safe
   end
+
+  def current_url
+    request.original_url
+  end
 end
 
 ActionView::Base.send :include, Helper

data/lib/navbar_highlighter/version.rb

@@ -1,3 +1,3 @@
 module NavbarHighlighter
-  VERSION = "0.2.1"
+  VERSION = "0.3.0"
 end

data/vendor/assets/javascripts/navbar_highlighter.js

@@ -4,6 +4,7 @@ function NavbarHighlighter(data) {
   this.classNameToAdd = data.classNameToAdd;
   this.actionName = $('meta[name=action]').attr('content');
   this.controllerName = $('meta[name=controller]').attr('content');
+  this.currentUrl = $('meta[name=current_url]').attr('content');
 }
 
 NavbarHighlighter.prototype.getControllerSelector = function(selector) {
@@ -18,6 +19,10 @@ NavbarHighlighter.prototype.getActionSelector = function() {
   return '[data-action=' + this.actionName + ']';
 };
 
+NavbarHighlighter.prototype.getUrlSelector = function() {
+  return "[data-highlight-on='" + this.currentUrl + "']";
+};
+
 NavbarHighlighter.prototype.classSelector = function(className) {
   return '.' + className;
 };
@@ -29,6 +34,10 @@ NavbarHighlighter.prototype.highlightParentIfExist = function(element) {
   }
 };
 
+NavbarHighlighter.prototype.highlightUrlSpecificLinks = function() {
+  $(this.getUrlSelector()).addClass(this.classNameToAdd);
+};
+
 NavbarHighlighter.prototype.init = function() {
 
   this.navBar.find(
@@ -43,5 +52,7 @@ NavbarHighlighter.prototype.init = function() {
 
   this.highlightParentIfExist(element);
 
+  this.highlightUrlSpecificLinks();
+
 };
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: navbar_highlighter
 version: !ruby/object:Gem::Version
-  version: 0.2.1
+  version: 0.3.0
 platform: ruby
 authors:
 - Abhishek Kanojia
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2018-04-06 00:00:00.000000000 Z
+date: 2018-04-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jquery-rails