@sigmaott/base-next 1.4.0 → 1.4.2

package/src/components/Server/validator.ts

@@ -1,13 +1,13 @@
-import type { ComponentCluster, MachineCluster, Transcoder } from '@/api-client-transcoders'
-
-export function machineExits(listMachine: Transcoder[], machineId: string) {
-  return !listMachine.find(item => item.id === machineId)?.isDeleted
-}
-
-export function clusterExits(listCluster: MachineCluster[], clusterId: string) {
-  return !listCluster.find(item => item.id === clusterId)?.isDeleted
-}
-
-export function componentExits(listComponent: ComponentCluster[], clusterId: string) {
-  return !listComponent.find(item => item.id === clusterId)?.isDeleted
-}
+import type { ComponentCluster, MachineCluster, Transcoder } from '@/api-client-transcoders'
+
+export function machineExits(listMachine: Transcoder[], machineId: string) {
+  return !listMachine.find(item => item.id === machineId)?.isDeleted
+}
+
+export function clusterExits(listCluster: MachineCluster[], clusterId: string) {
+  return !listCluster.find(item => item.id === clusterId)?.isDeleted
+}
+
+export function componentExits(listComponent: ComponentCluster[], clusterId: string) {
+  return !listComponent.find(item => item.id === clusterId)?.isDeleted
+}

package/src/components/SwitchDark.vue

@@ -1,19 +1,19 @@
-<script setup lang="ts">
-import { Moon, Sunny } from '@element-plus/icons-vue'
-
-const { isDark } = useLayoutStore()
-const toggleDark = useToggle(isDark)
-</script>
-
-<template>
-  <el-switch
-    :model-value="isDark"
-    inline-prompt
-    size="large"
-    active-color="#0a0a0a"
-    inactive-color="#dcdfe6"
-    :active-icon="Sunny"
-    :inactive-icon="Moon"
-    @change="toggleDark()"
-  />
-</template>
+<script setup lang="ts">
+import { Moon, Sunny } from '@element-plus/icons-vue'
+
+const { isDark } = useLayoutStore()
+const toggleDark = useToggle(isDark)
+</script>
+
+<template>
+  <el-switch
+    :model-value="isDark"
+    inline-prompt
+    size="large"
+    active-color="#0a0a0a"
+    inactive-color="#dcdfe6"
+    :active-icon="Sunny"
+    :inactive-icon="Moon"
+    @change="toggleDark()"
+  />
+</template>

package/src/components/SwitchLang.vue

@@ -1,31 +1,31 @@
-<script lang="ts" setup>
-const { locale } = useI18n({
-  useScope: 'global',
-})
-syncRef(locale, __LANGUAGE__)
-
-function handleCommand(lang: string) {
-  locale.value = lang
-  window.location.reload()
-}
-</script>
-
-<template>
-  <el-dropdown trigger="click" @command="handleCommand">
-    <el-button text>
-      <el-icon size="22px">
-        <div class="i-carbon:language" />
-      </el-icon>
-    </el-button>
-    <template #dropdown>
-      <el-dropdown-menu>
-        <el-dropdown-item command="en" :class="[locale === 'en' && '!text-primary']">
-          English
-        </el-dropdown-item>
-        <el-dropdown-item command="vi" :class="[locale === 'vi' && '!text-primary']">
-          Tiếng Việt
-        </el-dropdown-item>
-      </el-dropdown-menu>
-    </template>
-  </el-dropdown>
-</template>
+<script lang="ts" setup>
+const { locale } = useI18n({
+  useScope: 'global',
+})
+syncRef(locale, __LANGUAGE__)
+
+function handleCommand(lang: string) {
+  locale.value = lang
+  window.location.reload()
+}
+</script>
+
+<template>
+  <el-dropdown trigger="click" @command="handleCommand">
+    <el-button text>
+      <el-icon size="22px">
+        <div class="i-carbon:language" />
+      </el-icon>
+    </el-button>
+    <template #dropdown>
+      <el-dropdown-menu>
+        <el-dropdown-item command="en" :class="[locale === 'en' && '!text-primary']">
+          English
+        </el-dropdown-item>
+        <el-dropdown-item command="vi" :class="[locale === 'vi' && '!text-primary']">
+          Tiếng Việt
+        </el-dropdown-item>
+      </el-dropdown-menu>
+    </template>
+  </el-dropdown>
+</template>

package/src/components/TableEmpty.vue

@@ -1,50 +1,50 @@
-<script lang="ts" setup>
-const { isError, hasFilter, isFetching } = defineProps<{
-  isError?: boolean
-  hasFilter?: boolean
-  isFetching?: boolean
-}>()
-
-const emit = defineEmits<{
-  refetch: []
-  add: []
-  clearFilter: []
-}>()
-</script>
-
-<template>
-  <div v-if="!isFetching" class="h-300px pb-60px xl:h-580px">
-    <div v-if="isError" class="h-full w-full flex flex-col items-center justify-center pt-10">
-      <el-text type="danger" tag="b" class="leading-5">
-        {{ $t('base.error_loading_data') }}
-      </el-text>
-      <el-text type="danger">
-        {{ $t('base.an_error_occurred_while_loading_data_please_try_again_later') }}
-      </el-text>
-      <el-button type="primary" plain @click="emit('refetch')">
-        {{ $t('base.retry') }}
-      </el-button>
-    </div>
-    <div v-else-if="hasFilter" class="h-full w-full flex flex-col items-center justify-center pt-10">
-      <el-text tag="b" class="leading-60px">
-        {{ $t('base.no_matches') }}. {{ $t('base.we_cant_find_a_match') }}
-      </el-text>
-      <el-button type="primary" plain @click="emit('clearFilter')">
-        {{ $t('base.clear_filter') }}
-      </el-button>
-    </div>
-    <div v-else class="h-full w-full flex flex-col items-center justify-center pt-10">
-      <el-text tag="b" class="mb-1 leading-60px">
-        {{ $t('base.no_data') }}
-      </el-text>
-      <slot name="add">
-        <el-button type="primary" plain @click="emit('add')">
-          {{ $t('Actions.add') }}
-        </el-button>
-      </slot>
-    </div>
-  </div>
-  <div v-else>
-    &nbsp;
-  </div>
-</template>
+<script lang="ts" setup>
+const { isError, hasFilter, isFetching } = defineProps<{
+  isError?: boolean
+  hasFilter?: boolean
+  isFetching?: boolean
+}>()
+
+const emit = defineEmits<{
+  refetch: []
+  add: []
+  clearFilter: []
+}>()
+</script>
+
+<template>
+  <div v-if="!isFetching" class="h-300px pb-60px xl:h-580px">
+    <div v-if="isError" class="h-full w-full flex flex-col items-center justify-center pt-10">
+      <el-text type="danger" tag="b" class="leading-5">
+        {{ $t('base.error_loading_data') }}
+      </el-text>
+      <el-text type="danger">
+        {{ $t('base.an_error_occurred_while_loading_data_please_try_again_later') }}
+      </el-text>
+      <el-button type="primary" plain @click="emit('refetch')">
+        {{ $t('base.retry') }}
+      </el-button>
+    </div>
+    <div v-else-if="hasFilter" class="h-full w-full flex flex-col items-center justify-center pt-10">
+      <el-text tag="b" class="leading-60px">
+        {{ $t('base.no_matches') }}. {{ $t('base.we_cant_find_a_match') }}
+      </el-text>
+      <el-button type="primary" plain @click="emit('clearFilter')">
+        {{ $t('base.clear_filter') }}
+      </el-button>
+    </div>
+    <div v-else class="h-full w-full flex flex-col items-center justify-center pt-10">
+      <el-text tag="b" class="mb-1 leading-60px">
+        {{ $t('base.no_data') }}
+      </el-text>
+      <slot name="add">
+        <el-button type="primary" plain @click="emit('add')">
+          {{ $t('Actions.add') }}
+        </el-button>
+      </slot>
+    </div>
+  </div>
+  <div v-else>
+    &nbsp;
+  </div>
+</template>

package/src/components/Toast/ToastNoti.vue

@@ -1,52 +1,52 @@
-<script setup lang="ts">
-// const { t } = useI18n()
-const { noti } = useToast()
-
-const showNotiType = {
-  success: {
-    type: 'success',
-    icon: 'i-ep:success-filled text-#87CF63 text-xl',
-    bgColor: 'bg-#F0F9EB',
-  },
-  info: {
-    type: 'info',
-    icon: 'i-ep:info-filled text-#70B6FF text-xl',
-    bgColor: 'bg-#ECF5FF',
-  },
-  warning: {
-    type: 'warning',
-    icon: 'i-ep:warning text-#EBB565 text-xl',
-    bgColor: 'bg-#FDF6EC',
-  },
-  error: {
-    type: 'error',
-    icon: 'i-carbon:close-outline text-#F67878 text-xl',
-    bgColor: 'bg-#FEF0F0',
-  },
-}
-</script>
-
-<template>
-  <div v-if="noti.length">
-    <el-card v-for="(item, index) in noti" :key="index" :class="showNotiType[item.type]?.bgColor">
-      <div class="flex items-center gap-2">
-        <div :class="showNotiType[item.type]?.icon" />
-        <div>
-          <div class="text-lg font-bold">
-            {{ item?.title }}
-          </div>
-          <div>{{ item?.message }}</div>
-        </div>
-      </div>
-    </el-card>
-  </div>
-</template>
-
-<i18n lang="yaml" global>
-en:
-  warningOutResource: Your trial/package has used up resources. Upgrade now to continue using products/services
-  seeMoreOptions: See more options
-vi:
-  warningOutResource: Bản dùng thử của bạn đã sử dụng hết tài nguyên. Nâng cấp ngay để tiếp tục sử dụng sản phẩm/dịch vụ
-  seeMoreOptions: Xem thêm tùy chọn
-</i18n>
+<script setup lang="ts">
+// const { t } = useI18n()
+const { noti } = useToast()
+
+const showNotiType = {
+  success: {
+    type: 'success',
+    icon: 'i-ep:success-filled text-#87CF63 text-xl',
+    bgColor: 'bg-#F0F9EB',
+  },
+  info: {
+    type: 'info',
+    icon: 'i-ep:info-filled text-#70B6FF text-xl',
+    bgColor: 'bg-#ECF5FF',
+  },
+  warning: {
+    type: 'warning',
+    icon: 'i-ep:warning text-#EBB565 text-xl',
+    bgColor: 'bg-#FDF6EC',
+  },
+  error: {
+    type: 'error',
+    icon: 'i-carbon:close-outline text-#F67878 text-xl',
+    bgColor: 'bg-#FEF0F0',
+  },
+}
+</script>
+
+<template>
+  <div v-if="noti.length">
+    <el-card v-for="(item, index) in noti" :key="index" :class="showNotiType[item.type]?.bgColor">
+      <div class="flex items-center gap-2">
+        <div :class="showNotiType[item.type]?.icon" />
+        <div>
+          <div class="text-lg font-bold">
+            {{ item?.title }}
+          </div>
+          <div>{{ item?.message }}</div>
+        </div>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<i18n lang="yaml" global>
+en:
+  warningOutResource: Your trial/package has used up resources. Upgrade now to continue using products/services
+  seeMoreOptions: See more options
+vi:
+  warningOutResource: Bản dùng thử của bạn đã sử dụng hết tài nguyên. Nâng cấp ngay để tiếp tục sử dụng sản phẩm/dịch vụ
+  seeMoreOptions: Xem thêm tùy chọn
+</i18n>

package/src/components/Tool/ForensicWatermarkingDialog.vue

@@ -1,39 +1,39 @@
-<script lang="ts" setup>
-import Watermarking from './Watermarking.vue'
-
-const emit = defineEmits<{
-  goToChannel: [id: string]
-}>()
-
-const { modelValue } = defineModels<{
-  modelValue: boolean
-}>()
-const { t } = useI18n()
-function handleClose(done: () => void) {
-  ElMessageBox.confirm(t('watermark.message.handleConfirmClose'), t('watermark.warning'), {
-    confirmButtonText: t('watermark.confirm'),
-    cancelButtonText: t('watermark.cancel'),
-    type: 'warning',
-  })
-    .then(() => {
-      done()
-    })
-}
-function handleGoToChannel(id: string) {
-  console.log('🚀 ~ handleGoToChannel ~ id:', id)
-  emit('goToChannel', id)
-}
-</script>
-
-<template>
-  <el-dialog
-    v-model="modelValue"
-    :title="$t('watermark.forensic_watermarking')"
-    width="770"
-    destroy-on-close center
-    class="[&_.el-dialog\_\_title]:(font-bold!)"
-    :before-close="handleClose"
-  >
-    <Watermarking @go-to-channel="handleGoToChannel" />
-  </el-dialog>
-</template>
+<script lang="ts" setup>
+import Watermarking from './Watermarking.vue'
+
+const emit = defineEmits<{
+  goToChannel: [id: string]
+}>()
+
+const { modelValue } = defineModels<{
+  modelValue: boolean
+}>()
+const { t } = useI18n()
+function handleClose(done: () => void) {
+  ElMessageBox.confirm(t('watermark.message.handleConfirmClose'), t('watermark.warning'), {
+    confirmButtonText: t('watermark.confirm'),
+    cancelButtonText: t('watermark.cancel'),
+    type: 'warning',
+  })
+    .then(() => {
+      done()
+    })
+}
+function handleGoToChannel(id: string) {
+  console.log('🚀 ~ handleGoToChannel ~ id:', id)
+  emit('goToChannel', id)
+}
+</script>
+
+<template>
+  <el-dialog
+    v-model="modelValue"
+    :title="$t('watermark.forensic_watermarking')"
+    width="770"
+    destroy-on-close center
+    class="[&_.el-dialog\_\_title]:(font-bold!)"
+    :before-close="handleClose"
+  >
+    <Watermarking @go-to-channel="handleGoToChannel" />
+  </el-dialog>
+</template>