From 78779c258d12afd01f063aced5832148239cf0ba Mon Sep 17 00:00:00 2001
From: Hasan Kumar Reddy A <hasan@rocketbox.in>
Date: Sat, 20 Feb 2016 11:12:07 +0530
Subject: [PATCH 1/2] Make markup changes idempotent

(on a ruby on rails application with turbolinks)
When I press browser back and forward, the initialization code runs again creating double elements
---
 scripts/material.js | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/scripts/material.js b/scripts/material.js
index 7b8e7466..a66f1ee0 100644
--- a/scripts/material.js
+++ b/scripts/material.js
@@ -82,8 +82,9 @@
       // Add fake-checkbox to material checkboxes
       var $input = $((selector) ? selector : this.options.checkboxElements)
         .filter(":notmdproc")
-        .data("mdproc", true)
-        .after("<span class='checkbox-material'><span class='check'></span></span>");
+        .data("mdproc", true);
+      if ($input.siblings(".checkbox-material").length == 0)
+        $input.after("<span class='checkbox-material'><span class='check'></span></span>");
 
       _toggleTypeFocus($input);
     },
@@ -91,8 +92,9 @@
       // Add fake-checkbox to material checkboxes
       var $input = $((selector) ? selector : this.options.togglebuttonElements)
         .filter(":notmdproc")
-        .data("mdproc", true)
-        .after("<span class='toggle'></span>");
+        .data("mdproc", true);
+      if ($input.siblings(".toggle").length == 0)
+        $input.after("<span class='toggle'></span>");
 
       _toggleTypeFocus($input);
     },
@@ -100,8 +102,9 @@
       // Add fake-radio to material radios
       var $input = $((selector) ? selector : this.options.radioElements)
         .filter(":notmdproc")
-        .data("mdproc", true)
-        .after("<span class='circle'></span><span class='check'></span>");
+        .data("mdproc", true);
+      if ($input.siblings(".circle").length == 0)
+        $input.after("<span class='circle'></span><span class='check'></span>");
 
       _toggleTypeFocus($input);
     },
@@ -156,7 +159,8 @@
           }
 
           // Add at the end of the form-group
-          $formGroup.append("<span class='material-input'></span>");
+          if ($formGroup.siblings(".material-input").length == 0)
+            $formGroup.append("<span class='material-input'></span>");
 
           // Support for file input
           if ($formGroup.find("input[type=file]").length > 0) {

From fa5b5f04e78e4a54bf589e7f85114851e36ecce0 Mon Sep 17 00:00:00 2001
From: Hasan Kumar Reddy A <hasan@rocketbox.in>
Date: Sat, 20 Feb 2016 11:33:11 +0530
Subject: [PATCH 2/2] Fix bootstrap lint errors

---
 bootstrap-elements.html |  2 +-
 index.html              |  2 +-
 scripts/material.js     | 16 ++++++++--------
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/bootstrap-elements.html b/bootstrap-elements.html
index 8ee91d34..270926ae 100644
--- a/bootstrap-elements.html
+++ b/bootstrap-elements.html
@@ -1815,7 +1815,7 @@
         <h2>Modals</h2>
 
         <div class="bs-component">
-          <div class="modal">
+          <div class="modal" tabindex="-1">
             <div class="modal-dialog">
               <div class="modal-content">
                 <div class="modal-header">
diff --git a/index.html b/index.html
index 5e1d7071..5f4ef352 100644
--- a/index.html
+++ b/index.html
@@ -89,7 +89,7 @@
             <form action="https://www.paypal.com/cgi-bin/webscr" id="paypal" method="post" target="_blank" style="display: inline-block;">
               <input type="hidden" name="cmd" value="_s-xclick">
 
-              <div class="btn btn-primary">
+              <div>
                 <select name="hosted_button_id" title="I can't accept less than 5 euro due to accounting troubles">
                   <option value="DAAK965W2DKYE">&euro; 5,00</option>
                   <option value="28PH77JK5QWFE">&euro; 10,00</option>
diff --git a/scripts/material.js b/scripts/material.js
index a66f1ee0..b3b844e0 100644
--- a/scripts/material.js
+++ b/scripts/material.js
@@ -83,9 +83,9 @@
       var $input = $((selector) ? selector : this.options.checkboxElements)
         .filter(":notmdproc")
         .data("mdproc", true);
-      if ($input.siblings(".checkbox-material").length == 0)
+      if ($input.siblings(".checkbox-material").length === 0) {
         $input.after("<span class='checkbox-material'><span class='check'></span></span>");
-
+      }
       _toggleTypeFocus($input);
     },
     "togglebutton": function (selector) {
@@ -93,9 +93,9 @@
       var $input = $((selector) ? selector : this.options.togglebuttonElements)
         .filter(":notmdproc")
         .data("mdproc", true);
-      if ($input.siblings(".toggle").length == 0)
+      if ($input.siblings(".toggle").length === 0) {
         $input.after("<span class='toggle'></span>");
-
+      }
       _toggleTypeFocus($input);
     },
     "radio": function (selector) {
@@ -103,9 +103,9 @@
       var $input = $((selector) ? selector : this.options.radioElements)
         .filter(":notmdproc")
         .data("mdproc", true);
-      if ($input.siblings(".circle").length == 0)
+      if ($input.siblings(".circle").length === 0) {
         $input.after("<span class='circle'></span><span class='check'></span>");
-
+      }
       _toggleTypeFocus($input);
     },
     "input": function (selector) {
@@ -159,9 +159,9 @@
           }
 
           // Add at the end of the form-group
-          if ($formGroup.siblings(".material-input").length == 0)
+          if ($formGroup.siblings(".material-input").length === 0) {
             $formGroup.append("<span class='material-input'></span>");
-
+          }
           // Support for file input
           if ($formGroup.find("input[type=file]").length > 0) {
             $formGroup.addClass("is-fileinput");