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

Compare commits

base: bnilsen:1429f68b9e58f76f40040fe9589c9f506101e2a6
Branches Tags
bnilsen:main
bnilsen:test-fixtures
..
compare: bnilsen:ddf758f4b6dfea4a8bee8d9c4f645f8b4d335103
Branches Tags
bnilsen:main
bnilsen:test-fixtures

No commits in common. "1429f68b9e58f76f40040fe9589c9f506101e2a6" and "ddf758f4b6dfea4a8bee8d9c4f645f8b4d335103" have entirely different histories.
1429f68b9e ... ddf758f4b6

2 changed files with 5 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

4
custom_ui/api/db/tasks.py
View file

@ -61,12 +61,10 @@ def get_tasks_table_data(filters={}, sortings=[], page=1, page_size=10):
fields=["*"],
filters=processed_filters,
limit=page_size,
start=(page-1) * page_size,
start=page * page_size,
order_by=processed_sortings
)
print("TASKS?", tasks, page, page_size)
tableRows = []
for task in tasks:
tableRow = {}

25
frontend/src/components/pages/Tasks.vue
View file

@ -21,22 +21,18 @@
<script setup>
import DataTable from "../common/DataTable.vue";
import { ref, onMounted, watch, computed } from "vue";
import { useRouter, useRoute } from "vue-router";
import { useRouter } from "vue-router";
import Api from "../../api";
import { useLoadingStore } from "../../stores/loading";
import { usePaginationStore } from "../../stores/pagination";
import { useFiltersStore } from "../../stores/filters";
import { useNotificationStore } from "../../stores/notifications-primevue";
import { FilterMatchMode } from "@primevue/core";
const loadingStore = useLoadingStore();
const paginationStore = usePaginationStore();
const filtersStore = useFiltersStore();
const notifications = useNotificationStore();
const route = useRoute();
const subject = route.query.subject;
const tableData = ref([]);
const totalRecords = ref(0);
const isLoading = ref(false);
@ -50,18 +46,13 @@ const statusOptions = ref([
"Cancelled",
]);
const filters = {
subject: { value: null, matchMode: FilterMatchMode.CONTAINS },
};
// Computed property to get current filters for the chart
const currentFilters = computed(() => {
return filtersStore.getTableFilters("tasks");
});
const columns = [
{ label: "Task", fieldName: "subject", type: "text", sortable: true, filterable: true,
filterInputID: "subjectFilterId" },
{ label: "Task", fieldName: "subject", type: "text", sortable: true, filterable: true },
{ label: "Job", fieldName: "project", type: "link", sortable: true,
onLinkClick: (link, rowData) => handleProjectClick(link, rowData)
},
@ -220,10 +211,6 @@ watch(showCompleted, () => {
// Load initial data
onMounted(async () => {
if (subject) {
const inputElement = document.getElementById(`filter-subject`);
inputElement.text = subject;
}
notifications.addWarning("Tasks page coming soon");
// Initialize pagination and filters
paginationStore.initializeTablePagination("tasks", { rows: 10 });
@ -235,14 +222,6 @@ onMounted(async () => {
const initialFilters = filtersStore.getTableFilters("tasks");
const initialSorting = filtersStore.getTableSorting("tasks");
if (subject) {
console.log(subject);
console.log(initialFilters);
console.log(initialFilters.subject);
initialFilters.subject.value = subject;
//initialFilters = {...initialFilters, subject: {value: subject, match_mode: "contains"}};
}
const optionsResult = await Api.getTaskStatusOptions();
statusOptions.value = optionsResult;
console.log("DEBUG: Loaded Status options: ", statusOptions.value)