bnilsen/custom_ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

The Jobs page now reads data from Projects List, click on a row and go to a detail page.

Browse source
This commit is contained in:
rocketdebris 2025-12-23 09:50:33 -05:00
parent b8c264f779
commit 3b2c78e4d4
4 changed files with 32 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/api.js
View file

@ -13,7 +13,7 @@ const FRAPPE_SEND_ESTIMATE_EMAIL_METHOD = "custom_ui.api.db.estimates.send_estim
const FRAPPE_LOCK_ESTIMATE_METHOD = "custom_ui.api.db.estimates.lock_estimate";
const FRAPPE_ESTIMATE_UPDATE_RESPONSE_METHOD = "custom_ui.api.db.estimates.manual_response";
// Job methods
const FRAPPE_GET_JOBS_METHOD = "custom_ui.api.db.get_jobs";
const FRAPPE_GET_JOBS_METHOD = "custom_ui.api.db.jobs.get_jobs_table_data";
const FRAPPE_UPSERT_JOB_METHOD = "custom_ui.api.db.jobs.upsert_job";
const FRAPPE_GET_JOB_TASK_LIST_METHOD = "custom_ui.api.db.get_job_task_list";
// Invoice methods

33
frontend/src/components/pages/Jobs.vue
View file

@ -104,6 +104,7 @@
:totalRecords="totalRecords"
:loading="isLoading"
@lazy-load="handleLazyLoad"
@row-click="handleRowClick"
/>
</div>
</template>
@ -254,27 +255,31 @@ const handleLazyLoad = async (event) => {
}
};
const handleRowClick = (event) => {
const rowData = event.data;
router.push(`/job?jobId=${rowData.name}`);
}
// Load initial data
onMounted(async () => {
notifications.addWarning("Jobs page coming soon");
// Initialize pagination and filters
// paginationStore.initializeTablePagination("jobs", { rows: 10 });
// filtersStore.initializeTableFilters("jobs", columns);
// filtersStore.initializeTableSorting("jobs");
paginationStore.initializeTablePagination("jobs", { rows: 10 });
filtersStore.initializeTableFilters("jobs", columns);
filtersStore.initializeTableSorting("jobs");
// // Load first page
// const initialPagination = paginationStore.getTablePagination("jobs");
// const initialFilters = filtersStore.getTableFilters("jobs");
// const initialSorting = filtersStore.getTableSorting("jobs");
const initialPagination = paginationStore.getTablePagination("jobs");
const initialFilters = filtersStore.getTableFilters("jobs");
const initialSorting = filtersStore.getTableSorting("jobs");
// await handleLazyLoad({
// page: initialPagination.page,
// rows: initialPagination.rows,
// first: initialPagination.first,
// sortField: initialSorting.field || initialPagination.sortField,
// sortOrder: initialSorting.order || initialPagination.sortOrder,
// filters: initialFilters,
// });
await handleLazyLoad({
page: initialPagination.page,
rows: initialPagination.rows,
first: initialPagination.first,
sortField: initialSorting.field || initialPagination.sortField,
sortOrder: initialSorting.order || initialPagination.sortOrder,
});
});
</script>
<style lang="css">

2
frontend/src/router.js
View file

@ -11,6 +11,7 @@ import Warranties from "./components/pages/Warranties.vue";
import Home from "./components/pages/Home.vue";
import Client from "./components/pages/Client.vue";
import Estimate from "./components/pages/Estimate.vue";
import Job from "./components/pages/Job.vue";
const routes = [
{
@ -21,6 +22,7 @@ const routes = [
{ path: "/clients", component: Clients },
{ path: "/client", component: Client },
{ path: "/jobs", component: Jobs },
{ path: "/job", component: Job },
{ path: "/invoices", component: Invoices },
{ path: "/estimates", component: Estimates },
{ path: "/estimate", component: Estimate },