- {{ props.stats }} + {{ props.stats || '-'}}
{{ props.title }}
- {{ props.subtitle }}
+ {{ props.subtitle }}
+
diff --git a/src/components/ProposalListItem.vue b/src/components/ProposalListItem.vue
index 00f3ddaa..c2ac75fc 100644
--- a/src/components/ProposalListItem.vue
+++ b/src/components/ProposalListItem.vue
@@ -1,10 +1,9 @@
-
diff --git a/src/components/ThemeSwitcher.vue b/src/components/ThemeSwitcher.vue
deleted file mode 100644
index 5fccade3..00000000
--- a/src/components/ThemeSwitcher.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-
-
-
-
-
+
-
+ {{ item?.content?.title }}
+
+
-
-
-
-
-
-
-
+
+
+
- {{ item?.content?.title }}
-
-
+
+
-
+
+
+ {{ showType(item.content['@type']) }}
+
+
+
+
+
+ {{ statusMap?.[item?.status] || item?.status }}
+
+
+ {{ format.toDay(item.voting_end_time, 'from') }}
+
+
-
+
-
-
- {{ showType(item.content['@type']) }}
-
-
-
-
-
- {{ statusMap?.[item?.status] || item?.status }}
-
-
- {{ format.toDay(item.voting_end_time, 'from') }}
-
-
+
-
-
-
-
-
-
-
-
-
- {{ item?.voterStatus }}
-
+
+
+
+
+
+
+ {{ item?.voterStatus }}
+
+
-
-
-
diff --git a/src/components/UptimeBar.vue b/src/components/UptimeBar.vue
index 726801bd..2481eb6f 100644
--- a/src/components/UptimeBar.vue
+++ b/src/components/UptimeBar.vue
@@ -25,7 +25,7 @@ const bars = computed(() => {
});
-
+
import ApexCharts from 'vue3-apexcharts';
-import { useTheme } from 'vuetify';
-import { hexToRgb } from '@/plugins/vuetify/@layouts/utils';
import { computed, type PropType } from 'vue';
import { useFormatter } from '@/stores';
import type { CommissionRate } from '@/types';
const props = defineProps({
- commission: { type: Object as PropType },
+ commission: { type: Object as PropType },
});
let rate = computed(
- () => Number(props.commission?.commission_rates.rate || 0) * 100
+ () => Number(props.commission?.commission_rates.rate || 0) * 100
);
let change = computed(
- () => Number(props.commission?.commission_rates.max_change_rate || 0) * 100
+ () => Number(props.commission?.commission_rates.max_change_rate || 0) * 100
);
let max = computed(
- () => Number(props.commission?.commission_rates.max_rate || 1) * 100
+ () => Number(props.commission?.commission_rates.max_rate || 1) * 100
);
-// const rate = 15 // props.commision?.commissionRates.rate
-// const change = 15
-// const max = 20
-
const left = rate;
const right = computed(() => max.value - rate.value);
const s1 = computed(() =>
- left.value > change.value ? left.value - change.value : 0
+ left.value > change.value ? left.value - change.value : 0
);
const s2 = computed(() =>
- left.value > change.value ? change.value : left.value
+ left.value > change.value ? change.value : left.value
);
const s3 = 2;
const s4 = computed(() =>
- right.value > change.value ? change.value : right.value
+ right.value > change.value ? change.value : right.value
);
const s5 = computed(() =>
- right.value > change.value ? right.value - change.value : 0
+ right.value > change.value ? right.value - change.value : 0
);
const series = computed(() => [s1.value, s2.value, s3, s4.value, s5.value]);
-const vuetifyTheme = useTheme();
const format = useFormatter();
const chartConfig = computed(() => {
- const themeColors = vuetifyTheme.current.value.colors;
- const variableTheme = vuetifyTheme.current.value.variables;
- const secondaryText = `rgba(${hexToRgb(
- String(themeColors['on-background'])
- )},${variableTheme['medium-emphasis-opacity']})`;
- const primaryText = `rgba(${hexToRgb(String(themeColors['on-background']))},${
- variableTheme['high-emphasis-opacity']
- })`;
+ const secondaryText = `hsl(var(--bc))`;
+ const primaryText = `hsl(var(--bc))`;
- return {
- chart: {
- sparkline: { enabled: false },
- },
- colors: [
- `rgba(${hexToRgb(String(themeColors.secondary))},0.2)`,
- `rgba(${hexToRgb(String(themeColors.success))},0.2)`,
- `rgba(${hexToRgb(String(themeColors.success))},1)`,
- `rgba(${hexToRgb(String(themeColors.success))},0.2)`,
- `rgba(${hexToRgb(String(themeColors.secondary))},0.2)`,
- ],
- legend: { show: false },
- tooltip: { enabled: false },
- dataLabels: { enabled: false },
- stroke: {
- width: 3,
- lineCap: 'round',
- colors: ['rgba(var(--v-theme-surface), 1)'],
- },
- labels: [
- 'Available',
- 'Daily Change',
- 'Commission Rate',
- 'Daily Change',
- 'Available',
- ],
- states: {
- hover: {
- filter: { type: 'none' },
- },
- active: {
- filter: { type: 'none' },
- },
- },
- plotOptions: {
- pie: {
- endAngle: 130,
- startAngle: -130,
- customScale: 0.9,
- donut: {
- size: '83%',
- labels: {
- show: true,
- name: {
- offsetY: 25,
- fontSize: '1rem',
- color: secondaryText,
- },
- value: {
- offsetY: -15,
- fontWeight: 500,
- fontSize: '2.125rem',
- formatter: (value: unknown) => `${rate.value}%`,
- color: primaryText,
- },
- total: {
- show: true,
- label: 'Commission Rate',
- fontSize: '1rem',
- color: secondaryText,
- formatter: () => `${rate.value}%`,
- },
- },
+ return {
+ chart: {
+ sparkline: { enabled: false },
},
- },
- },
- responsive: [
- {
- breakpoint: 1709,
- options: {
- chart: { height: 237 },
+ colors: ['rgba(109,120,141,0.2)', 'rgba(114,225,40,0.2)', 'rgba(114,225,40,1)', 'rgba(114,225,40,0.2)', 'rgba(109,120,141,0.2)'],
+ legend: { show: false },
+ tooltip: { enabled: false },
+ dataLabels: { enabled: false },
+ stroke: {
+ width: 3,
+ lineCap: 'round',
+ colors: ['hsl(var(--b1))'],
},
- },
- ],
- };
+ labels: [
+ 'Available',
+ 'Daily Change',
+ 'Commission Rate',
+ 'Daily Change',
+ 'Available',
+ ],
+ states: {
+ hover: {
+ filter: { type: 'none' },
+ },
+ active: {
+ filter: { type: 'none' },
+ },
+ },
+ plotOptions: {
+ pie: {
+ endAngle: 130,
+ startAngle: -130,
+ customScale: 0.9,
+ donut: {
+ size: '83%',
+ labels: {
+ show: true,
+ name: {
+ offsetY: 25,
+ fontSize: '1rem',
+ color: secondaryText,
+ },
+ value: {
+ offsetY: -15,
+ fontWeight: 500,
+ fontSize: '2.125rem',
+ formatter: (value: unknown) => `${rate.value}%`,
+ color: primaryText,
+ },
+ total: {
+ show: true,
+ label: 'Commission Rate',
+ fontSize: '1rem',
+ color: secondaryText,
+ formatter: () => `${rate.value}%`,
+ },
+ },
+ },
+ },
+ },
+ responsive: [
+ {
+ breakpoint: 1709,
+ options: {
+ chart: { height: 237 },
+ },
+ },
+ ],
+ };
});
-
-
Commission Rate
-
- {{ `Updated at ${format.toDay(props.commission?.update_time, 'short')}` }}
+
diff --git a/src/components/charts/DonutChart.vue b/src/components/charts/DonutChart.vue
index 164bae0a..3907848b 100644
--- a/src/components/charts/DonutChart.vue
+++ b/src/components/charts/DonutChart.vue
@@ -1,24 +1,26 @@
-
+
- Commission Rate
+
+ {{ `Updated at ${format.toDay(props.commission?.update_time, 'short')}` }}
+
+
+
+
+
+
+ Rate:{{ rate }}%
+
+
+
+ 24h: ±{{ change }}%
+
+
+
+ Max:{{ max }}%
+
+
-
-
-
-
-
- Rate:{{ rate }}%
-
-
-
- 24h: ±{{ change }}%
-
-
-
- Max:{{ max }}%
-
-
-
- Price
-
-
- Volume
-
-
-
+
+ Price
+
+
+ Volume
+
+
+
-
+
@@ -44,7 +46,7 @@ const header = computed(() => {
-
+
diff --git a/src/layouts/blank.vue b/src/layouts/blank.vue
index f12f1787..d4a2c527 100644
--- a/src/layouts/blank.vue
+++ b/src/layouts/blank.vue
@@ -1,13 +1,7 @@
-
-
-
diff --git a/src/modules/[chain]/gov/index.vue b/src/modules/[chain]/gov/index.vue
index 49e77eb3..6c977120 100644
--- a/src/modules/[chain]/gov/index.vue
+++ b/src/modules/[chain]/gov/index.vue
@@ -10,51 +10,37 @@ const store = useGovStore();
const pageRequest = ref(new PageRequest())
onMounted(() => {
- store.fetchProposals('2').then((x) => {
- if (x?.proposals?.length === 0) {
- tab.value = '3';
- store.fetchProposals('3');
- }
- store.fetchProposals('3');
- store.fetchProposals('4');
- });
+ store.fetchProposals('2').then((x) => {
+ if (x?.proposals?.length === 0) {
+ tab.value = '3';
+ store.fetchProposals('3');
+ }
+ store.fetchProposals('3');
+ store.fetchProposals('4');
+ });
});
const changeTab = (val: '2' | '3' | '4') => {
- tab.value = val;
+ tab.value = val;
};
function page(p: number) {
- pageRequest.value.setPage(p)
- store.fetchProposals(tab.value, pageRequest.value)
+ pageRequest.value.setPage(p)
+ store.fetchProposals(tab.value, pageRequest.value)
}
-
-
- 
-
-
- - Ping.pub -
-
-
-
-
+
{{ v.txhash }}
diff --git a/src/modules/[chain]/block/index.vue b/src/modules/[chain]/block/index.vue
index f5df5ca9..ea81220b 100644
--- a/src/modules/[chain]/block/index.vue
+++ b/src/modules/[chain]/block/index.vue
@@ -10,93 +10,82 @@ const base = useBaseStore()
const format = useFormatter();
const list = computed(() => {
- // const recents = base.recents
- // return recents.sort((a, b) => (Number(b.block.header.height) - Number(a.block.header.height)))
- return base.recents
+ // const recents = base.recents
+ // return recents.sort((a, b) => (Number(b.block.header.height) - Number(a.block.header.height)))
+ return base.recents
})
-
-
-
-
diff --git a/src/layouts/components/NavBarI18n.vue b/src/layouts/components/NavBarI18n.vue
index 1b802f74..f52d50ac 100644
--- a/src/layouts/components/NavBarI18n.vue
+++ b/src/layouts/components/NavBarI18n.vue
@@ -1,26 +1,62 @@
-
- ![]()
-
-
- {{ item?.title }}
-
-
- {{ item?.badgeContent }}
-
-
-
-
-
- ![]()
-
+
- {{ $t(el?.title) }}
+
+
+
+
+
+
-
+
+
-
+ + Ping.pub +
+
+
-
+
- ![]()
-
-
-
+
+
-
+ ![]()
+
+
+ {{ item?.title }}
+
+
+ {{ item?.badgeContent }}
+
+
+
+
+
+ ![]()
+
+
+
+ {{ item?.title === 'Favorite' ? el?.title : $t(el?.title) }}
+
+
- {{ item?.title }}
-
-
- {{ item?.badgeContent }}
-
-
- {{ item?.heading }}
-
-
- 
- 
-
+ ![]()
+
+
+
- Sponsors
-
-
-
-
- Osmosis
-
-
-
-
-
- Becole
-
-
+
+ {{ item?.title }}
+
+
+ {{ item?.badgeContent }}
+
+
+ {{ item?.heading }}
+
+
+
+
+
+
+ Sponsors
+
+
+
+
+ Osmosis
+
+
+
+
+
+ Becole
+
+
- Links
-
-
- Twitter
-
-
-
-
- Discord
-
-
-
-
- FAQ
-
-
- Links
+
+
+ Twitter
+
+
+
+
+ Discord
+
+
+
+
+ FAQ
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
diff --git a/src/layouts/components/NavBarNotifications.vue b/src/layouts/components/NavBarNotifications.vue
deleted file mode 100644
index cfb91ac3..00000000
--- a/src/layouts/components/NavBarNotifications.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-
-
-
-
-
+
+
+
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 56790461..fa74d6ef 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -1,12 +1,7 @@
-
-
-
+
diff --git a/src/modules/[chain]/cosmwasm/index.vue b/src/modules/[chain]/cosmwasm/index.vue
index a8e07f62..b1b31c2d 100644
--- a/src/modules/[chain]/cosmwasm/index.vue
+++ b/src/modules/[chain]/cosmwasm/index.vue
@@ -15,60 +15,52 @@ const wasmStore = useWasmStore();
const dialog = useTxDialog()
function pageload(pageNum: number) {
- pageRequest.value.setPage(pageNum)
- wasmStore.wasmClient.getWasmCodeList(pageRequest.value).then((x) => {
- codes.value = x;
- });
+ pageRequest.value.setPage(pageNum)
+ wasmStore.wasmClient.getWasmCodeList(pageRequest.value).then((x) => {
+ codes.value = x;
+ });
}
pageload(1)
-
- Blocks
- Transactions
-
+
+
diff --git a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
index 5d98cf1c..ed64392b 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
@@ -2,12 +2,11 @@
import { useWasmStore } from '../WasmStore';
import { ref } from 'vue';
import type {
- ContractInfo,
- PaginabledContractStates,
- PaginabledContracts,
+ ContractInfo,
+ PaginabledContractStates,
+ PaginabledContracts,
} from '../types';
import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
-import type { CustomInputContent } from '@/plugins/vuetify/@core/types';
import { useFormatter, useTxDialog } from '@/stores';
import PaginationBar from '@/components/PaginationBar.vue';
import { PageRequest } from '@/types';
@@ -19,84 +18,82 @@ const response = ref({} as PaginabledContracts);
const wasmStore = useWasmStore();
function loadContract(pageNum: number) {
- const pr = new PageRequest()
- pr.setPage(pageNum)
- wasmStore.wasmClient.getWasmCodeContracts(props.code_id, pr).then((x) => {
- response.value = x;
- });
+ const pr = new PageRequest()
+ pr.setPage(pageNum)
+ wasmStore.wasmClient.getWasmCodeContracts(props.code_id, pr).then((x) => {
+ response.value = x;
+ });
}
loadContract(1)
const dialog = useTxDialog()
const format = useFormatter();
const infoDialog = ref(false);
-const stateDialog = ref(false);
-const queryDialog = ref(false);
const info = ref({} as ContractInfo);
const state = ref({} as PaginabledContractStates);
const selected = ref('');
function showInfo(address: string) {
- wasmStore.wasmClient.getWasmContracts(address).then((x) => {
- info.value = x.contract_info;
- });
+ wasmStore.wasmClient.getWasmContracts(address).then((x) => {
+ info.value = x.contract_info;
+ });
}
function showState(address: string) {
- selected.value = address
- pageload(1)
+ selected.value = address
+ pageload(1)
}
function pageload(p: number) {
- pageRequest.value.setPage(p)
- wasmStore.wasmClient.getWasmContractStates(selected.value, pageRequest.value).then((x) => {
- state.value = x;
- });
+ pageRequest.value.setPage(p)
+ wasmStore.wasmClient.getWasmContractStates(selected.value, pageRequest.value).then((x) => {
+ state.value = x;
+ });
}
function showQuery(address: string) {
- selected.value = address;
- query.value = '';
- result.value = '';
+ selected.value = address;
+ query.value = '';
+ result.value = '';
}
function queryContract() {
- try {
- if (selectedRadio.value === 'raw') {
- wasmStore.wasmClient
- .getWasmContractRawQuery(selected.value, query.value)
- .then((x) => {
- result.value = JSON.stringify(x);
- })
- .catch((err) => {
- result.value = JSON.stringify(err);
- });
- } else {
- wasmStore.wasmClient
- .getWasmContractSmartQuery(selected.value, query.value)
- .then((x) => {
- result.value = JSON.stringify(x);
- })
- .catch((err) => {
- result.value = JSON.stringify(err);
- });
+ try {
+ if (selectedRadio.value === 'raw') {
+ wasmStore.wasmClient
+ .getWasmContractRawQuery(selected.value, query.value)
+ .then((x) => {
+ result.value = JSON.stringify(x);
+ })
+ .catch((err) => {
+ result.value = JSON.stringify(err);
+ });
+ } else {
+ wasmStore.wasmClient
+ .getWasmContractSmartQuery(selected.value, query.value)
+ .then((x) => {
+ result.value = JSON.stringify(x);
+ })
+ .catch((err) => {
+ result.value = JSON.stringify(err);
+ });
+ }
+ } catch (err) {
+ result.value = JSON.stringify(err); // not works for now
}
- } catch (err) {
- result.value = JSON.stringify(err); // not works for now
- }
- // TODO, show error in the result.
+ // TODO, show error in the result.
}
-const radioContent: CustomInputContent[] = [
- {
- title: 'Raw Query',
- desc: 'Return raw result',
- value: 'raw',
- },
- {
- title: 'Smart Query',
- desc: 'Return structure result if possible',
- value: 'smart',
- },
+const radioContent = [
+ {
+ title: 'Raw Query',
+ desc: 'Return raw result',
+ value: 'raw',
+ },
+ {
+ title: 'Smart Query',
+ desc: 'Return structure result if possible',
+ value: 'smart',
+ },
];
const selectedRadio = ref('raw');
@@ -104,165 +101,130 @@ const query = ref('');
const result = ref('');
-
-
+
+
+
+
+
+
+
+
+
-
+ Blocks
+ Transactions
+
-
-
-
-
-
+
-
- - {{ item.block.header.height }} -
- - {{ format.toDay(item.block?.header?.time, 'from') }} - -
-
- {{ item.block?.data?.txs.length }} txs
-
-
-
-
-
-
-
- | Height | -Hash | -Messages | -Fees | -
|---|---|---|---|
|
- |
-
- |
- {{ format.messages(item.tx.body.messages) }} | -{{ format.formatTokens(item.tx.authInfo.fee?.amount) }} | -
-
-
-
+
+
+
+
-
- Only show txs in recent blocks
-
+
+
+ + {{ item.block.header.height }} +
+ + {{ format.toDay(item.block?.header?.time, 'from') }} + +
+
+ {{ item.block?.data?.txs.length }} txs
+
+
+
+
+
+
- | Height | +Hash | +Messages | +Fees | +
|---|---|---|---|
|
+ |
+
+ |
+ {{ format.messages(item.tx.body.messages) }} | +{{ format.formatTokens(item.tx.authInfo.fee?.amount) }} | +
+
+
+
+
+
+ Only show txs in recent blocks
+
+
-
-
- - Contract List of Code: {{ props.code_id }} -
-
-
-
-
+
-
- | Contract List | -Actions | -||||
|---|---|---|---|---|---|
| {{ v }} | -
-
+
+
+
-
-
-
-
-
-
-
-
- + Contract List of Code: {{ props.code_id }} ++
+
-
-
- |
+
+
-
-
-
-
-
diff --git a/src/modules/[chain]/gov/[proposal_id].vue b/src/modules/[chain]/gov/[proposal_id].vue
index c3d5f4fe..8ad69f50 100644
--- a/src/modules/[chain]/gov/[proposal_id].vue
+++ b/src/modules/[chain]/gov/[proposal_id].vue
@@ -9,7 +9,7 @@ import {
useTxDialog,
} from '@/stores';
import {
-PageRequest,
+ PageRequest,
type GovProposal,
type GovVote,
type PaginatedProposalDeposit,
@@ -17,7 +17,7 @@ PageRequest,
} from '@/types';
import { ref, reactive } from 'vue';
import Countdown from '@/components/Countdown.vue';
-import PaginationBar from '@/components/PaginationBar.vue'
+import PaginationBar from '@/components/PaginationBar.vue';
import { fromBech32, toHex } from '@cosmjs/encoding';
const props = defineProps(['proposal_id', 'chain']);
@@ -57,8 +57,8 @@ const deposit = ref({} as PaginatedProposalDeposit);
store.fetchProposalDeposits(props.proposal_id).then((x) => (deposit.value = x));
const votes = ref({} as GovVote[]);
-const pageRequest = ref(new PageRequest())
-const pageResponse = ref({} as Pagination)
+const pageRequest = ref(new PageRequest());
+const pageResponse = ref({} as Pagination);
store.fetchProposalVotes(props.proposal_id).then((x) => {
votes.value = x.votes;
@@ -152,20 +152,20 @@ const processList = computed(() => {
});
function showValidatorName(voter: string) {
- const {data} = fromBech32(voter)
- const hex = toHex(data)
- const v = stakingStore.validators.find( x => toHex(fromBech32(x.operator_address).data) === hex)
- return v? v.description.moniker : voter
+ const { data } = fromBech32(voter);
+ const hex = toHex(data);
+ const v = stakingStore.validators.find(
+ (x) => toHex(fromBech32(x.operator_address).data) === hex
+ );
+ return v ? v.description.moniker : voter;
}
function pageload(p: number) {
- pageRequest.value.setPage(p)
- store
- .fetchProposalVotes(props.proposal_id, pageRequest.value)
- .then((x) => {
- votes.value = x.votes;
- pageResponse.value = x.pagination;
- });
+ pageRequest.value.setPage(p);
+ store.fetchProposalVotes(props.proposal_id, pageRequest.value).then((x) => {
+ votes.value = x.votes;
+ pageResponse.value = x.pagination;
+ });
}
@@ -209,7 +209,9 @@ function pageload(p: number) {
- Cosmos Wasm Smart Contracts
-
-
-
-
-
| Code Id | -Code Hash | -Creator | -Permissions | -
|---|---|---|---|
| {{ v.code_id }} | -
- |
- {{ v.creator }} | -- {{ v.instantiate_permission?.permission }} - {{ v.instantiate_permission?.address }} - {{ v.instantiate_permission.addresses.join(', ') }} - | -
-
+
+
- Cosmos Wasm Smart Contracts
+
+
+
+
+
| Code Id | +Code Hash | +Creator | +Permissions | +
|---|---|---|---|
| {{ v.code_id }} | +
+ |
+ {{ v.creator }} | ++ {{ v.instantiate_permission?.permission }} + {{ v.instantiate_permission?.address }} + {{ v.instantiate_permission.addresses.join(', ') }} + | +
+
+
+
Timeline
@@ -341,12 +341,16 @@ function pageload(p: number) {
'text-gray-400': item.option === 'VOTE_OPTION_ABSTAIN',
}"
>
- {{ String(item.option).replace("VOTE_OPTION_", "") }}
+ {{ String(item.option).replace('VOTE_OPTION_', '') }}
-
{
diff --git a/src/modules/[chain]/index.vue b/src/modules/[chain]/index.vue
index b5deedb9..d26249e0 100644
--- a/src/modules/[chain]/index.vue
+++ b/src/modules/[chain]/index.vue
@@ -9,7 +9,7 @@ import {
useTxDialog,
useWalletStore,
useStakingStore,
-useParamStore,
+ useParamStore,
} from '@/stores';
import { onMounted, ref } from 'vue';
import { useIndexModule } from './indexStore';
@@ -99,10 +99,7 @@ const color = computed(() => {
-
+
@@ -112,37 +109,26 @@ const color = computed(() => {