@@ -807,7 +824,6 @@
Market price: {{ cardFramePrice }} credits
Your credit balance: {{ availableCredits }} credits
-
Your credit balance: {{ availableCredits }} credits
Review and mint your card.
diff --git a/src/views/Discord.vue b/src/views/Discord.vue
index eaf02c9c..cb5ca7c2 100644
--- a/src/views/Discord.vue
+++ b/src/views/Discord.vue
@@ -2,8 +2,10 @@
-
+
Unfortunately you have entered this page without Discord code.
Please identify with your Discord account with the button below: @@ -14,8 +16,10 @@ Discord Identification
- Please identify with your Discord account with the button below: @@ -14,8 +16,10 @@ Discord Identification
+
We are very sorry.
The user {{ state.discordUser }} does not have any Zealy rewards.
@@ -23,16 +27,22 @@ or are logged in with another account.
The user {{ state.discordUser }} does not have any Zealy rewards.
@@ -23,16 +27,22 @@ or are logged in with another account.
-
Rewards
@@ -63,20 +73,28 @@
Wallet
-
@@ -127,10 +170,8 @@ import ChoosePBModal from "@/components/modals/ChoosePBModal.vue";
import { Color } from "@/components/utils/color";
import { CouncilStatus } from "decentralcardgame-cardchain-client-ts/DecentralCardGame.cardchain.cardchain/types/cardchain/cardchain/user";
import axios from "axios";
-import { useUrlSearchParams } from '@vueuse/core'
-import { createReusableTemplate } from '@vueuse/core'
-import queryString from 'query-string';
-
+import { useUrlSearchParams } from "@vueuse/core";
+import { createReusableTemplate } from "@vueuse/core";
const [DefineRewardItem, RewardItem] = createReusableTemplate();
@@ -159,42 +200,53 @@ const initialState: {
discordUser: "",
invalidCode: false,
noUserFound: false,
- noCCAddress: false
+ noCCAddress: false,
};
const state = reactive(initialState);
const init = () => {
- const code = useUrlSearchParams('history').code
+ const code = useUrlSearchParams("history").code;
if (!code) {
- state.invalidCode = true
- return
+ state.invalidCode = true;
+ return;
}
- axios.get('https://cardchain.crowdcontrol.network/goat?code='+code)
- .then(discordUser => {
- state.discordUser = discordUser.data.global_name
- console.log("discordUser", discordUser)
+ axios
+ .get("https://cardchain.crowdcontrol.network/goat?code=" + code)
+ .then((discordUser) => {
+ state.discordUser = discordUser.data.global_name;
+ console.log("discordUser", discordUser);
// get the reward list from the server
- axios.get('https://cardchain.crowdcontrol.network/files/rewards.csv')
+ axios
+ .get("https://cardchain.crowdcontrol.network/files/rewards.csv")
.then((response) => {
- console.log(response)
- var lines=response.data.split("\n");
+ console.log(response);
+ var lines = response.data.split("\n");
var result = null;
- var headers=lines[0].split(",");
- for(var i=1; i {
}
console.log("matching entry:", result);
- if (!result)
- state.noUserFound = true
- else if (!result.CCAddress)
- state.noCCAddress = true
+ if (!result) state.noUserFound = true;
+ else if (!result.CCAddress) state.noCCAddress = true;
else {
- state.addr = result.CCAddress
- console.log("state.addr", state.addr)
+ state.addr = result.CCAddress;
+ console.log("state.addr", state.addr);
getUser();
}
- })
- })
+ });
+ });
router.push({ name: "Discord" });
-
};
onMounted(init);
const getUser = () => {
- console.log("getuser", state.addr)
+ console.log("getuser", state.addr);
queryQUser(state.addr).then((user) => {
- console.log("user", user)
+ console.log("user", user);
state.user = user;
getImg(state.user, state.addr).then((img) => {
state.img = img;
});
});
-
};
-
diff --git a/src/views/DownloadPage.vue b/src/views/DownloadPage.vue
index 5ef501a7..d244244e 100644
--- a/src/views/DownloadPage.vue
+++ b/src/views/DownloadPage.vue
@@ -1,20 +1,71 @@
-
+
Play the Game!
-
-
- Download Gameclient
-
+
+
+
+ Early access for a friend
+
+
+ Insert the wallet address of your friend that you want to play with.
+
@@ -25,4 +76,29 @@ import BaseCCButton from "@/components/elements/CCButton/BaseCCButton.vue";
import FadeTeaserSmall from "@/components/elements/Teaser/FadeTeaserSmall.vue";
import TeaserHeader from "@/components/elements/Teaser/TeaserHeader.vue";
import { Color } from "@/components/utils/color";
+import { useUser } from "@/def-composables/useUser";
+import LinkCCButton from "@/components/elements/CCButton/LinkCCButton.vue";
+import { ref } from "vue";
+import CCAddressInput from "@/components/elements/CCInput/CCAddressInput.vue";
+import { useTx } from "@/def-composables/useTx";
+
+const { inviteEarlyAccess } = useTx();
+const { user } = useUser();
+const addressValid = ref(false);
+const inviteAddress = ref("");
+const inviteMode = ref(false);
+
+const downloadLatest = () => {
+ console.log("download ");
+};
+
+const inviteUser = () => {
+ inviteEarlyAccess(
+ inviteAddress.value,
+ () => {
+ inviteMode.value = false;
+ },
+ console.log,
+ );
+};
diff --git a/src/views/GalleryPage.vue b/src/views/GalleryPage.vue
index e86f595f..6702f8be 100644
--- a/src/views/GalleryPage.vue
+++ b/src/views/GalleryPage.vue
@@ -154,7 +154,7 @@ import { Color } from "@/components/utils/color";
import Checkbox from "@/components/elements/Checkbox.vue";
import { useGallery } from "@/def-composables/useGallery";
import { normalizeQuery } from "@/utils/utils";
-import CCInput from "@/components/elements/CCInput.vue";
+import CCInput from "@/components/elements/CCInput/CCInput.vue";
import {
CardRarity,
Status,
diff --git a/src/views/UserView/UserView.vue b/src/views/UserView/UserView.vue
index ab870f9c..2557f8d0 100644
--- a/src/views/UserView/UserView.vue
+++ b/src/views/UserView/UserView.vue
@@ -75,7 +75,34 @@
Address
{{ state.addr }}
- Alias
{{ state.user.alias }} + Alias
{{ state.user.alias }}
+
+
+ Early Access
+
+
+ No Early Access
+
+
+
@@ -190,6 +217,7 @@ import editImg from "@/assets/figma/edit.png";
import ChoosePBModal from "@/components/modals/ChoosePBModal.vue";
import { Color } from "@/components/utils/color";
import { CouncilStatus } from "decentralcardgame-cardchain-client-ts/DecentralCardGame.cardchain.cardchain/types/cardchain/cardchain/user";
+import CompactAddressComponent from "@/components/elements/CompactAddressComponent.vue";
const { queryQUser, queryAllBalances, queryQMatches } = useQuery();
const { registerForCouncil, rewokeCouncilRegistration } = useTx();
@@ -248,13 +276,14 @@ const init = () => {
router.push({ name: "NotFound" });
}
- router.push({ name: "UserView", params: { id: state.addr } });
getUser();
getCoins();
getMatches();
- console.log(state.user)
+ console.log(state.user);
};
+watch(() => route.params.id, init);
+
onMounted(init);
const getUser = () => {
+
-
+
You do not have a CrowdControl Address!
All rewards will be credited to a CC Address.
You might have an address, but you did not enter it on Zealy.
- If you want to receive rewards, you should enter your CC Address.
+ If you want to receive rewards, you should enter your CC Address. +
If you don't own a CC Address click on Login on the top right.
- All rewards will be credited to a CC Address.
You might have an address, but you did not enter it on Zealy.
- If you want to receive rewards, you should enter your CC Address.
+ If you want to receive rewards, you should enter your CC Address. +
If you don't own a CC Address click on Login on the top right.
+
![edit]()
+ ![edit]()
{{ state.user.alias }}
@@ -44,15 +54,15 @@ alt="Profile pic" /> -
Rewards
@@ -63,20 +73,28 @@
Wallet
-
+
-
+
{{ item }}
-
- ✓
-
-
+ ✓
+
{{ value }}
-
+
{{ item }}
@@ -85,18 +103,43 @@
Address
{{ state.addr }}
Alias
{{ state.user.alias }}
Zealy ID
{{ state.rewards.ZealyID }}
- Discord Username
{{ state.discordUser }}
-
-
{{ state.discordUser
+ }}
+
+
-
+
{{ state.addr }}
Alias
{{ state.user.alias }}
Zealy ID
{{ state.rewards.ZealyID }}
- Discord Username
{{ state.discordUser }}
- -
{{ state.discordUser + }}
+ +
{{ item }}
-
- ✓
-
-
+ ✓
+
{{ value }}
-
+
@@ -85,18 +103,43 @@
Address
{{ item }}
{{ state.addr }}
Alias
{{ state.user.alias }}
Zealy ID
{{ state.rewards.ZealyID }}
- Discord Username
{{ state.discordUser }}
- -
{{ state.discordUser + }}
+ +
- Our alpha version is currently in development
- and not publicly released :(
- We only do closed playtests at the moment.
- The button below will do nothing.
-
-
Check out our alpha version and be part of the early development.
+
+
+
+ Download Gameclient
+
+
+ Early Access for a Friend
+
+
+
+
+ Join Discord
+
+
+
+
+ For Early Access join our Discord
+
+
+ Download Gameclient
+
+
+ Invite
+
+
{{ state.addr }}
- Alias
{{ state.user.alias }} + Alias
{{ state.user.alias }}
+
+
+ Inviter:
+
+ Invited:
+