missing-i18n-highlighter 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 732f295e7b0048006cc2151fcd1079320c62a9c5
+  data.tar.gz: db4f9869a6c20a4d00fc0469ec1d2a373cdb1673
+SHA512:
+  metadata.gz: 4afe9df0d15bad388ac61f409436e6b4d7b68a5843002bfeafc1a9fc0b29f93eeaea187f95910c6d340ad3335ceb59394255bd0cb88c8a8ba2a6655383b63759
+  data.tar.gz: 3501f6e1858b609d87530dbb1c2b8c62b6f5b547353bda2713684d5b3c2588ea926c3a5a346fd2e6de07d6ef649934f6f6fcefecbbe38dd3345ffa38adfccbb9

data/.gitignore

@@ -0,0 +1,8 @@
+/.bundle/
+/.yardoc
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/

data/Gemfile

@@ -0,0 +1,6 @@
+source "https://rubygems.org"
+
+git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }
+
+# Specify your gem's dependencies in missing-i18n-highlighter.gemspec
+gemspec

data/Gemfile.lock

@@ -0,0 +1,20 @@
+PATH
+  remote: .
+  specs:
+    missing-i18n-highlighter (0.1.0)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    rake (10.5.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  bundler (~> 1.16)
+  missing-i18n-highlighter!
+  rake (~> 10.0)
+
+BUNDLED WITH
+   1.16.1

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2018 Abhishek kanojia
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,53 @@
+# Missing::I18n::Highlighter
+
+Missing::I18n::Highlighter highlights missing translations on page with color provided as parameter. Default color is `#729adb` which is `sky blue`. It also shows a popup over the translation missing.
+
+## Preview
+Here is how it highlights page with missing translation:
+
+![missing-i18n-highlighter](https://github.com/abhishekkanojia/images/raw/master/missing-translation.png)
+
+## Usage
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'missing-i18n-highlighter'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install missing-i18n-highlighter
+
+## Require js and css file
+
+In `application.js`
+
+```ruby
+//= require missing_i18n_highlighter
+```
+
+and In `application.css`
+
+```ruby
+*= require missing_i18n_highlighter
+```
+
+## Yeah That's it ! !
+
+Restart your rails server to see the changes and visit the page you want to highlight missing translations on.
+
+## Development
+#### Any new feature you want ??
+create an issue or create a pull request for your feature.
+
+## Contributing
+> Make sure you install and configure Js Lint and Align tab to validate js that you write.
+Bug reports and pull requests are welcome on GitHub at https://github.com/abhishekkanojia/missing-i18n-highlighter.
+
+## License
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,2 @@
+require "bundler/gem_tasks"
+task :default => :spec

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "missing/i18n/highlighter"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start(__FILE__)

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/lib/missing/i18n/highlighter.rb

@@ -0,0 +1,9 @@
+require 'missing/i18n/highlighter/version'
+
+module Missing
+  module I18n
+    module Highlighter
+      require 'missing/i18n/highlighter/engine'
+    end
+  end
+end

data/lib/missing/i18n/highlighter/engine.rb

@@ -0,0 +1,10 @@
+module Missing
+  module I18n
+    module Highlighter
+      module Rails
+        class Engine < ::Rails::Engine
+        end
+      end
+    end
+  end
+end

data/lib/missing/i18n/highlighter/version.rb

@@ -0,0 +1,7 @@
+module Missing
+  module I18n
+    module Highlighter
+      VERSION = '0.1.0'
+    end
+  end
+end

data/missing-i18n-highlighter.gemspec

@@ -0,0 +1,26 @@
+
+lib = File.expand_path("../lib", __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require "missing/i18n/highlighter/version"
+
+Gem::Specification.new do |spec|
+  spec.name          = "missing-i18n-highlighter"
+  spec.version       = Missing::I18n::Highlighter::VERSION
+  spec.authors       = ["Abhishek kanojia"]
+  spec.email         = ["abhishekka3193@gmail.com"]
+
+  spec.summary       = %q{ This gem highlights missing translations on page with background color. }
+  spec.description   = %q{ This gem highlights missing translations on page with background color. }
+  spec.homepage      = 'https://github.com/abhishekkanojia/missing-i18n-highlighter'
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject do |f|
+    f.match(%r{^(test|spec|features)/})
+  end
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.16"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

data/vendor/assets/javascripts/missing_i18n_highlighter.js

@@ -0,0 +1,63 @@
+function MissingI18nHighlighter(data) {
+  var options              = data || {};
+  this.showPopup           = MissingI18nHighlighter.DEFAULT.popup;
+  this.highlightColor      = options.color || MissingI18nHighlighter.DEFAULT.color;
+  this.translationSelector = options.selector || MissingI18nHighlighter.DEFAULT.selector;
+}
+
+MissingI18nHighlighter.DEFAULT = {
+  color    : '#729adb',
+  selector : '.translation_missing',
+  popup    : true
+};
+
+MissingI18nHighlighter.POPUP = {
+  message      : 'Translation Missing',
+  className    : 'popuptext',
+  showClass    : 'show',
+  wrapperClass : 'popup'
+};
+
+MissingI18nHighlighter.prototype.createPopup = function() {
+  var popUp = document.createElement('span');
+  popUp.innerText = MissingI18nHighlighter.POPUP.message;
+  popUp.setAttribute('class', MissingI18nHighlighter.POPUP.className);
+  popUp.classList.add(MissingI18nHighlighter.POPUP.showClass);
+  return popUp;
+};
+
+MissingI18nHighlighter.prototype.addPopup = function(elements) {
+  if(this.showPopup) {
+    var _this = this;
+    elements.forEach(function(element){
+      element.classList.add(MissingI18nHighlighter.POPUP.wrapperClass);
+      element.appendChild(_this.createPopup());
+    });
+  }
+};
+
+MissingI18nHighlighter.prototype.highlightAll = function(elements) {
+  var _this = this;
+
+  elements.forEach(function(element){
+    element.style.backgroundColor = _this.highlightColor;
+  });
+  this.addPopup(elements);
+};
+
+MissingI18nHighlighter.prototype.selectAndHighlight = function() {
+  var elements = document.querySelectorAll(this.translationSelector);
+  this.highlightAll(elements);
+};
+
+MissingI18nHighlighter.prototype.init = function() {
+  var _this = this;
+  window.addEventListener('load', function() { _this.selectAndHighlight(); });
+};
+
+(function(){
+
+  var highlighter = new MissingI18nHighlighter();
+  highlighter.init();
+
+})();

data/vendor/assets/stylesheets/missing_i18n_highlighter.css

@@ -0,0 +1,48 @@
+.popup {
+  position: relative;
+  display: inline-block;
+  cursor: pointer;
+}
+
+.popup .popuptext {
+  visibility: hidden;
+  width: 160px;
+  font-size: 15px;
+  background-color: #555;
+  color: #fff;
+  text-align: center;
+  border-radius: 6px;
+  padding: 8px 0;
+  position: absolute;
+  z-index: 1;
+  bottom: 125%;
+  left: 50%;
+  margin-left: -80px;
+}
+
+.popup .popuptext::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px;
+  border-style: solid;
+  border-color: #555 transparent transparent transparent;
+}
+
+.popup .show {
+  visibility: visible;
+  -webkit-animation: fadeIn 1s;
+  animation: fadeIn 1s
+}
+
+@-webkit-keyframes fadeIn {
+  from {opacity: 0;}
+  to {opacity: 1;}
+}
+
+@keyframes fadeIn {
+  from {opacity: 0;}
+  to {opacity:1 ;}
+}

metadata

@@ -0,0 +1,86 @@
+--- !ruby/object:Gem::Specification
+name: missing-i18n-highlighter
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Abhishek kanojia
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2018-05-05 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.16'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.16'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: " This gem highlights missing translations on page with background color. "
+email:
+- abhishekka3193@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- Gemfile.lock
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- lib/missing/i18n/highlighter.rb
+- lib/missing/i18n/highlighter/engine.rb
+- lib/missing/i18n/highlighter/version.rb
+- missing-i18n-highlighter.gemspec
+- vendor/assets/javascripts/missing_i18n_highlighter.js
+- vendor/assets/stylesheets/missing_i18n_highlighter.css
+homepage: https://github.com/abhishekkanojia/missing-i18n-highlighter
+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.6.11
+signing_key: 
+specification_version: 4
+summary: This gem highlights missing translations on page with background color.
+test_files: []