Merge "Add VAB, VABC state checker to OTA_analyzer."

tools/ota_analysis/src/components/BasicInfo.vue

@@ -0,0 +1,75 @@
+<template>
+  <h3>Basic infos</h3>
+  <div v-if="zipFile">
+    <ul class="align">
+      <li><strong> File name </strong> {{ zipFile.name }}</li>
+      <li><strong> File size </strong> {{ zipFile.size }} Bytes</li>
+      <li>
+        <strong> File last modified date </strong>
+        {{ zipFile.lastModifiedDate }}
+      </li>
+    </ul>
+  </div>
+  <div v-if="payload && payload.manifest">
+    <ul class="align">
+      <li>
+        <strong> Incremental </strong>
+        <!-- Check if the first partition is incremental or not -->
+        <span v-if="payload.manifest.partitions[0].oldPartitionInfo">
+          &#9989;
+        </span>
+        <span v-else> &#10062; </span>
+      </li>
+      <li>
+        <strong> Partial </strong>
+        <span v-if="payload.manifest.partialUpdate"> &#9989; </span>
+        <span v-else> &#10062; </span>
+      </li>
+      <li>
+        <strong> VAB </strong>
+        <span v-if="payload.manifest.dynamicPartitionMetadata.snapshotEnabled">
+          &#9989;
+        </span>
+        <span v-else> &#10062; </span>
+      </li>
+      <li>
+        <strong> VABC </strong>
+        <span v-if="payload.manifest.dynamicPartitionMetadata.vabcEnabled">
+          &#9989;
+        </span>
+        <span v-else> &#10062; </span>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+import { Payload } from '@/services/payload.js'
+
+export default {
+  props: {
+    zipFile: {
+      type: File,
+      required: true,
+    },
+    payload: {
+      type: Payload,
+      required: true,
+    },
+  },
+}
+</script>
+
+<style scoped>
+.align strong {
+  display: inline-block;
+  width: 50%;
+  position: relative;
+  padding-right: 10px; /* Ensures colon does not overlay the text */
+  text-align: right;
+}
+
+.align strong::after {
+  content: ':';
+}
+</style>

tools/ota_analysis/src/components/PayloadDetail.vue

@@ -1,15 +1,9 @@
 <template>
-  <div
+  <BasicInfo
-    v-if="zipFile"
+    :zipFile="zipFile"
+    :payload="payload"
     class="mb-5"
-  >
+  />
-    <h3>File infos</h3>
-    <ul>
-      <li>File name: {{ zipFile.name }}</li>
-      <li>File size: {{ zipFile.size }} Bytes</li>
-      <li>File last modified date: {{ zipFile.lastModifiedDate }}</li>
-    </ul>
-  </div>
   <v-divider />
   <div v-if="payload">
     <h3>Partition List</h3>
@@ -55,11 +49,13 @@
 
 <script>
 import PartitionDetail from './PartitionDetail.vue'
+import BasicInfo from '@/components/BasicInfo.vue'
 import { Payload } from '@/services/payload.js'
 
 export default {
   components: {
     PartitionDetail,
+    BasicInfo,
   },
   props: {
     zipFile: {
@@ -94,6 +90,7 @@ function octToHex(bufferArray) {
   height: 200px;
   width: 100%;
   word-break: break-all;
+  text-align: center;
 }
 
 .partial-info {