forked from cerc-io/cosmos-explorer
115 lines
3.0 KiB
Vue
115 lines
3.0 KiB
Vue
<script lang="ts" setup>
|
|
// import { BTable } from 'bootstrap-vue'
|
|
// import {
|
|
// getStakingValidatorByHex, isHexAddress, isToken, percent, toDay, tokenFormatter,
|
|
// } from '@/libs/utils'
|
|
// export default {
|
|
// name: 'ArrayFieldComponent',
|
|
// components: {
|
|
// BTable,
|
|
// },
|
|
// props: {
|
|
// tablefield: {
|
|
// type: [Array, Object],
|
|
// default: () => [],
|
|
// },
|
|
// },
|
|
// computed: {
|
|
// items() {
|
|
// if (this.tablefield.length > 0 && typeof (this.tablefield[0]) === 'string') {
|
|
// return this.tablefield.map(x => ({ array: x }))
|
|
// }
|
|
// return this.tablefield
|
|
// },
|
|
// },
|
|
// methods: {
|
|
// eval_value(value) {
|
|
// if (typeof (value) === 'string') {
|
|
// return JSON.parse(value)
|
|
// }
|
|
// return value
|
|
// },
|
|
// isTokenField(value) {
|
|
// return isToken(value)
|
|
// },
|
|
// isArrayText(value) {
|
|
// const has = String(value).startsWith('[') && String(value).endsWith(']')
|
|
// return has
|
|
// },
|
|
// formatText(value) {
|
|
// const reg = /^\d{4}.\d{1,2}.\d{1,2}T\d{2}:\d{2}:.+Z$/
|
|
// const percentage = /^0\.\d+/
|
|
// if (reg.test(value)) {
|
|
// return toDay(value)
|
|
// }
|
|
// if (percentage.test(value)) {
|
|
// return `${percent(value)}%`
|
|
// }
|
|
// // if (value.length > 40) {
|
|
// // return value.substring(0, 40).concat('...')
|
|
// // }
|
|
// return value
|
|
// },
|
|
// formatTokens(value) {
|
|
// return tokenFormatter(value)
|
|
// },
|
|
// isHex(value) {
|
|
// return isHexAddress(value)
|
|
// },
|
|
// formatHexAddress(v) {
|
|
// return getStakingValidatorByHex(this.$http.config.chain_name, v)
|
|
// },
|
|
// },
|
|
// }
|
|
</script>
|
|
<template>
|
|
<div>8888</div>
|
|
<!-- <b-table
|
|
:items="items"
|
|
:sticky-header="true"
|
|
:no-border-collapse="true"
|
|
responsive="md"
|
|
class="ml-0 mr-0 dataview text-nowrap"
|
|
>
|
|
<template #cell()="data">
|
|
<span v-if="isTokenField(data.value)">{{ formatTokens(data.value) }}</span>
|
|
<span v-else-if="isHex(data.value)">{{ formatHexAddress(data.value) }}</span>
|
|
<TableItemParameter
|
|
v-else-if="isArrayText(data.value)"
|
|
:tablefield="eval_value(data.value)"
|
|
/>
|
|
<span
|
|
v-else
|
|
:title="data.value"
|
|
>{{ formatText(data.value) }}</span>
|
|
</template>
|
|
</b-table> -->
|
|
</template>
|
|
|
|
|
|
<style lang="scss">
|
|
// /* Small devices (landscape phones, 576px and up) */
|
|
// @media (min-width: 576px) {
|
|
// .dataview {
|
|
// max-width: 300px;
|
|
// }
|
|
// }
|
|
// /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
|
|
// @media (min-width: 768px) {
|
|
// .dataview {
|
|
// max-width: 500px;
|
|
// }
|
|
// }
|
|
// /* Large devices (desktops, 992px and up) */
|
|
// @media (min-width: 992px) {
|
|
// .dataview {
|
|
// max-width: 700px;
|
|
// }
|
|
// }
|
|
// /* Extra large devices (large desktops, 1200px and up) */
|
|
// @media (min-width: 1200px) {
|
|
// .dataview {
|
|
// max-width: 820px;
|
|
// }
|
|
// }
|
|
</style> |