mirror of
https://github.com/tornadocash/tornado-initiation-ui.git
synced 2024-11-25 02:50:38 +01:00
56 lines
1.2 KiB
Vue
56 lines
1.2 KiB
Vue
<template>
|
|
<div>
|
|
<h1 class="title has-text-centered">
|
|
Tornado.cash <span>BSC</span> Deployment
|
|
</h1>
|
|
<h2 class="subtitle has-text-centered">{{ $t('pageSubtitle') }}</h2>
|
|
|
|
<div class="buttons is-centered">
|
|
<b-button
|
|
type="is-primary"
|
|
outlined
|
|
icon-left="tool"
|
|
@mousedown="(e) => e.preventDefault()"
|
|
@click="onStart"
|
|
>{{ $t('startNow') }}</b-button
|
|
>
|
|
</div>
|
|
|
|
<i18n tag="h3" class="title is-14px mt-6" path="completedTasks">
|
|
<template v-slot:progress>
|
|
<span>{{ deployedCount }}</span>
|
|
</template>
|
|
</i18n>
|
|
|
|
<div class="tornado-discoverer image is-16by9"></div>
|
|
|
|
<steps ref="steps" />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Steps from '@/components/Steps'
|
|
import { mapGetters } from 'vuex'
|
|
|
|
export default {
|
|
components: {
|
|
Steps,
|
|
},
|
|
computed: {
|
|
...mapGetters('steps', ['deployedCount']),
|
|
},
|
|
methods: {
|
|
scrollTo(element) {
|
|
window.scrollTo({
|
|
behavior: 'smooth',
|
|
left: 0,
|
|
top: element.getBoundingClientRect().top,
|
|
})
|
|
},
|
|
onStart() {
|
|
this.scrollTo(this.$refs.steps.$el)
|
|
},
|
|
},
|
|
}
|
|
</script>
|