shared-ritm 1.2.96 → 1.2.98

package/src/api/types/Api_Video.ts

@@ -1,90 +1,123 @@
-import { Api_Status_DTO } from '@/api/types/Api_Tasks'
-
-export type Api_Video_Source = {
-  id: string
-  name: string
-  login: string
-  password: string
-  camera_id: string | null
-  comment: string | null
-  data: unknown | null
-  snapshot_path: string | null
-  url: string
-  updated_at: string
-  created_at: string
-  fps: string
-  domed: boolean
-  height: number
-  width: number
-}
-
-export type Api_Work_Zone_Search = {
-  id: string
-  name: string
-  title: string
-  type: number
-  parent_id: string | null
-  created_at: string
-  deleted_at: string | null
-  updated_at: string
-  description: string
-  detect_face: boolean
-  detect_helmet: boolean
-  detect_mask: boolean
-  detect_work_time: boolean
-  detect_work_zone: boolean
-  has_tasks: boolean
-  is_parent: boolean
-  x0: number
-  x1: number
-  y0: number
-  y1: number
-  video_source: Api_Video_Source
-  video_source_id: string
-  warehouse_by_work_zone_instruments: unknown[]
-}
-
-export type Api_Work_Zone_Usage_User = {
-  id: string
-  user_id: string
-  user_full_name: string
-  work_zone_id: string
-  start_interval: string
-  end_interval: string
-  minutes: number
-}
-
-export type Api_Work_Zone_Task = {
-  id: string
-  name: string
-  plan_date: string
-  planned_start: null | string
-  planned_end: null | string
-  deadline: string
-  is_critical_path: boolean | null
-  is_expired: boolean
-  power_output_MWh: number
-  cost_per_MWh: number | null
-  fact_start_date: null | string
-  fact_end_date: null | string
-  time_to_complete_sec: number | null
-  status: Api_Status_DTO[]
-  usage_users: Api_Work_Zone_Usage_User[]
-}
-
-export type Api_Work_Zone_Coords = {
-  x0: number
-  x1: number
-  y0: number
-  y1: number
-}
-
-export type Api_Work_Zone = {
-  id: string
-  title: string
-  created_at: string
-  video_source: { id: string; name: string }
-  coordinates: Api_Work_Zone_Coords
-  warehouse_by_work_zone_instruments: unknown[]
-  tasks: Api_Work_Zone_Task[]
-}
+import { Api_Status_DTO } from '@/api/types/Api_Tasks'
+
+export type Api_Video_Source = {
+  id: string
+  name: string
+  login: string
+  password: string
+  camera_id: string | null
+  comment: string | null
+  data: unknown | null
+  snapshot_path: string | null
+  url: string
+  updated_at: string
+  created_at: string
+  fps: string
+  domed: boolean
+  height: number
+  width: number
+}
+
+export type Api_Work_Zone_Search = {
+  id: string
+  name: string
+  title: string
+  type: number
+  parent_id: string | null
+  created_at: string
+  deleted_at: string | null
+  updated_at: string
+  description: string
+  detect_face: boolean
+  detect_helmet: boolean
+  detect_mask: boolean
+  detect_work_time: boolean
+  detect_work_zone: boolean
+  has_tasks: boolean
+  is_parent: boolean
+  x0: number
+  x1: number
+  y0: number
+  y1: number
+  video_source: Api_Video_Source
+  video_source_id: string
+  warehouse_by_work_zone_instruments: unknown[]
+}
+
+export type Api_Work_Zone_Usage_User = {
+  id: string
+  user_id: string
+  user_full_name: string
+  work_zone_id: string
+  start_interval: string
+  end_interval: string
+  minutes: number
+}
+
+export type Api_Work_Zone_Task = {
+  id: string
+  name: string
+  plan_date: string
+  planned_start: null | string
+  planned_end: null | string
+  deadline: string
+  is_critical_path: boolean | null
+  is_expired: boolean
+  power_output_MWh: number
+  cost_per_MWh: number | null
+  fact_start_date: null | string
+  fact_end_date: null | string
+  time_to_complete_sec: number | null
+  status: Api_Status_DTO[]
+  usage_users: Api_Work_Zone_Usage_User[]
+}
+
+export type Api_Work_Zone_Coords = {
+  x0: number
+  x1: number
+  y0: number
+  y1: number
+}
+
+export type Api_Work_Zone = {
+  id: string
+  title: string
+  created_at: string
+  video_source: { id: string; name: string }
+  coordinates: Api_Work_Zone_Coords
+  warehouse_by_work_zone_instruments: unknown[]
+  tasks: Api_Work_Zone_Task[]
+}
+
+export type Api_Video_Source_Search = {
+  comment: string
+  domed: boolean
+  fps: string
+  height: number
+  id: string
+  interactive_zones: unknown
+  login: string
+  name: string
+  password: string
+  related_video_sources: unknown[]
+  shapes: unknown[]
+  snapshot_path: string
+  url: string
+  video_source: Api_Video_Source_Search[]
+  width: number
+  work_zones: unknown[]
+}
+
+export type Api_Video_Source_Create = {
+  fps: string
+  height: number
+  login: string
+  name: string
+  password: string
+  url: string
+  width: number
+  comment?: string
+  domed?: boolean
+  video_source_ids?: string[]
+  snapshot?: string
+}

package/src/common/app-input-new/AppInputNew.vue

@@ -8,17 +8,26 @@
     <q-input
       v-model="model"
       filled
-      :type="type"
+      :type="inputType"
       :rules="rules"
       :placeholder="placeholder"
       :disable="disable"
       :readonly="readonly"
       :class="inputClass"
       :error="error"
+      :autocomplete="autocomplete"
+      @blur="emit('blur')"
     >
       <slot />
       <template #append>
         <slot name="append" />
+        <q-icon
+          v-if="type === 'password'"
+          :name="isVisiblePass ? 'visibility' : 'visibility_off'"
+          color="primary"
+          class="cursor-pointer"
+          @click="isVisiblePass = !isVisiblePass"
+        />
         <q-icon
           v-if="clearable && String(model)?.length"
           name="close"
@@ -40,7 +49,7 @@
 </template>
 
 <script setup lang="ts">
-import { defineEmits, defineProps, computed } from 'vue'
+import { defineEmits, defineProps, computed, ref } from 'vue'
 import { uuidv4 } from '@/utils/helpers'
 import { notificationSettings } from '@/utils/notification'
 import { QInputProps, useQuasar } from 'quasar'
@@ -59,20 +68,26 @@ const props = defineProps<
     clearable?: boolean
     copyable?: boolean
     error?: boolean
+    autocomplete?: string
   }
 >()
 
 const emit = defineEmits<{
   (e: 'update:modelValue', val?: string | number | null): void
+  (e: 'blur', val?: string | number | null): void
 }>()
 
 const $q = useQuasar()
 
+const isVisiblePass = ref(false)
+
 const model = computed({
   get: () => getValue(props.modelValue),
   set: (newValue?: string | number | null) => emit('update:modelValue', getValue(newValue)),
 })
 
+const inputType = computed(() => (props.type === 'password' && isVisiblePass.value ? 'text' : props.type))
+
 const getValue = (value?: string | number | null) => {
   if (props.type === 'number') return value ? +value : value