Browse Source

allow link to the large version of a project image

kb/add-usage-guide
Trent Larson 6 months ago
parent
commit
50bba70e1f
  1. 15
      src/components/ProjectIcon.vue
  2. 1
      src/views/ProjectViewView.vue

15
src/components/ProjectIcon.vue

@ -1,5 +1,17 @@
<template> <template>
<div v-html="generateIdenticon()" class="h-full w-full object-contain"></div> <a
v-if="linkToFull && imageUrl"
:href="imageUrl"
target="_blank"
class="h-full w-full object-contain"
>
<div v-html="generateIdenticon()" class="h-full w-full object-contain" />
</a>
<div
v-else
v-html="generateIdenticon()"
class="h-full w-full object-contain"
/>
</template> </template>
<script lang="ts"> <script lang="ts">
import { toSvg } from "jdenticon"; import { toSvg } from "jdenticon";
@ -22,6 +34,7 @@ export default class ProjectIcon extends Vue {
@Prop entityId = ""; @Prop entityId = "";
@Prop iconSize = 0; @Prop iconSize = 0;
@Prop imageUrl = ""; @Prop imageUrl = "";
@Prop linkToFull = false;
generateIdenticon() { generateIdenticon() {
if (this.imageUrl) { if (this.imageUrl) {

1
src/views/ProjectViewView.vue

@ -28,6 +28,7 @@
:entityId="projectId" :entityId="projectId"
:iconSize="64" :iconSize="64"
:imageUrl="imageUrl" :imageUrl="imageUrl"
:linkToFull="true"
class="block border border-slate-300 rounded-md max-h-16 max-w-16" class="block border border-slate-300 rounded-md max-h-16 max-w-16"
/> />
</div> </div>

Loading…
Cancel
Save