@7365admin1/layer-common 3.2.7 → 3.2.8-staging.201

package/components/ScheduleTaskAreaFormDialog.vue

@@ -1,144 +0,0 @@
-<template>
-  <v-dialog
-    :model-value="modelValue"
-    @update:model-value="(v) => emit('update:modelValue', v)"
-    max-width="450"
-  >
-    <v-card>
-      <v-toolbar>
-        <template v-if="$slots.header">
-          <slot
-            name="header"
-            :title="
-              mode === 'edit' ? `Edit ${entityType}` : `Add New ${entityType}`
-            "
-            :onClose="onClose"
-          />
-        </template>
-        <template v-else>
-          <v-row no-gutters class="fill-height px-6" align="center">
-            <span class="font-weight-bold text-h6 text-capitalize">{{
-              mode === "edit" ? `Edit ${entityType}` : `Add New ${entityType}`
-            }}</span>
-          </v-row>
-        </template>
-      </v-toolbar>
-
-      <v-card-text>
-        <v-form ref="formRef" v-model="valid">
-          <v-row>
-            <v-col cols="12">
-              <InputLabel for="name" :title="label" required />
-              <v-text-field v-model="nameValue" :rules="[requiredRule]" />
-            </v-col>
-          </v-row>
-        </v-form>
-      </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"
-              @click="close"
-              height="48"
-            >
-              Cancel
-            </v-btn>
-          </v-col>
-
-          <v-col cols="6" class="pa-0">
-            <v-btn
-              block
-              variant="flat"
-              color="black"
-              class="text-none font-weight-bold rounded-0"
-              height="48"
-              :loading="submitting"
-              @click="submit"
-            >
-              {{ mode === "edit" ? "Save" : "Create" }}
-            </v-btn>
-          </v-col>
-        </v-row>
-      </v-toolbar>
-    </v-card>
-  </v-dialog>
-</template>
-
-<script setup lang="ts">
-const props = defineProps({
-  modelValue: { type: Boolean, required: true },
-  mode: { type: String as PropType<"add" | "edit">, default: "add" },
-  area: { type: Object as PropType<Record<string, any> | null>, default: null },
-  label: { type: String, default: "Name" },
-  nameModel: { type: String as PropType<string | null>, default: null },
-  entityType: { type: String, default: "Area" }, // values: "Area", "Unit"
-});
-
-const emit = defineEmits([
-  "update:modelValue",
-  "saved",
-  "update:nameModel",
-] as const);
-
-const formRef = ref(null);
-const valid = ref(false);
-const submitting = ref(false);
-
-const form = reactive({ name: "", description: "", status: "active" });
-
-watchEffect(() => {
-  if (props.area) {
-    form.name = props.area.name || "";
-    form.description = props.area.description || "";
-    form.status = props.area.status || "active";
-  } else {
-    form.name = "";
-    form.description = "";
-    form.status = "active";
-  }
-});
-
-const { requiredRule } = useUtils();
-
-const nameValue = computed({
-  get: () => {
-    return props.nameModel !== null ? props.nameModel : form.name;
-  },
-  set: (v: string) => {
-    if (props.nameModel !== null) {
-      emit("update:nameModel", v);
-    } else {
-      form.name = v;
-    }
-  },
-});
-
-function close() {
-  emit("update:modelValue", false);
-}
-
-const onClose = () => close();
-
-async function submit() {
-  if (!valid.value) return;
-  submitting.value = true;
-  try {
-    await new Promise((r) => setTimeout(r, 500));
-    emit("saved", { ...form, _id: props.area?._id || Date.now().toString() });
-
-    form.name = "";
-    form.description = "";
-    form.status = "active";
-
-    emit("update:modelValue", false);
-  } catch (e) {
-  } finally {
-    submitting.value = false;
-  }
-}
-</script>

package/components/ScheduleTaskAreaUpdateMoreAction.vue

@@ -1,109 +0,0 @@
-<template>
-  <v-card width="100%">
-    <v-toolbar>
-      <template v-if="$slots.header">
-        <slot name="header" :title="title" :onClose="onClose" />
-      </template>
-      <template v-else>
-        <v-row no-gutters class="fill-height px-6" align="center">
-          <span class="font-weight-bold text-h5 text-capitalize">{{
-            title
-          }}</span>
-        </v-row>
-      </template>
-    </v-toolbar>
-
-    <v-card-text style="max-height: 100vh; overflow-y: auto" class="pb-0">
-      <slot name="content" />
-    </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"
-            @click="emit('close')"
-            height="48"
-          >
-            Close
-          </v-btn>
-        </v-col>
-
-        <v-col cols="6" class="pa-0">
-          <v-menu>
-            <template #activator="{ props }">
-              <v-btn
-                block
-                variant="flat"
-                color="black"
-                class="text-none"
-                height="48"
-                v-bind="props"
-                tile
-              >
-                More actions
-              </v-btn>
-            </template>
-
-            <v-list class="pa-0">
-              <v-list-item v-if="canUpdate" @click="emit('edit')">
-                <v-list-item-title class="text-subtitle-2">
-                  {{ editButtonLabel }}
-                </v-list-item-title>
-              </v-list-item>
-
-              <v-list-item
-                v-if="canDelete"
-                @click="emit('delete')"
-                class="text-red"
-              >
-                <v-list-item-title class="text-subtitle-2">
-                  {{ deleteButtonLabel }}
-                </v-list-item-title>
-              </v-list-item>
-            </v-list>
-          </v-menu>
-        </v-col>
-      </v-row>
-    </v-toolbar>
-  </v-card>
-</template>
-
-<script setup lang="ts">
-const prop = defineProps({
-  canUpdate: {
-    type: Boolean,
-    default: true,
-  },
-  canDelete: {
-    type: Boolean,
-    default: true,
-  },
-  editButtonLabel: {
-    type: String,
-    default: "Edit Area",
-  },
-  deleteButtonLabel: {
-    type: String,
-    default: "Delete Area",
-  },
-  title: {
-    type: String,
-    default: "Area Actions",
-  },
-});
-
-const emit = defineEmits(["close", "manage", "edit", "delete"]);
-const {
-  canUpdate,
-  editButtonLabel,
-  deleteButtonLabel,
-  manageButtonLabel,
-  title,
-} = prop;
-</script>
-
-<style scoped></style>

package/components/ScheduleTastTicketMain.vue

@@ -1,182 +0,0 @@
-<template>
-  <v-row no-gutters align="center" justify="center">
-    <v-col cols="12" lg="10">
-      <TableMain
-        :title="'Schedule Tasks'"
-        :items="items"
-        :headers="headers"
-        :loading="loading"
-        :show-header="true"
-        v-model:page="page"
-        :pages="pages"
-        :pageRange="pageRange"
-        :no-data-text="'No Schedule Tasks found'"
-        @row-click="onRowClick"
-      >
-        <template #item.task="{ item }">
-          {{ item.task || "N/A" }}
-        </template>
-
-        <template #item.createdAt="{ value }">
-          {{
-            formatDate
-              ? formatDate(value)
-              : value
-              ? new Date(value).toLocaleDateString()
-              : ""
-          }}
-        </template>
-
-        <template #item.area="{ value }">
-          {{ value || "N/A" }}
-        </template>
-
-        <template #item.createdBy="{ item }">
-          <v-avatar
-            size="32"
-            class="mr-2"
-            :color="getAvatarColor(item.createdBy)"
-          >
-            <span class="white--text">{{ getInitials(item.createdBy) }}</span>
-          </v-avatar>
-          {{ item.createdBy || "N/A" }}
-        </template>
-
-        <template #item.cleaners="{ value }">
-          {{ value || "N/A" }}
-        </template>
-
-        <template #item.status="{ value }">
-          <v-chip
-            :color="getStatusColor(value)"
-            class="font-weight-bold"
-            style="background: #ffe6c2; color: #ff9800"
-          >
-            {{ value || "To-Do" }}
-          </v-chip>
-        </template>
-        <!-- Completion Date/Time -->
-        <template #item.completionDate="{ value }">
-          {{ value ? formatDate(value) : "N/A" }}
-        </template>
-        <!-- Action (Accept button) -->
-        <template #item.action="{ item }">
-          <v-btn outlined class="accept-btn" @click.stop="acceptTask(item)">
-            Accept
-          </v-btn>
-        </template>
-      </TableMain>
-
-      <!-- Accept Confirmation Dialog -->
-      <AcceptDialog
-        :model-value="showAcceptDialog"
-        title="Accept Scheduled Task"
-        message="Are you sure you want to Accept this Scheduled Task?"
-        @confirm="confirmAccept"
-        @cancel="showAcceptDialog = false"
-      />
-
-      <!-- ScheduleTaskForm Dialog -->
-      <ScheduleTaskForm v-model:show="showForm" />
-    </v-col>
-  </v-row>
-</template>
-
-<script lang="ts" setup>
-const props = defineProps({
-  orgId: { type: String, required: true },
-  site: { type: String, required: true },
-  type: { type: String, required: true },
-});
-const loading = ref(false);
-const page = ref(1);
-const pages = ref(1);
-const pageRange = ref("1-3 of 3");
-const showForm = ref(false);
-
-const showAcceptDialog = ref(false);
-const selectedTask = ref(null);
-
-const items = ref([
-  {
-    _id: "1",
-    task: "Clean Windows",
-    createdAt: "2025-10-28T10:00:00Z",
-    area: "",
-    createdBy: "Demo Smith",
-    cleaners: "N/A",
-    status: "To-Do",
-    completionDate: "2025-10-28T10:00:00Z",
-  },
-  {
-    _id: "2",
-    task: "Clean The 3",
-    createdAt: "2025-10-28T10:00:00Z",
-    area: "",
-    createdBy: "Hygiene SP",
-    cleaners: "N/A",
-    status: "To-Do",
-    completionDate: "2025-10-28T10:00:00Z",
-  },
-]);
-
-const headers = [
-  { title: "Task", value: "task" },
-  { title: "Date Created", value: "createdAt" },
-  { title: "Area", value: "area" },
-  { title: "Created By", value: "createdBy" },
-  { title: "Cleaners", value: "cleaners" },
-  { title: "Status", value: "status" },
-  { title: "Completion Date/Time", value: "completionDate" },
-  { title: "Action", value: "action" },
-];
-
-const { formatDate } = useUtils();
-
-function getInitials(name: string) {
-  if (!name) return "";
-  return name
-    .split(" ")
-    .map((n) => n[0])
-    .join("")
-    .toUpperCase();
-}
-function getAvatarColor(name: string) {
-  if (name === "Demo Smith") return "purple";
-  if (name === "Hygiene SP") return "blue";
-  return "grey";
-}
-function getStatusColor(status: string) {
-  if (status === "To-Do") return "orange";
-  if (status === "Completed") return "green";
-  return "grey";
-}
-function acceptTask(item: any) {
-  selectedTask.value = item;
-  showAcceptDialog.value = true;
-}
-function confirmAccept() {
-  // Handle accept logic here (e.g., update status, API call)
-  showAcceptDialog.value = false;
-}
-function onRowClick(data: any) {
-  const item = data?.item ?? data;
-  const id = item?._id || item?.id;
-  if (id) {
-    const path = `/${props.orgId}/${props.site}/schedule-tasks-ticket/${id}`;
-    navigateTo(path);
-  } else {
-    console.warn("Row clicked but no id found to navigate:", item);
-  }
-}
-</script>
-
-<style scoped>
-.accept-btn {
-  border: 1px solid #333;
-  background: #fff;
-  border-radius: 4px;
-  cursor: pointer;
-  min-width: 80px;
-}
-</style>

package/components/TableWithButton.vue

@@ -1,94 +0,0 @@
-<template>
-  <v-card flat border="sm black" :loading="loading" class="px-0" :ripple="false">
-    <v-toolbar class="px-5">
-      <template #prepend>
-        <span class="text-subtitle-1 font-weight-black">{{ tableTitle }}</span>
-      </template>
-      <template #append>
-        <v-btn color="primary" variant="flat" size="large" density="comfortable" :text="buttonLabel"
-          class="text-capitalize" />
-      </template>
-    </v-toolbar>
-    <v-card-text class="pa-0 bg-red">
-      <v-data-table :headers="headers" :items="items" :item-value="itemValue" :items-per-page="itemsPerPage"
-        fixed-header hide-default-footer hide-default-header @click:row="$emit('row-click', $event)"
-        style="max-height: calc(100vh - (200px))">
-        <template v-for="(_, slotName) in $slots" #[slotName]="slotProps">
-          <slot :name="slotName" v-bind="slotProps" />
-        </template>
-      </v-data-table>
-    </v-card-text>
-  </v-card>
-</template>
-
-<script setup lang="ts">
-const selected = defineModel({
-  type: Array as PropType<Array<string>>,
-  default: () => [],
-});
-const page = defineModel("page", { type: Number, default: 0 });
-
-const props = defineProps({
-  headers: {
-    type: Array as PropType<Array<Record<string, string | number>>>,
-    required: true,
-    default: () => [],
-  },
-  items: {
-    type: Array as PropType<Array<Record<string, any>>>,
-    required: true,
-    default: () => [],
-  },
-
-  itemValue: {
-    type: String,
-    default: "_id",
-  },
-    itemsPerPage: {
-    type: Number,
-    default: 20,
-  },
-  loading: {
-    type: Boolean,
-    required: true,
-    default: true,
-  },
-  tableTitle: {
-    type: String,
-    default: "",
-    required: false
-  },
-  buttonLabel: {
-    type: String,
-    default: "Add",
-    required: false
-  }
-});
-
-const emit = defineEmits(["refresh", "update:pagination", "row-click"]);
-
-function increment() {
-  page.value++;
-  emit("update:pagination", page.value);
-}
-
-function decrement() {
-  page.value--;
-  emit("update:pagination", page.value);
-}
-
-function tableRowClickHandler(_: any, row: any) {
-  const item = props.items[row.index];
-  emit("row-click", item);
-}
-
-const selectAll = ref(false);
-
-watch(selectAll, (curr) => {
-  selected.value.splice(0, selected.value.length);
-  if (curr) {
-    const ids = props.items.map((i) => i._id as string);
-    selected.value.push(...ids);
-  }
-});
-</script>

package/test/visitor-socket.test.mjs

@@ -1,36 +0,0 @@
-import assert from "node:assert/strict";
-import { test } from "node:test";
-
-import { cameraAlertMessage } from "./.build/useVisitorSocket.mjs";
-
-/*
- * The reported symptom was one camera raising a red toast every 10 seconds on
- * an unrelated page. API-core now paces the alert; this side has to make sure
- * several cameras failing at once still cannot become several snackbars.
- */
-
-test("nothing is shown when no camera is down", () => {
-  assert.equal(cameraAlertMessage([]), "");
-});
-
-test("one failing camera shows the server's own message, which names it", () => {
-  const text = "The entry and exit ANPR camera at Seventh Condominium is not responding.";
-  assert.equal(cameraAlertMessage([text]), text);
-});
-
-test("several failing cameras collapse into a single line", () => {
-  const many = ["camera one is down", "camera two is down", "camera three is down"];
-  const text = cameraAlertMessage(many);
-  assert.match(text, /^3 cameras at this site are not responding/);
-  for (const message of many) assert.doesNotMatch(text, new RegExp(message));
-});
-
-test("the collapsed line points at the page that lists them", () => {
-  assert.match(cameraAlertMessage(["a", "b"]), /Site Settings > Cameras/);
-});
-
-test("no camera message tells the operator to deactivate anything", () => {
-  for (const messages of [["a camera is down"], ["a", "b"]]) {
-    assert.doesNotMatch(cameraAlertMessage(messages), /inactive|deactivat/i);
-  }
-});