deploy

Signed-off-by: Alex Lau (AvengerMoJo) <[email protected]>
AvengerMoJo · Sep 30, 2021 · 2713ce8 · 2713ce8
1 parent b932f76
commit 2713ce8
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 4 deletions.
diff --git a/StorageLayoutMapper.html b/StorageLayoutMapper.html
@@ -89,9 +89,9 @@
 }
 window.onload=updateURL;
         </script>
-      <script type="module" crossorigin src="https://avengermojo.github.io/assets/storage.c7b2e8cf.js"></script>
+      <script type="module" crossorigin src="https://avengermojo.github.io/assets/storage.ec424dc4.js"></script>
     <link rel="modulepreload" href="https://avengermojo.github.io/assets/vendor.ec54b159.js">
-    <link rel="stylesheet" href="https://avengermojo.github.io/assets/storage.6d9a3371.css">
+    <link rel="stylesheet" href="https://avengermojo.github.io/assets/storage.7824debe.css">
   </head>
     <body>
     <h1>Storage Drive Layout Configurator</h1>
@@ -350,9 +350,19 @@ <h1>Storage Drive Layout Configurator</h1>
                 document.getElementById(tabName).style.display = "block";
                 theEvent.currentTarget.className += " active";
             }
+
+            function updateColorTab(){
+                var elements = document.getElementsByClassName('HardDrive');
+                for (var i = 0; i < elements.length; i++) {
+                    var element = elements[i];
+                    var select_hd_id = document.getElementById("HardDriveID");
+                    select_hd_id.options[ select_hd_id.options.length ] = new Option(element.id, element.id);
+                }
+            }
         </script>
         <button class="tablinks" onclick="switchTab(event, 'Json')">JSON</button>
         <button class="tablinks" onclick="switchTab(event, 'diagrams.net')">diagrams.net</button>
+        <button class="tablinks" onclick="switchTab(event, 'ColorTab');updateColorTab();">Color Change</button>
         <div id="Json" class="tabview">
             <button onclick="window.jsonview()">JSON-View</button>
             <script>
@@ -376,6 +386,39 @@ <h1>Storage Drive Layout Configurator</h1>
                 <pre><textarea id="diastring" rows="25" cols="80"></textarea></pre>
             </div>
         </div>
+        <div id="ColorTab" class="tabview">
+            <button onclick="window.colorchangeview()">ColorChange</button>
+            <script>
+                function colorchangeview() {
+                    color = document.getElementById("HardDriveColor").value;
+                    drive = document.getElementById("HardDriveID").value;
+                    if( drive == "All" ) {
+                        var elements = document.getElementsByClassName('HardDrive');
+                        for (var i = 0; i < elements.length; i++) {
+                            var element = elements[i];
+                            element.style.fill = color;
+                        }
+                    } else {
+                      document.getElementById(drive).style.fill = color;
+                    }
+                    //document.getElementById( document.getElementById("HardDriveID").value).style.fill = document.getElementById("DriveColor").value;
+                }
+            </script>
+            <div id="ColorChangeView" class="menu">
+                <p>Color HD change into:
+                    <select name="HardDriveColor" id="HardDriveColor">
+                        <option value="white">White</option>
+                        <option value="green">Green</option>
+                        <option value="orange">Orange</option>
+                        <option value="red">Red</option>
+                    </select>
+                </p>
+                <p>Change Color for HardDrive ID :</p>
+                <select name="HardDriveID" id="HardDriveID">
+                    <option value="All">All</option>
+                </select>
+            </div>
+        </div>
     </div>
     <div id="box" class="box"></div>
     </body>

diff --git a/assets/storage.6d9a3371.css → assets/storage.7824debe.css b/assets/storage.6d9a3371.css → assets/storage.7824debe.css
diff --git a/assets/storage.c7b2e8cf.js b/assets/storage.c7b2e8cf.js
diff --git a/assets/storage.ec424dc4.js b/assets/storage.ec424dc4.js