feat(evaluations): add validation for datasets (#1230)

* feat(evaluations): add validation for datasets

* feat(evaluations): add validation for datasets

---------

Co-authored-by: 申永范-UX <[email protected]>

Author: youngbeom-shin

frontend/src/components/evaluations/NewEvaluation.vue

@@ -96,20 +96,20 @@
         >
           <el-radio-group v-model="datasetCheck" class="w-full flex">
             <div class="flex-1">
-              <el-radio value="1" size="large" class="ext-slate-700 text-sm font-normal">{{ t('evaluation.new.systemRecommendedDataset') }}</el-radio>
+              <el-radio value="1" size="large" class="text-gray-700 text-sm font-normal">{{ t('evaluation.new.systemRecommendedDataset') }}</el-radio>
               <div class="self-stretch justify-start pl-6">
-                <span class="text-slate-600 text-sm font-light">
+                <span class="text-gray-600 text-sm font-light">
                   {{ t('evaluation.new.systemRecommendedDatasetTip') }}
                 </span>
               </div>
             </div>
             <div>
-              <el-radio value="2" size="large" class="flex-1 text-slate-700 text-sm font-normal">{{ t('evaluation.new.customDataset') }}</el-radio>
+              <el-radio value="2" size="large" class="flex-1 text-gray-700 text-sm font-normal">{{ t('evaluation.new.customDataset') }}</el-radio>
               <div class="self-stretch justify-start pl-6">
-                <span class="text-slate-600 text-sm font-light">
+                <span class="text-gray-600 text-sm font-light">
                   {{ t('evaluation.new.customDatasetTip') }}
                 </span>
-                <span class="text-blue-800 text-sm font-light leading-snug cursor-pointer pl-1">
+                <span class="text-brand-600 text-sm font-light leading-snug cursor-pointer pl-1">
                   <a 
                     class="text-brand-600 hover:text-brand-700 hover:underline" 
                     target="_blank"
@@ -425,6 +425,40 @@
         }
       }
       }
+    ],
+    evaluation_dataset: [
+      {
+        required: true,
+        validator: (rule, value, callback) => {
+          if (datasetCheck.value === '1') {
+            if (!value || (Array.isArray(value) && value.length === 0)) {
+              callback(new Error(t('all.pleaseSelect', { value: t('evaluation.new.dataset') })))
+            } else {
+              callback()
+            }
+          } else {
+            callback()
+          }
+        },
+        trigger: 'change'
+      }
+    ],
+    evaluation_custom_dataset: [
+      {
+        required: true,
+        validator: (rule, value, callback) => {
+          if (datasetCheck.value === '2') {
+            if (!value || (Array.isArray(value) && value.length === 0)) {
+              callback(new Error(t('all.pleaseSelect', { value: t('evaluation.new.customdataset') })))
+            } else {
+              callback()
+            }
+          } else {
+            callback()
+          }
+        },
+        trigger: 'change'
+      }
     ]
   })
 

frontend/src/locales/en_js/evaluation.js

@@ -11,12 +11,12 @@ export const evaluation = {
     frameworkTip1: "Learn about the",
     frameworkTip2: "differences of evaluation frameworks",
     systemRecommendedDataset: "System Recommended Dataset",
-    systemRecommendedDatasetTip: "Use the dataset preset and recommended by the system, ready to use out of the box",
+    systemRecommendedDatasetTip: "Use the dataset preset and recommended by the system",
     customDataset: "Custom Dataset",
     customDatasetTip: "Select any available dataset from the platform for configuration",
     customDatasetDocumentation: "Documentation",
-    dataset: "Dataset Selection",
-    customDataset: "Custom Dataset Selection",
+    dataset: "Evaluation Dataset",
+    customDataset: "Custom Dataset",
     resourceType: "Resource Type",
     sharedResource: "Shared Resource",
     sharedResourceTip: "Shared resources may cause congestion, queueing, and longer wait times.",

frontend/src/locales/zh_hant_js/evaluation.js

@@ -11,12 +11,12 @@ export const evaluation = {
     frameworkTip1: "了解評測框架的",
     frameworkTip2: "區別與適用場景",
     systemRecommendedDataset: "系統推薦數據集",
-    systemRecommendedDatasetTip: "採用系統預置並推薦的數據集，開箱即用",
+    systemRecommendedDatasetTip: "採用系統預置並推薦的數據集",
     customDataset: "自選數據集",
     customDatasetTip: "自行選擇平台中任意可用數據集進行配置",
     customDatasetDocumentation: "文件",
-    dataset: "資料集選擇",
-    customdataset: "自選數據集選擇",
+    dataset: "評測數據集",
+    customdataset: "自選數據集",
     resourceType: "資源類型",
     sharedResource: "共享資源",
     sharedResourceTip: "共享資源可能會產生擁堵，排隊的現象，等待時長較長",

frontend/src/locales/zh_js/evaluation.js

@@ -11,12 +11,12 @@ export const evaluation = {
     frameworkTip1: "了解评测框架的",
     frameworkTip2: "区别与适用场景",
     systemRecommendedDataset: "系统推荐数据集",
-    systemRecommendedDatasetTip: "采用系统预置并推荐的数据集，开箱即用",
+    systemRecommendedDatasetTip: "采用系统预置并推荐的数据集",
     customDataset: "自选数据集",
     customDatasetTip: "自行选择平台中任意可用数据集进行配置",
     customDatasetDocumentation: "文档",
-    dataset: "数据集选择",
-    customdataset: "自选数据集选择",
+    dataset: "评测数据集",
+    customdataset: "自选数据集",
     resourceType: "资源类型",
     sharedResource: "共享资源",
     sharedResourceTip: "共享资源可能会产生拥堵，排队的现象，等待时长较长",