CEC-4643 dlt_enabled T.Rex config value (#377)

src/components/App/__snapshots__/App.test.js.snap

@@ -11568,6 +11568,13 @@ exports[`App Route /vehicle-status authenticated 1`] = `
                             : 
                             false
                           </p>
+                          <p>
+                            <b>
+                              DLT Logging Enabled
+                            </b>
+                            : 
+                            false
+                          </p>
                         </div>
                         <div
                           class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"

src/components/Cars/Status/Details/__snapshots__/index.test.jsx.snap

@@ -147,6 +147,13 @@ exports[`VehicleDetailsTab Render 1`] = `
                   : 
                   false
                 </p>
+                <p>
+                  <b>
+                    DLT Logging Enabled
+                  </b>
+                  : 
+                  false
+                </p>
               </div>
               <div
                 class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"

src/components/Cars/Status/Details/index.jsx

@@ -144,6 +144,9 @@ const MainForm = ({ vin }) => {
               <p>
                 <b>DTC Enabled</b>: {(vehicle.canbus.dtc_enabled || false).toString()}
               </p>
+              <p>
+                <b>DLT Logging Enabled</b>: {(vehicle.dlt_enabled || false).toString()}
+              </p>
             </>
           )}
         </Grid>

src/components/Cars/Status/__snapshots__/DetailsTab.test.jsx.snap

@@ -155,6 +155,13 @@ exports[`DetailsTab Render 1`] = `
                     : 
                     false
                   </p>
+                  <p>
+                    <b>
+                      DLT Logging Enabled
+                    </b>
+                    : 
+                    false
+                  </p>
                 </div>
                 <div
                   class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"

src/components/Cars/Update/__snapshots__/index.test.jsx.snap

@@ -1006,6 +1006,43 @@ exports[`VehicleUpdate Render 1`] = `
                   DTC Enabled
                 </span>
               </label>
+              <label
+                class="MuiFormControlLabel-root"
+              >
+                <span
+                  aria-disabled="false"
+                  class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-0 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
+                >
+                  <span
+                    class="MuiIconButton-label"
+                  >
+                    <input
+                      class="PrivateSwitchBase-input-0"
+                      data-indeterminate="false"
+                      type="checkbox"
+                      value=""
+                    />
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root"
+                      focusable="false"
+                      viewBox="0 0 24 24"
+                    >
+                      <path
+                        d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="MuiTouchRipple-root"
+                  />
+                </span>
+                <span
+                  class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
+                >
+                  DLT Logging Enabled (supported from T.Rex 1.1.127)
+                </span>
+              </label>
               <div
                 class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
               >

src/components/Cars/Update/index.jsx

@@ -47,6 +47,7 @@ const MainForm = () => {
   const [maxMemBufferSize, setMaxMemBufferSize] = useState(0);
   const [maxDiskBufferSize, setMaxDiskBufferSize] = useState(0);
   const [dtcEnabled, setDTCEnabled] = useState(true);
+  const [dltEnabled, setDLTEnabled] = useState(false);
   const debugMaskEl = useRef(null);
   const tagsEl = useRef(null);
 
@@ -99,6 +100,7 @@ const MainForm = () => {
       setMaxDiskBufferSize(vehicle.canbus.max_disk_buffer_size ?? maxDiskBufferSize);
       setDTCEnabled(vehicle.canbus.dtc_enabled ?? dtcEnabled);
     }
+    setDLTEnabled(vehicle.dlt_enabled ?? dltEnabled);
 
     if (showDebugMask) {
       debugMaskEl.current.value = vehicle.debug_mask ?? ""
@@ -125,6 +127,10 @@ const MainForm = () => {
     setDTCEnabled(event.target.checked);
   }
 
+  const onDltEnabledChange = (event) => {
+    setDLTEnabled(event.target.checked);
+  }
+
   const onMaxMemBufferSizeChange = (event) => {
     setMaxMemBufferSize(event.target.value);
   }
@@ -148,7 +154,7 @@ const MainForm = () => {
         restraint: restraintEl.current.value,
         body_type: bodyTypeEl.current.value,
         log_level: selectedLogLevel,
-        tags: tagsEl.current.value.split(",").map(function (word) {
+        tags: tagsEl.current.value.split(",").map(function(word) {
           return word.trim();
         }),
         canbus: {
@@ -158,6 +164,7 @@ const MainForm = () => {
           max_disk_buffer_size: canbusEnabled && dataLoggerEnabled ? parseInt(maxDiskBufferSize) : 0,
           dtc_enabled: dtcEnabled
         },
+        dlt_enabled: dltEnabled,
         debug_mask: debugMaskEl.current?.value
       };
 
@@ -423,6 +430,12 @@ const MainForm = () => {
             onChange={onDtcEnabledChange}
           />
         } label="DTC Enabled" />
+        <FormControlLabel control={
+          <Checkbox
+            checked={dltEnabled}
+            onChange={onDltEnabledChange}
+          />
+        } label="DLT Logging Enabled (supported from T.Rex 1.1.127)" />
         {showDebugMask && (
           <TextField
             id="debug_mask"