subcategory page

src/store/index.js

@@ -9,6 +9,7 @@ import { Commission } from "./commission";
 import { Transaction } from "./transaction";
 import { TokenUtil } from "../utils/token";
 import { Category } from "./category";
+import { Subcategory } from "./subcategory";
 
 import { Role } from "./role";
 
@@ -23,6 +24,7 @@ export class Store {
     commission = new Commission(this);
     category = new Category(this);
     transaction = new Transaction(this);
+    subcategory = new Subcategory(this);
     role = new Role(this);
 
     constructor() {

src/store/subcategory.js

@@ -0,0 +1,70 @@
+import {makeAutoObservable} from "mobx";
+import {http} from "../utils/http";
+
+export class Subcategory {
+    page = 0;
+    pageSize = 10
+    data = [];
+    total_data = 0;
+    filterCategory = null;
+    visibleModalCategory = false;
+
+    pageCategories = 0;
+    pageSizeCategories = 10
+    dataCategories = [];
+    total_dataCategories = 0;
+
+    pageSubCategories = 0;
+    pageSizeSubCategories = 10
+    dataSubCategories = [];
+    total_dataSubCategories = 0;
+
+    constructor(ctx) {
+        this.ctx = ctx;
+        makeAutoObservable(this);
+    }
+
+    async getData() {
+        const response = await http.get(`/product/sub-categories?page=${this.page}&pageSize=${this.pageSize}`);
+        console.log(response)
+        this.data = response.body.data ?? []
+        this.total_data = response.body.total_data ?? 0
+    }
+
+    async getDataSubCategories() {
+        const response = await http.get(`/product/sub-categories?page=${this.pageSubCategories}&pageSize=${this.pageSizeSubCategories}`);
+        console.log(response)
+        this.dataSubCategories = response.body.data ?? []
+        this.total_dataSubCategories = response.body.count ?? 0
+    }
+
+    async getDataCategories() {
+        const response = await http.get(`/product/categories?page=${this.pageCategories}&pageSize=${this.pageSizeCategories}`);
+
+        this.dataCategories = response.body.data ?? []
+        this.total_dataCategories = response.body.total_data ?? 0
+        if (this.dataCategories.length > 0) {
+            this.filterCategory = this.dataCategories[0].id
+        }
+    }
+
+    async create(data) {
+        const response = await http.post('/product/categories').send(data);
+        await this.getData();
+        return response;
+    }
+
+    async update(id, data) {
+        const response = await http.put(`/product/categories/${id}`).send(data);
+        await this.getData();
+        return response;
+    }
+
+    async delete(id) {
+        const response = await http.del(`/product/${id}`);
+        await this.getData();
+        return response;
+    }
+}
+
+