diff --git a/src/components/ProductCategoriesDialog.vue b/src/components/ProductCategoriesDialog.vue
index f9ce82da30..4feba784cf 100644
--- a/src/components/ProductCategoriesDialog.vue
+++ b/src/components/ProductCategoriesDialog.vue
@@ -8,7 +8,7 @@
-
+
{{ category }}
@@ -33,6 +33,9 @@ export default {
mounted() {
},
methods: {
+ goToCategory(category) {
+ this.$router.push({ path: `/categories/${category}` })
+ },
close() {
this.$emit('close')
},
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index 053d71362a..024f80c9f4 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -100,6 +100,11 @@
"TopProducts": "Top products",
"BrandProductTotal": "{count} products"
},
+ "CategoryDetail": {
+ "LoadMore": "Load more",
+ "TopProducts": "Top products",
+ "CategoryProductTotal": "{count} products"
+ },
"Common": {
"AddToOFF": "Add to {name}",
"Filter": "Filter",
diff --git a/src/router.js b/src/router.js
index 4a328a9c90..778c6b3010 100644
--- a/src/router.js
+++ b/src/router.js
@@ -21,6 +21,7 @@ const routes = [
{ path: '/locations', name: 'locations', component: () => import('./views/LocationList.vue'), meta: { title: 'TopLocations', icon: 'mdi-medal-outline', drawerMenu: true }},
{ path: '/locations/:id', name: 'location-detail', component: () => import('./views/LocationDetail.vue'), meta: { title: 'Location detail' }},
{ path: '/brands/:id', name: 'brand-detail', component: () => import('./views/BrandDetail.vue'), meta: { title: 'Brand detail' }},
+ { path: '/categories/:id', name: 'category-detail', component: () => import('./views/CategoryDetail.vue'), meta: { title: 'Category detail' }},
{ path: '/proofs/:id', name: 'proof-detail', component: () => import('./views/ProofDetail.vue'), meta: { title: 'Proof detail', requiresAuth: true }},
{ path: '/users', name: 'users', component: () => import('./views/UserList.vue'), meta: { title: 'TopContributors', icon: 'mdi-medal-outline', drawerMenu: true }},
{ path: '/users/:username', name: 'user-detail', component: () => import('./views/UserDetail.vue'), meta: { title: 'User detail' }},
diff --git a/src/views/CategoryDetail.vue b/src/views/CategoryDetail.vue
new file mode 100644
index 0000000000..3a0c07b2c7
--- /dev/null
+++ b/src/views/CategoryDetail.vue
@@ -0,0 +1,152 @@
+
+
+
+
+
+
+
+ {{ $t('CategoryDetail.CategoryProductTotal', { count: categoryProductTotal }) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t('CategoryDetail.TopProducts') }}
+
+
+
+
+
+
+
+ {{ $t('Common.Filter') }}
+
+
+
+ {{ filter.value }}
+
+
+
+
+
+
+ {{ $t('Common.Order') }}
+
+
+
+ {{ order.value }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t('CategoryDetail.LoadMore') }}
+
+
+
+
+