explorer-app/components/Project/ProjectTechnology.vue

76 lines
2.2 KiB
Vue
Raw Normal View History

2023-12-19 18:43:42 +01:00
<script setup lang="ts">
import type { Project } from '~/types'
defineProps<{
project: Project
}>()
</script>
<template>
<ProjectDetailCategoryDivider
title="TECHNOLOGY"
badge-text="3/10"
>
<UnoIcon
2024-09-12 08:41:48 +02:00
i-material-symbols-deployed-code-outline
text-24px
/>
2023-12-19 18:43:42 +01:00
</ProjectDetailCategoryDivider>
<ProjectDetailContainer>
<div
grid
grid-cols-2
items-start
2024-09-12 08:41:48 +02:00
mt-24px
gap-y-16px
lg:grid-cols-4
>
2023-12-19 18:43:42 +01:00
<ProjectInfoItem
2024-09-12 08:41:48 +02:00
:check-undefined="project.blockchain_features?.opensource"
title="Opensource"
bold
2024-09-12 08:41:48 +02:00
:color="project.blockchain_features?.opensource ? '#18FF2F' : '#FF0000'"
2023-12-19 18:43:42 +01:00
>
2024-09-12 08:41:48 +02:00
{{ project.blockchain_features?.opensource ? 'YES' : 'NO' }}
2023-12-19 18:43:42 +01:00
</ProjectInfoItem>
<ProjectInfoItem
2024-09-12 08:41:48 +02:00
:check-undefined="project.blockchain_features?.asset_custody_type"
title="Asset custody"
:color="project.blockchain_features?.asset_custody_type === 'non-custody' ? '#18FF2F' : project.blockchain_features?.asset_custody_type === 'multisig' ? '#FFB800' : '#FF0000'"
2023-12-19 18:43:42 +01:00
bold
>
{{ project.blockchain_features?.asset_custody_type?.toUpperCase() }}
2023-12-19 18:43:42 +01:00
</ProjectInfoItem>
<ProjectInfoItem
2024-09-12 08:41:48 +02:00
title="Upgradability"
2023-12-19 18:43:42 +01:00
bold
2024-09-12 08:41:48 +02:00
:check-undefined="project.blockchain_features?.upgradability"
:color="project.blockchain_features?.upgradability ? '#FF0000' : '#18FF2F' "
2023-12-19 18:43:42 +01:00
>
2024-09-12 08:41:48 +02:00
{{ project.blockchain_features?.upgradability ? 'YES' : 'NO' }}
2023-12-19 18:43:42 +01:00
</ProjectInfoItem>
<ProjectInfoItem
2024-09-12 08:41:48 +02:00
:check-undefined="project.technology?.type"
title="Technology type"
2023-12-19 18:43:42 +01:00
bold
>
{{ project.technology?.type.toUpperCase() }}
2023-12-19 18:43:42 +01:00
</ProjectInfoItem>
<ProjectInfoItem
2024-09-12 08:41:48 +02:00
:check-undefined="project.blockchain_features?.p2p"
title="Peer to Peer (P2P)"
2023-12-19 18:43:42 +01:00
bold
>
2024-09-12 08:41:48 +02:00
{{ project.blockchain_features?.p2p ? 'YES' : 'NO' }}
2023-12-19 18:43:42 +01:00
</ProjectInfoItem>
<ProjectInfoItem
2024-09-12 08:41:48 +02:00
:check-undefined="project.storage?.decentralized"
title="Decentralized storage"
bold
2023-12-19 18:43:42 +01:00
>
2024-09-12 08:41:48 +02:00
{{ project.storage?.decentralized ? 'YES' : 'NO' }}
2023-12-19 18:43:42 +01:00
</ProjectInfoItem>
</div>
</ProjectDetailContainer>
</template>