Initial commit of Isolate plugin

Author: offthehandle

README.md

@@ -1,4 +1,4 @@
 jQuery-Isolate
 ==============
 
-Isolate is a jQuery plugin that isolates or filters elements on a page by clicking their associated button. The plugin is feature rich and framework-aware with init properties to dynamically generate optional grid classes for Bootstrap 3, Bootstrap 2 or a custom scaffolding inspired by BS3.
+Isolate is a jQuery plugin that isolates or filters elements on a page by clicking their associated button. Isolate is customizable and framework-aware with init properties to dynamically generate optional grid classes for Bootstrap 3, Bootstrap 2 or a custom scaffolding inspired by BS3.

css/jquery.isolate.css

@@ -0,0 +1,15 @@
+
+/*
+ * Scaffolding for Isolate Plugin (jQuery JavaScript Library)
+ * 
+ * Copyright (c) 2014 Adam J De Lucia
+ * Licensed under the MIT License.
+ * http://opensource.org/licenses/MIT
+ * 
+ * Author: Adam J De Lucia
+ * Scaffolding Version: 0.3.0 (Isolate 1.0.0)
+ * Date: May 23 2014
+ *  
+ */
+
+.bs-2-row-start{margin-left:0}[class*="iso-col-"]{position:relative;min-height:1px;float:left;padding-left:15px;padding-right:15px}.iso-col-1{width:8.33333333%}.iso-col-2{width:16.66666667%}.iso-col-3{width:25%}.iso-col-4{width:33.33333333%}.iso-col-5{width:20%}.iso-col-6{width:50%}.iso-col-7{width:58.33333333%}.iso-col-8{width:66.66666667%}.iso-col-9{width:75%}.iso-col-10{width:83.33333333%}.iso-col-11{width:91.66666667%}.iso-col-12{width:100%}

css/jquery.isolate.css.map

@@ -0,0 +1,100 @@
+
+/*
+ * Isolate Plugin for jQuery JavaScript Library
+ * 
+ * Copyright (c) 2014 Adam J De Lucia
+ * Licensed under the MIT License.
+ * http://opensource.org/licenses/MIT
+ * 
+ * Author: Adam J De Lucia
+ * Version: 1.0.0
+ * Date: May 23 2014
+ *  
+ */
+
+$.fn.isolate = function (options) {
+    var settings = $.extend({
+        filtersBox: $("#iso-filters"),
+        isosBox: $("#iso-els"),
+        isoWrapper: "li",
+        bootstrap: true,
+        version: 3,
+        breakpoint: "md",
+        columns: false,
+        colSpan: 3,
+        filter: false
+    }, options);
+
+    var str = settings.version.toString();
+    var version = str.substring(0, 1);
+
+    var isolate = function () {
+        currentIso = $(this).attr("id");
+        iso = "." + $(this).attr("id");
+        els = settings.isosBox.find($(settings.isoWrapper).not(iso));
+
+        if (currentIso != oldIso && oldIso != "") {
+            settings.isosBox.find($(settings.isoWrapper).not("." + oldIso)).show();
+        }
+
+        els.toggle(0, rowStart);
+        oldIso = $(this).attr("id");
+    };
+
+    var filter = function () {
+        currentIso = $(this).attr("id");
+        iso = "." + $(this).attr("id");
+        el = settings.isosBox.find(iso);
+
+        if (currentIso != oldIso && oldIso != "") {
+            $("." + oldIso).show();
+        }
+
+        el.toggle(0, rowStart);
+        oldIso = $(this).attr("id");
+    };
+
+    if (settings.bootstrap == true || settings.columns == true) {
+        if (settings.bootstrap == true) {
+            if (version == "3") {
+                settings.isosBox.find(settings.isoWrapper).addClass("col-" + settings.breakpoint + "-" + settings.colSpan);
+            } else if (version == "2") {
+                settings.isosBox.find(settings.isoWrapper).addClass("span" + settings.colSpan);
+                rowStart();
+            } else { alert("Isolate supports Bootstrap versions 2 and 3. You entered version " + version + ".\n\n Please use a supported version."); }
+        } else {
+            settings.isosBox.find(settings.isoWrapper).addClass("iso-col-" + settings.colSpan);
+        }
+    }
+
+    if (settings.filter == true) {
+        settings.filtersBox.on("click.isolate", ".filter", filter);
+    } else {
+        settings.filtersBox.on("click.isolate", ".filter", isolate);
+    }
+
+    function rowStart() {
+        if (settings.bootstrap == true && version == "2") {
+            settings.isosBox.find(settings.isoWrapper).removeClass("bs-2-row-start");
+            settings.isosBox.find(settings.isoWrapper).filter(function () {
+                return $(this).css("display") != "none";
+            }).each(function (index) {
+                if (settings.colSpan > 6) {
+                    $(this).addClass("bs-2-row-start");
+                } else if (settings.colSpan == 5 || settings.colSpan == 6) {
+                    if (index % 2 == 0) {
+                        $(this).addClass("bs-2-row-start");
+                    }
+                } else if ((index + 1) % (12 / settings.colSpan + 1) == 0) {
+                    $(this).addClass("bs-2-row-start");
+                }
+            });
+        }
+    }
+
+    var iso = "";
+    var el = "";
+    var els = "";
+    var currentIso = "";
+    var oldIso = "";
+};

css/jquery.isolate.min.css

@@ -0,0 +1,73 @@
+
+/*
+ * Scaffolding for Isolate Plugin (jQuery JavaScript Library)
+ * 
+ * Copyright (c) 2014 Adam J De Lucia
+ * Licensed under the MIT License.
+ * http://opensource.org/licenses/MIT
+ * 
+ * Author: Adam J De Lucia
+ * Scaffolding Version: 0.3.0 (Isolate 1.0.0)
+ * Date: May 23 2014
+ *  
+ */
+
+.bs-2-row-start {
+    margin-left: 0;
+}
+
+[class*="iso-col-"] {
+    position: relative;
+    min-height: 1px;
+    float: left;
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+.iso-col-1 {
+    width: 8.33333333%;
+}
+
+.iso-col-2 {
+    width: 16.66666667%;
+}
+
+.iso-col-3 {
+    width: 25%;
+}
+
+.iso-col-4 {
+    width: 33.33333333%;
+}
+
+.iso-col-5 {
+    width: 20%;
+}
+
+.iso-col-6 {
+    width: 50%;
+}
+
+.iso-col-7 {
+    width: 58.33333333%;
+}
+
+.iso-col-8 {
+    width: 66.66666667%;
+}
+
+.iso-col-9 {
+    width: 75%;
+}
+
+.iso-col-10 {
+    width: 83.33333333%;
+}
+
+.iso-col-11 {
+    width: 91.66666667%;
+}
+
+.iso-col-12 {
+    width: 100%;
+}