forked from LaconicNetwork/cosmos-explorer
Initial project
This commit is contained in:
liangping
@@ -0,0 +1,256 @@
|
||||
<template>
|
||||
<section>
|
||||
<b-row>
|
||||
<!-- left align -->
|
||||
<b-col
|
||||
md="6"
|
||||
>
|
||||
<b-card>
|
||||
<b-card-title class="mb-0">
|
||||
<b-badge
|
||||
pill
|
||||
variant="light-primary"
|
||||
class="text-right"
|
||||
>
|
||||
Passed
|
||||
</b-badge> #1. With supporting text below as a natural lead-in to additional content.With supporting text below as a natural lead-in to additional content
|
||||
</b-card-title>
|
||||
<b-card-body md="12">
|
||||
<div class="gov-wrapper">
|
||||
<div class="gov">
|
||||
<p class="card-text mb-25">
|
||||
Start Date
|
||||
</p>
|
||||
<h6 class="mb-0">
|
||||
2020-05-06
|
||||
</h6>
|
||||
</div>
|
||||
<div class="gov">
|
||||
<p class="card-text mb-25">
|
||||
End Date
|
||||
</p>
|
||||
<h6 class="mb-0">
|
||||
2020-05-06
|
||||
</h6>
|
||||
</div>
|
||||
<div class="gov">
|
||||
<p class="card-text mb-25">
|
||||
Proposer
|
||||
</p>
|
||||
<h6 class="mb-0">
|
||||
Ping.pub
|
||||
</h6>
|
||||
</div>
|
||||
<div class="gov">
|
||||
<p class="card-text mb-25">
|
||||
Deposit
|
||||
</p>
|
||||
<h6 class="mb-0">
|
||||
840.99
|
||||
</h6>
|
||||
</div>
|
||||
<div class="gov">
|
||||
<p class="card-text mb-25">
|
||||
Turnout
|
||||
</p>
|
||||
<h6 class="mb-0">
|
||||
84.86%
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</b-card-body>
|
||||
|
||||
<b-progress
|
||||
:max="max"
|
||||
height="2rem"
|
||||
class="mb-2"
|
||||
show-progress
|
||||
>
|
||||
<b-progress-bar
|
||||
id="vote-yes"
|
||||
variant="success"
|
||||
:value="values[0]"
|
||||
show-progress
|
||||
/>
|
||||
<b-progress-bar
|
||||
id="vote-no"
|
||||
variant="warning"
|
||||
:value="values[1]"
|
||||
show-progress
|
||||
/>
|
||||
<b-progress-bar
|
||||
id="vote-veto"
|
||||
variant="danger"
|
||||
:value="values[2]"
|
||||
show-progress
|
||||
/>
|
||||
<b-progress-bar
|
||||
id="vote-abstain"
|
||||
variant="info"
|
||||
:value="values[3]"
|
||||
show-progress
|
||||
/>
|
||||
</b-progress>
|
||||
<b-tooltip
|
||||
target="vote-yes"
|
||||
>
|
||||
{{ values[0] }} voted Yes
|
||||
</b-tooltip>
|
||||
<b-tooltip
|
||||
target="vote-no"
|
||||
>
|
||||
{{ values[1] }} voted No
|
||||
</b-tooltip>
|
||||
<b-tooltip
|
||||
target="vote-veto"
|
||||
>
|
||||
{{ values[2] }} voted Veta
|
||||
</b-tooltip>
|
||||
<b-tooltip
|
||||
target="vote-abstain"
|
||||
>
|
||||
{{ values[3] }} voted Abstain
|
||||
</b-tooltip>
|
||||
<b-card-footer>
|
||||
<b-button
|
||||
v-ripple.400="'rgba(113, 102, 240, 0.15)'"
|
||||
variant="outline-primary"
|
||||
>
|
||||
Detail
|
||||
</b-button>
|
||||
<b-button
|
||||
variant="primary"
|
||||
class="btn float-right mg-2"
|
||||
>
|
||||
Vote
|
||||
</b-button>
|
||||
</b-card-footer>
|
||||
</b-card>
|
||||
</b-col>
|
||||
</b-row>
|
||||
<b-row>
|
||||
|
||||
<b-col
|
||||
md="12"
|
||||
class="mb-1"
|
||||
>
|
||||
<b-card
|
||||
title="# 1. Special title treatment"
|
||||
class="mb-3"
|
||||
>
|
||||
<b-card-text>
|
||||
# 1. With supporting text below as a natural lead-in to additional content.
|
||||
</b-card-text>
|
||||
<b-button
|
||||
v-ripple.400="'rgba(113, 102, 240, 0.15)'"
|
||||
variant="outline-primary"
|
||||
>
|
||||
Vote
|
||||
</b-button>
|
||||
</b-card>
|
||||
</b-col>
|
||||
<!-- center align -->
|
||||
<b-col
|
||||
md="6"
|
||||
lg="4"
|
||||
>
|
||||
<b-card
|
||||
title="Special title treatment"
|
||||
class="text-center"
|
||||
>
|
||||
<b-card-text>
|
||||
With supporting text below as a natural lead-in to additional content
|
||||
</b-card-text>
|
||||
<b-button
|
||||
v-ripple.400="'rgba(113, 102, 240, 0.15)'"
|
||||
variant="outline-primary"
|
||||
>
|
||||
Go somewhere
|
||||
</b-button>
|
||||
</b-card>
|
||||
</b-col>
|
||||
|
||||
<!-- right align -->
|
||||
<b-col
|
||||
md="6"
|
||||
lg="4"
|
||||
>
|
||||
<b-card
|
||||
class="text-right"
|
||||
title="Special title treatment"
|
||||
>
|
||||
<b-card-text>
|
||||
With supporting text below as a natural lead-in to additional content.
|
||||
</b-card-text>
|
||||
<b-button
|
||||
v-ripple.400="'rgba(113, 102, 240, 0.15)'"
|
||||
variant="outline-primary"
|
||||
>
|
||||
Go somewhere
|
||||
</b-button>
|
||||
</b-card>
|
||||
</b-col>
|
||||
</b-row>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
BRow, BCol, BCard, BCardTitle, BCardText, BCardBody, BCardFooter, BButton, BProgressBar, BProgress, BBadge, BTooltip,
|
||||
} from 'bootstrap-vue'
|
||||
import Ripple from 'vue-ripple-directive'
|
||||
import store from '@/store'
|
||||
|
||||
console.log(store.state.chains)
|
||||
|
||||
export default {
|
||||
components: {
|
||||
BCard,
|
||||
BRow,
|
||||
BCol,
|
||||
BButton,
|
||||
BCardFooter,
|
||||
BCardText,
|
||||
BProgressBar,
|
||||
BProgress,
|
||||
BBadge,
|
||||
BCardTitle,
|
||||
BTooltip,
|
||||
BCardBody,
|
||||
},
|
||||
directives: {
|
||||
Ripple,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
values: [15, 50, 10, 5],
|
||||
max: 100,
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.gov-wrapper {
|
||||
display: flex;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
}
|
||||
.gov-wrapper .gov:not(:last-child) {
|
||||
margin-right: .7rem;
|
||||
}
|
||||
.dark-layout .gov-wrapper .gov {
|
||||
background-color: #161d31;
|
||||
}
|
||||
.gov-wrapper .gov {
|
||||
padding: .5rem;
|
||||
margin-bottom: .7rem;
|
||||
text-align: center;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: .357rem;
|
||||
}
|
||||
|
||||
.gov-wrapper .gov {
|
||||
width: 8.4rem;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,34 @@
|
||||
<template>
|
||||
<div>
|
||||
<b-card title="Kick start your project 🚀">
|
||||
<b-card-text>All the best for your new project.</b-card-text>
|
||||
<b-card-text>Please make sure to read our <b-link
|
||||
href="https://pixinvent.com/demo/vuexy-vuejs-admin-dashboard-template/documentation/"
|
||||
target="_blank"
|
||||
>
|
||||
Template Documentation
|
||||
</b-link> to understand where to go from here and how to use our template.</b-card-text>
|
||||
</b-card>
|
||||
|
||||
<b-card title="Want to integrate JWT? 🔒">
|
||||
<b-card-text>We carefully crafted JWT flow so you can implement JWT with ease and with minimum efforts.</b-card-text>
|
||||
<b-card-text>Please read our JWT Documentation to get more out of JWT authentication.</b-card-text>
|
||||
</b-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { BCard, BCardText, BLink } from 'bootstrap-vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
BCard,
|
||||
BCardText,
|
||||
BLink,
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,21 @@
|
||||
<template>
|
||||
<b-card title="Create Awesome 🙌">
|
||||
<b-card-text>This is your second page. ]] </b-card-text>
|
||||
<b-card-text>Chocolate sesame snaps pie carrot cake pastry pie lollipop muffin. Carrot cake dragée chupa chups jujubes. Macaroon liquorice cookie wafer tart marzipan bonbon. Gingerbread jelly-o dragée chocolate.</b-card-text>
|
||||
</b-card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { BCard, BCardText } from 'bootstrap-vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
BCard,
|
||||
BCardText,
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,263 @@
|
||||
<template>
|
||||
<div class="auth-wrapper auth-v2">
|
||||
<b-row class="auth-inner m-0">
|
||||
|
||||
<!-- Brand logo-->
|
||||
<b-link class="brand-logo">
|
||||
<vuexy-logo />
|
||||
<h2 class="brand-text text-primary ml-1">
|
||||
Vuexy
|
||||
</h2>
|
||||
</b-link>
|
||||
<!-- /Brand logo-->
|
||||
|
||||
<!-- Left Text-->
|
||||
<b-col
|
||||
lg="8"
|
||||
class="d-none d-lg-flex align-items-center p-5"
|
||||
>
|
||||
<div class="w-100 d-lg-flex align-items-center justify-content-center px-5">
|
||||
<b-img
|
||||
fluid
|
||||
:src="imgUrl"
|
||||
alt="Login V2"
|
||||
/>
|
||||
</div>
|
||||
</b-col>
|
||||
<!-- /Left Text-->
|
||||
|
||||
<!-- Login-->
|
||||
<b-col
|
||||
lg="4"
|
||||
class="d-flex align-items-center auth-bg px-2 p-lg-5"
|
||||
>
|
||||
<b-col
|
||||
sm="8"
|
||||
md="6"
|
||||
lg="12"
|
||||
class="px-xl-2 mx-auto"
|
||||
>
|
||||
<b-card-title
|
||||
title-tag="h2"
|
||||
class="font-weight-bold mb-1"
|
||||
>
|
||||
Welcome to Vuexy! 👋
|
||||
</b-card-title>
|
||||
<b-card-text class="mb-2">
|
||||
Please sign-in to your account and start the adventure
|
||||
</b-card-text>
|
||||
|
||||
<!-- form -->
|
||||
<validation-observer ref="loginValidation">
|
||||
<b-form
|
||||
class="auth-login-form mt-2"
|
||||
@submit.prevent
|
||||
>
|
||||
<!-- email -->
|
||||
<b-form-group
|
||||
label="Email"
|
||||
label-for="login-email"
|
||||
>
|
||||
<validation-provider
|
||||
#default="{ errors }"
|
||||
name="Email"
|
||||
rules="required|email"
|
||||
>
|
||||
<b-form-input
|
||||
id="login-email"
|
||||
v-model="userEmail"
|
||||
:state="errors.length > 0 ? false:null"
|
||||
name="login-email"
|
||||
placeholder="john@example.com"
|
||||
/>
|
||||
<small class="text-danger">{{ errors[0] }}</small>
|
||||
</validation-provider>
|
||||
</b-form-group>
|
||||
|
||||
<!-- forgot password -->
|
||||
<b-form-group>
|
||||
<div class="d-flex justify-content-between">
|
||||
<label for="login-password">Password</label>
|
||||
<b-link :to="{name:'auth-forgot-password-v2'}">
|
||||
<small>Forgot Password?</small>
|
||||
</b-link>
|
||||
</div>
|
||||
<validation-provider
|
||||
#default="{ errors }"
|
||||
name="Password"
|
||||
rules="required"
|
||||
>
|
||||
<b-input-group
|
||||
class="input-group-merge"
|
||||
:class="errors.length > 0 ? 'is-invalid':null"
|
||||
>
|
||||
<b-form-input
|
||||
id="login-password"
|
||||
v-model="password"
|
||||
:state="errors.length > 0 ? false:null"
|
||||
class="form-control-merge"
|
||||
:type="passwordFieldType"
|
||||
name="login-password"
|
||||
placeholder="············"
|
||||
/>
|
||||
<b-input-group-append is-text>
|
||||
<feather-icon
|
||||
class="cursor-pointer"
|
||||
:icon="passwordToggleIcon"
|
||||
@click="togglePasswordVisibility"
|
||||
/>
|
||||
</b-input-group-append>
|
||||
</b-input-group>
|
||||
<small class="text-danger">{{ errors[0] }}</small>
|
||||
</validation-provider>
|
||||
</b-form-group>
|
||||
|
||||
<!-- checkbox -->
|
||||
<b-form-group>
|
||||
<b-form-checkbox
|
||||
id="remember-me"
|
||||
v-model="status"
|
||||
name="checkbox-1"
|
||||
>
|
||||
Remember Me
|
||||
</b-form-checkbox>
|
||||
</b-form-group>
|
||||
|
||||
<!-- submit buttons -->
|
||||
<b-button
|
||||
type="submit"
|
||||
variant="primary"
|
||||
block
|
||||
@click="validationForm"
|
||||
>
|
||||
Sign in
|
||||
</b-button>
|
||||
</b-form>
|
||||
</validation-observer>
|
||||
|
||||
<b-card-text class="text-center mt-2">
|
||||
<span>New on our platform? </span>
|
||||
<b-link :to="{name:'page-auth-register-v2'}">
|
||||
<span> Create an account</span>
|
||||
</b-link>
|
||||
</b-card-text>
|
||||
|
||||
<!-- divider -->
|
||||
<div class="divider my-2">
|
||||
<div class="divider-text">
|
||||
or
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- social buttons -->
|
||||
<div class="auth-footer-btn d-flex justify-content-center">
|
||||
<b-button
|
||||
variant="facebook"
|
||||
href="javascript:void(0)"
|
||||
>
|
||||
<feather-icon icon="FacebookIcon" />
|
||||
</b-button>
|
||||
<b-button
|
||||
variant="twitter"
|
||||
href="javascript:void(0)"
|
||||
>
|
||||
<feather-icon icon="TwitterIcon" />
|
||||
</b-button>
|
||||
<b-button
|
||||
variant="google"
|
||||
href="javascript:void(0)"
|
||||
>
|
||||
<feather-icon icon="MailIcon" />
|
||||
</b-button>
|
||||
<b-button
|
||||
variant="github"
|
||||
href="javascript:void(0)"
|
||||
>
|
||||
<feather-icon icon="GithubIcon" />
|
||||
</b-button>
|
||||
</div>
|
||||
</b-col>
|
||||
</b-col>
|
||||
<!-- /Login-->
|
||||
</b-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
/* eslint-disable global-require */
|
||||
import { ValidationProvider, ValidationObserver } from 'vee-validate'
|
||||
import VuexyLogo from '@core/layouts/components/Logo.vue'
|
||||
import {
|
||||
BRow, BCol, BLink, BFormGroup, BFormInput, BInputGroupAppend, BInputGroup, BFormCheckbox, BCardText, BCardTitle, BImg, BForm, BButton,
|
||||
} from 'bootstrap-vue'
|
||||
import { required, email } from '@validations'
|
||||
import { togglePasswordVisibility } from '@core/mixins/ui/forms'
|
||||
import store from '@/store/index'
|
||||
import ToastificationContent from '@core/components/toastification/ToastificationContent.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
BRow,
|
||||
BCol,
|
||||
BLink,
|
||||
BFormGroup,
|
||||
BFormInput,
|
||||
BInputGroupAppend,
|
||||
BInputGroup,
|
||||
BFormCheckbox,
|
||||
BCardText,
|
||||
BCardTitle,
|
||||
BImg,
|
||||
BForm,
|
||||
BButton,
|
||||
VuexyLogo,
|
||||
ValidationProvider,
|
||||
ValidationObserver,
|
||||
},
|
||||
mixins: [togglePasswordVisibility],
|
||||
data() {
|
||||
return {
|
||||
status: '',
|
||||
password: '',
|
||||
userEmail: '',
|
||||
sideImg: require('@/assets/images/pages/login-v2.svg'),
|
||||
// validation rulesimport store from '@/store/index'
|
||||
required,
|
||||
email,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
passwordToggleIcon() {
|
||||
return this.passwordFieldType === 'password' ? 'EyeIcon' : 'EyeOffIcon'
|
||||
},
|
||||
imgUrl() {
|
||||
if (store.state.appConfig.layout.skin === 'dark') {
|
||||
// eslint-disable-next-line vue/no-side-effects-in-computed-properties
|
||||
this.sideImg = require('@/assets/images/pages/login-v2-dark.svg')
|
||||
return this.sideImg
|
||||
}
|
||||
return this.sideImg
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
validationForm() {
|
||||
this.$refs.loginValidation.validate().then(success => {
|
||||
if (success) {
|
||||
this.$toast({
|
||||
component: ToastificationContent,
|
||||
props: {
|
||||
title: 'Form Submitted',
|
||||
icon: 'EditIcon',
|
||||
variant: 'success',
|
||||
},
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '@core/scss/vue/pages/page-auth.scss';
|
||||
</style>
|
||||
@@ -0,0 +1,56 @@
|
||||
<template>
|
||||
<div>
|
||||
<b-card-code
|
||||
no-body
|
||||
title="My Delegations"
|
||||
>
|
||||
<b-table
|
||||
responsive="sm"
|
||||
:items="items"
|
||||
/>
|
||||
</b-card-code>
|
||||
|
||||
<b-card-code
|
||||
no-body
|
||||
title="Validators"
|
||||
>
|
||||
<b-table
|
||||
responsive="sm"
|
||||
:items="items"
|
||||
/>
|
||||
</b-card-code>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { BTable } from 'bootstrap-vue'
|
||||
import BCardCode from '@core/components/b-card-code/BCardCode.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
BCardCode,
|
||||
BTable,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
items: [
|
||||
{
|
||||
age: 40, first_name: 'Dickerson', last_name: 'Macdonald', Occupation: 'Job',
|
||||
},
|
||||
{
|
||||
age: 21, first_name: 'Larsen', last_name: 'Shaw', Occupation: 'Job',
|
||||
},
|
||||
{
|
||||
age: 89, first_name: 'Geneva', last_name: 'Wilson', Occupation: 'Bussiness',
|
||||
},
|
||||
{
|
||||
age: 38, first_name: 'Jami', last_name: 'Carney', Occupation: 'Bussiness',
|
||||
},
|
||||
{
|
||||
age: 40, first_name: 'James', last_name: 'Thomson', Occupation: 'Job',
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,73 @@
|
||||
<template>
|
||||
<!-- Error page-->
|
||||
<div class="misc-wrapper">
|
||||
<b-link class="brand-logo">
|
||||
<vuexy-logo />
|
||||
<h2 class="brand-text text-primary ml-1">
|
||||
Vuexy
|
||||
</h2>
|
||||
</b-link>
|
||||
|
||||
<div class="misc-inner p-2 p-sm-3">
|
||||
<div class="w-100 text-center">
|
||||
<h2 class="mb-1">
|
||||
Page Not Found 🕵🏻♀️
|
||||
</h2>
|
||||
<p class="mb-2">
|
||||
Oops! 😖 The requested URL was not found on this server.
|
||||
</p>
|
||||
|
||||
<b-button
|
||||
variant="primary"
|
||||
class="mb-2 btn-sm-block"
|
||||
:to="{path:'/'}"
|
||||
>
|
||||
Back to home
|
||||
</b-button>
|
||||
|
||||
<!-- image -->
|
||||
<b-img
|
||||
fluid
|
||||
:src="imgUrl"
|
||||
alt="Error page"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- / Error page-->
|
||||
</template>
|
||||
|
||||
<script>
|
||||
/* eslint-disable global-require */
|
||||
import { BLink, BButton, BImg } from 'bootstrap-vue'
|
||||
import VuexyLogo from '@core/layouts/components/Logo.vue'
|
||||
import store from '@/store/index'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
VuexyLogo,
|
||||
BLink,
|
||||
BButton,
|
||||
BImg,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
downImg: require('@/assets/images/pages/error.svg'),
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
imgUrl() {
|
||||
if (store.state.appConfig.layout.skin === 'dark') {
|
||||
// eslint-disable-next-line vue/no-side-effects-in-computed-properties
|
||||
this.downImg = require('@/assets/images/pages/error-dark.svg')
|
||||
return this.downImg
|
||||
}
|
||||
return this.downImg
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '@core/scss/vue/pages/page-misc.scss';
|
||||
</style>
|
||||
Reference in New Issue
Block a user