-
Notifications
You must be signed in to change notification settings - Fork 9
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
update robonomics ui vue components library
- Loading branch information
Showing
23 changed files
with
2,145 additions
and
2,601 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,23 +1,26 @@ | ||
# dApp ROBONOMICS NETWORK | ||
|
||
## Project setup | ||
dApp on the Robonomics network. Provides a view and interaction layer from a browser. | ||
|
||
``` | ||
yarn install | ||
``` | ||
## Development | ||
|
||
### Compiles and hot-reloads for development | ||
Contributions are welcome! | ||
|
||
This repository uses `yarn` to organize the code. As such, after cloning dependencies should be installed via yarn, not via npm. | ||
[Vue js](https://vuejs.org/) framework is used to create user interfaces. | ||
|
||
``` | ||
yarn run serve | ||
``` | ||
|
||
### Compiles and minifies for production | ||
To start - | ||
|
||
1. Clone the repo locally, via `git clone https://github.com/airalab/dapp.robonomics.network <optional local path>` | ||
2. Ensure that you have a recent LTS version of Node.js, for development purposes Node >= 16 is recommended. | ||
3. Ensure that you have a recent version of Yarn, for development purposes Yarn >= 1.22 is required. | ||
4. Install the dependencies by running | ||
``` | ||
yarn run build | ||
yarn | ||
``` | ||
|
||
### Customize configuration | ||
|
||
See [Configuration Reference](https://cli.vuejs.org/config/). | ||
5. Ready! Now you can launch the UI (assuming you have a local Polkadot Node running), via | ||
``` | ||
yarn run serve | ||
``` | ||
6. Access the UI via http://localhost:8080 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,9 @@ | ||
{ | ||
"name": "dapp-robonomics.network", | ||
"version": "0.1.0", | ||
"version": "0.2.0", | ||
"private": true, | ||
"license": "BSD-3-Clause", | ||
"author": "vol4tim <[email protected]>", | ||
"scripts": { | ||
"serve": "vue-cli-service serve", | ||
"build": "vue-cli-service build", | ||
|
@@ -15,21 +17,21 @@ | |
"dayjs": "^1.11.9", | ||
"decimal.js-light": "^2.5.1", | ||
"ipfs-http-client": "^60.0.0", | ||
"robonomics-interface": "^0.3.0", | ||
"robonomics-ui-vue": "^0.1.43", | ||
"vue": "^3.2.13", | ||
"vue-router": "^4.1.6", | ||
"robonomics-interface": "^0.3.1", | ||
"robonomics-ui-vue": "^0.2.6", | ||
"vue": "^3.4.15", | ||
"vue-router": "^4.2.5", | ||
"vuex": "^4.1.0" | ||
}, | ||
"devDependencies": { | ||
"@babel/core": "^7.12.16", | ||
"@babel/eslint-parser": "^7.12.16", | ||
"@vue/cli-plugin-babel": "~5.0.0", | ||
"@vue/cli-plugin-eslint": "~5.0.0", | ||
"@vue/cli-service": "~5.0.0", | ||
"eslint": "^7.32.0", | ||
"eslint-plugin-vue": "^8.0.3", | ||
"url": "^0.11.0" | ||
"@babel/core": "^7.23.7", | ||
"@babel/eslint-parser": "^7.23.3", | ||
"@vue/cli-plugin-babel": "^5.0.8", | ||
"@vue/cli-plugin-eslint": "^5.0.8", | ||
"@vue/cli-service": "^5.0.8", | ||
"eslint": "^8.56.0", | ||
"eslint-plugin-vue": "^9.20.1", | ||
"url": "^0.11.3" | ||
}, | ||
"eslintConfig": { | ||
"root": true, | ||
|
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,18 +1,39 @@ | ||
<template> | ||
<robo-layout> | ||
<dapp-header :title="props.title" /> | ||
<dapp-header :title="title" /> | ||
<slot /> | ||
</robo-layout> | ||
</template> | ||
|
||
<script setup> | ||
<script> | ||
import DappHeader from "@/components/Header"; | ||
import { defineProps } from "vue"; | ||
import { useSubscription } from "@/hooks/useSubscription"; | ||
import { watch } from "vue"; | ||
import { useStore } from "vuex"; | ||
const props = defineProps({ | ||
title: { | ||
type: String, | ||
default: "Robonomics Dapp" | ||
export default { | ||
components: { | ||
DappHeader | ||
}, | ||
setup() { | ||
const store = useStore(); | ||
const subscription = useSubscription(); | ||
watch( | ||
() => store.state.robonomicsUIvue.rws.active, | ||
(v) => { | ||
subscription.owner.value = v; | ||
}, | ||
{ immediate: true } | ||
); | ||
watch( | ||
[subscription.owner, subscription.validUntil], | ||
() => { | ||
store.commit("rws/setExpiredate", subscription.validUntil.value); | ||
}, | ||
{ immediate: true } | ||
); | ||
} | ||
}); | ||
}; | ||
</script> |
Oops, something went wrong.