@7365admin1/layer-common 4.0.3-staging.226 → 4.0.3-staging.228

package/components/AttachmentList.vue

@@ -0,0 +1,71 @@
+<template>
+    <template v-for="item in list" :key="item._id">
+        <v-file-upload-item :file="item.file" lines="one" width="100%" nav @click="handleClickItem(item._id)">
+            <template #prepend>
+                <v-avatar size="32" rounded></v-avatar>
+            </template>
+            <template #append>
+                <span class="d-flex align-center ga-1">
+                    <v-tooltip v-if="prop.showCheckbox" interactive location="top">
+                        <template v-slot:activator="{ props: activatorProps }">
+                            <v-checkbox v-if="!(prop.readOnly && item.preview === false)" @click.stop hide-details :readonly="prop.readOnly" v-model="item.preview"
+                                v-bind="activatorProps" @update:model-value="handleCheckbox(item)"></v-checkbox>
+                        </template>
+                        <span v-if="!prop.readOnly">Set as preview</span>
+                        <span v-else>Preview Selected</span>
+                    </v-tooltip>
+                    <v-btn v-if="!prop.readOnly" icon="mdi-close" class="text-text2" density="compact" size="small" flat
+                        @click.stop="handleRemoveItem(item)" />
+                </span>
+            </template>
+
+        </v-file-upload-item>
+    </template>
+    <ImageCarousel v-model="showCarousel" :active-file-id="activeFileId" :files="filesArray" />
+</template>
+
+<script setup lang="ts">
+
+type TRawFileArray = { file: File, _id: string, preview?: boolean }
+
+const prop = defineProps({
+    list: {
+        type: Array as PropType<TRawFileArray[]>,
+        required: true
+    },
+    showCheckbox: {
+        type: Boolean,
+        default: false
+    },
+    readOnly: {
+        type: Boolean,
+        default: false
+    },
+})
+
+const emit = defineEmits(['remove', 'select-featured', 'set-preview'])
+
+const showCarousel = ref(false)
+const filesArray = ref<string[]>([]) //carousel files, id strings array
+
+const activeFileId = ref('')
+
+function handleClickItem(id: string) {
+    showCarousel.value = true;
+    activeFileId.value = id
+    filesArray.value = prop.list?.map( x => x?._id)
+}
+
+function handleCheckbox(item: TRawFileArray) {
+    if (item.preview === true) {
+        emit('set-preview', item?._id)
+    }
+}
+
+function handleRemoveItem(item: TRawFileArray) {
+    emit('remove', item?._id)
+}
+
+</script>
+
+<style scoped></style>

package/components/BulletinBoardView.vue

@@ -14,7 +14,7 @@
     >
       <v-row no-gutters>
         <template v-for="(label, key) in formattedFields" :key="key">
-          <v-col cols="12" class="mb-5">
+          <v-col v-if="shouldShowField(key)" cols="12" class="mb-5">
             <v-row no-gutters class="">
               <v-col class="font-weight-bold">{{ label }}:</v-col>
 
@@ -311,6 +311,10 @@ function getFieldValue(key: keyof TAnnouncement) {
   }
 }
 
+function shouldShowField(key: string) {
+  return key !== "endDate" || !prop.activeAnnouncement?.noExpiration;
+}
+
 const rawFileArray = ref<{ file: File; _id: string; preview: boolean }[]>([]);
 
 const photosArray = getByType("image/");

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "4.0.3-staging.226",
+  "version": "4.0.3-staging.228",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "//files": "What a consumer extending this layer actually loads. Without this npm ships the whole working tree - the changesets, the CI workflows, the render harness in tools/ and any scratch directory that happened to exist at publish time. Nuxt resolves a layer by directory, so every runtime directory below has to stay listed; adding a new top-level runtime directory means adding it here too.",