c617251f4c
* update naming * refactor tests to use shared structure * shorten names * add tools test case * refactor to support multi-tenant * set group_id on creation * initial refactor for multitenant tags/cats * spelling * additional test case for same valued resources * fix recipe update tests * apply indexes to foreign keys * fix performance regressions * handle unknown exception * utility decorator for function debugging * migrate recipe_id to UUID * GUID for recipes * remove unused import * move image functions into package * move utilities to packages dir * update import * linter * image image and asset routes * update assets and images to use UUIDs * fix migration base * image asset test coverage * use ids for categories and tag crud functions * refactor recipe organizer test suite to reduce duplication * add uuid serlization utility * organizer base router * slug routes testing and fixes * fix postgres error * adopt UUIDs * move tags, categories, and tools under "organizers" umbrella * update composite label * generate ts types * fix import error * update frontend types * fix type errors * fix postgres errors * fix #978 * add null check for title validation * add note in docs on multi-tenancy
96 lines
2 KiB
TypeScript
96 lines
2 KiB
TypeScript
import { reactive, ref, useAsync } from "@nuxtjs/composition-api";
|
|
import { useAsyncKey } from "../use-utils";
|
|
import { useUserApi } from "~/composables/api";
|
|
import { VForm } from "~/types/vuetify";
|
|
import { RecipeTool } from "~/types/api-types/user";
|
|
|
|
export const useTools = function (eager = true) {
|
|
const workingToolData = reactive<RecipeTool>({
|
|
id: "",
|
|
name: "",
|
|
slug: "",
|
|
onHand: false,
|
|
});
|
|
|
|
const api = useUserApi();
|
|
const loading = ref(false);
|
|
const validForm = ref(false);
|
|
|
|
const actions = {
|
|
getAll() {
|
|
loading.value = true;
|
|
const units = useAsync(async () => {
|
|
const { data } = await api.tools.getAll();
|
|
return data;
|
|
}, useAsyncKey());
|
|
|
|
loading.value = false;
|
|
return units;
|
|
},
|
|
|
|
async refreshAll() {
|
|
loading.value = true;
|
|
const { data } = await api.tools.getAll();
|
|
|
|
if (data) {
|
|
tools.value = data;
|
|
}
|
|
|
|
loading.value = false;
|
|
},
|
|
|
|
async createOne(domForm: VForm | null = null) {
|
|
if (domForm && !domForm.validate()) {
|
|
validForm.value = false;
|
|
}
|
|
|
|
loading.value = true;
|
|
|
|
const { data } = await api.tools.createOne(workingToolData);
|
|
|
|
if (data) {
|
|
tools.value?.push(data);
|
|
}
|
|
|
|
domForm?.reset();
|
|
this.reset();
|
|
},
|
|
|
|
async updateOne() {
|
|
loading.value = true;
|
|
const { data } = await api.tools.updateOne(workingToolData.id, workingToolData);
|
|
if (data) {
|
|
tools.value?.push(data);
|
|
}
|
|
this.reset();
|
|
},
|
|
|
|
async deleteOne(id: number) {
|
|
loading.value = true;
|
|
await api.tools.deleteOne(id);
|
|
this.reset();
|
|
},
|
|
|
|
reset() {
|
|
workingToolData.name = "";
|
|
workingToolData.id = "";
|
|
loading.value = false;
|
|
validForm.value = true;
|
|
},
|
|
};
|
|
|
|
const tools = (() => {
|
|
if (eager) {
|
|
return actions.getAll();
|
|
} else {
|
|
return ref([]);
|
|
}
|
|
})();
|
|
|
|
return {
|
|
tools,
|
|
actions,
|
|
workingToolData,
|
|
loading,
|
|
};
|
|
};
|