fix-finetune-router-link-correct (#1192)

* Draft MR

* fix-finetune-router-link-correct

---------

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

Author: ice201508

frontend/src/components/endpoints/EndpointItem.vue

@@ -1,7 +1,7 @@
 <template>
   <a
-    :href="detailLink"
-    class="focus:outline focus:outline-4 focus:outline-gray-200 hover:shadow-md border border-gray-200 rounded-xl pt-4 w-full"
+    @click.prevent="detailLink"
+    class="focus:outline focus:outline-4 focus:outline-gray-200 hover:shadow-md border border-gray-200 rounded-xl pt-4 w-full  cursor-pointer"
   >
     <div class="flex justify-between items-center mb-2 px-4">
       <div class="w-full flex items-center justify-between">
@@ -76,11 +76,11 @@
     }
   })
 
-  const detailLink = computed(() => {
+  const detailLink = () => {
     setRepoTab({
       repoType: 'endpoint',
       tab: 'summary'
     })
-    return `/endpoints/${props.endpoint.model_id}/${props.endpoint.deploy_id}?tab=summary`
-  })
+    window.location.href = `/endpoints/${props.endpoint.model_id}/${props.endpoint.deploy_id}?tab=summary`
+  }
 </script>

frontend/src/components/shared/FinetuneItem.vue

@@ -1,8 +1,8 @@
 <template>
   <a
-    :href="detailLink"
+    @click.prevent="detailLink"
     :class="`${repoType}-card  hover:active-${repoType}-card `"
-    class="focus:outline focus:outline-4 focus:outline-gray-200 hover:shadow-md p-4 md:w-full border border-gray-200 rounded-xl"
+    class="focus:outline focus:outline-4 focus:outline-gray-200 hover:shadow-md p-4 md:w-full border border-gray-200 rounded-xl cursor-pointer"
   >
     <div class="flex items-center justify-between mb-1">
       <div
@@ -47,11 +47,12 @@
     }
   })
 
-  const detailLink = computed(() => {
+  const detailLink = () => {
     setRepoTab({
       repoType: 'finetune',
       tab: 'page'
     })
-    return `/finetune/${props.repo.model_id}/${props.repo.deploy_name}/${props.repo.deploy_id}?tab=page`
-  })
+    
+    window.location.href = `/finetune/${props.repo.model_id}/${props.repo.deploy_name}/${props.repo.deploy_id}?tab=page`
+  }
 </script>

frontend/src/components/shared/RepoItem.vue

@@ -6,7 +6,7 @@
        repoType === 'dataset' ? 'bg-gradient-to-r from-[#fbfaff] to-white' : '',
        repoType === 'code' ? 'bg-gradient-to-r from-[#F9FAFA] to-white' : ''
      ]"
-     class="flex flex-col justify-between focus:outline focus:outline-4 focus:outline-gray-200 hover:shadow-md p-4 gap-1 md:w-full border border-gray-200 rounded-md flex-grow xl:basis-full min-w-[250px] xl:max-w-full h-fit"
+     class="flex flex-col justify-between focus:outline focus:outline-4 focus:outline-gray-200 hover:shadow-md p-4 gap-1 md:w-full border border-gray-200 rounded-md flex-grow xl:basis-full min-w-[250px] xl:max-w-full h-fit  cursor-pointer"
      :style="isCollection ? 'width:100%' : ''"
   >
     <div class="flex items-center justify-between mb-1 gap-2 w-full">

internal/routes/collections.go

@@ -7,5 +7,6 @@ import (
 func registerCollectionRoutes(engine *gin.Engine, handlersRegistry *HandlersRegistry) {
 	engine.GET("/collections", handlersRegistry.RenderHandler.CollectionsHandler.Index)
 	engine.GET("/collections/new", handlersRegistry.RenderHandler.CollectionsHandler.New)
+	engine.GET("/collections/:collections_id", handlersRegistry.RenderHandler.CollectionsHandler.Show)
 	engine.GET("/collections/:collections_id/*path", handlersRegistry.RenderHandler.CollectionsHandler.Show)
 }

internal/routes/finetune.go

@@ -8,6 +8,7 @@ import (
 func registerFinetuneRoutes(engine *gin.Engine, handlersRegistry *HandlersRegistry) {
 	finetuneRoutes := engine.Group("/finetune")
 	finetuneRoutes.Use(middleware.Instance.CheckCurrentUser())
+	finetuneRoutes.GET("/:namespace/:model_name/:finetune_name/:finetune_id", handlersRegistry.RenderHandler.FinetuneHandler.Detail)
 	finetuneRoutes.GET("/:namespace/:model_name/:finetune_name/:finetune_id/*path", handlersRegistry.RenderHandler.FinetuneHandler.Detail)
 	finetuneRoutes.GET("/new", handlersRegistry.RenderHandler.FinetuneHandler.New)
 }