108 lines
3.1 KiB
Vue
108 lines
3.1 KiB
Vue
|
<script setup lang="ts">
|
|||
|
|
import type { Project } from '~/types'
|
|||
|
|
|
|||
|
|
const props = defineProps<{
|
|||
|
|
project?: Partial<Project>
|
|||
|
|
}>()
|
|||
|
|
|
|||
|
|
const version = ref(props.project?.project_phase?.toLowerCase() || undefined)
|
|||
|
|
const openSource = ref(props.project?.blockchain_features?.opensource || false)
|
|||
|
|
const upgradability = ref(props.project?.blockchain_features?.upgradability?.enabled || false)
|
|||
|
|
const assetType = ref(props.project?.blockchain_features?.asset_custody_type?.toLowerCase() || '')
|
|||
|
|
const encryption = ref(props.project?.blockchain_features?.encryption || '')
|
|||
|
|
const peerToPeer = ref(props.project?.blockchain_features?.p2p)
|
|||
|
|
const decentralizedStorage = ref(props.project?.storage?.decentralized)
|
|||
|
|
|
|||
|
|
const { useProject, projectPhaseData, assetCustodyData } = useData()
|
|||
|
|
const { saveProject } = useProject()
|
|||
|
|
|
|||
|
|
function save() {
|
|||
|
|
saveProject({
|
|||
|
|
project_phase: version.value,
|
|||
|
|
blockchain_features: {
|
|||
|
|
opensource: openSource.value,
|
|||
|
|
upgradability: {
|
|||
|
|
enabled: upgradability.value,
|
|||
|
|
},
|
|||
|
|
asset_custody_type: assetType.value,
|
|||
|
|
encryption: encryption.value,
|
|||
|
|
p2p: peerToPeer.value,
|
|||
|
|
},
|
|||
|
|
storage: {
|
|||
|
|
decentralized: decentralizedStorage.value,
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
defineExpose({
|
|||
|
|
save,
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<div>
|
|||
|
|
<ProjectCreateComponentsCategoryDivider
|
|||
|
|
w-full
|
|||
|
|
title="VERSION"
|
|||
|
|
/>
|
|||
|
|
<ProjectCreateComponentsRadio
|
|||
|
|
v-model="version"
|
|||
|
|
:options="projectPhaseData.map(p => ({ label: p.name, value: p.id }))"
|
|||
|
|
/>
|
|||
|
|
<ProjectCreateComponentsCategoryDivider
|
|||
|
|
w-full
|
|||
|
|
title="FEATURES"
|
|||
|
|
/>
|
|||
|
|
<div
|
|||
|
|
flex
|
|||
|
|
flex-col
|
|||
|
|
gap-24px
|
|||
|
|
>
|
|||
|
|
<ProjectCreateComponentsToggle
|
|||
|
|
v-model="openSource"
|
|||
|
|
label="Open source"
|
|||
|
|
hint="Check when projects source code is openly available and editable"
|
|||
|
|
/>
|
|||
|
|
<ProjectCreateComponentsToggle
|
|||
|
|
v-model="upgradability"
|
|||
|
|
label="Upgradability"
|
|||
|
|
hint="Are developers able to upgrade and change deployed contract?"
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
<ProjectCreateComponentsSelect
|
|||
|
|
v-model="assetType"
|
|||
|
|
:options="assetCustodyData.map(c => ({ label: c.name, value: c.id }))"
|
|||
|
|
label="Asset custody type"
|
|||
|
|
placeholder="Select custody type"
|
|||
|
|
hint="How are user’s fund handled? (non-custody, multisig, pool,...)"
|
|||
|
|
/>
|
|||
|
|
<ProjectCreateComponentsCategoryDivider
|
|||
|
|
w-full
|
|||
|
|
title="ADDITIONAL INFO"
|
|||
|
|
/>
|
|||
|
|
<div
|
|||
|
|
flex
|
|||
|
|
flex-col
|
|||
|
|
gap-24px
|
|||
|
|
>
|
|||
|
|
<ProjectCreateComponentsInput
|
|||
|
|
v-model="encryption"
|
|||
|
|
lg="w-1/2"
|
|||
|
|
label="Technology type / Encryption"
|
|||
|
|
hint="Define technologies your project uses for privacy ex. Zero-Knowledge (ZK), SHA256,"
|
|||
|
|
placeholder="Technology name"
|
|||
|
|
/>
|
|||
|
|
<ProjectCreateComponentsToggle
|
|||
|
|
v-model="peerToPeer"
|
|||
|
|
label="Peer to Peer (P2P)"
|
|||
|
|
hint="Check when you transfer / communicate withou intermediaries"
|
|||
|
|
/>
|
|||
|
|
<ProjectCreateComponentsToggle
|
|||
|
|
v-model="decentralizedStorage"
|
|||
|
|
label="Decentralized storage"
|
|||
|
|
hint="Is your data hosted on IPFS, Filecoin or other decentralized storage?"
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|