Minor style fixes

- Make selects shorter on carrier list
- Make hex generator button enable or disable if the required settings are made or not

Author: rickkas7

src/assets/js/device-restore.js

@@ -15,8 +15,26 @@ $(document).ready(function() {
         $('#progressDiv').hide();    
     }
 
+    if ($('#hexGeneratorForm').length > 0) {
+        const buttonEnable = function() {
+            const imageFile = $('input[name="imageFile"]:checked').val();
+            const userBinFiles = $('#userBinFile').prop('files');
+            if (!imageFile || !userBinFiles || userBinFiles.length != 1) {
+                // Not valid settings
+                $('#hexGeneratorForm').find('button').attr('disabled', 'disabled');
+            }
+            else {
+                $('#hexGeneratorForm').find('button').removeAttr('disabled');
+            }
+        };
+        
+        $('input').on('change', buttonEnable);
+
+        buttonEnable();
+    }
 });
 
+
 async function startFlash(platform, version) {
     $('#deviceRestoreTable').hide();
     $('#progressDiv').hide();

src/assets/less/carriers.less

@@ -38,3 +38,7 @@ div.sideBySide0 {
 div.sideBySide1 {
 	flex: 1;
 }
+
+select.carrierListSelect {
+	height: 31px;
+}

src/content/hex-generator.md

@@ -21,7 +21,7 @@ This tool takes the [restore binaries](/reference/developer-tools/jtag/#restore-
 
 - Select your user firmware .bin file:
 
-<form>
+<form id="hexGeneratorForm">
 <p><input type="file" id="userBinFile" name="userBinFile" accept=".bin"></p>
 <p><button type="button" onclick="downloadHex()">Generate and Download Hex File</button></p>
 </form>

templates/layouts/carriers.hbs

@@ -76,11 +76,11 @@
         <table>
             <tr>
                 <td class="carrierFormLabel">Device:</td>
-                <td><select id="deviceList"></select></td>
+                <td><select id="deviceList" class="carrierListSelect"></select></td>
             </tr>
             <tr>
                 <td class="carrierFormLabel">Region:</td>
-                <td><select id="regionList"></select></td>
+                <td><select id="regionList" class="carrierListSelect"></select></td>
             </tr>
         </table>
     </form>
@@ -99,7 +99,7 @@
     <form>
         <div>
         <input type="radio" id="country2RegionRadio" name="country2Radio" value="region">
-        <label for="country2RegionRadio">Region <select id="country2RegionSel">
+        <label for="country2RegionRadio">Region <select id="country2RegionSel" class="carrierListSelect">
         </select></label>
 
         <input type="radio" id="country2CountryRadio" name="country2Radio" value="country">
@@ -129,7 +129,7 @@
           <tr>
               <td class="carrierFormLabel">Device Family:</td>
               <td>
-                  <select id="familyMapSelect">
+                  <select id="familyMapSelect" class="carrierListSelect">
                       <option value="tracker">Tracker</option>
                       <option value="b series">B Series SoM</option>
                       <option value="boron">Boron</option>
@@ -153,7 +153,7 @@
       <table>
         <tr>
           <td class="carrierFormLabel">Device:</td>
-          <td><select id="countryDetailDeviceList"></select></td>
+          <td><select id="countryDetailDeviceList" class="carrierListSelect"></select></td>
         </tr>
         <tr>
           <td class="carrierFormLabel">Country:</td>

templates/layouts/device-restore.hbs

@@ -15,7 +15,7 @@
 
             <div id="errorDiv"></div>
 
-            <div id="progressDiv">
+            <div id="progressDiv" style="display:none;">
                 <label for="progressBar">Flash progress:</label>
                 <progress id="progressBar" value="0" max="100"></progress>
             </div>