@7365admin1/layer-common 1.8.0 → 1.8.1

package/.changeset/config.json

@@ -4,7 +4,7 @@
   "commit": false,
   "fixed": [],
   "linked": [],
-  "access": "restricted",
+  "access": "public",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
   "ignore": []

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @iservice365/layer-common
 
+## 1.8.1
+
+### Patch Changes
+
+- 5db6d60: Updated npm account to 7365admin1 and changed package name from @iservice365/layer-common to @7365admin1/layer-common
+
 ## 1.8.0
 
 ### Minor Changes

package/app.vue

@@ -1,3 +1,3 @@
 <template>
-  <h1>Common Layer</h1>
+  <h1>Common Layer v2</h1>
 </template>

package/components/Dialog/ReusablePrompt.vue

@@ -0,0 +1,64 @@
+<template>
+    <v-card width="100%" :disabled="loading" :loading="loading">
+        <v-card-text style="max-height: 100vh; overflow-y: auto" class="pa-5 my-5 px-7 text-center">
+            <v-row no-gutters>
+                <v-col cols="12" class="text-h6 font-weight-bold">
+                    <span class=""> {{ promptTitle }}</span>
+                </v-col>
+                <v-col v-if="message" cols="12" class="mt-5">
+                    <span  >
+                        {{ message }}
+                    </span>
+                </v-col>
+            </v-row>
+        </v-card-text>
+
+        <v-toolbar class="pa-0" density="compact">
+            <v-row no-gutters>
+                <v-col cols="6" class="pa-0">
+                    <v-btn block variant="text" class="text-none" size="large" tile @click="emit('close')" height="48">
+                        Cancel
+                    </v-btn>
+                </v-col>
+
+                <v-col cols="6" class="pa-0">
+                    <v-btn block tile variant="flat" class="text-none" size="large" height="48"
+                        :color="confirmButtonColor" @click="emit('proceed')">
+                        {{ confirmLabel }}
+                    </v-btn>
+                </v-col>
+            </v-row>
+        </v-toolbar>
+    </v-card>
+</template>
+
+<script setup lang="ts">
+const props = defineProps({
+    message: {
+        type: String,
+        default: ""
+    },
+    promptTitle: {
+        type: String,
+        default: "Are you sure want to delete this? "
+    },
+    loading: {
+        type: Boolean,
+        default: false
+    },
+    confirmLabel: {
+        type: String,
+        default: "Proceed"
+    },
+    confirmButtonColor: {
+        type: String,
+        default: "black"
+    }
+
+})
+
+const emit = defineEmits(["close", "proceed"])
+
+</script>
+
+<style scoped></style>

package/components/NumberSettingField.vue

@@ -1,20 +1,25 @@
 <template>
-<v-row no-gutters>
-    <v-form v-model="valid">
-        <v-row>
-            <v-col cols="6">
-                <InputLabel class="text-capitalize font-weight-bold" :title="title" :required="required" />
-                <v-text-field v-model.number="count" type="number" density="comfortable" :rules="rules" />
-            </v-col>
-            
-            <v-col cols="6">
-                <v-btn color="primary" class="text-none mt-6" size="large" variant="flat"
-                :disabled="!valid || disabled" :loading="loading || updating" text="Save" @click="handleSave" />
-            </v-col>
-        </v-row>
-    </v-form>
-<Snackbar v-model="toastObject.show" :text="toastObject.message" :color="toastObject.color" />
-</v-row>
+    <v-row no-gutters>
+        <v-form v-model="valid">
+            <v-row>
+                <v-col cols="6">
+                    <InputLabel class="text-capitalize font-weight-bold" :title="title" :required="required" />
+                    <v-text-field v-model.number="count" type="number" density="comfortable" :rules="rules" />
+                </v-col>
+
+                <v-col cols="6">
+                    <v-btn color="primary" class="text-none mt-6" size="large" variant="flat"
+                        :disabled="!valid || disabled" :loading="loading || updating" text="Save" @click="handleSave" />
+                </v-col>
+            </v-row>
+        </v-form>
+        <Snackbar v-model="toastObject.show" :text="toastObject.message" :color="toastObject.color" />
+        <v-dialog v-model="dialog.updateBlockPrompt" persistent max-width="450">
+            <DialogReusablePrompt :promptTitle="`Reduce number of ${props.type === 'blocks' ? 'blocks' : 'guard posts'}?`" confirm-button-color="red"
+                :message="`Lowering the ${props.type === 'blocks' ? 'block' : 'guard post'} count will remove option beyond the new limit. Are you sure you want to proceed?`"
+                @close="dialog.updateBlockPrompt = false" @proceed="handleProceedSave" />
+        </v-dialog>
+    </v-row>
 </template>
 
 <script setup lang="ts">
@@ -24,9 +29,11 @@ const props = defineProps({
     title: { type: String, required: true },
     required: { type: Boolean, default: true },
     loading: { type: Boolean, default: false },
-    type: { type: String as PropType<'blocks' | 'guard_posts'>, required: true},
-    disabled: {type: Boolean, default: false},
-    siteId: { type: String, required: true }
+    type: { type: String as PropType<'blocks' | 'guard_posts'>, required: true },
+    disabled: { type: Boolean, default: false },
+    siteId: { type: String, required: true },
+    existingBlockNumber: { type: Number, default: 0 },
+    existingGuardPostsNumber: { type: Number, default: 0 },
 });
 
 const { updateSite, setSiteGuardPosts } = useSiteSettings()
@@ -37,11 +44,15 @@ const valid = ref(false);
 const updating = ref(false)
 
 const toastObject = reactive({
-  show: false,
-  message: "",
-  color: "",
+    show: false,
+    message: "",
+    color: "",
 });
 
+const dialog = reactive({
+  updateBlockPrompt: false,
+})
+
 
 const emits = defineEmits(["success", "error"]);
 
@@ -62,46 +73,68 @@ const rules = computed(() => {
 });
 
 
+function handleSave() {
+  const previousCount =
+    props.type === 'blocks'
+      ? props.existingBlockNumber
+      : props.type === 'guard_posts'
+      ? props.existingGuardPostsNumber
+      : null;
+
+  if (!previousCount) {
+    handleProceedSave();
+    return;
+  }
+
+  if (count.value < previousCount) {
+    dialog.updateBlockPrompt = true;
+    return;
+  }
+
+  handleProceedSave();
+}
+
 
 
-async function handleSave() {
-    if(!props.siteId){
+async function handleProceedSave() {
+    if (!props.siteId) {
         return emits('error', 'Site ID is required')
     }
 
+    dialog.updateBlockPrompt = false;
     updating.value = true;
 
     try {
-    if(props.type === 'blocks'){
-        await updateSite(props.siteId, { block: count.value});
-        handleSuccess('The number of blocks has been updated successfully!')
-    } else if (props.type) {
-        await setSiteGuardPosts(props.siteId, count.value)
-        handleSuccess('The number of guard posts has been updated successfully!')
-       
-    } else {
-        throw new Error('Invalid type Prop provided.')
+        if (props.type === 'blocks') {
+            await updateSite(props.siteId, { block: count.value });
+            handleSuccess('The number of blocks has been updated successfully!')
+        } else if (props.type) {
+            await setSiteGuardPosts(props.siteId, count.value)
+            handleSuccess('The number of guard posts has been updated successfully!')
+
+        } else {
+            throw new Error('Invalid type Prop provided.')
+        }
+
+        emits('success')
+    } catch (error: any) {
+        const message = error?.data?.message || `Error updating ${props.type.replace('_', ' ')}`;
+        handleError(message)
+    } finally {
+        updating.value = false;
     }
-
-     emits('success')
-  } catch (error: any) {
-    const message = error?.data?.message || `Error updating ${props.type.replace('_', ' ')}`;
-    handleError(message)
-  } finally {
-    updating.value = false;
-  }
 }
 
 const handleSuccess = (message: string) => {
-  toastObject.show = true;
-  toastObject.message = message;
-  toastObject.color = "success";
+    toastObject.show = true;
+    toastObject.message = message;
+    toastObject.color = "success";
 };
 
 const handleError = (message: string) => {
-  toastObject.show = true;
-  toastObject.message = message;
-  toastObject.color = "error";
+    toastObject.show = true;
+    toastObject.message = message;
+    toastObject.color = "error";
 };
 
 </script>

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "publishConfig": {