+
+
+
+
+ 
+
+
+ 
+
+ The node has not been created yet
+ Add node
+
+ View
+
+
+
+ {{ nodeInfo.nodes }}
+ Nodes
+
+
+
+ Synced
+ {{ nodeInfo.synced }}
+
+
+ Halted
+ {{ nodeInfo.halted }}
+
+ Add Canister
+
@@ -76,7 +106,7 @@ import { apiGetRpc } from '@/apis/rpcs'
import { apiGetNodeStatistics } from '@/apis/node'
import { apiGetIfOpenService } from '@/apis/middleWare'
import { message } from "ant-design-vue";
-const dashboardList = ref(['RPC','Node', 'Oracle', 'Storage', 'Graph', 'ZKP', 'Others'])
+const dashboardList = ref(['RPC','Node',"Internet Computer", 'Oracle', 'Storage', 'Graph', 'ZKP', 'Others'])
const RPCList = ref([]);
const nodeInfo = ref({});
const router = useRouter();
@@ -195,7 +225,7 @@ onMounted(()=>{
width: 50px;
height: 40px;
cursor: pointer;
- // color:#E2B578;
+ // color:#E2B578;
text-align: right;
float: right;
top: -40px;
@@ -206,4 +236,4 @@ onMounted(()=>{
top: -39px;
right: 0;
}
-
\ No newline at end of file
+
diff --git a/src/views/chainLink/dashboard/index.vue b/src/views/chainLink/dashboard/index.vue
index 11811054..955ef02a 100644
--- a/src/views/chainLink/dashboard/index.vue
+++ b/src/views/chainLink/dashboard/index.vue
@@ -8,7 +8,8 @@
+
+
+
+
+
+
+
diff --git a/src/views/chainLink/icp/addCanister.vue b/src/views/chainLink/icp/addCanister.vue
new file mode 100644
index 00000000..84c95d49
--- /dev/null
+++ b/src/views/chainLink/icp/addCanister.vue
@@ -0,0 +1,128 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/views/chainLink/icp/addControllers.vue b/src/views/chainLink/icp/addControllers.vue
new file mode 100644
index 00000000..78fdee59
--- /dev/null
+++ b/src/views/chainLink/icp/addControllers.vue
@@ -0,0 +1,161 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/views/chainLink/icp/deleteTips.vue b/src/views/chainLink/icp/deleteTips.vue
new file mode 100644
index 00000000..79458f80
--- /dev/null
+++ b/src/views/chainLink/icp/deleteTips.vue
@@ -0,0 +1,177 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/views/chainLink/icp/detail.vue b/src/views/chainLink/icp/detail.vue
new file mode 100644
index 00000000..570b625e
--- /dev/null
+++ b/src/views/chainLink/icp/detail.vue
@@ -0,0 +1,291 @@
+
+
+
+
@@ -44,6 +47,7 @@
import storageMiwaspace from "./components/storageMiwaspace.vue";
import zkpMiwaspace from "./components/zkpMiwaspace.vue";
import nodeService from "./components/nodeService.vue";
+ import Icp from "./components/icp.vue";
const router = useRouter()
const theme = useThemeStore();
@@ -75,6 +79,9 @@
case '7':
activeKey.value = 'Node';
break;
+ case '9':
+ activeKey.value = 'ICP';
+ break;
default: break;
}
}
@@ -138,4 +145,4 @@
font-weight: 400 !important;
}
}
-
\ No newline at end of file
+
From 70e23f2eda29432ea1794e7be4ab1b731fe9496a Mon Sep 17 00:00:00 2001
From: wendychaung <101249461+doraemonSakura@users.noreply.github.com>
Date: Fri, 22 Dec 2023 00:09:23 +0800
Subject: [PATCH 02/12] add interface to icp
---
src/apis/icp.ts | 29 ++++
src/views/chainLink/dashboard/dashboard.vue | 36 +++--
src/views/chainLink/icp/detail.vue | 11 +-
.../{miwaspace/components => icp}/icp.vue | 0
src/views/chainLink/icp/index.vue | 145 ++++++++++++++----
src/views/chainLink/miwaspace/index.vue | 2 +-
.../projectsList/components/DeployIC.vue | 12 +-
7 files changed, 180 insertions(+), 55 deletions(-)
create mode 100644 src/apis/icp.ts
rename src/views/chainLink/{miwaspace/components => icp}/icp.vue (100%)
diff --git a/src/apis/icp.ts b/src/apis/icp.ts
new file mode 100644
index 00000000..8a23ad91
--- /dev/null
+++ b/src/apis/icp.ts
@@ -0,0 +1,29 @@
+import httpRequest from "@/request";
+
+
+export function getCanisterList(params:any) {
+ return httpRequest({
+ url: "/api/icp/account/canisters",
+ method: "get",
+ params: params,
+ });
+}
+
+export function getCanisterOverview() {
+ return httpRequest({
+ url: "/api/icp/account/overview",
+ method: "get",
+ });
+}
+export function getIcpDetail(id:string) {
+ return httpRequest({
+ url: `/api/icp/canister/${id}/overview`,
+ method: "get",
+ });
+}
+export function getICpStatistics() {
+ return httpRequest({
+ url: `/api/icp/account/brief`,
+ method: "get",
+ });
+}
diff --git a/src/views/chainLink/dashboard/dashboard.vue b/src/views/chainLink/dashboard/dashboard.vue
index 177bbba1..21525f55 100644
--- a/src/views/chainLink/dashboard/dashboard.vue
+++ b/src/views/chainLink/dashboard/dashboard.vue
@@ -18,29 +18,29 @@
-
diff --git a/src/views/chainLink/icp/Install.vue b/src/views/chainLink/icp/Install.vue
new file mode 100644
index 00000000..b6c7fe8d
--- /dev/null
+++ b/src/views/chainLink/icp/Install.vue
@@ -0,0 +1,181 @@
+
+
+
+
+
+
+
+ Install DApp
+
+ 
+
+
+
+
+
+
+
+
+
+ ![avatar]()
+
+
+
+
+
+
+ Upgrade
+
+
+
+
+
+
+
+
+
+
+
+ Install
+
+
+
+
+
+
+
+ Add Canister
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Add
+
+
+
+
+
+
+
+ Add Controllers
+
+
+
+
+
+
+
+
+
+
+
+
+ Read-Write
+
+
+
+
+
+ Install
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ If the controller managed on the Hamster platform is deleted, the Hamster platform will lose the ability to control the container. Please operate carefully!
+
+
+
+
+
+
+ Cancel
+ Delete
+
+
+
+
+
+
diff --git a/src/views/chainLink/icp/index.vue b/src/views/chainLink/icp/index.vue
new file mode 100644
index 00000000..f9d3c9cb
--- /dev/null
+++ b/src/views/chainLink/icp/index.vue
@@ -0,0 +1,235 @@
+
+
+
+ Internet Computer
+
+
+
+
+
+
+
+
+
+
+ Overview
+
+
+ -
+
- Canister ID: +
- r3dpl-2yaaa-aaaam-ab +
-
+
- Canister Name: +
- Hello_ICP_Front +
-
+
- Project: +
- Demo_Hamster +
-
+
- Cycles: +
- ~ 0.30 T +
-
+
- Status: +
-
+
+ Running
+ Stop
+
+
-
+
- Memory Size: +
- 0.00 MB +
-
+
- Module Hash: +
- 0xa047686c…a12cdb240 +
-
+
- Last updated at: +
- 04 Aug 2023, 09:08 +
+ Install
+ Add Cycles
+
+
+
+
+
+
+ Detail
+
+
+
+
+
+ Add Controllers
+
+ Controllers
+
+
+
+
+
diff --git a/src/views/chainLink/miwaspace/components/icp.vue b/src/views/chainLink/miwaspace/components/icp.vue
new file mode 100644
index 00000000..a4f4edff
--- /dev/null
+++ b/src/views/chainLink/miwaspace/components/icp.vue
@@ -0,0 +1,52 @@
+
+
+
+ Internet Computer
+
+
+
+
+ Buy Cycles
+
+
+ Overview
+
+
+
+ -
+
- 5 +
-
+
+ Canisters
+
+
-
+
- 1 +
-
+
+ Projects
+
+
-
+
- 0.30 T +
-
+
+ Cycles
+
+
-
+
- 0.0001 +
-
+
+ ICPs
+
+
+
+
+
+ Detail
+
+
+
+
+
+
+ Add Canister
+
+ Canisters
+
+ Internet Computer
+
+
+
+
+
diff --git a/src/views/chainLink/miwaspace/index.vue b/src/views/chainLink/miwaspace/index.vue
index a06d6f3f..28a9d77a 100644
--- a/src/views/chainLink/miwaspace/index.vue
+++ b/src/views/chainLink/miwaspace/index.vue
@@ -13,6 +13,9 @@
+
+
+
+
+
+
+
+
+ + The Internet Computer is a blockchain that runs canister smart contracts, which are code units bundling together WebAssembly bytecode and the memory pages the bytecode runs in. The Internet Computer is composed of individual subnet blockchains running in parallel and connected together by the use of chain key cryptography. This means that canisters running on a subnet can seamlessly call canisters hosted in any other subnet of the Internet Computer blockchain. Moreover, the governance system of the Internet Computer can dynamically increase the capacity of the Internet Computer by adding new subnets, allowing dapps to scale out. +
++ Developers can thus build new dapps consisting of multiple canisters running in parallel on different subnets and possibly integrate them with existing canisters already running on the Internet Computer. +
+ +
+ Enter Now
+
+
-
+
-
-
The node has not been created yet
- Add node
+
+ Add Canister
- View
+ View
([]);
const nodeInfo = ref({});
+const icpInfo = ref({});
const router = useRouter();
// 用来记录跳转的具体页面
const index = ref()
@@ -118,6 +120,8 @@ const oracleList = ref([])
// 已经开通 rpc 信息
const rpcSer = ref('')
+
+
const networkClick = (val: any) => {
console.log('networkClick',val)
router.push(`/middleware/dashboard/RPC/home`)
@@ -187,16 +191,28 @@ const openService = async()=>{
const goNode = (item:any)=>{
router.push('/middleware/dashboard/node')
}
+const goICP = ()=>{
+ router.push('/middleware/dashboard/icp')
+}
const getNodeStatistics = async()=>{
const { data } = await apiGetNodeStatistics()
if (data.halted > 0 || data.nodes > 0 || data.synced > 0) {
nodeInfo.value = data;
}
}
+
+const getIcpInfo = async()=>{
+ const { data } = await getICpStatistics()
+ icpInfo.value = data;
+
+}
+
+
onMounted(()=>{
getRpc()
openService()
getNodeStatistics();
+ getIcpInfo();
})
\ No newline at end of file
+
From 0f8d25c486783b19da865c876db7ab40c05fbb09 Mon Sep 17 00:00:00 2001
From: wendychaung <101249461+doraemonSakura@users.noreply.github.com>
Date: Mon, 25 Dec 2023 17:03:08 +0800
Subject: [PATCH 03/12] update modal
---
src/apis/icp.ts | 32 +++
src/views/chainLink/icp/Install.vue | 60 ++++--
src/views/chainLink/icp/addCanister.vue | 78 +++----
src/views/chainLink/icp/addControllers.vue | 2 +-
src/views/chainLink/icp/deleteTips.vue | 18 +-
src/views/chainLink/icp/detail.vue | 200 +++++++++++++-----
src/views/chainLink/icp/index.vue | 21 +-
.../projectsList/components/DeployIC.vue | 1 -
.../components/AddCycles.vue | 8 +-
.../components/BuyCycles.vue | 5 +-
10 files changed, 290 insertions(+), 135 deletions(-)
diff --git a/src/apis/icp.ts b/src/apis/icp.ts
index 8a23ad91..132f7222 100644
--- a/src/apis/icp.ts
+++ b/src/apis/icp.ts
@@ -27,3 +27,35 @@ export function getICpStatistics() {
method: "get",
});
}
+export function addCanister(params:any) {
+ return httpRequest({
+ url: `/api/icp/account/add-canister`,
+ method: "post",
+ params: params,
+ });
+}
+export function getControllers (params:any,id:string){
+
+ return httpRequest({
+ url: `/api/icp/canister/${id}/controllers`,
+ method: "get",
+ params,
+ });
+}
+export function getCs (params:any,id:string){
+
+ return httpRequest({
+ url: `/api/icp/canister/${id}/consumption`,
+ method: "get",
+ params,
+ });
+}
+
+export function handleStatus (params:any){
+
+ return httpRequest({
+ url: `/api/icp/canister/change-status`,
+ method: "post",
+ params,
+ });
+}
diff --git a/src/views/chainLink/icp/Install.vue b/src/views/chainLink/icp/Install.vue
index b6c7fe8d..a2b12cae 100644
--- a/src/views/chainLink/icp/Install.vue
+++ b/src/views/chainLink/icp/Install.vue
@@ -19,23 +19,33 @@
-
- ![avatar]()
-
@@ -73,7 +73,7 @@ import { apiGetNodeList } from "@/apis/node";
import BuyCycles from "@/views/projects/projectsListDetails/components/BuyCycles.vue";
import AddCanister from "@/views/chainLink/icp/addCanister.vue";
import DeployIC from "@/views/projects/projectsList/components/DeployIC.vue";
-import {apiCreateICPIdentity, apiIcpAccount} from "@/apis/canister";
+import {apiCheckDfx, apiCreateICPIdentity, apiIcpAccount} from "@/apis/canister";
import {getCanisterList, getCanisterOverview} from "@/apis/icp";
import AddCycles from "@/views/projects/projectsListDetails/components/AddCycles.vue";
import CustomMsg from "@/components/CustomMsg.vue";
@@ -215,10 +215,16 @@ const getAccount = async() =>{
const res = await apiIcpAccount(id)
accountIdFlag.value = res.data.accountIdFlag;
walletIdFlag.value = res.data.walletIdFlag;
- addIdToCurrentUrl(id);
+
+
+
if (!res.data.accountIdFlag || !res.data.walletIdFlag) {
+ if (!res.data.accountIdFlag) {
+ const res = await apiCreateICPIdentity(id)
+ }
showDeployIC.value = true
}
+ addIdToCurrentUrl(id);
} catch (err: any) {
console.error(err)
From b7c6d28b0139ae68af8c126146636c20ec10001b Mon Sep 17 00:00:00 2001
From: AAA <101249461+doraemonSakura@users.noreply.github.com>
Date: Thu, 11 Jan 2024 20:59:19 +0800
Subject: [PATCH 06/12] update icp interface
---
src/apis/icp.ts | 46 ++++++++
src/views/chainLink/dashboard/dashboard.vue | 6 +-
src/views/chainLink/icp/Install.vue | 119 +++++++++++++-------
src/views/chainLink/icp/addControllers.vue | 74 +++++++-----
src/views/chainLink/icp/deleteTips.vue | 42 +++----
src/views/chainLink/icp/detail.vue | 46 ++++++--
src/views/chainLink/icp/index.vue | 4 +-
7 files changed, 219 insertions(+), 118 deletions(-)
diff --git a/src/apis/icp.ts b/src/apis/icp.ts
index 405687e3..1595126a 100644
--- a/src/apis/icp.ts
+++ b/src/apis/icp.ts
@@ -59,3 +59,49 @@ export function handleStatus (params:any){
data:params,
});
}
+
+export function addController (params:any) {
+ return httpRequest({
+ url: `/api/icp/canister/add-controller`,
+ method: "post",
+ data:params,
+ });
+
+}
+export function addCycles (params:any) {
+ return httpRequest({
+ url: `/api/icp/canister/add-cycles`,
+ method: "post",
+ data:params,
+ });
+
+}
+
+export function postInstall (params:any) {
+ return httpRequest({
+ url: `/api/icp/canister/install`,
+ method: "post",
+ data:params,
+ });
+
+}
+
+export function uploadWasm (file:any,id:string) {
+ return httpRequest({
+ url: `/api/icp/canister/${id}/upload`,
+ method: "post",
+ data:file,
+ headers:{
+ 'Content-Type': 'multipart/form-data'
+ }
+ });
+}
+
+export function deleteController (params:any) {
+ return httpRequest({
+ url: `/api/icp/canister/del-controller`,
+ method: "post",
+ data:params,
+ });
+
+}
diff --git a/src/views/chainLink/dashboard/dashboard.vue b/src/views/chainLink/dashboard/dashboard.vue
index 21525f55..8afd0649 100644
--- a/src/views/chainLink/dashboard/dashboard.vue
+++ b/src/views/chainLink/dashboard/dashboard.vue
@@ -25,10 +25,10 @@
-
{{ nodeInfo.nodes }}
- Nodes
+ {{ icpInfo.canisters }}
+ Canisters
- Synced
- {{ nodeInfo.synced }}
+ Running
+ {{ icpInfo.running }}
- Halted
- {{ nodeInfo.halted }}
+ Stopped
+ {{ icpInfo.stopped }}
Add Canister
@@ -106,9 +106,11 @@ import { apiGetRpc } from '@/apis/rpcs'
import { apiGetNodeStatistics } from '@/apis/node'
import { apiGetIfOpenService } from '@/apis/middleWare'
import { message } from "ant-design-vue";
+import {getICpStatistics} from "@/apis/icp";
const dashboardList = ref(['RPC','Node',"Internet Computer", 'Oracle', 'Storage', 'Graph', 'ZKP', 'Others'])
const RPCList = ref
-
-
-
@@ -52,7 +62,7 @@
-
\ No newline at end of file
+
diff --git a/src/views/projects/projectsListDetails/components/BuyCycles.vue b/src/views/projects/projectsListDetails/components/BuyCycles.vue
index c8b2005d..80a3bb17 100644
--- a/src/views/projects/projectsListDetails/components/BuyCycles.vue
+++ b/src/views/projects/projectsListDetails/components/BuyCycles.vue
@@ -77,7 +77,8 @@ import { apiAccountInfo, apiWalletInfo, apiRechargeWallet } from '@/apis/caniste
import { message } from 'ant-design-vue';
const route = useRoute()
-const id:any = route.params.id
+const id:any = route.query.id || route.params.id ;
+
const props = defineProps({
visible:{
type:Boolean,
@@ -163,4 +164,4 @@ onMounted(()=>{
:deep(.ant-radio-wrapper){
color: #73706E;
}
-
\ No newline at end of file
+
From e8d8260559e7ca922eb82ff7b73e937fc6412d94 Mon Sep 17 00:00:00 2001
From: wendychaung <101249461+doraemonSakura@users.noreply.github.com>
Date: Wed, 27 Dec 2023 22:34:16 +0800
Subject: [PATCH 04/12] Update icp.ts
---
src/apis/icp.ts | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/apis/icp.ts b/src/apis/icp.ts
index 132f7222..405687e3 100644
--- a/src/apis/icp.ts
+++ b/src/apis/icp.ts
@@ -31,7 +31,7 @@ export function addCanister(params:any) {
return httpRequest({
url: `/api/icp/account/add-canister`,
method: "post",
- params: params,
+ data: params,
});
}
export function getControllers (params:any,id:string){
@@ -56,6 +56,6 @@ export function handleStatus (params:any){
return httpRequest({
url: `/api/icp/canister/change-status`,
method: "post",
- params,
+ data:params,
});
}
From a8ba38778614de0389eeb06646ec89ad48365d3f Mon Sep 17 00:00:00 2001
From: wendychaung <101249461+doraemonSakura@users.noreply.github.com>
Date: Thu, 4 Jan 2024 00:41:26 +0800
Subject: [PATCH 05/12] Update index.vue
---
src/views/chainLink/icp/index.vue | 12 +++++++++---
1 file changed, 9 insertions(+), 3 deletions(-)
diff --git a/src/views/chainLink/icp/index.vue b/src/views/chainLink/icp/index.vue
index 0d07688d..a3d3679d 100644
--- a/src/views/chainLink/icp/index.vue
+++ b/src/views/chainLink/icp/index.vue
@@ -60,7 +60,7 @@
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Add Canister
+ Add Canister
- View
+
- {{ icpInfo.canisters }}
Canisters
@@ -43,7 +43,7 @@
{{ icpInfo.stopped }}
Add Canister
+ Add Canister
diff --git a/src/views/chainLink/icp/Install.vue b/src/views/chainLink/icp/Install.vue
index a2b12cae..a0b12d19 100644
--- a/src/views/chainLink/icp/Install.vue
+++ b/src/views/chainLink/icp/Install.vue
@@ -14,8 +14,12 @@
- {{fileUrl}}
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
+
+
+
{{fileUrl}}
+
+
- Install
+ Add
@@ -38,6 +39,7 @@ import { message } from "ant-design-vue";
import { computed, reactive, ref, toRefs, onMounted } from "vue";
import { useRoute } from "vue-router";
import { apiWalletInfo, apiRechargeCanister } from '@/apis/canister'
+import {addController} from "@/apis/icp";
const props = defineProps({
visible:{
@@ -59,10 +61,11 @@ const { visible, canisterId, cycles } = toRefs(props)
const emit = defineEmits(["handleCancel", 'showBuyCycles', 'showBuyCycleMsg', 'refreshCanister'])
const formRef = ref();
const formData = reactive({
- canisterId: '',
- amount: 0.1,
+ controllerId: '',
+ scope: "1",
});
const walletCanisterId = ref()
+const scope = ref("1");
const walletCyclesBalance = ref()
const topLoading = ref(false)
@@ -70,31 +73,32 @@ const formRules = computed(() => {
const requiredRule = (message: string) => ({ required: true, trigger: 'change', message });
- return {
- amount: [requiredRule('Please enter Amount')],
- };
+ // return {
+ // amount: [requiredRule('Please enter Amount')],
+ // };
});
const handleTopUp = async() => {
- console.log('handleTopUp',formData)
+ console.log('handleTopUp',formData.controllerId,canisterId.value)
+
try {
topLoading.value = true
const params = {
- canisterId: formData.canisterId,
- amount: formData.amount + ''
+ controller: formData.controllerId,
+ canisterId: canisterId.value
}
- const res = await apiRechargeCanister(id,params)
+ const res = await addController(params)
topLoading.value = false
message.success(res.message)
emit('handleCancel')
emit('refreshCanister')
} catch (error:any) {
console.log('error:',error)
- if(error.response.data.message.indexOf('out of cycles')!=-1){
- emit('showBuyCycleMsg')
- }else{
- message.error(error.response.data.message)
- }
+ // if(error.response.data.message.indexOf('out of cycles')!=-1){
+ // emit('showBuyCycleMsg')
+ // }else{
+ // message.error(error.response.data.message)
+ // }
topLoading.value = false
}
}
@@ -108,20 +112,20 @@ const handleCancel = ()=>{
emit('handleCancel')
}
-const onChange = (newVal:string) => {
-
+const onChange = (e:any) => {
+ console.log(e)
}
-const getWalletInfo = async()=>{
- const res = await apiWalletInfo(id)
- walletCanisterId.value = res.data.canisterId
- walletCyclesBalance.value = res.data.cyclesBalance
-}
+// const getWalletInfo = async()=>{
+// const res = await apiWalletInfo(id)
+// walletCanisterId.value = res.data.canisterId
+// walletCyclesBalance.value = res.data.cyclesBalance
+// }
onMounted(async()=>{
- formData.canisterId = canisterId.value
+
// formData.amount = cycles.value
- await getWalletInfo()
+ // await getWalletInfo()
})
+
diff --git a/src/views/chainLink/icp/deleteTips.vue b/src/views/chainLink/icp/deleteTips.vue
index a75c2412..4b36e0b1 100644
--- a/src/views/chainLink/icp/deleteTips.vue
+++ b/src/views/chainLink/icp/deleteTips.vue
@@ -25,7 +25,7 @@