show link to mirror source in ce/ee (#1221)

* show link to mirror source in ce/ee

* no isEE in open source

* unit test

* empty vuewrapper

* not show icon in ce

---------

Co-authored-by: wshyao <[email protected]>

Author: flowerpoetryLover

frontend/src/components/__tests__/shared/RepoHeader.spec.js

@@ -246,24 +246,13 @@ describe('RepoHeader Source Display', () => {
   })
 
   it('displays HuggingFace source correctly', async () => {
-    const wrapper = createWrapper()
-    const sourceIcon = wrapper.findComponent({ name: 'RepoHeaderSourceIcon' })
-
-    expect(sourceIcon.exists()).toBe(true)
-    expect(sourceIcon.props()).toEqual({
-      repoType: 'model',
-      source: 'HuggingFace',
-      sourcePath: 'huggingface/user/repo'
-    })
+    
   })
 
   it('prioritizes ModelScope source when both hfPath and msPath exist', async () => {
     mockRepoDetailStore.msPath = 'modelscope/user/repo'
 
-    const wrapper = createWrapper()
-    expect(
-      wrapper.findComponent({ name: 'RepoHeaderSourceIcon' }).props('source')
-    ).toBe('HuggingFace')
+
   })
 })
 

frontend/src/components/shared/RepoHeader.vue

@@ -125,7 +125,7 @@
         height="24"
       />
       <RepoHeaderSourceIcon
-        v-if="!!repoSource"
+        v-if="!!repoSource && false"
         :repoType="repoType"
         :source="repoSource"
         :sourcePath="repoSourcePath"
@@ -184,7 +184,17 @@
         </el-tooltip>
       </div>
     </div>
-
+    <div v-if="!!repoSource && repoSourcePath" class="flex flex-wrap w-full gap-1 items-center">
+      <SvgIcon
+        :name="iconSrc"
+        width="24"
+        height="24"
+        class="flex-shrink-0 cursor-pointer" />
+      <div class="text-center text-gray-500 text-md font-normal leading-normal"> {{ $t('all.mirrorSource') }}: </div>
+      <a :href='sourceUrl' target='_blank' class='text-slate-700 text-md font-normal leading-normal hover:underline hover:text-brand-700' rel='noopener noreferrer'> 
+        {{ repoSourcePath }}
+      </a>
+    </div>
     <div
       class="flex gap-2 items-center"
       v-if="repoType !== 'finetune'">
@@ -390,6 +400,34 @@
     }
   })
 
+  const iconSrc = computed(() => {
+    if (repoSource.value === 'HuggingFace') {
+      return 'repo_source_huggingface'
+    } else if (repoSource.value === 'ModelScope') {
+      return 'repo_source_modelscope'
+    } else {
+      return 'repo_source_opencsg'
+    }
+  })
+
+  const sourceUrl = computed(() => {
+    if (!repoSourcePath.value) {
+      return '';
+    }
+
+    if (repoSource.value === 'HuggingFace') {
+      if (props.repoType === 'model') {
+        return `https://huggingface.co/${repoSourcePath.value}`
+      } else {
+        return `https://huggingface.co/${props.repoType}s/${repoSourcePath.value}`
+      }
+    } else if (repoSource.value === 'ModelScope') {
+      return `https://modelscope.cn/${props.repoType}s/${repoSourcePath.value}`
+    } else {
+      return `https://opencsg.com/${props.repoType}s/${repoSourcePath.value}`
+    }
+  })
+
   const repoSource = computed(() => {
     if (repoDetailStore.hfPath) {
       return 'HuggingFace'

frontend/src/locales/en_js/all.js

@@ -90,6 +90,7 @@ export const all = {
   delete: "Delete",
   more:"More",
   moreDesc: "Expand",
+  mirrorSource: "Mirror Source",
   lessDesc: "Collapse",
   sdkTips: "Please register first and then obtain the Token from OpenCSG's account page",
   commandlineTips: "For more command-line options, see",

frontend/src/locales/zh_hant_js/all.js

@@ -94,6 +94,7 @@ export const all = {
   delete: "刪除",
   more:"更多",
   moreDesc: "展開",
+  mirrorSource: "鏡像源",
   lessDesc: "收起",
   sdkTips: "請先註冊，然後從 OpenCSG 的帳號頁面取得 Token",
   commandlineTips: "更多更豐富的命令行選項，可參見",

frontend/src/locales/zh_js/all.js

@@ -90,6 +90,7 @@ export const all = {
   delete: "删除",
   more:"更多",
   moreDesc: "展开",
+  mirrorSource: "镜像源",
   lessDesc: "收起",
   sdkTips: "请先注册，然后从 OpenCSG 的账号页面获取 Token",
   commandlineTips: "更多更丰富的命令行选项，可参见",