frontend: ParameterLoader: Fix invalid parameter

* Change to not use printParamWithUnit when parameter is not found in
  autopilot_data, instead uses N/A for current and just raw value for
  new parameter

Author: joaomariolago

core/frontend/src/components/parameter-editor/ParameterLoader.vue

@@ -51,27 +51,31 @@
               <v-col class="virtual-table-cell name-cell">
                 <v-tooltip bottom>
                   <template #activator="{ on }">
-                    <div v-on="on">
+                    <div :style="!item.current ? { color: 'var(--v-warning-base)' } : {}" v-on="on">
                       {{ item.name }}
                     </div>
                   </template>
                   <span>
-                    {{ item.current?.description ?? 'No description provided' }}
+                    {{
+                      item.current
+                        ? item.current?.description ?? 'No description provided'
+                        : 'Parameter not found in Autopilot data, most likely will not be written to the vehicle.'
+                    }}
                   </span>
                 </v-tooltip>
               </v-col>
               <v-col class="virtual-table-cell">
-                <v-tooltip bottom>
+                <v-tooltip :disabled="!item.current" bottom>
                   <template #activator="{ on }">
                     <div
                       class="large-text-cell"
                       v-on="on"
                     >
-                      {{ printParamWithUnit(item.current) }}
+                      {{ item.current ? printParamWithUnit(item.current) : 'N/A' }}
                     </div>
                   </template>
                   <span>
-                    {{ printParamWithUnit(item.current) }}
+                    {{ item.current ? printParamWithUnit(item.current) : 'N/A' }}
                   </span>
                 </v-tooltip>
               </v-col>
@@ -82,11 +86,11 @@
                       class="large-text-cell"
                       v-on="on"
                     >
-                      {{ printParamWithUnit(item.new) }}
+                      {{ item.current ? printParamWithUnit(item.new) : item.new.value }}
                     </div>
                   </template>
                   <span>
-                    {{ printParamWithUnit(item.new) }}
+                    {{ item.current ? printParamWithUnit(item.new) : item.new.value }}
                   </span>
                 </v-tooltip>
               </v-col>
@@ -294,7 +298,7 @@ export default Vue.extend({
 
         return {
           name,
-          current: currentParameter,
+          current: currentParameter ?? undefined,
           new: { ...currentParameter, value },
         }
       })