From 5eb02595b99b0fd332cee54179345659b86dc5d7 Mon Sep 17 00:00:00 2001 From: chenshihai Date: Fri, 2 Dec 2022 15:44:20 +0800 Subject: [PATCH] add repos square --- templates/base/head_navbar.tmpl | 6 +- templates/base/head_navbar_fluid.tmpl | 6 +- templates/base/head_navbar_home.tmpl | 6 +- templates/base/head_navbar_pro.tmpl | 4 +- templates/explore/navbar.tmpl | 4 +- templates/explore/repos/search.tmpl | 6 + templates/explore/repos/square.tmpl | 6 + templates/user/dashboard/dashboard.tmpl | 2 +- web_src/js/index.js | 2 +- web_src/vuepages/apis/modules/common.js | 12 + web_src/vuepages/apis/modules/repos.js | 69 ++++ .../pages/repos/components/ActiveOrgs.vue | 113 ++++++ .../pages/repos/components/ActiveUsers.vue | 138 +++++++ .../pages/repos/components/RecommendRepos.vue | 135 +++++++ .../pages/repos/components/ReposFilters.vue | 111 ++++++ .../pages/repos/components/ReposItem.vue | 266 ++++++++++++++ .../pages/repos/components/ReposList.vue | 94 +++++ .../pages/repos/components/SearchBar.vue | 155 ++++++++ .../pages/repos/components/SquareTop.vue | 343 ++++++++++++++++++ web_src/vuepages/pages/repos/search/index.vue | 59 +++ .../pages/repos/search/vp-repos-search.js | 17 + web_src/vuepages/pages/repos/square/index.vue | 86 +++++ .../pages/repos/square/vp-repos-square.js | 17 + 23 files changed, 1642 insertions(+), 15 deletions(-) create mode 100644 templates/explore/repos/search.tmpl create mode 100644 templates/explore/repos/square.tmpl create mode 100644 web_src/vuepages/apis/modules/common.js create mode 100644 web_src/vuepages/apis/modules/repos.js create mode 100644 web_src/vuepages/pages/repos/components/ActiveOrgs.vue create mode 100644 web_src/vuepages/pages/repos/components/ActiveUsers.vue create mode 100644 web_src/vuepages/pages/repos/components/RecommendRepos.vue create mode 100644 web_src/vuepages/pages/repos/components/ReposFilters.vue create mode 100644 web_src/vuepages/pages/repos/components/ReposItem.vue create mode 100644 web_src/vuepages/pages/repos/components/ReposList.vue create mode 100644 web_src/vuepages/pages/repos/components/SearchBar.vue create mode 100644 web_src/vuepages/pages/repos/components/SquareTop.vue create mode 100644 web_src/vuepages/pages/repos/search/index.vue create mode 100644 web_src/vuepages/pages/repos/search/vp-repos-search.js create mode 100644 web_src/vuepages/pages/repos/square/index.vue create mode 100644 web_src/vuepages/pages/repos/square/vp-repos-square.js diff --git a/templates/base/head_navbar.tmpl b/templates/base/head_navbar.tmpl index 50521516f..cb28fa846 100755 --- a/templates/base/head_navbar.tmpl +++ b/templates/base/head_navbar.tmpl @@ -32,7 +32,7 @@ - {{.i18n.Tr "custom.head.project"}} + {{.i18n.Tr "custom.head.project"}} {{.i18n.Tr "custom.head.dataset"}}
{{.i18n.Tr "repo.model_manager"}} @@ -72,7 +72,7 @@
- {{.i18n.Tr "custom.head.project"}} + {{.i18n.Tr "custom.head.project"}} {{.i18n.Tr "custom.head.dataset"}}
{{.i18n.Tr "repo.model_manager"}} @@ -97,7 +97,7 @@
{{else if .IsLandingPageExplore}} - {{.i18n.Tr "home"}} + {{.i18n.Tr "home"}} {{else if .IsLandingPageOrganizations}} {{.i18n.Tr "home"}} {{end}} diff --git a/templates/base/head_navbar_fluid.tmpl b/templates/base/head_navbar_fluid.tmpl index b2fd60787..19f04f0b7 100644 --- a/templates/base/head_navbar_fluid.tmpl +++ b/templates/base/head_navbar_fluid.tmpl @@ -32,7 +32,7 @@ - {{.i18n.Tr "custom.head.project"}} + {{.i18n.Tr "custom.head.project"}} {{.i18n.Tr "custom.head.dataset"}}
{{.i18n.Tr "repo.model_manager"}} @@ -71,7 +71,7 @@
- {{.i18n.Tr "custom.head.project"}} + {{.i18n.Tr "custom.head.project"}} {{.i18n.Tr "custom.head.dataset"}}
{{.i18n.Tr "repo.model_manager"}} @@ -95,7 +95,7 @@
{{else if .IsLandingPageExplore}} - {{.i18n.Tr "home"}} + {{.i18n.Tr "home"}} {{else if .IsLandingPageOrganizations}} {{.i18n.Tr "home"}} {{end}} diff --git a/templates/base/head_navbar_home.tmpl b/templates/base/head_navbar_home.tmpl index 3a8a273d2..e64c18c9b 100644 --- a/templates/base/head_navbar_home.tmpl +++ b/templates/base/head_navbar_home.tmpl @@ -24,7 +24,7 @@ - {{.i18n.Tr "custom.head.project"}} + {{.i18n.Tr "custom.head.project"}} {{.i18n.Tr "custom.head.dataset"}}
{{.i18n.Tr "repo.model_manager"}} @@ -64,7 +64,7 @@
- {{.i18n.Tr "custom.head.project"}} + {{.i18n.Tr "custom.head.project"}} {{.i18n.Tr "custom.head.dataset"}}
{{.i18n.Tr "repo.model_manager"}} @@ -88,7 +88,7 @@
{{else if .IsLandingPageExplore}} - {{.i18n.Tr "home"}} + {{.i18n.Tr "home"}} {{else if .IsLandingPageOrganizations}} {{.i18n.Tr "home"}} {{end}} diff --git a/templates/base/head_navbar_pro.tmpl b/templates/base/head_navbar_pro.tmpl index f342e568a..02374e7fc 100644 --- a/templates/base/head_navbar_pro.tmpl +++ b/templates/base/head_navbar_pro.tmpl @@ -34,7 +34,7 @@ - {{.i18n.Tr "custom.head.project"}} + {{.i18n.Tr "custom.head.project"}} {{.i18n.Tr "custom.head.dataset"}}
{{.i18n.Tr "repo.model_manager"}} @@ -98,7 +98,7 @@
{{else if .IsLandingPageExplore}} - {{.i18n.Tr "home"}} + {{.i18n.Tr "home"}} {{else if .IsLandingPageOrganizations}} {{.i18n.Tr "home"}} {{end}} diff --git a/templates/explore/navbar.tmpl b/templates/explore/navbar.tmpl index c8c81defb..3bc907458 100644 --- a/templates/explore/navbar.tmpl +++ b/templates/explore/navbar.tmpl @@ -1,6 +1,6 @@
- + {{svg "octicon-repo" 16}} {{.i18n.Tr "explore.repos"}} @@ -24,7 +24,7 @@
- + {{svg "octicon-repo" 16}} {{.i18n.Tr "explore.repos"}} diff --git a/templates/explore/repos/search.tmpl b/templates/explore/repos/search.tmpl new file mode 100644 index 000000000..6f4725394 --- /dev/null +++ b/templates/explore/repos/search.tmpl @@ -0,0 +1,6 @@ +{{template "base/head_home" .}} + +
+
+ +{{template "base/footer" .}} diff --git a/templates/explore/repos/square.tmpl b/templates/explore/repos/square.tmpl new file mode 100644 index 000000000..baa5d5ad9 --- /dev/null +++ b/templates/explore/repos/square.tmpl @@ -0,0 +1,6 @@ +{{template "base/head_home" .}} + +
+
+ +{{template "base/footer" .}} diff --git a/templates/user/dashboard/dashboard.tmpl b/templates/user/dashboard/dashboard.tmpl index 126dbdf2a..dff8f880d 100644 --- a/templates/user/dashboard/dashboard.tmpl +++ b/templates/user/dashboard/dashboard.tmpl @@ -10,7 +10,7 @@ {{.i18n.Tr "home.wecome_AI_plt"}}
-

{{.i18n.Tr "home.explore_AI"}} {{.i18n.Tr "home.repositories"}} {{.i18n.Tr "home.or_t"}} {{.i18n.Tr "home.datasets"}}

+

{{.i18n.Tr "home.explore_AI"}} {{.i18n.Tr "home.repositories"}} {{.i18n.Tr "home.or_t"}} {{.i18n.Tr "home.datasets"}}

{{.i18n.Tr "home.use_plt__fuction"}} {{.i18n.Tr "repo.create_repo"}}

{{.i18n.Tr "home.provide_resoure"}}

diff --git a/web_src/js/index.js b/web_src/js/index.js index 001644d92..038e3d8e2 100755 --- a/web_src/js/index.js +++ b/web_src/js/index.js @@ -50,7 +50,7 @@ import initImage from "./features/images.js"; import selectDataset from "./components/dataset/selectDataset.vue"; import referenceDataset from "./components/dataset/referenceDataset.vue"; // import $ from 'jquery.js' -import router from "./router/index.js"; +// import router from "./router/index.js"; import { Message } from "element-ui"; import { i18nVue } from "./features/i18nVue.js"; diff --git a/web_src/vuepages/apis/modules/common.js b/web_src/vuepages/apis/modules/common.js new file mode 100644 index 000000000..e19096b29 --- /dev/null +++ b/web_src/vuepages/apis/modules/common.js @@ -0,0 +1,12 @@ +import service from '../service'; + +// 获取promote配置数据 +export const getPromoteData = (filePathName) => { + return service({ + url: '/dashboard/invitation', + method: 'get', + params: { + filename: filePathName + }, + }); +} diff --git a/web_src/vuepages/apis/modules/repos.js b/web_src/vuepages/apis/modules/repos.js new file mode 100644 index 000000000..e3edbee3b --- /dev/null +++ b/web_src/vuepages/apis/modules/repos.js @@ -0,0 +1,69 @@ +import service from '../service'; + +// 获取首页数据 +export const getHomePageData = () => { + return service({ + url: '/recommend/home', + method: 'get', + params: {}, + }); +} + +// 获取项目广场上方tab数据 tab=preferred 项目优选|incubation 启智孵化管道|hot-paper 热门论文项目 +export const getReposSquareTabData = (tab) => { + return service({ + url: '/explore/repos/square/tab', + method: 'get', + params: { + type: tab + }, + }); +} + +// 搜索项目 +// q string 否 关键词 +// topic string 否 标签名 +// sort string 是 mostpopular 近期热门 | mostactive 近期活跃 | recentupdate 最近更新 | newest 最近创建 +// moststars 点赞最多 | mostforks 派生最多 | mostdatasets 数据集最多 | mostaitasks AI任务最多 | mostmodels 模型最多 +// pageSize int 是 每页大小，可选值为15 | 30 | 50 +// page int 是 页码 +export const getReposListData = (params) => { + return service({ + url: '/explore/repos/search', + method: 'get', + params: { + q: params.q || '', + topic: params.topic || '', + sort: params.sort || 'mostpopular', + pageSize: params.pageSize || 15, + page: params.page || 1, + }, + }); +} + +// 获取活跃用户列表 +export const getActiveUsers = () => { + return service({ + url: '/explore/repos/square/active-user', + method: 'get', + params: {}, + }); +} + +// 关注用户 +export const followingUsers = (userName, isFollowing) => { + return service({ + url: `/api/v1/user/following/${userName}`, + method: isFollowing ? 'put' : 'delete', + params: {}, + }); +} + +// 获取活跃组织列表 +export const getActiveOrgs = () => { + return service({ + url: '/explore/repos/square/active-org', + method: 'get', + params: {}, + }); +} diff --git a/web_src/vuepages/pages/repos/components/ActiveOrgs.vue b/web_src/vuepages/pages/repos/components/ActiveOrgs.vue new file mode 100644 index 000000000..4d1b614f8 --- /dev/null +++ b/web_src/vuepages/pages/repos/components/ActiveOrgs.vue @@ -0,0 +1,113 @@ + + + + diff --git a/web_src/vuepages/pages/repos/components/ActiveUsers.vue b/web_src/vuepages/pages/repos/components/ActiveUsers.vue new file mode 100644 index 000000000..d99b8b0df --- /dev/null +++ b/web_src/vuepages/pages/repos/components/ActiveUsers.vue @@ -0,0 +1,138 @@ + + + diff --git a/web_src/vuepages/pages/repos/components/RecommendRepos.vue b/web_src/vuepages/pages/repos/components/RecommendRepos.vue new file mode 100644 index 000000000..e9cede635 --- /dev/null +++ b/web_src/vuepages/pages/repos/components/RecommendRepos.vue @@ -0,0 +1,135 @@ + + + diff --git a/web_src/vuepages/pages/repos/components/ReposFilters.vue b/web_src/vuepages/pages/repos/components/ReposFilters.vue new file mode 100644 index 000000000..e2db9ddc5 --- /dev/null +++ b/web_src/vuepages/pages/repos/components/ReposFilters.vue @@ -0,0 +1,111 @@ + + + diff --git a/web_src/vuepages/pages/repos/components/ReposItem.vue b/web_src/vuepages/pages/repos/components/ReposItem.vue new file mode 100644 index 000000000..0e5b4177c --- /dev/null +++ b/web_src/vuepages/pages/repos/components/ReposItem.vue @@ -0,0 +1,266 @@ + + + diff --git a/web_src/vuepages/pages/repos/components/ReposList.vue b/web_src/vuepages/pages/repos/components/ReposList.vue new file mode 100644 index 000000000..b4de806ed --- /dev/null +++ b/web_src/vuepages/pages/repos/components/ReposList.vue @@ -0,0 +1,94 @@ + + + + diff --git a/web_src/vuepages/pages/repos/components/SearchBar.vue b/web_src/vuepages/pages/repos/components/SearchBar.vue new file mode 100644 index 000000000..f21fc581d --- /dev/null +++ b/web_src/vuepages/pages/repos/components/SearchBar.vue @@ -0,0 +1,155 @@ + + + diff --git a/web_src/vuepages/pages/repos/components/SquareTop.vue b/web_src/vuepages/pages/repos/components/SquareTop.vue new file mode 100644 index 000000000..a9a2c3b22 --- /dev/null +++ b/web_src/vuepages/pages/repos/components/SquareTop.vue @@ -0,0 +1,343 @@ + + + diff --git a/web_src/vuepages/pages/repos/search/index.vue b/web_src/vuepages/pages/repos/search/index.vue new file mode 100644 index 000000000..83ceb2a4a --- /dev/null +++ b/web_src/vuepages/pages/repos/search/index.vue @@ -0,0 +1,59 @@ + + + + + diff --git a/web_src/vuepages/pages/repos/search/vp-repos-search.js b/web_src/vuepages/pages/repos/search/vp-repos-search.js new file mode 100644 index 000000000..48e542500 --- /dev/null +++ b/web_src/vuepages/pages/repos/search/vp-repos-search.js @@ -0,0 +1,17 @@ +import Vue from 'vue'; +import ElementUI from 'element-ui'; +import 'element-ui/lib/theme-chalk/index.css'; +import localeEn from 'element-ui/lib/locale/lang/en'; +import localeZh from 'element-ui/lib/locale/lang/zh-CN'; +import { i18n, lang } from '~/langs'; +import App from './index.vue'; + +Vue.use(ElementUI, { + locale: lang === 'zh-CN' ? localeZh : localeEn, + size: 'small', +}); + +new Vue({ + i18n, + render: (h) => h(App), +}).$mount('#__vue-root'); diff --git a/web_src/vuepages/pages/repos/square/index.vue b/web_src/vuepages/pages/repos/square/index.vue new file mode 100644 index 000000000..d94eeb059 --- /dev/null +++ b/web_src/vuepages/pages/repos/square/index.vue @@ -0,0 +1,86 @@ + + + + + diff --git a/web_src/vuepages/pages/repos/square/vp-repos-square.js b/web_src/vuepages/pages/repos/square/vp-repos-square.js new file mode 100644 index 000000000..48e542500 --- /dev/null +++ b/web_src/vuepages/pages/repos/square/vp-repos-square.js @@ -0,0 +1,17 @@ +import Vue from 'vue'; +import ElementUI from 'element-ui'; +import 'element-ui/lib/theme-chalk/index.css'; +import localeEn from 'element-ui/lib/locale/lang/en'; +import localeZh from 'element-ui/lib/locale/lang/zh-CN'; +import { i18n, lang } from '~/langs'; +import App from './index.vue'; + +Vue.use(ElementUI, { + locale: lang === 'zh-CN' ? localeZh : localeEn, + size: 'small', +}); + +new Vue({ + i18n, + render: (h) => h(App), +}).$mount('#__vue-root');