hootstrap 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7c0d6ec51952c42c60d7c3c63c7d79480639a0aa
-  data.tar.gz: 8d808bfa5b571271e531df2415d10004a685f19d
+  metadata.gz: feb61b77a46ef0a3ac9f1a5457a42b1a8efae7c4
+  data.tar.gz: 5d29fd1c471af8d6efa307847cbe74f6fafbe318
 SHA512:
-  metadata.gz: 6a09c2d1671096aab7ac9459d59cea13aef2d2b903b3b3873177136586adf9e979c8f0f4d9afc7609e97dcb82082862828106fb02a238581f3624ef63643170d
-  data.tar.gz: 6b920b037823dfd9ebb3d80358fc5a87e6d20fbc95e52f333af1ca7bd55f821b47150c79a27508b3986d722ea091e989966fba6a35a625fdd4b17abea3bea569
+  metadata.gz: 83f002547129855efa82fcac774fc6f756a2f20c2f04cefc311624f05769fe1a1ebf4c63a5d80e83a7311250cbd278ff4327539ef638bd11c1dd05d7f7523a51
+  data.tar.gz: 0d09ed21b329727a7322e65907b5cd84d3ca6ebeaf552e33c3cf38f2fc26bce1f1e06efeba7a961b76ee32130a8c3bc655be016a2cc1d7a252a92614fac63dfa

data/README.md

@@ -8,29 +8,32 @@ distributed via RubyGems, so it's easy to include in your Rails projects.
 - [Credits](#credits)
 
 ## Installation
+
 Add this line to your application's Gemfile:
 
 ```ruby
-gem 'hootstrap', git: 'git@github.com:ProctorU/hootstrap.git'
+gem 'hootstrap'
 ```
 
 And then execute:
 ```bash
-$ bundle
-```
-
-Or install it yourself as:
-```bash
-$ gem install hootstrap
+$ bundle install
 ```
 
 ## Usage
-Import `hootstrap` to your CSS files.
+
+Import `hootstrap` CSS to your asset pipeline.
 
 ```scss
 @import "hootstrap";
 ```
 
+Import `hootstrap` JS to your asset pipeline.
+
+```js
+//= require hootstrap
+```
+
 ## Credits
 
 Hootstrap is maintained and funded by [ProctorU](https://twitter.com/ProctorU),

data/assets/javascripts/hootstrap/alerts.js

@@ -0,0 +1,18 @@
+//= require ./utils/closest
+//= require ./utils/dynamicListener
+//= require ./utils/turbolinks
+
+document.addEventListener(HootstrapEvent, () => {
+  addDynamicEventListener(
+    document.body,
+    'click',
+    '[data-dismiss="alert"]',
+    handleClose
+  );
+
+  function handleClose(event) {
+    const alert = closest(event.target, '.alert');
+
+    alert.parentNode.removeChild(alert);
+  }
+});

data/assets/javascripts/hootstrap/rails.js

@@ -1,6 +1,7 @@
 //= require ./utils/dynamicListener
+//= require ./utils/turbolinks
 
-document.addEventListener('turbolinks:load', () => {
+document.addEventListener(HootstrapEvent, () => {
   let confirmed = false;
 
   addDynamicEventListener(document.body, 'click', '[data-prompt]', handleClick);
@@ -21,7 +22,7 @@ document.addEventListener('turbolinks:load', () => {
       action: 'OK',
       onClick: () => {
         confirmed = true;
-        target.click({ something: 'hello' });
+        target.click();
       }
     });
   }

data/assets/javascripts/hootstrap/utils/closest.js

@@ -0,0 +1,16 @@
+function closest(el, selector) {
+  const matchesSelector =
+    el.matches ||
+    el.webkitMatchesSelector ||
+    el.mozMatchesSelector ||
+    el.msMatchesSelector;
+
+  while (el) {
+    if (matchesSelector.call(el, selector)) {
+      return el;
+    } else {
+      el = el.parentElement;
+    }
+  }
+  return null;
+}

data/assets/javascripts/hootstrap/utils/turbolinks.js

@@ -0,0 +1,13 @@
+function checkTurbolinks() {
+  if (window.Turbolinks != null && window.Turbolinks.supported) {
+    if (window.Turbolinks.EVENTS != null) {
+      return 'page:change';
+    } else {
+      return 'turbolinks:load';
+    }
+  } else {
+    return 'ready';
+  }
+}
+
+window.HootstrapEvent = checkTurbolinks();

data/assets/javascripts/hootstrap.js

@@ -1,3 +1,4 @@
+//= require hootstrap/alerts
 //= require hootstrap/modal
 //= require hootstrap/rails
 //= require hootstrap/toast

data/assets/stylesheets/hootstrap/components/_alert.scss

@@ -5,3 +5,20 @@
 .alert-alert {
   @extend .alert-danger;
 }
+
+// Close styles
+
+@each $color, $value in $theme-colors {
+  $text-color: theme-color-level($color, 6);
+
+  .alert-#{$color}.alert-dismissible .close {
+    color: $text-color;
+    opacity: 0.75;
+    text-shadow: none;
+
+    @include hover-focus {
+      color: $text-color;
+      opacity: 1;
+    }
+  }
+}

data/lib/hootstrap/version.rb

@@ -1,3 +1,3 @@
 module Hootstrap
-  VERSION = '0.1.2'
+  VERSION = '0.1.3'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: hootstrap
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - Justin Licata
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-12-02 00:00:00.000000000 Z
+date: 2017-12-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -77,10 +77,13 @@ files:
 - README.md
 - Rakefile
 - assets/javascripts/hootstrap.js
+- assets/javascripts/hootstrap/alerts.js
 - assets/javascripts/hootstrap/modal.js
 - assets/javascripts/hootstrap/rails.js
 - assets/javascripts/hootstrap/toast.js
+- assets/javascripts/hootstrap/utils/closest.js
 - assets/javascripts/hootstrap/utils/dynamicListener.js
+- assets/javascripts/hootstrap/utils/turbolinks.js
 - assets/stylesheets/hootstrap.scss
 - assets/stylesheets/hootstrap/base/_base.scss
 - assets/stylesheets/hootstrap/base/_variables.scss