1*90c8c64dSAndroid Build Coastguard Worker<template> 2*90c8c64dSAndroid Build Coastguard Worker <ul> 3*90c8c64dSAndroid Build Coastguard Worker <h5> {{ mapType.getWithDefault(operation.type) }} </h5> 4*90c8c64dSAndroid Build Coastguard Worker <li v-if="operation.hasOwnProperty('dataOffset')"> 5*90c8c64dSAndroid Build Coastguard Worker <strong> Data offset: </strong> {{ operation.dataOffset }} 6*90c8c64dSAndroid Build Coastguard Worker </li> 7*90c8c64dSAndroid Build Coastguard Worker <li v-if="operation.hasOwnProperty('dataLength')"> 8*90c8c64dSAndroid Build Coastguard Worker <strong> Data length: </strong> {{ operation.dataLength }} 9*90c8c64dSAndroid Build Coastguard Worker </li> 10*90c8c64dSAndroid Build Coastguard Worker <li v-if="operation.hasOwnProperty('srcExtents')"> 11*90c8c64dSAndroid Build Coastguard Worker <strong> Source: </strong> {{ operation.srcExtents.length }} extents ({{ srcTotalBlocks }} 12*90c8c64dSAndroid Build Coastguard Worker blocks) 13*90c8c64dSAndroid Build Coastguard Worker <br> 14*90c8c64dSAndroid Build Coastguard Worker {{ srcBlocks }} 15*90c8c64dSAndroid Build Coastguard Worker </li> 16*90c8c64dSAndroid Build Coastguard Worker <li v-if="operation.hasOwnProperty('dstExtents')"> 17*90c8c64dSAndroid Build Coastguard Worker <strong> Destination: </strong> {{ operation.dstExtents.length }} extents ({{ dstTotalBlocks }} 18*90c8c64dSAndroid Build Coastguard Worker blocks) 19*90c8c64dSAndroid Build Coastguard Worker <br> 20*90c8c64dSAndroid Build Coastguard Worker {{ dstBlocks }} 21*90c8c64dSAndroid Build Coastguard Worker </li> 22*90c8c64dSAndroid Build Coastguard Worker </ul> 23*90c8c64dSAndroid Build Coastguard Worker <v-divider /> 24*90c8c64dSAndroid Build Coastguard Worker</template> 25*90c8c64dSAndroid Build Coastguard Worker 26*90c8c64dSAndroid Build Coastguard Worker<script> 27*90c8c64dSAndroid Build Coastguard Workerimport { numBlocks, displayBlocks } from '../services/payload_composition.js' 28*90c8c64dSAndroid Build Coastguard Workerimport { DefaultMap } from '../services/payload.js' 29*90c8c64dSAndroid Build Coastguard Worker 30*90c8c64dSAndroid Build Coastguard Workerexport default { 31*90c8c64dSAndroid Build Coastguard Worker props: { 32*90c8c64dSAndroid Build Coastguard Worker operation: { 33*90c8c64dSAndroid Build Coastguard Worker type: Object, 34*90c8c64dSAndroid Build Coastguard Worker required: true, 35*90c8c64dSAndroid Build Coastguard Worker }, 36*90c8c64dSAndroid Build Coastguard Worker mapType: { 37*90c8c64dSAndroid Build Coastguard Worker type: DefaultMap, 38*90c8c64dSAndroid Build Coastguard Worker required: true, 39*90c8c64dSAndroid Build Coastguard Worker }, 40*90c8c64dSAndroid Build Coastguard Worker }, 41*90c8c64dSAndroid Build Coastguard Worker data() { 42*90c8c64dSAndroid Build Coastguard Worker return { 43*90c8c64dSAndroid Build Coastguard Worker srcTotalBlocks: null, 44*90c8c64dSAndroid Build Coastguard Worker srcBlocks: null, 45*90c8c64dSAndroid Build Coastguard Worker dstTotalBlocks: null, 46*90c8c64dSAndroid Build Coastguard Worker dstBlocks: null, 47*90c8c64dSAndroid Build Coastguard Worker } 48*90c8c64dSAndroid Build Coastguard Worker }, 49*90c8c64dSAndroid Build Coastguard Worker mounted() { 50*90c8c64dSAndroid Build Coastguard Worker if (this.operation.srcExtents) { 51*90c8c64dSAndroid Build Coastguard Worker this.srcTotalBlocks = numBlocks(this.operation.srcExtents) 52*90c8c64dSAndroid Build Coastguard Worker this.srcBlocks = displayBlocks(this.operation.srcExtents) 53*90c8c64dSAndroid Build Coastguard Worker } 54*90c8c64dSAndroid Build Coastguard Worker if (this.operation.dstExtents) { 55*90c8c64dSAndroid Build Coastguard Worker this.dstTotalBlocks = numBlocks(this.operation.dstExtents) 56*90c8c64dSAndroid Build Coastguard Worker this.dstBlocks = displayBlocks(this.operation.dstExtents) 57*90c8c64dSAndroid Build Coastguard Worker } 58*90c8c64dSAndroid Build Coastguard Worker }, 59*90c8c64dSAndroid Build Coastguard Worker} 60*90c8c64dSAndroid Build Coastguard Worker</script> 61*90c8c64dSAndroid Build Coastguard Worker 62*90c8c64dSAndroid Build Coastguard Worker<style scoped> 63*90c8c64dSAndroid Build Coastguard Workerul { 64*90c8c64dSAndroid Build Coastguard Worker padding: 5px; 65*90c8c64dSAndroid Build Coastguard Worker} 66*90c8c64dSAndroid Build Coastguard Worker 67*90c8c64dSAndroid Build Coastguard Workerli { 68*90c8c64dSAndroid Build Coastguard Worker color: black; 69*90c8c64dSAndroid Build Coastguard Worker list-style-type: none; 70*90c8c64dSAndroid Build Coastguard Worker} 71*90c8c64dSAndroid Build Coastguard Worker 72*90c8c64dSAndroid Build Coastguard Worker</style>