butter/keanu-weblite
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Start on intervention display

Browse source
This commit is contained in:
N-Pex 2025-09-09 10:56:15 +02:00
parent 46479d4c37
commit 27b27876c0
12 changed files with 268 additions and 99 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/content-credentials/C2PAInfo.vue
View file

@ -8,15 +8,15 @@
{{ t("file_mode.content_credentials_info") }}
</div>
<div class="detail-info" v-if="infoText !== undefined">
<div class="cc-detail-info" v-if="infoText !== undefined">
{{ infoText }}
</div>
<CCProperty
v-if="props.flags?.source"
v-if="props.flags?.device"
icon="$vuetify.icons.ic_media_camera"
:title="t('file_mode.cc_source')"
:value="props.flags?.source"
:value="props.flags?.device"
/>
<CCProperty
v-if="creationDate"
@ -29,9 +29,7 @@
<script setup lang="ts">
import { useI18n } from "vue-i18n";
import {
ProofHintFlags,
} from "../../models/proof";
import { ProofHintFlags } from "../../models/proof";
import { ref, Ref, watch } from "vue";
import dayjs from "dayjs";
import CCProperty from "./CCProperty.vue";
@ -64,17 +62,15 @@ watch(
}
let result = "";
if (props.flags.camera) {
if (props.flags.generator === "camera") {
result += t("file_mode.captured_with_camera");
}
if (props.flags.screenshot) {
} else if (props.flags.generator === "screenshot") {
if (date) {
result += t("file_mode.captured_screenshot_ago", { ago: date.fromNow(true) });
} else {
result += t("file_mode.captured_screenshot");
}
}
if (props.flags.aiGenerated) {
} else if (props.flags.generator === "ai") {
if (date) {
result += t("file_mode.generated_with_ai_ago", { ago: date.fromNow(true) });
} else {
@ -93,9 +89,9 @@ watch(
},
{ immediate: true }
);
</script>
<style lang="scss">
@use "@/assets/css/chat.scss" as *;
@use "@/assets/css/contentcredentials.scss" as *;
</style>

42
src/components/content-credentials/CCSummary.vue Normal file
View file

@ -0,0 +1,42 @@
<template>
<div class="cc-summary" v-if="props.flags.length > 0 && infoText.length > 0">
<v-icon class="intervention-icon">{{
showCheck ? "$vuetify.icons.ic_intervention_check" : "$vuetify.icons.ic_intervention"
}}</v-icon
><span class="common-caption-small" v-html="infoText" />
</div>
</template>
<script setup lang="ts">
import { computed } from "vue";
import { ProofHintFlags } from "../../models/proof";
const props = defineProps<{
flags: ProofHintFlags[];
}>();
const showCheck = computed(() => {
return props.flags.some((f) => f?.valid);
});
const infoText = computed(() => {
if (props.flags.some((f) => f.generator === "ai")) {
return "<b>Contains AI generated media.</b> Take a closer look at the file details for each.";
} else if (props.flags.some((f) => f.generator === "screenshot")) {
return "<b>Contains screenshots.</b> Take a closer look at the file details for each.";
}
return "TODO - Content Credentials Info";
});
</script>
<style lang="scss">
@use "@/assets/css/chat.scss" as *;
.cc-summary {
.intervention-icon {
width: 12px;
height: 12px;
display: inline-flex;
}
}
</style>