Skip to content

Commit 5b06cf7

Browse files
sebssebs
committed
revert(test-app): first demo of api call
1 parent beeb586 commit 5b06cf7

File tree

5 files changed

+103
-1
lines changed

5 files changed

+103
-1
lines changed

‎packages/test-app/package.json

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,14 @@
1111
},
1212
"dependencies": {
1313
"core-js": "^2.6.5",
14+
"etherscan-api": "100.0.0",
15+
"prismjs": "^1.17.1",
1416
"register-service-worker": "^1.6.2",
1517
"vue": "^2.6.10",
18+
"vue-async-computed": "^3.7.0",
19+
"vue-json-pretty": "^1.6.2",
1620
"vue-material": "^1.0.0-beta-11",
21+
"vue-prism-editor": "^0.3.0",
1722
"vue-router": "^3.0.3"
1823
},
1924
"devDependencies": {

‎packages/test-app/src/components/Example1.vue

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
<template>
2+
<div class="example1">
3+
<prism-editor :code="code" language="js"></prism-editor>
4+
<h2>Result</h2>
5+
<md-tabs>
6+
<md-tab id="tab-pages" md-label="Data">
7+
<md-field>
8+
<label>Balance</label>
9+
<md-input :value="result.result"></md-input>
10+
</md-field>
11+
</md-tab>
12+
<md-tab id="tab-home" md-label="JSON" exact>
13+
<vue-json-pretty :data="result"></vue-json-pretty>
14+
</md-tab>
15+
</md-tabs>
16+
</div>
17+
</template>
18+
19+
<script>
20+
import VueJsonPretty from 'vue-json-pretty'
21+
const Client = require('etherscan-api/dist/src/Client').Client
22+
const validApiKey = 'TRU5Z5MNWIEYP4F6DPH2T53IJWZIZ5GT1W'
23+
24+
export default {
25+
components: {
26+
VueJsonPretty
27+
},
28+
name: 'Example1',
29+
data () {
30+
return {
31+
code: `const client = new EtherscanClient.Client(validApiKey);
32+
const res = await client.account('balance')('0xde0b295669a9fd93d5f28d9ec85e40f4cb697bae', 'latest')`
33+
}
34+
},
35+
props: {
36+
msg: String
37+
},
38+
asyncComputed: {
39+
result () {
40+
const client = new Client(validApiKey)
41+
const address = '0xde0b295669a9fd93d5f28d9ec85e40f4cb697bae'
42+
const tag = 'latest'
43+
return client.account('balance')(address, tag)
44+
}
45+
}
46+
}
47+
</script>
48+
<style scoped></style>

‎packages/test-app/src/main.js

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,19 @@ import Vue from 'vue'
22
import App from './App.vue'
33
import router from './router'
44
import './registerServiceWorker'
5-
65
import VueMaterial from 'vue-material'
76
import 'vue-material/dist/vue-material.min.css'
87
import 'vue-material/dist/theme/default.css'
8+
import 'prismjs'
9+
import 'prismjs/themes/prism.css'
10+
import VuePrismEditor from 'vue-prism-editor'
11+
import 'vue-prism-editor/dist/VuePrismEditor.css'
12+
import AsyncComputed from 'vue-async-computed'
13+
14+
Vue.component('prism-editor', VuePrismEditor)
915

1016
Vue.use(VueMaterial)
17+
Vue.use(AsyncComputed)
1118

1219
Vue.config.productionTip = false
1320

‎packages/test-app/src/views/Account.vue

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,44 @@
11
<template>
22
<div class="account">
33
<h1>This is the account page</h1>
4+
<md-steppers md-vertical>
5+
6+
<md-step id="first" md-label="Get Ether Balance for a single Address" md-description="Optional">
7+
<Example1></Example1>
8+
</md-step>
9+
10+
<md-step id="second" md-label="Get Ether Balance for multiple Addresses in a single call">
11+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias doloribus eveniet quaerat modi cumque quos sed, temporibus nemo eius amet aliquid, illo minus blanditiis tempore, dolores voluptas dolore placeat nulla.</p>
12+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias doloribus eveniet quaerat modi cumque quos sed, temporibus nemo eius amet aliquid, illo minus blanditiis tempore, dolores voluptas dolore placeat nulla.</p>
13+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias doloribus eveniet quaerat modi cumque quos sed, temporibus nemo eius amet aliquid, illo minus blanditiis tempore, dolores voluptas dolore placeat nulla.</p>
14+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias doloribus eveniet quaerat modi cumque quos sed, temporibus nemo eius amet aliquid, illo minus blanditiis tempore, dolores voluptas dolore placeat nulla.</p>
15+
</md-step>
16+
17+
<md-step id="third" md-label="Get a list of 'Normal' Transactions By Address">
18+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias doloribus eveniet quaerat modi cumque quos sed, temporibus nemo eius amet aliquid, illo minus blanditiis tempore, dolores voluptas dolore placeat nulla.</p>
19+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias doloribus eveniet quaerat modi cumque quos sed, temporibus nemo eius amet aliquid, illo minus blanditiis tempore, dolores voluptas dolore placeat nulla.</p>
20+
</md-step>
21+
22+
<md-step id="fourth" md-label="Get a list of 'Internal' Transactions by Address">
23+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias doloribus eveniet quaerat modi cumque quos sed, temporibus nemo eius amet aliquid, illo minus blanditiis tempore, dolores voluptas dolore placeat nulla.</p>
24+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias doloribus eveniet quaerat modi cumque quos sed, temporibus nemo eius amet aliquid, illo minus blanditiis tempore, dolores voluptas dolore placeat nulla.</p>
25+
</md-step>
26+
27+
<md-step id="fifth" md-label="Get 'Internal Transactions' by Transaction Hash">
28+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias doloribus eveniet quaerat modi cumque quos sed, temporibus nemo eius amet aliquid, illo minus blanditiis tempore, dolores voluptas dolore placeat nulla.</p>
29+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias doloribus eveniet quaerat modi cumque quos sed, temporibus nemo eius amet aliquid, illo minus blanditiis tempore, dolores voluptas dolore placeat nulla.</p>
30+
</md-step>
31+
</md-steppers>
432
</div>
533
</template>
34+
<script>
35+
// @ is an alias to /src
36+
import Example1 from '@/components/Example1.vue'
37+
38+
export default {
39+
name: 'Acccount',
40+
components: {
41+
Example1
42+
}
43+
}
44+
</script>

‎packages/test-app/vue.config.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
module.exports = {
2+
chainWebpack: config => config.resolve.symlinks(false)
3+
}

0 commit comments

Comments
 (0)