From f506b57791d680bb283016f03371f3a4d4b42b06 Mon Sep 17 00:00:00 2001
From: lishutong <lishutong@google.com>
Date: Mon, 19 Jul 2021 17:32:39 +0000
Subject: [PATCH] Add VAB, VABC state checker to OTA_analyzer.

Add BasicInfo.vue to show some basic facts of the ota package,
including:
- is partial or not
- is incremental or not
- is VAB or not
- is VABC or not

Test: Mannual tested.
Change-Id: Ibc3e0a88ea03fc310b401ffe14c5b63d9e0f9452
---
 .../ota_analysis/src/components/BasicInfo.vue | 75 +++++++++++++++++++
 .../src/components/PayloadDetail.vue          | 17 ++---
 2 files changed, 82 insertions(+), 10 deletions(-)
 create mode 100644 tools/ota_analysis/src/components/BasicInfo.vue

diff --git a/tools/ota_analysis/src/components/BasicInfo.vue b/tools/ota_analysis/src/components/BasicInfo.vue
new file mode 100644
index 000000000..6fdd8bf09
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/tools/ota_analysis/src/components/PayloadDetail.vue b/tools/ota_analysis/src/components/PayloadDetail.vue
index ed71d5e8a..75a56ac2c 100644
--- a/tools/ota_analysis/src/components/PayloadDetail.vue
+++ b/tools/ota_analysis/src/components/PayloadDetail.vue
@@ -1,15 +1,9 @@
 <template>
-  <div
-    v-if="zipFile"
+  <BasicInfo
+    :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 {