@sigmaott/base-next 1.4.41 → 1.4.44

package/src/components/Server/ServerConfig.vue

@@ -91,6 +91,7 @@ const [encoderIdValue, encoderIdAttrs] = useElField<string>(getProp('encoderId')
     },
   },
 ])
+const [encoderTypeValue] = useElField<string>(getProp('encoderType'), [])
 
 const paramsMachine = reactive({
   page: 1,
@@ -191,12 +192,14 @@ function handleChangeType(_value: string) {
     modeValue.value = 'AUTO'
   }
   encoderIdValue.value = undefined
+  encoderTypeValue.value = undefined
   encoderModeValue.value = 'AUTO'
 }
 
 function handleChangeServer(_id: string) {
   specMachineIdValue.value = undefined
   encoderIdValue.value = undefined
+  encoderTypeValue.value = undefined
 
   if (channelConfigValue.value?.pte?.path)
     channelConfigValue.value.pte.path = undefined
@@ -206,13 +209,14 @@ function handleChangeServer(_id: string) {
 
 function handleChangePrimaryServer(_id: string) {
   encoderIdValue.value = undefined
+  encoderTypeValue.value = undefined
 }
 
 const optionsEncoder = computed(() => {
-  const value = encoderIdValue.value
+  // const value = encoderIdValue.value
 
-  // TH1: encoderIdValue === -1
-  if (value === -1) {
+  // TH1: encoderTypeValue === 'SOFTWARE'
+  if (encoderTypeValue.value === 'SOFTWARE') {
     return [
       'open_h264',
       'open_hevc',
@@ -220,15 +224,22 @@ const optionsEncoder = computed(() => {
     ]
   }
 
-  // TH2: encoderIdValue là null, undefined, '' hoặc bất kỳ giá trị nào khác
-  if (value === null || value === undefined || value === '') {
+  // TH2: encoderTypeValue là null, undefined, '' hoặc bất kỳ giá trị nào khác
+  else if (encoderTypeValue.value === null || encoderTypeValue.value === undefined || encoderTypeValue.value === '') {
     return [
       'open_h264',
       'open_hevc',
+      'netint',
       'nvenc',
       'passthrough',
     ]
   }
+  // TH3: encoderTypeValue === 'NETINT'
+  else if (encoderTypeValue.value === 'NETINT') {
+    return [
+      'netint',
+    ]
+  }
 
   // Mặc định cho các giá trị khác (ví dụ: 0, 1, 2, 3,...)
   return [
@@ -261,6 +272,7 @@ function handleChangeServerMode(_newValue: string) {
   specMachineIdValue.value = undefined
   encoderModeValue.value = 'AUTO'
   encoderIdValue.value = undefined
+  encoderTypeValue.value = undefined
   if (serverTypeValue.value !== 'SIGMA_MACHINE')
     optionsVideoEncoder.value = []
 
@@ -348,9 +360,12 @@ function setDefaultEncoder() {
           profilesValue.value = updateAllEncoderTypes('open_h264')
         }
         else {
-          if (encoderIdValue.value === -1) {
+          if (encoderModeValue.value === 'SOFTWARE') {
             profilesValue.value = updateAllEncoderTypes('open_h264')
           }
+          else if (encoderTypeValue.value === 'NETINT') {
+            profilesValue.value = updateAllEncoderTypes('netint')
+          }
           else {
             profilesValue.value = updateAllEncoderTypes('nvenc')
           }
@@ -377,40 +392,19 @@ function handleChangeVideoEncoder(newValue: string) {
 
 <template>
   <el-form-item class="flex-1" :label="t('SSConfig.label.machineType')" v-bind="serverTypeAttrs">
-    <el-select
-      v-model="serverTypeValue"
-      class="w-full"
-      :placeholder="t('SSConfig.placeholder.select')"
-      :disabled="channelModeValue === 'active-active' || props.disabled"
-      @change="handleChangeType"
-    >
-      <el-option
-        v-for="item in machineTypeDto"
-        :key="item.value"
-        :label="item.label"
-        :value="item.value"
-      />
+    <el-select v-model="serverTypeValue" class="w-full" :placeholder="t('SSConfig.placeholder.select')"
+      :disabled="channelModeValue === 'active-active' || props.disabled" @change="handleChangeType">
+      <el-option v-for="item in machineTypeDto" :key="item.value" :label="item.label" :value="item.value" />
     </el-select>
   </el-form-item>
-  <el-form-item class="flex-1" v-bind="serverIdAttrs" :label="serverTypeValue !== 'SIGMA_MACHINE' ? t('SSConfig.label.cluster') : t('Input.label.machine')">
+  <el-form-item class="flex-1" v-bind="serverIdAttrs"
+    :label="serverTypeValue !== 'SIGMA_MACHINE' ? t('SSConfig.label.cluster') : t('Input.label.machine')">
     <div class="w-full flex gap-1">
-      <el-select
-        v-model="serverIdValue"
-        :placeholder="t('SSConfig.placeholder.select')"
-        class="w-full"
-        :clearable="true"
-        :disabled="props.disabled"
-        @change="handleChangeServer"
-      >
+      <el-select v-model="serverIdValue" :placeholder="t('SSConfig.placeholder.select')" class="w-full"
+        :clearable="true" :disabled="props.disabled" @change="handleChangeServer">
         <template v-if="serverTypeValue === 'SIGMA_MACHINE'">
-          <el-option
-            v-for="item in optionServer"
-            :key="item.id"
-            class="w-full h-auto! not-last:border-b"
-            :label="`${item.name}`"
-            :value="item.id"
-            :disabled="item.isDeleted || item.status !== 'running'"
-          >
+          <el-option v-for="item in optionServer" :key="item.id" class="w-full h-auto! not-last:border-b"
+            :label="`${item.name}`" :value="item.id" :disabled="item.isDeleted || item.status !== 'running'">
             <div>
               <div class="font-semibold">
                 {{ item.machine }}
@@ -429,14 +423,9 @@ function handleChangeVideoEncoder(newValue: string) {
           </el-option>
         </template>
         <template v-else-if="serverTypeValue === 'SIGMA_MACHINE_CLUSTER'">
-          <el-option
-            v-for="item in optionServer"
-            :key="item.id"
-            class="w-full h-auto! not-last:border-b"
-            :label="item.name"
-            :value="item.id!"
-            :disabled="(item.isDeleted || item.status === 'red') || (channelModeValue === 'active-active' && item?.mode !== '1+1')"
-          >
+          <el-option v-for="item in optionServer" :key="item.id" class="w-full h-auto! not-last:border-b"
+            :label="item.name" :value="item.id!"
+            :disabled="(item.isDeleted || item.status === 'red') || (channelModeValue === 'active-active' && item?.mode !== '1+1')">
             <div>
               <div class="flex justify-between font-semibold">
                 {{ item.name }}
@@ -446,7 +435,8 @@ function handleChangeVideoEncoder(newValue: string) {
               </div>
               <div v-else class="w-full flex items-center justify-between">
                 <div class="flex-1">
-                  {{ t('SSConfig.label.machines') }}({{ item?.mode === 'no_backup' ? item.machines?.length : item?.mode === 'N+M' ? item?.nPlusMMachines?.length : item?.onePlusOneMachines?.length * 2 }})
+                  {{ t('SSConfig.label.machines') }}({{ item?.mode === 'no_backup' ? item.machines?.length : item?.mode
+                    === 'N+M' ? item?.nPlusMMachines?.length : item?.onePlusOneMachines?.length * 2 }})
                 </div>
                 <div class="flex flex-1 justify-center">
                   <span class="h-24px flex items-center border rounded p-3px">
@@ -467,40 +457,25 @@ function handleChangeVideoEncoder(newValue: string) {
   </el-form-item>
   <el-form-item v-if="serverTypeValue === 'SIGMA_MACHINE_CLUSTER'" v-bind="modeAttrs" class="flex-1">
     <template #label>
-      <SSInformationLabel :label="t('SSConfig.label.server_mode')" :information="schemaItem?.properties?.mode?.description" />
+      <SSInformationLabel :label="t('SSConfig.label.server_mode')"
+        :information="schemaItem?.properties?.mode?.description" />
     </template>
-    <el-select
-      v-model="modeValue"
-      :placeholder="t('SSConfig.placeholder.select')"
-      class="w-full"
-      @change="handleChangeServerMode"
-    >
-      <el-option
-        v-for="item in ['MANUAL', 'AUTO']"
-        :key="item"
-        :label="item"
-        :value="item"
-      />
+    <el-select v-model="modeValue" :placeholder="t('SSConfig.placeholder.select')" class="w-full"
+      @change="handleChangeServerMode">
+      <el-option v-for="item in ['MANUAL', 'AUTO']" :key="item" :label="item" :value="item" />
     </el-select>
   </el-form-item>
-  <el-form-item v-if="modeValue === 'MANUAL' && serverTypeValue === 'SIGMA_MACHINE_CLUSTER'" v-bind="specMachineIdAttrs" class="flex-1">
+  <el-form-item v-if="modeValue === 'MANUAL' && serverTypeValue === 'SIGMA_MACHINE_CLUSTER'" v-bind="specMachineIdAttrs"
+    class="flex-1">
     <template #label>
-      <SSInformationLabel :label="t('SSConfig.label.primaryServer')" :information="schemaItem?.properties?.specMachineId?.description" />
+      <SSInformationLabel :label="t('SSConfig.label.primaryServer')"
+        :information="schemaItem?.properties?.specMachineId?.description" />
     </template>
-    <el-select
-      v-model="specMachineIdValue"
-      :placeholder="t('SSConfig.placeholder.select')"
-      class="w-full"
-      @change="handleChangePrimaryServer"
-    >
-      <el-option
-        v-for="item in optionSpecMachineIds"
-        :key="item?.id"
-        class="w-full h-auto! not-last:border-b"
-        :label="item?.machine?.name"
-        :value="item?.id"
-        :disabled="item?.machine?.isDeleted || item?.machine?.status !== 'running'"
-      >
+    <el-select v-model="specMachineIdValue" :placeholder="t('SSConfig.placeholder.select')" class="w-full"
+      @change="handleChangePrimaryServer">
+      <el-option v-for="item in optionSpecMachineIds" :key="item?.id" class="w-full h-auto! not-last:border-b"
+        :label="item?.machine?.name" :value="item?.id"
+        :disabled="item?.machine?.isDeleted || item?.machine?.status !== 'running'">
         <div>
           <div class="font-semibold">
             {{ !item?.machine?.isDeleted ? item?.machine?.name : item?.id }}
@@ -520,22 +495,14 @@ function handleChangeVideoEncoder(newValue: string) {
     </el-select>
   </el-form-item>
 
-  <el-form-item v-if="modeValue === 'MANUAL' || serverTypeValue === 'SIGMA_MACHINE'" v-bind="encoderModeAttrs" class="flex-1">
+  <el-form-item v-if="modeValue === 'MANUAL' || serverTypeValue === 'SIGMA_MACHINE'" v-bind="encoderModeAttrs"
+    class="flex-1">
     <template #label>
       <SSInformationLabel label="Encoder mode" :information="schemaItem?.properties?.mode?.description" />
     </template>
-    <el-select
-      v-model="encoderModeValue"
-      :placeholder="t('EventChannel.placeholder.select')"
-      class="w-full"
-      @change="handleChangeEncoderMode"
-    >
-      <el-option
-        v-for="item in optionsEncoderMode"
-        :key="item.value"
-        :label="item.label"
-        :value="item.value"
-      />
+    <el-select v-model="encoderModeValue" :placeholder="t('EventChannel.placeholder.select')" class="w-full"
+      @change="handleChangeEncoderMode">
+      <el-option v-for="item in optionsEncoderMode" :key="item.value" :label="item.label" :value="item.value" />
     </el-select>
   </el-form-item>
 
@@ -543,20 +510,10 @@ function handleChangeVideoEncoder(newValue: string) {
     <template #label>
       <SSInformationLabel label="Video Encoder" :information="schemaItem?.properties?.mode?.description" />
     </template>
-    <el-select
-      v-model="encoderIdValue"
-      :placeholder="t('EventChannel.placeholder.select')"
-      class="w-full"
-      filterable
-      @change="handleChangeVideoEncoder"
-    >
-      <el-option
-        v-for="item in optionsVideoEncoder"
-        :key="item.id"
-        :label="item.cardName"
-        :value="item.id"
-        class="w-full border-b-$el-border-color !h-auto not-last:border-b"
-      >
+    <el-select v-model="encoderIdValue" :placeholder="t('EventChannel.placeholder.select')" class="w-full" filterable
+      @change="handleChangeVideoEncoder">
+      <el-option v-for="item in optionsVideoEncoder" :key="item.id" :label="item.cardName" :value="item.id"
+        class="w-full border-b-$el-border-color !h-auto not-last:border-b">
         <el-text class="font-semibold">
           {{ item.cardName }}
         </el-text>