adding common build file

james-wasson · james-wasson · commit 0000d04e8ea6 · 2018-04-24T17:54:33.000-05:00
diff --git a/.DS_Store b/.DS_Store
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 .vs/
-**/.vs
+**/.vs
+**/.DS_Store
diff --git a/app/tests/test.fuzzySearch.html b/app/tests/test.fuzzySearch.html
@@ -10,7 +10,7 @@
         <!-- Font Awesome -->
         <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" />
         <!-- LESS -->
-        <link rel="stylesheet" href="../style/main.css">
+        <link rel="stylesheet" href="../../dist/main.css">
         <!-- JQuery -->
         <script src="../lib/jquery-3.3.1.min.js"></script>
         <!-- Bootstrap -->
diff --git a/app/tests/test.input.HTML.real.html b/app/tests/test.input.HTML.real.html
@@ -10,7 +10,7 @@
         <!-- Font Awesome -->
         <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" />
         <!-- LESS -->
-        <link rel="stylesheet" href="../style/main.css">
+        <link rel="stylesheet" href="../../dist/main.css">
         <!-- JQuery -->
         <script src="../lib/jquery-3.3.1.min.js"></script>
         <!-- Bootstrap -->
diff --git a/app/tests/test.input.html b/app/tests/test.input.html
@@ -10,7 +10,7 @@
         <!-- Font Awesome -->
         <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" />
         <!-- LESS -->
-        <link rel="stylesheet" href="../style/main.css">
+        <link rel="stylesheet" href="../../dist/main.css">
         <!-- JQuery -->
         <script src="../lib/jquery-3.3.1.min.js"></script>
         <!-- Bootstrap -->
diff --git a/app/tests/test.input.new.html b/app/tests/test.input.new.html
@@ -10,7 +10,7 @@
         <!-- Font Awesome -->
         <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" />
         <!-- LESS -->
-        <link rel="stylesheet" href="../style/main.css">
+        <link rel="stylesheet" href="../../dist/main.css">
         <!-- JQuery -->
         <script src="../lib/jquery-3.3.1.min.js"></script>
         <!-- Bootstrap -->
diff --git a/app/tests/test.output.form.html b/app/tests/test.output.form.html
@@ -10,7 +10,7 @@
         <!-- Font Awesome -->
         <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" />
         <!-- LESS -->
-        <link rel="stylesheet" href="../style/main.css">
+        <link rel="stylesheet" href="../../dist/main.css">
         <!-- JQuery -->
         <script src="../lib/jquery-3.3.1.min.js"></script>
         <!-- Bootstrap -->
diff --git a/app/tests/test.output.javascript.JSON.html b/app/tests/test.output.javascript.JSON.html
@@ -10,7 +10,7 @@
         <!-- Font Awesome -->
         <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" />
         <!-- LESS -->
-        <link rel="stylesheet" href="../style/main.css">
+        <link rel="stylesheet" href="../../dist/main.css">
         <!-- JQuery -->
         <script src="../lib/jquery-3.3.1.min.js"></script>
         <!-- Bootstrap -->
diff --git a/app/tests/test.output.javascript.array.html b/app/tests/test.output.javascript.array.html
@@ -10,7 +10,7 @@
         <!-- Font Awesome -->
         <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" />
         <!-- LESS -->
-        <link rel="stylesheet" href="../style/main.css">
+        <link rel="stylesheet" href="../../dist/main.css">
         <!-- JQuery -->
         <script src="../lib/jquery-3.3.1.min.js"></script>
         <!-- Bootstrap -->
diff --git a/app/tests/test.search.html b/app/tests/test.search.html
@@ -10,7 +10,7 @@
         <!-- Font Awesome -->
         <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" />
         <!-- LESS -->
-        <link rel="stylesheet" href="../style/main.css">
+        <link rel="stylesheet" href="../../dist/main.css">
         <!-- JQuery -->
         <script src="../lib/jquery-3.3.1.min.js"></script>
         <!-- Bootstrap -->
diff --git a/app/tests/test.style.multiColumn.html b/app/tests/test.style.multiColumn.html
@@ -10,7 +10,7 @@
         <!-- Font Awesome -->
         <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" />
         <!-- LESS -->
-        <link rel="stylesheet" href="../style/main.css">
+        <link rel="stylesheet" href="../../dist/main.css">
         <!-- JQuery -->
         <script src="../lib/jquery-3.3.1.min.js"></script>
         <!-- Bootstrap -->
diff --git a/app/tests/test.style.popoverSelect.html b/app/tests/test.style.popoverSelect.html
@@ -10,7 +10,7 @@
         <!-- Font Awesome -->
         <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" />
         <!-- LESS -->
-        <link rel="stylesheet" href="../style/main.css">
+        <link rel="stylesheet" href="../../dist/main.css">
         <!-- JQuery -->
         <script src="../lib/jquery-3.3.1.min.js"></script>
         <!-- Bootstrap -->
diff --git a/app/tests/test.style.popover_fuzzysearch.html b/app/tests/test.style.popover_fuzzysearch.html
@@ -10,7 +10,7 @@
         <!-- Font Awesome -->
         <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" />
         <!-- LESS -->
-        <link rel="stylesheet" href="../style/main.css">
+        <link rel="stylesheet" href="../../dist/main.css">
         <!-- JQuery -->
         <script src="../lib/jquery-3.3.1.min.js"></script>
         <!-- Bootstrap -->
diff --git a/app/tests/test.style.singleColumn.html b/app/tests/test.style.singleColumn.html
@@ -10,7 +10,7 @@
         <!-- Font Awesome -->
         <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" />
         <!-- LESS -->
-        <link rel="stylesheet" href="../style/main.css">
+        <link rel="stylesheet" href="../../dist/main.css">
         <!-- JQuery -->
         <script src="../lib/jquery-3.3.1.min.js"></script>
         <!-- Bootstrap -->
diff --git a/build.sh b/build.sh
@@ -0,0 +1,2 @@
+node ./r.js -o js.build.js
+lessc ./app/style/main.less ./dist/main.css
diff --git a/dist/.DS_Store b/dist/.DS_Store
diff --git a/dist/main.css b/dist/main.css
@@ -0,0 +1,184 @@
+/* Specifies the root path */
+.JSMultiselect {
+  width: auto;
+  display: block;
+  background-color: #0b0c10;
+  margin: 2% 5% 2% 5%;
+  padding: 10px;
+  padding-top: 10px;
+  /* Apply to all */
+}
+.JSMultiselect .hidden {
+  display: none;
+}
+.JSMultiselect .JSM-body {
+  padding-bottom: 0;
+  min-height: 20vh;
+  max-height: 30vh;
+  overflow: auto;
+  overflow-y: scroll;
+  /* width */
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.JSMultiselect .JSM-body * {
+  font-weight: bold;
+}
+.JSMultiselect .JSM-body::-webkit-scrollbar {
+  width: 8px;
+}
+.JSMultiselect .JSM-body::-webkit-scrollbar-track {
+  background: #c5c6c7;
+}
+.JSMultiselect .JSM-body::-webkit-scrollbar-thumb {
+  background: #68b9b6;
+}
+.JSMultiselect .JSM-body::-webkit-scrollbar-thumb:hover {
+  background: #66fcf1;
+}
+.JSMultiselect .list-group-root > .list-group {
+  margin-bottom: 0 !important;
+  overflow: hidden;
+  height: 100%;
+  background-color: #1f2833;
+  color: #45a29e;
+}
+.JSMultiselect .list-group-root > .list-group .list-group-item {
+  border-radius: 0;
+  border-width: 1px 0 0 0;
+  border-color: #66fcf1;
+  padding-left: 5%;
+  position: relative;
+  background-color: inherit;
+  color: inherit;
+}
+.JSMultiselect .list-group-root > .list-group .list-group-item .JSM-checkbox {
+  font-family: "FontAwesome";
+  -webkit-appearance: none;
+  background-color: #d2f080;
+  border: 1px solid black;
+  padding: 0;
+  margin: 0;
+  margin-right: 10px;
+  height: 16px;
+  width: 16px;
+  border-radius: 3px;
+  display: inline-block;
+  position: relative;
+  vertical-align: text-bottom;
+}
+.JSMultiselect .list-group-root > .list-group .list-group-item .JSM-checkbox:hover {
+  background-color: #eea193;
+}
+.JSMultiselect .list-group-root > .list-group .list-group-item .JSM-checkbox:checked:after {
+  content: '\f00c';
+  font-size: 14px;
+  font-weight: 100;
+  color: black;
+  text-align: center;
+  vertical-align: text-top;
+}
+.JSMultiselect .list-group-root > .list-group .list-group-item .JSM-itemImage {
+  margin-right: 5px;
+  vertical-align: text-bottom;
+}
+.JSMultiselect .list-group-root > .list-group .list-group-item .JSM-itemImage img,
+.JSMultiselect .list-group-root > .list-group .list-group-item .JSM-itemImage i {
+  height: 100%;
+  max-height: 20px;
+  width: 100%;
+  max-width: 20px;
+  padding: 0;
+  margin: 0;
+  text-align: center;
+  vertical-align: middle;
+  font-size: 16px;
+}
+.JSMultiselect .list-group-root > .list-group .list-group,
+.JSMultiselect .list-group-root > .list-group {
+  position: relative;
+  margin-bottom: 0;
+  color: #45a29e;
+  border-radius: 0;
+}
+.JSMultiselect .list-group-root > .list-group .JSM-item-header {
+  cursor: pointer;
+  position: relative;
+  padding-right: calc(8% + 15px);
+}
+.JSMultiselect .list-group-root > .list-group .JSM-item-header .drop-icon {
+  font-family: "FontAwesome";
+  width: 15px;
+  position: absolute;
+  right: 0;
+  margin-bottom: 2px;
+  margin-right: 5%;
+}
+.JSMultiselect .list-group-root > .list-group .JSM-item-header .drop-icon:after {
+  content: "\f078";
+}
+.JSMultiselect .list-group-root > .list-group .JSM-item-header.collapsed .drop-icon:after {
+  content: "\f054" !important;
+}
+.JSMultiselect.multiColumn .list-group-root > .list-group {
+  margin-right: auto;
+  margin-left: auto;
+  -webkit-column-count: 1;
+  -webkit-column-gap: 10px;
+  -webkit-column-fill: balance;
+  -webkit-column-width: auto;
+  -moz-column-count: 1;
+  -moz-column-gap: 10px;
+  -moz-column-fill: balance;
+  -moz-column-width: auto;
+  column-count: 1;
+  column-gap: 10px;
+  column-fill: balance;
+  column-width: auto;
+}
+.JSMultiselect.multiColumn .list-group-root > .list-group .list-group-item {
+  display: block;
+}
+.JSMultiselect.popoverSelect .JSM-popoverDisplay .JSM-popover {
+  background-color: #d2f080;
+  margin-right: 20px;
+  display: inline-block;
+  height: 35px;
+  border-style: outset;
+  border-radius: 10px;
+  padding: 5px;
+}
+.JSMultiselect.popoverSelect .JSM-popoverDisplay .JSM-popover:hover {
+  background-color: #eea193;
+}
+.JSMultiselect.popoverSelect .JSM-body {
+  min-height: unset;
+  overflow-y: auto;
+}
+.JSMultiselect.popoverSelect .JSM-body {
+  overflow: auto;
+  overflow-y: scroll;
+}
+.JSMultiselect.popoverSelect .JSM-head .JSM-search {
+  position: relative;
+}
+.JSMultiselect.popoverSelect .JSM-head .JSM-search .JSM-searchbar {
+  display: inline-block;
+  width: 100%;
+}
+.JSMultiselect.popoverSelect .JSM-head .JSM-search .JSM-closePopList {
+  position: absolute;
+  z-index: 1;
+  right: 18px;
+  top: 1px;
+  color: #7B7B7B;
+  cursor: pointer;
+  width: 0;
+}
+.JSMultiselect *.textColorLighter {
+  color: #45a29e !important;
+}
+.JSMultiselect *.textColorDarker {
+  color: #275a58 !important;
+}
diff --git a/js.build.js b/js.build.js

-Original file line number
+Diff line change
@@ @@ -1,2 +1,3 @@ @@
 .vs/
 -**/.vs
 +**/.vs
 +**/.DS_Store