explorer-app/components/Project/ProjectPrivacy.vue

91 lines
2.4 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="PRIVACY"
badge-text="3/10"
>
<UnoIcon
2024-09-12 08:41:48 +02:00
i-heroicons-solid-eye
text-24px
/>
2023-12-19 18:43:42 +01:00
</ProjectDetailCategoryDivider>
<ProjectDetailContainer>
<div
grid
grid-cols-2
items-start
mt-32px
gap-y-16px
lg:grid-cols-4
>
2023-12-19 18:43:42 +01:00
<ProjectInfoItem
:check-undefined="project.default_privacy"
title="Default privacy"
:color="project.default_privacy ? '#18FF2F' : '#FF0000'"
>
{{ project.default_privacy ? 'YES' : 'NO' }}
</ProjectInfoItem>
<ProjectInfoItem
2024-09-12 08:41:48 +02:00
:check-undefined="project.tracebility?.kyc"
bold
2024-09-12 08:41:48 +02:00
:color="project.tracebility?.kyc ? '#FF0000' : '#18FF2F'"
title="Know Your Customer (KYC)"
>
2024-09-20 12:13:27 +02:00
{{ project.tracebility?.kyc ? 'YES': 'NO' }}
2023-12-19 18:43:42 +01:00
</ProjectInfoItem>
<ProjectInfoItem
:check-undefined="project.privacy_policy"
:color="project.privacy_policy?.defined ? '#18FF2F' : '#FF0000'"
bold
title="Privacy Policy"
2023-12-19 18:43:42 +01:00
>
{{ project.privacy_policy?.defined ? 'YES' : 'NO' }}
2024-09-12 08:41:48 +02:00
<NuxtLink
:to="project.privacy_policy?.link"
external
target="_blank"
>
<UnoIcon
i-ic-twotone-open-in-new
text="20px app-text-grey"
2024-09-12 08:41:48 +02:00
/>
</NuxtLink>
2023-12-19 18:43:42 +01:00
</ProjectInfoItem>
<ProjectInfoItem
:check-undefined="project.compliance"
2024-09-12 08:41:48 +02:00
color="#FFB800"
bold
2024-09-12 08:41:48 +02:00
title="Compliance with"
2023-12-19 18:43:42 +01:00
>
{{ project.compliance ? 'YES' : 'NO' }}
</ProjectInfoItem>
<ProjectInfoItem
:check-undefined="project.tracebility?.sign_in_type_requirments"
bold
title="Sign-in requirements"
>
2023-12-19 18:43:42 +01:00
{{ project.tracebility?.sign_in_type_requirments }}
</ProjectInfoItem>
<ProjectInfoItem
2024-09-12 08:41:48 +02:00
:check-undefined="project.tracebility?.tracked_data"
title="Collected data"
>
{{ project.tracebility?.tracked_data }}
</ProjectInfoItem>
<ProjectInfoItem
:check-undefined="project.privacy_policy?.data_usage"
title="Data usage"
>
2024-09-12 08:41:48 +02:00
{{ project.privacy_policy?.data_usage }}
2023-12-19 18:43:42 +01:00
</ProjectInfoItem>
</div>
</ProjectDetailContainer>
</template>