Show the old and new partition infos in OTA analysis.

Test: Mannual tested.
Change-Id: I1e45d3efaefc7368a72f1ed59d09fd48f01b4132

tools/ota_analysis/src/components/PartitionDetail.vue

@@ -1,9 +1,48 @@
 <template>
-  <p
+  <h4> {{ partition.partitionName }} </h4>
+  <p v-if="partition.estimateCowSize">
+    <strong> Estimate COW Size: </strong> {{ partition.estimateCowSize }} Bytes
+  </p>
+  <p v-else>
+    <strong> Estimate COW Size: </strong> 0 Bytes
+  </p>
+  <div
     class="toggle"
-    @click="toggle()"
+    @click="toggle('showInfo')"
   >
-    Total Operations: {{ partition.operations.length }}
+    <h4> Partition Infos </h4>
+    <ul v-if="showInfo">
+      <li v-if="partition.oldPartitionInfo">
+        <strong>
+          Old Partition Size:
+        </strong>
+        {{ partition.oldPartitionInfo.size }} Bytes
+      </li>
+      <li v-if="partition.oldPartitionInfo">
+        <strong>
+          Old Partition Hash:
+        </strong>
+        {{ octToHex(partition.oldPartitionInfo.hash, false, 16) }}
+      </li>
+      <li>
+        <strong>
+          New Partition Size:
+        </strong>
+        {{ partition.newPartitionInfo.size }} Bytes
+      </li>
+      <li>
+        <strong>
+          New Partition Hash:
+        </strong>
+        {{ octToHex(partition.newPartitionInfo.hash, false, 16) }}
+      </li>
+    </ul>
+  </div>
+  <div
+    class="toggle"
+    @click="toggle('showOPs')"
+  >
+    <h4> Total Operations: {{ partition.operations.length }} </h4>
     <ul
       v-if="showOPs"
     >
@@ -17,11 +56,11 @@
         />
       </li>
     </ul>
-  </p>
+  </div>
 </template>
 
 <script>
-import { OpType } from '@/services/payload.js'
+import { OpType, octToHex } from '@/services/payload.js'
 import OperationDetail from '@/components/OperationDetail.vue'
 
 export default {
@@ -37,6 +76,7 @@ export default {
   data() {
     return {
       showOPs: false,
+      showInfo: false,
       opType: null,
     }
   },
@@ -44,9 +84,10 @@ export default {
     this.opType = new OpType()
   },
   methods: {
-    toggle() {
-      this.showOPs = !this.showOPs
+    toggle(key) {
+      this[key] = !this[key]
     },
+    octToHex: octToHex,
   },
 }
 </script>
@@ -55,7 +96,7 @@ export default {
 .toggle {
   display: block;
   cursor: pointer;
-  color: #00c255;
+  color: #762ace;
 }
 
 li {