From 8697ba318816193feefd82c33347f4eb6f65155f Mon Sep 17 00:00:00 2001
From: Ray <sympatheticfire@gmail.com>
Date: Wed, 27 Sep 2023 22:22:56 +0100
Subject: [PATCH] Added option for show-icon Updated demo page

---
 src/bbtreeview.css => bbtreeview.css |  4 ++++
 bbtreeview.js                        | 14 ++++++++++----
 demo-test.html                       | 29 +++++++++++++++++++++-------
 3 files changed, 36 insertions(+), 11 deletions(-)
 rename src/bbtreeview.css => bbtreeview.css (95%)

diff --git a/src/bbtreeview.css b/bbtreeview.css
similarity index 95%
rename from src/bbtreeview.css
rename to bbtreeview.css
index c6733c7..1c61c3b 100644
--- a/src/bbtreeview.css
+++ b/bbtreeview.css
@@ -69,4 +69,8 @@ ul.bbtreeview div.li > span {
   text-overflow: ellipsis;
   vertical-align: top;
   white-space: nowrap;
+}
+
+ul.bbtreeview div.li > span.noicon {
+  padding-left: 0px !important;
 }
\ No newline at end of file
diff --git a/bbtreeview.js b/bbtreeview.js
index 6983bc9..fa5bb92 100644
--- a/bbtreeview.js
+++ b/bbtreeview.js
@@ -1,6 +1,6 @@
 /**
  * BBTreeview
- * @version v0.1.0.244 (2023/09/11 2327)
+ * @version v0.1.1.006 (2023/09/27 2218)
  */
 function BBTreeview(options)
 {
@@ -65,7 +65,8 @@ BBTreeview.prototype.Default = function() {
       ID: null,
       ShowCheckbox: false,
       ShowSelection: true,
-      EnablePullUp: false
+      EnablePullUp: false,
+      ShowIcon: true
     },
     TreeNodeOptions: {
       ID: null,
@@ -295,8 +296,13 @@ BBTreeview.prototype.generateNodeHtml = function(options) {
     html += '<div class="icon checkbox"></div>';
   }
 
-  html += '<div class="icon ' + options.Icon + '"></div>';
-  html += '<span title="' + options.Hint + '">' + options.Name + '</span>';
+  if (a.Options.ShowIcon) {
+    html += '<div class="icon ' + options.Icon + '"></div>';
+    html += '<span title="' + options.Hint + '">' + options.Name + '</span>';
+  } else {
+    html += '<span class="noicon" title="' + options.Hint + '">' + options.Name + '</span>';
+  }
+
   html += '</div>';
   html += '<ul></ul>';
   html += '</li>';
diff --git a/demo-test.html b/demo-test.html
index 56a382b..783237d 100644
--- a/demo-test.html
+++ b/demo-test.html
@@ -10,11 +10,11 @@
   <!-- <script src="http://cdn.hiimray.co.uk/8206c600-707c-469e-8d49-a76ae35782af/bootstrap/5.3.0/dist/js/bootstrap.bundle.min.js"></script> -->
   <!-- <link href="http://cdn.hiimray.co.uk/8206c600-707c-469e-8d49-a76ae35782af/bootstrap/5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" /> -->
 
-  <!-- <link href="src/bbtreeview.css" rel="stylesheet" /> -->
-  <link href="bbtreeview.min.css" rel="stylesheet" />
-  <!-- <script src="bbtreeview.js"></script> -->
-  <!-- <script src="bbtreeviewnode.js"></script> -->
-  <script src="bbtreeview.min.js"></script>
+  <link href="bbtreeview.css" rel="stylesheet" />
+  <script src="bbtreeview.js"></script>
+  <script src="bbtreeviewnode.js"></script>
+  <!-- <link href="bbtreeview.min.css" rel="stylesheet" /> -->
+  <!-- <script src="bbtreeview.min.js"></script> -->
 
   <title></title>
 </head>
@@ -34,6 +34,7 @@
       <p><button onclick="CreateTreeview(1)">Create Treeview (Checkbox and Selection)</button></p>
       <p><button onclick="CreateTreeview(2)">Create Treeview (Checkbox, Hide Selection, Enable Pull-Ups)</button></p>
       <p><button onclick="CreateTreeview(3)">Create Treeview (No Checkbox, Selection)</button></p>
+      <p><button onclick="CreateTreeview(4)">Create Treeview (No Checkbox, No Icons, Selection)</button></p>
 
     </div>
     <div class="panel">
@@ -94,11 +95,13 @@
   <style>
 
 body {
-  padding: 20px;
+  padding: 10px;
 }
 
 .column {
-  width: 50%; min-height:400px; float: left
+  float: left;
+  min-height: 400px;
+  width: 50%;
 }
 
 .panel {
@@ -146,10 +149,22 @@ function CreateTreeview(value){
         EnablePullUp: false
       });
 
+      break;
+    case 4:
+      window.treeview1 = new BBTreeview({
+        ID: "#treeview1",
+        ShowCheckbox: false,
+        ShowSelection: true,
+        EnablePullUp: false,
+        ShowIcon: false
+      });
+
       break;
     default:
       break;
   }
+
+  LoadTreeview();
 }
 
 function LoadTreeview(){