forked from cerc-io/cosmos-explorer
feat: remove files
This commit is contained in:
parent
b4eca8f597
commit
68e2b4a29e
@ -1,115 +0,0 @@
|
||||
<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>
|
@ -1,58 +0,0 @@
|
||||
<script lang="ts" setup>
|
||||
import type { PropType } from 'vue';
|
||||
import { isToken,isStringArray,isHexAddress } from '@/libs/utils'
|
||||
import TableItemParameter from '@/components/TableItemParameter.vue'
|
||||
import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
|
||||
|
||||
const props = defineProps({
|
||||
tableItem: {
|
||||
type: Object,
|
||||
},
|
||||
})
|
||||
|
||||
function formatTitle(name: string) {
|
||||
return String(name).replaceAll('_', ' ');
|
||||
}
|
||||
function isTokenField (value: string){
|
||||
return value ? isToken(value) : false
|
||||
}
|
||||
|
||||
function formatTokens (name: string){
|
||||
return String(name).replaceAll('_', ' ')
|
||||
}
|
||||
function isArrayText (value: string){
|
||||
return value ? isStringArray(value) : false
|
||||
|
||||
}
|
||||
function isHex(value: string) {
|
||||
return value ? isHexAddress(value) : false
|
||||
}
|
||||
function formatHexAddress(v:any) {
|
||||
return 2
|
||||
// getStakingValidatorByHex(this.$http.config.chain_name, v)
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- <template>
|
||||
<div class="bg-card px-4 pt-3 pb-4 rounded mt-">
|
||||
<div class="text-base mb-3 text-main">{{ props.tableItem?.title }}</div>
|
||||
<div class="">
|
||||
<div
|
||||
class="flex flex-nowrap"
|
||||
v-for="(item, index) of props.tableItem?.items"
|
||||
:key="index"
|
||||
>
|
||||
<div class="mr-6">{{ formatTitle(item?.subtitle) }}</div>
|
||||
<div class="flex-1">{{ item?.value }}</div>
|
||||
<div>{{ typeof item?.value }}</div>
|
||||
</div> -->
|
||||
|
||||
|
||||
|
||||
<template>
|
||||
<div class="d-table">
|
||||
<div class="flex flex-nowrap" v-for="(item,index ) of props.tableItem" :key="index">
|
||||
<DynamicComponent :value="item"/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
Loading…
Reference in New Issue
Block a user