heavens_door 0.1.5 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 11a28c86f570766975fc97869ad182ea5484a99e73e5e1bca7c5d46739f8e3a7
-  data.tar.gz: 0070c1f6ee6b51333edf798825aef9b3e3ea5d0db33553464c8d24e1bde918f6
+  metadata.gz: ccb6e89d6be87362a8ca612b915c43608929b6f21b6958cb43ba0fe048b1032b
+  data.tar.gz: e1bd2fe67e7775b4a88f5064e42ef10b6e6bb9af1597b205b4745bcd32bcd20c
 SHA512:
-  metadata.gz: 2e1a391b2b63e0780e653e38f4bd0230c3b6302141d4c190789da2fe3fcccc6b58582da3615c32883ac1ce8a5dbd6105425cba4495d9924440be6af3eac4ed44
-  data.tar.gz: d0c2a252e3e51a3fee67a304852ca8273d9c8dfbd18f42e6fe36955ff27e0357f77d72d8165d029ef8c702b0106c873220e58f633b09cdcb1ed95f0a13f48d46
+  metadata.gz: 1a326a4c9f124b57714817f02400574dcaa4e2c3138c311b3d7a6fc984e017fea1f325f821cb25d6cea29e781db291e4d7ff9e620cc9fc602ef2170cf11727d4
+  data.tar.gz: 6aa1ca723b2b8842e038d070f26dfd8c553a43a5ce9aecbaa78d3ecd67c51aef56303cc90f1801cf9bcad723fe0ffca10eb3cd4fa26c9cbede5bc57588dce91e

data/README.md

@@ -48,8 +48,6 @@ Pull requests are welcome on GitHub at https://github.com/amatsuda/heavens_door.
 
 - Some kinds of input (like time\_field, datetime\_field) might not be working properly
 
-- Button click effect
-
 - Hotkeys to hide/show the panel
 
 - Better UI

data/app/assets/javascripts/heavens_door.js

@@ -3,16 +3,25 @@
     fn();
   } else {
     if ((typeof(Turbolinks) !== 'undefined') && (Turbolinks)) {
-      document.addEventListener('turbolinks:load', fn);
-    } else {
+      if (Turbolinks.EVENTS && Turbolinks.EVENTS.LOAD) {  // turbolinks-classic
+        document.addEventListener(Turbolinks.EVENTS.LOAD, fn);
+        document.addEventListener('DOMContentLoaded', fn);
+      } else {  // turbolinks
+        document.addEventListener('turbolinks:load', fn);
+      }
+    } else {  // no turbolinks
       document.addEventListener('DOMContentLoaded', fn);
     }
   }
 })(() => {
-  document.getElementById('heavens-door-start').addEventListener('click', () => {
-    document.getElementById('heavens-door-start').style.display = 'none';
-    document.getElementById('heavens-door-stop').style.display = 'inline';
-    document.getElementById('heavens-door-copy').style.display = 'inline';
+  const openButton = document.getElementById('heavens-door-open');
+  const closeButton = document.getElementById('heavens-door-close');
+  const copyButton = document.getElementById('heavens-door-copy');
+
+  openButton.addEventListener('click', () => {
+    openButton.style.display = 'none';
+    closeButton.style.display = 'inline';
+    copyButton.style.display = 'inline';
 
     if (!sessionStorage.heavensDoor) {
       sessionStorage.heavensDoor = `  scenario 'GENERATED' do
@@ -20,14 +29,14 @@
     }
   });
 
-  document.getElementById('heavens-door-stop').addEventListener('click', () => {
-    document.getElementById('heavens-door-start').style.display = 'inline';
-    document.getElementById('heavens-door-stop').style.display = 'none';
-    document.getElementById('heavens-door-copy').style.display = 'none';
+  closeButton.addEventListener('click', () => {
+    openButton.style.display = 'inline';
+    closeButton.style.display = 'none';
+    copyButton.style.display = 'none';
     sessionStorage.removeItem('heavensDoor');
   });
 
-  document.getElementById('heavens-door-copy').addEventListener('click', () => {
+  copyButton.addEventListener('click', () => {
     navigator.clipboard.writeText(sessionStorage.heavensDoor)
       .catch(err => {
         console.error('Could not copy text: ', err);
@@ -36,7 +45,7 @@
   });
 
   if (sessionStorage.heavensDoor) {
-    document.getElementById('heavens-door-start').click();
+    openButton.click();
   }
 
   function labelIdForElement(el) {

data/app/assets/stylesheets/heavens_door.css

@@ -1 +1,22 @@
-#heavens-door { position: fixed; top: 10px; right: 10px; font-size: 13px; cursor: pointer; z-index: 9999; } #heavens-door-stop,#heavens-door-copy { display: none; }
+#heavens-door {
+  position: fixed;
+  top: 10px;
+  right: 10px;
+  font-size: 13px;
+  cursor: pointer;
+  z-index: 9999;
+}
+
+#heavens-door-close, #heavens-door-copy {
+  display: none;
+}
+
+.heavens-door-button {
+  position: relative;
+  top: 0;
+}
+
+.heavens-door-button:active {
+  top: 2px;
+  opacity: .6;
+}

data/lib/heavens_door/middleware.rb

@@ -21,7 +21,7 @@ module HeavensDoor
 
         body = body.dup if body.frozen?
         body.sub!(/<\/head[^>]*>/) { %Q[<link rel="stylesheet" href="/assets/heavens_door.css" /><script src="/assets/heavens_door.js"></script>\n#{$~}] }
-        body.sub!(/<body[^>]*>/) { %Q[#{$~}\n<div id="heavens-door" class="heavens-door-custom"><span id="heavens-door-start">⏺</span><span id="heavens-door-stop">⏹</span><span id="heavens-door-copy">📋</span></div>] }
+        body.sub!(/<body[^>]*>/) { %Q[#{$~}\n<div id="heavens-door" class="heavens-door-custom"><span id="heavens-door-open" class="heavens-door-button">⏺</span><span id="heavens-door-close" class="heavens-door-button">⏹</span><span id="heavens-door-copy" class="heavens-door-button">📋</span></div>] }
 
         [status, headers, [body]]
       else

data/lib/heavens_door/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module HeavensDoor
-  VERSION = '0.1.5'
+  VERSION = '0.2.1'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: heavens_door
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.2.1
 platform: ruby
 authors:
 - Akira Matsuda
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2019-02-05 00:00:00.000000000 Z
+date: 2019-02-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -94,7 +94,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.1
+rubygems_version: 3.0.2
 signing_key: 
 specification_version: 4
 summary: The Capybara scenario writer