github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-04-25 03:00:53 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add cache buster to cards layout card

Browse Source
This commit is contained in:
rijkvanzanten
2020-10-22 19:47:02 +02:00
parent 0ba006c962
commit 6860daa7bd
3 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/src/composables/use-collection/use-collection.ts
View File

@@ -17,7 +17,6 @@ export function useCollection(collectionKey: string | Ref<string>) {
});
const primaryKeyField = computed(() => {
console.log(fields);
// Every collection has a primary key; rules of the land
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
return fields.value?.find(

3
app/src/layouts/cards/cards.vue
View File

@@ -207,7 +207,6 @@ export default defineComponent({
const fileFields = computed(() => {
return fieldsInCollection.value.filter((field) => {
console.log(field);
if (field.field === '$file') return true;
const relation = relationsStore.state.relations.find((relation) => {
@@ -338,6 +337,7 @@ export default defineComponent({
const fields = [primaryKeyField.value.field];
if (imageSource.value) {
fields.push(`${imageSource.value}.modified_on`);
fields.push(`${imageSource.value}.type`);
fields.push(`${imageSource.value}.filename_disk`);
fields.push(`${imageSource.value}.storage`);
@@ -345,6 +345,7 @@ export default defineComponent({
}
if (props.collection === 'directus_files' && imageSource.value === '$file') {
fields.push('modified_on');
fields.push('type');
}

5
app/src/layouts/cards/components/card.vue
View File

@@ -38,6 +38,7 @@ type File = {
[key: string]: any;
id: string;
type: string;
modified_on: Date;
};
export default defineComponent({
@@ -101,7 +102,7 @@ export default defineComponent({
key = 'system-medium-contain';
}
return getRootPath() + `assets/${props.file.id}?key=${key}`;
return getRootPath() + `assets/${props.file.id}?key=${key}&modified=${props.file.modified_on}`;
});
const svgSource = computed(() => {
@@ -109,7 +110,7 @@ export default defineComponent({
if (props.file.type.startsWith('image') === false) return null;
if (props.file.type.includes('svg') === false) return null;
return getRootPath() + `assets/${props.file.id}`;
return getRootPath() + `assets/${props.file.id}&modified=${props.file.modified_on}`;
});
const selectionIcon = computed(() => {