parent
0e0eb9cb9f
commit
3a9c8fae49
2 changed files with 18 additions and 16 deletions
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="cc-detail-info" v-if="infoText !== undefined" v-html="infoText" />
|
<div class="cc-detail-info" v-if="infoText !== undefined" v-html="infoText" />
|
||||||
<div class="attachment-info__detail-box">
|
<div class="attachment-info__detail-box" v-if="!showFlagsOnly">
|
||||||
<div class="detail-title">
|
<div class="detail-title">
|
||||||
{{ t("cc.details") }}
|
{{ t("cc.details") }}
|
||||||
<v-icon v-if="hasC2PA">$vuetify.icons.ic_cr</v-icon>
|
<v-icon v-if="hasC2PA">$vuetify.icons.ic_cr</v-icon>
|
||||||
|
|
@ -12,21 +12,22 @@
|
||||||
</template>
|
</template>
|
||||||
</CCProperty>
|
</CCProperty>
|
||||||
</div>
|
</div>
|
||||||
<div class="attachment-info__verify-info" v-if="hasC2PA">
|
<div v-if="!showFlagsOnly">
|
||||||
<i18n-t keypath="cc.cc_info" tag="span">
|
<div class="attachment-info__verify-info" v-if="hasC2PA">
|
||||||
<template v-slot:link>
|
<i18n-t keypath="cc.cc_info" tag="span">
|
||||||
<a href="https://contentcredentials.org/verify" target="_blank">{{ $t("cc.cc_info_link") }}</a>
|
<template v-slot:link>
|
||||||
<v-icon color="white">$vuetify.icons.ic_copy</v-icon>
|
<a href="https://contentcredentials.org/verify" target="_blank">{{ $t("cc.cc_info_link") }}</a>
|
||||||
</template>
|
<v-icon color="white">$vuetify.icons.ic_copy</v-icon>
|
||||||
</i18n-t>
|
</template>
|
||||||
|
</i18n-t>
|
||||||
|
</div>
|
||||||
|
<div class="attachment-info__verify-info" v-else-if="flags">
|
||||||
|
{{ t("cc.cc_no_info") }}
|
||||||
|
</div>
|
||||||
|
<div class="attachment-info__verify-info" v-else-if="props.metaStripped">
|
||||||
|
{{ t("cc.metadata-stripped") }}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="attachment-info__verify-info" v-else-if="flags">
|
|
||||||
{{ t("cc.cc_no_info") }}
|
|
||||||
</div>
|
|
||||||
<div class="attachment-info__verify-info" v-else-if="props.metaStripped">
|
|
||||||
{{ t("cc.metadata-stripped") }}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
|
@ -46,6 +47,7 @@ const props = defineProps<{
|
||||||
proof?: Proof;
|
proof?: Proof;
|
||||||
flags?: ProofHintFlags;
|
flags?: ProofHintFlags;
|
||||||
metaStripped?: boolean;
|
metaStripped?: boolean;
|
||||||
|
showFlagsOnly?: boolean;
|
||||||
}>();
|
}>();
|
||||||
|
|
||||||
const infoText: Ref<string | undefined> = ref(undefined);
|
const infoText: Ref<string | undefined> = ref(undefined);
|
||||||
|
|
|
||||||
|
|
@ -28,7 +28,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<C2PAInfo class="attachment-info__detail-box" v-if="showC2PAInfo || hasExif" :proof="attachment.proof" :flags="attachment.proofHintFlags" />
|
<C2PAInfo class="attachment-info__detail-box" v-if="showC2PAInfo || hasExif" :proof="attachment.proof" :flags="attachment.proofHintFlags" :showFlagsOnly="attachment.useScaled" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue