explorer-app/components/Project/ProjectSecurity.vue

73 lines
1.7 KiB
Vue
Raw Normal View History

2023-12-19 18:43:42 +01:00
<script lang="ts" setup>
import type { Project } from '~/types'
defineProps<{
project: Project
}>()
</script>
<template>
<ProjectDetailCategoryDivider
title="SECURITY"
badge-text="3/10"
>
<UnoIcon
2024-09-12 08:41:48 +02:00
i-material-symbols-lock-outline
text-24px
/>
2023-12-19 18:43:42 +01:00
</ProjectDetailCategoryDivider>
<ProjectDetailContainer>
2024-09-12 08:41:48 +02:00
<div v-if="project.audits">
<h2
text-18px
text-app-text-grey
my-24px
>
Audits
</h2>
<div flex flex-col gap="12px lg:16px">
<template
v-for="audit in project.audits"
:key="audit.name"
>
<ProjectSecurityAudit
:audit-name="audit.name"
:audit-url="audit.link"
:date="audit.time"
/>
</template>
</div>
</div>
<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
2024-09-12 08:41:48 +02:00
:check-undefined="project.technical_spof"
:color="project.technical_spof ? '#FF0000' : '#18FF2F'"
title="Technical dependency"
2023-12-19 18:43:42 +01:00
>
2024-09-12 08:41:48 +02:00
{{ project.technical_spof }}
2023-12-19 18:43:42 +01:00
</ProjectInfoItem>
<ProjectInfoItem
:check-undefined="project.social_trust"
title="Social dependency"
>
2023-12-19 18:43:42 +01:00
{{ project.social_trust }}
</ProjectInfoItem>
<ProjectInfoItem
:check-undefined="project.third_party_dependency"
bold
:color="project.third_party_dependency ? '#FF0000' : '#18FF2F'"
title="Third-party dependency"
2023-12-19 18:43:42 +01:00
>
{{ project.third_party_dependency ? 'YES' : 'NO' }}
</ProjectInfoItem>
</div>
</ProjectDetailContainer>
</template>