📝 [2.1.80] Hint about "USB" envs

Author: thinkyhead

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 The following enhancements and changes have been made to ***Auto Build Marlin***.
 
+## 2.1.80
+- Build: Fix 'reveal' for old Windows shell
+- ABM Panel: Show hints on "USB" and Maple envs
+
 ## 2.1.79
 - Config Editor: Fix true/false slider controls
 - Docs Panel: Show on first run

abm/css/abmview.css

@@ -25,8 +25,10 @@ body.vscode-dark, body.vscode-high-contrast {
   --abm-text-color-pale: #8A8;
   --abm-text-color-good: #6E6;
   --abm-text-color-limbo: #DB6;
+  --abm-text-color-limbo-maple: #D6B;
   --abm-text-color-busy: #FA0;
   --abm-text-color-error: #C44;
+  --abm-text-color-hey: rgb(0, 233, 233);
   --abm-text-color-caption: #58A;
   --abm-color-progress-border: #FFF;
   }
@@ -46,8 +48,10 @@ body.vscode-light, body.vscode-high-contrast-light {
   --abm-text-color-pale: #45F;
   --abm-text-color-good: #00D000;
   --abm-text-color-limbo: #A80;
+  --abm-text-color-limbo-maple: #A08;
   --abm-text-color-busy: #A05900;
   --abm-text-color-error: #C00;
+  --abm-text-color-hey: #0096aa;
   --abm-text-color-caption: #005B98;
   --abm-color-progress-border: #000;
   }
@@ -307,6 +311,7 @@ table#info>tbody>tr>td#info-envs { padding: 0; } /* Envs Cell */
 
 /* Environment Name Colors */
 #info-envs              .env-name { color: var(--abm-text-color-limbo); }
+#info-envs .maple       .env-name { color: var(--abm-text-color-limbo-maple); }
 #info-envs .exists      .env-name { color: var(--abm-text-color-good); }
 
 #info-envs .busy        .env-name,
@@ -410,6 +415,8 @@ div.subtabs button.active {
 
 a.reveal { font-size: small; color: var(--abm-text-color-link); }
 
+div#usb-note { padding: 1em 0; font-size: small; color: var(--abm-text-color-hey); }
+
 form#showy { position: fixed; right: calc(var(--abm-social-width) + 20px); }
 form#showy label { display: block; padding: 2px 0; }
 form#showy input[type="checkbox"] { position: relative; top: 0.2em; }

abm/js/abmview.js

@@ -150,8 +150,11 @@ var ABM = (() => {
                 $env_rows_src = $('#env-rows-src'),
                 $envs_table = $('<table>');
 
-          let has_progress = false;
+          let has_progress = false, has_usb = false;
           $.each(m.val, function(i,v) {
+            // If the name ends with USB set the flag
+            if (v.name.match(/.+_USB.*/)) has_usb = true;
+
             // Copy the template <table>, merging the env name. The <span> is allowed here!
             const $env_table_copy = $($env_rows_src.html().replace(/<env>/g, v.name));
             let $erows = $env_table_copy.find('tr').addClass(`env-${v.name}`);
@@ -161,6 +164,7 @@ var ABM = (() => {
 
             // Set env row classes and env caption
             let caption = '';
+            if (v.name.match(/.+maple.*/)) $erows.addClass('maple');
             if (v.debug) $erows.addClass('debug');
             if (v.native) $erows.addClass('native');
             if (v.busy) {
@@ -188,6 +192,8 @@ var ABM = (() => {
             $envs_table.append($erows);
           });
 
+          if (has_usb) $env_td.append($('<div id="usb-note">* "USB" Environments allow mounting the SD Card on the Host PC.</div>'));
+
           if (ptimer) { clearInterval(ptimer); ptimer = null; }
           if (has_progress) {
             ptimer = setInterval(() => {

package.json

@@ -2,7 +2,7 @@
   "name": "auto-build",
   "displayName": "Auto Build Marlin",
   "description": "Provides an interface to configure, build, and upload Marlin Firmware.",
-  "version": "2.1.79",
+  "version": "2.1.80",
   "preview": false,
   "publisher": "marlinfirmware",
   "icon": "icon.png",