-
-
-
-
-
Are you sure you want to delete this contact?
-
-
-
-
-
-
-
- );
-}
diff --git a/src/pages/followup/list/Form.js b/src/pages/followup/list/Form.js
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/pages/followup/list/List.js b/src/pages/followup/list/List.js
deleted file mode 100644
index 92ae7b08..00000000
--- a/src/pages/followup/list/List.js
+++ /dev/null
@@ -1,107 +0,0 @@
-import { useMemo, useState } from "react";
-import { useNavigate } from "react-router";
-import { toast } from "react-toastify";
-import usePaginatedList from "../../../hooks/usePaginatedList";
-import { fetchFollowUpsPaged } from "./api";
-import Table from "./Table";
-import DeleteModal from "../../../components/DeleteModal";
-import { deleteFollowUp } from "../api";
-import "./styles.css";
-
-const STATUSES = ["Open", "Completed", "Cancelled"];
-
-export default function FollowUpList() {
- const navigate = useNavigate();
- const [statusFilter, setStatusFilter] = useState("Open");
- const extraParams = useMemo(() => ({ status: statusFilter }), [statusFilter]);
- const {
- rows,
- search,
- setSearch,
- page,
- setPage,
- pageSize,
- setPageSize,
- totalCount,
- loading,
- err,
- reload,
- } = usePaginatedList(fetchFollowUpsPaged, extraParams);
- const [deleteModal, setDeleteModal] = useState({ isOpen: false, item: null, loading: false });
- const totalPages = Math.max(1, Math.ceil(totalCount / pageSize));
-
- const handleDeleteClick = (item) => {
- setDeleteModal({ isOpen: true, item, loading: false });
- };
-
- const handleDeleteConfirm = async () => {
- setDeleteModal((prev) => ({ ...prev, loading: true }));
- try {
- await deleteFollowUp(deleteModal.item.id);
- toast.success("Follow-up deleted successfully!");
- setDeleteModal({ isOpen: false, item: null, loading: false });
- reload();
- } catch (err) {
- console.error(err);
- toast.error("Failed to delete follow-up");
- setDeleteModal((prev) => ({ ...prev, loading: false }));
- }
- };
-
- return (
-
-
-
-
Follow Ups
- {totalCount} total
-
-
- { setSearch(e.target.value); setPage(1); }}
- placeholder="Search by reason, account, or assignee..."
- />
-
-
-
- {STATUSES.map((s) => (
-
- ))}
-
-
- navigate(`/followups/edit/${item.id}`)}
- onDelete={handleDeleteClick}
- page={page}
- setPage={setPage}
- pageSize={pageSize}
- setPageSize={setPageSize}
- totalCount={totalCount}
- totalPages={totalPages}
- />
-
- setDeleteModal({ isOpen: false, item: null, loading: false })}
- onConfirm={handleDeleteConfirm}
- title="Delete Follow-up"
- message={`Are you sure you want to delete this follow-up: "${deleteModal.item?.reason || ""}"? This action cannot be undone.`}
- loading={deleteModal.loading}
- />
-
- );
-}
diff --git a/src/pages/followup/list/Table.js b/src/pages/followup/list/Table.js
deleted file mode 100644
index 72a9586d..00000000
--- a/src/pages/followup/list/Table.js
+++ /dev/null
@@ -1,77 +0,0 @@
-import React from "react";
-import SharedTable from "../../../components/SharedTable";
-
-function formatScheduled(date, time) {
- if (!date) return "";
- const d = new Date(date);
- if (isNaN(d)) return "";
- const dateStr = d.toISOString().slice(0, 10);
- if (!time) return dateStr;
- const m = String(time).match(/^(\d{2}:\d{2})/);
- return m ? `${dateStr} ${m[1]}` : dateStr;
-}
-
-export default function Table({
- loading,
- error,
- rows,
- onEdit,
- onDelete,
- page,
- setPage,
- pageSize,
- setPageSize,
- totalCount,
- totalPages,
-}) {
- const columns = [
- {
- key: "reason",
- label: "Reason",
- render: (val, row) => (
-
- {
- e.preventDefault();
- onEdit && onEdit(row);
- }}
- >
- {val || "(no reason)"}
-
-
- ),
- },
- { key: "assignedTo", label: "Assigned To" },
- {
- key: "scheduleDate",
- label: "Scheduled",
- render: (_, row) => formatScheduled(row.scheduleDate, row.scheduleStartTime),
- },
- { key: "accountName", label: "Account" },
- { key: "locationName", label: "Location" },
- {
- key: "workOrderNumber",
- label: "Work Order",
- render: (val, row) => val || row.internalWONumber || "",
- },
- { key: "createdByName", label: "Created By" },
- { key: "status", label: "Status" },
- ];
-
- return (
-
- );
-}
diff --git a/src/pages/followup/list/api.js b/src/pages/followup/list/api.js
deleted file mode 100644
index 8d55ba5b..00000000
--- a/src/pages/followup/list/api.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import { get } from "../../../apiUtil";
-import { API_URL } from "../../../constants";
-
-export const fetchFollowUpsPaged = async ({
- search = "",
- page = 1,
- pageSize = 12,
- status = "Open"
-}) => {
- const res = await get(
- `${API_URL}/FollowUp/GetFollowUpList?search=${encodeURIComponent(
- search
- )}&page=${page}&pageSize=${pageSize}&status=${encodeURIComponent(status)}`
- );
-
- const rows = (res?.data || res?.Data || []).map(x => ({
- id: x.id ?? x.Id,
- reason: x.reason ?? x.Reason ?? "",
- scheduleDate: x.scheduleDate ?? x.ScheduleDate ?? "",
- scheduleStartTime: x.scheduleStartTime ?? x.ScheduleStartTime ?? "",
- employeeId: x.employeeId ?? x.EmployeeId ?? null,
- workOrderId: x.workOrderId ?? x.WorkOrderId ?? null,
- accountId: x.accountId ?? x.AccountId ?? null,
- locationId: x.locationId ?? x.LocationId ?? null,
- accountName: x.accountName ?? x.AccountName ?? "",
- assignedTo: x.assignedTo ?? x.AssignedTo ?? "",
- locationName: x.locationName ?? x.LocationName ?? "",
- workOrderNumber: x.workOrderNumber ?? x.WorkOrderNumber ?? "",
- internalWONumber: x.internalWONumber ?? x.InternalWONumber ?? "",
- status: x.status ?? x.Status ?? "",
- createdDate: x.createdDate ?? x.CreatedDate ?? "",
- createdByName: x.createdByName ?? x.CreatedByName ?? ""
- }));
-
- return {
- rows,
- page: res?.pageNumber ?? res?.PageNumber ?? 1,
- pageSize: res?.pageSize ?? res?.PageSize ?? pageSize,
- totalCount: res?.totalCount ?? res?.TotalCount ?? rows.length,
- totalPages: res?.totalPages ?? res?.TotalPages ?? 1
- };
-};
diff --git a/src/pages/followup/list/styles.css b/src/pages/followup/list/styles.css
deleted file mode 100644
index 731008cd..00000000
--- a/src/pages/followup/list/styles.css
+++ /dev/null
@@ -1,353 +0,0 @@
-/* Modal styles for Follow-ups module */
-.modalRoot{position:fixed;inset:0;z-index:1000;}
-.modalScrim{position:absolute;inset:0;background:rgba(0,0,0,.3);}
-.modalCard{position:relative;margin:10% auto;padding:20px;background:#fff;width:400px;}
-
-/* Override listPage padding for this module */
-.listPage {
- padding: 0 !important;
- background: white !important;
- min-height: auto !important;
-}
-
-/* Toolbar header (mirrors work orders list look) */
-.fuListToolbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 16px 20px;
- border-bottom: 1px solid #e5e5e5;
-}
-
-.fuListToolbarLeft {
- display: flex;
- align-items: baseline;
- gap: 12px;
-}
-
-.fuListTitle {
- margin: 0;
- font-size: 20px;
- font-weight: 600;
- color: #333;
-}
-
-.fuListCount {
- font-size: 13px;
- color: #999;
-}
-
-.fuListToolbarRight {
- display: flex;
- align-items: center;
- gap: 12px;
-}
-
-.fuSearchInput {
- height: 38px;
- padding: 6px 12px;
- border: 1px solid #ccc;
- border-radius: 4px;
- font-size: 14px;
- outline: none;
- width: 260px;
- box-sizing: border-box;
-}
-
-.fuSearchInput:focus {
- border-color: #66afe9;
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-}
-
-.fuNewBtn {
- padding: 8px 16px;
- background: #007bff;
- color: #fff;
- border: none;
- border-radius: 4px;
- font-size: 13px;
- font-weight: 600;
- cursor: pointer;
- white-space: nowrap;
-}
-
-.fuNewBtn:hover {
- background: #0069d9;
-}
-
-.fuFilterBar {
- display: flex;
- gap: 6px;
- padding: 10px 20px;
- border-bottom: 1px solid #e5e5e5;
- background: #fafafa;
-}
-
-.fuFilterChip {
- padding: 5px 14px;
- border: 1px solid #ddd;
- border-radius: 16px;
- background: #fff;
- font-size: 12px;
- color: #666;
- cursor: pointer;
-}
-
-.fuFilterChip:hover {
- border-color: #007bff;
- color: #007bff;
-}
-
-.fuFilterChip.active {
- background: #007bff;
- color: #fff;
- border-color: #007bff;
-}
-
-/* Breadcrumb */
-.breadcrumb {
- background: white;
- padding: 10px 20px;
- margin: 0;
- border-bottom: 1px solid #e5e5e5;
- font-size: 13px;
-}
-
-.breadcrumbItem {
- color: #333;
-}
-
-.breadcrumbItem.active {
- cursor: default;
- font-weight: bold;
- color: #00a0d1;
-}
-
-/* Search Section Styles */
-.searchSection {
- background: white;
- padding: 20px;
- margin-bottom: 0;
- border-bottom: 1px solid #e5e5e5;
- position: relative;
- z-index: 1;
-}
-
-.searchHeader {
- margin-bottom: 20px;
-}
-
-.searchHeading {
- font-size: 24px;
- font-weight: 300;
- margin: 0 0 8px 0;
- display: flex;
- align-items: center;
- gap: 10px;
-}
-
-.iconStack {
- font-size: 0.9em;
-}
-
-.text-primary {
- color: #0088cc;
-}
-
-.fa-inverse {
- color: white;
-}
-
-.searchSubheading {
- color: #666;
- font-size: 14px;
- display: block;
- margin-left: 45px;
-}
-
-.followUpStatusTabs {
- display: flex;
- gap: 4px;
- margin-bottom: 16px;
- border-bottom: 1px solid #e5e5e5;
-}
-
-.followUpStatusTab {
- padding: 8px 18px;
- background: transparent;
- border: none;
- border-bottom: 2px solid transparent;
- color: #666;
- font-size: 14px;
- font-weight: 500;
- cursor: pointer;
- transition: color .15s ease, border-color .15s ease;
-}
-
-.followUpStatusTab:hover {
- color: #0088cc;
-}
-
-.followUpStatusTab.active {
- color: #0088cc;
- border-bottom-color: #0088cc;
-}
-
-.searchControls {
- display: flex;
- justify-content: space-between;
- align-items: flex-start;
- gap: 20px;
-}
-
-.searchLeft {
- display: flex;
- align-items: center;
- gap: 15px;
- flex: 1;
-}
-
-.searchInputGroup {
- display: flex;
- align-items: center;
- gap: 0;
- flex: 1;
- max-width: 600px;
-}
-
-.searchDropdown {
- height: 38px;
- padding: 6px 12px;
- border: 1px solid #ccc;
- border-right: none;
- border-radius: 4px 0 0 4px;
- background: white;
- font-size: 14px;
- min-width: 120px;
-}
-
-.searchInput {
- height: 38px;
- padding: 6px 12px;
- border: 1px solid #ccc;
- border-left: none;
- border-right: 1px solid #ccc;
- flex: 1;
- font-size: 14px;
- outline: none;
-}
-
-.searchInput:focus {
- border-color: #66afe9;
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-}
-
-.searchButton {
- height: 38px;
- padding: 6px 20px;
- background: #0088cc;
- color: white;
- border: 1px solid #0088cc;
- border-radius: 0 4px 4px 0;
- font-size: 14px;
- cursor: pointer;
- white-space: nowrap;
- margin-left: 20px;
-}
-
-.searchButton:hover {
- background: #0077b3;
- border-color: #0077b3;
-}
-
-.viewToggle {
- display: flex;
- border: 1px solid #0088cc;
- border-radius: 4px;
- overflow: hidden;
-}
-
-.viewBtn {
- width: 40px;
- height: 38px;
- background: white;
- border: none;
- border-right: 1px solid #0088cc;
- color: #0088cc;
- cursor: pointer;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: all 0.2s;
-}
-
-.viewBtn:last-child {
- border-right: none;
-}
-
-.viewBtn.active {
- background: #0088cc;
- color: white;
-}
-
-.viewBtn:hover:not(.active) {
- background: #e6f2f8;
-}
-
-.searchRight {
- display: flex;
- align-items: center;
-}
-
-.paginationTop {
- display: flex;
- align-items: center;
- gap: 5px;
- background: white;
- border: 1px solid #ddd;
- border-radius: 4px;
- padding: 0;
-}
-
-.pageBtn {
- width: 35px;
- height: 36px;
- background: white;
- border: none;
- cursor: pointer;
- font-size: 14px;
- color: #0088cc;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.pageBtn:hover:not(:disabled) {
- background: #e6f2f8;
-}
-
-.pageBtn:disabled {
- color: #ccc;
- cursor: not-allowed;
-}
-
-.pageNumber {
- min-width: 35px;
- height: 36px;
- display: flex;
- align-items: center;
- justify-content: center;
- background: #0088cc;
- color: white;
- font-size: 14px;
- border-left: 1px solid #ddd;
- border-right: 1px solid #ddd;
-}
-
-/* Table wrapper */
-.tableContainer {
- background: white;
- border: 1px solid #ddd;
- border-radius: 0;
- margin: 0;
-}
diff --git a/src/pages/followup/new/api.js b/src/pages/followup/new/api.js
deleted file mode 100644
index 016f17b3..00000000
--- a/src/pages/followup/new/api.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import { get, post } from "../../../apiUtil";
-import { API_URL } from "../../../constants";
-
-export const fetchFollowUpsPaged = async ({
- search = "",
- page = 1,
- pageSize = 12,
- completed = false,
-}) => {
- const res = await get(
- `${API_URL}/FollowUp/GetFollowUpList?search=${encodeURIComponent(
- search
- )}&page=${page}&pageSize=${pageSize}&completed=${completed}`
- );
-
- const rows = (res?.Data || []).map((x) => ({
- id: x.Id,
- reason: x.Reason,
- scheduleDate: x.ScheduleDate,
- account: x.Account,
- assignedTo: x.AssignedTo,
- locationName: x.LocationName,
- workOrderNumber: x.WorkOrderNumber,
- status: x.Status,
- }));
-
- return {
- rows,
- page: res.PageNumber,
- pageSize: res.PageSize,
- totalCount: res.TotalCount,
- totalPages: res.TotalPages,
- };
-};
-
-export const getFollowUpById = (id) =>
- get(`${API_URL}/FollowUp/GetById?id=${id}`);
-
-export const saveFollowUp = (payload) =>
- post(`${API_URL}/FollowUp/Save`, payload);
-
-export const deleteFollowUp = (id) =>
- get(`${API_URL}/FollowUp/Delete?id=${id}`);
diff --git a/src/pages/locations/api.js b/src/pages/locations/api.js
deleted file mode 100644
index 49fbeac4..00000000
--- a/src/pages/locations/api.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import { locationApi } from "../../services/api";
-
-export const getLocations = async (params = {}) => {
- try {
- const response = await locationApi.getAll(params);
- const locations = response.data || response;
- return Array.isArray(locations) ? locations : [];
- } catch (error) {
- console.error("Error fetching locations:", error);
- throw error;
- }
-};
-
-export const getLocationById = async (id) => {
- try {
- return await locationApi.getById(id);
- } catch (error) {
- console.error("Error fetching location:", error);
- throw error;
- }
-};
-
-export const addLocation = async (location) => {
- try {
- return await locationApi.create(location);
- } catch (error) {
- console.error("Error creating location:", error);
- throw error;
- }
-};
-
-export const editLocation = async (location) => {
- try {
- return await locationApi.update(location.id, location);
- } catch (error) {
- console.error("Error updating location:", error);
- throw error;
- }
-};
-
-export const deleteLocation = async (id) => {
- try {
- await locationApi.delete(id);
- return true;
- } catch (error) {
- console.error("Error deleting location:", error);
- throw error;
- }
-};
diff --git a/src/pages/locations/form/LocationFormPage.css b/src/pages/locations/form/LocationFormPage.css
deleted file mode 100644
index 67e3a13f..00000000
--- a/src/pages/locations/form/LocationFormPage.css
+++ /dev/null
@@ -1,289 +0,0 @@
-/* Location Form Page - Matching Employee Form Style */
-.locationFormPage {
- background: #f5f5f5;
- min-height: 100vh;
- padding: 0;
-}
-
-.panel {
- margin-bottom: 20px;
- background-color: #fff;
- border: 1px solid transparent;
- border-radius: 4px;
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
-}
-
-.panel-default {
- border-color: #ddd;
-}
-
-.panel-connected {
- border-radius: 0;
- border: none;
- box-shadow: none;
-}
-
-.panel-body {
- padding: 15px;
-}
-
-/* Breadcrumb */
-.breadcrumb {
- padding: 8px 15px;
- margin-bottom: 20px;
- list-style: none;
- background-color: #f5f5f5;
- border-radius: 4px;
-}
-
-.breadcrumb-alt {
- background-color: white;
- border-bottom: 1px solid #e5e5e5;
- padding: 10px 20px;
- margin: 0 0 20px 0;
- border-radius: 0;
-}
-
-.breadcrumb > li {
- display: inline-block;
-}
-
-.breadcrumb > li + li:before {
- content: ">\00a0";
- padding: 0 5px;
- color: #ccc;
-}
-
-.breadcrumb > li a {
- color: #0088cc;
- text-decoration: none;
-}
-
-.breadcrumb > li a:hover {
- text-decoration: underline;
-}
-
-.breadcrumb > .active {
- color: #00a0d1;
- font-weight: bold;
- cursor: default;
-}
-
-/* Container */
-.container {
- padding-right: 15px;
- padding-left: 15px;
- margin-right: auto;
- margin-left: auto;
-}
-
-/* Form Header */
-.header {
- margin-bottom: 15px;
-}
-
-.heading {
- margin: 0 0 10px 0;
- font-weight: 300;
- line-height: 1.1;
- color: #333;
-}
-
-.heading.thin {
- font-weight: 300;
- font-size: 24px;
- display: flex;
- align-items: center;
- gap: 10px;
-}
-
-.heading.text-uppercase {
- text-transform: uppercase;
- font-size: 14px;
- margin-bottom: 15px;
-}
-
-.text-primary {
- color: #0088cc;
-}
-
-.fa-stack {
- position: relative;
- display: inline-block;
- width: 2em;
- height: 2em;
- line-height: 2em;
- vertical-align: middle;
-}
-
-.fa-stack-1x,
-.fa-stack-2x {
- position: absolute;
- left: 0;
- width: 100%;
- text-align: center;
-}
-
-.fa-stack-2x {
- font-size: 2em;
-}
-
-.fa-stack-1x {
- font-size: 1em;
- line-height: inherit;
-}
-
-.fa-inverse {
- color: #fff;
-}
-
-/* Form Groups */
-.form-group {
- margin-bottom: 15px;
- position: relative;
-}
-
-/* Row and Columns */
-.row {
- margin-right: -15px;
- margin-left: -15px;
- display: flex;
- flex-wrap: wrap;
-}
-
-.row::after {
- content: "";
- display: table;
- clear: both;
-}
-
-[class*="col-"] {
- position: relative;
- min-height: 1px;
- padding-right: 15px;
- padding-left: 15px;
-}
-
-.col-sm-4 {
- width: 33.33333333%;
-}
-
-.col-sm-6 {
- width: 50%;
-}
-
-@media (min-width: 992px) {
- .col-md-4 {
- width: 33.33333333%;
- }
-}
-
-/* Labels */
-label {
- display: inline-block;
- max-width: 100%;
- margin-bottom: 5px;
- font-weight: 600;
- font-size: 13px;
- color: #333;
-}
-
-.required-field::after {
- content: " *";
- color: #d9534f;
-}
-
-/* Form Controls */
-.form-control {
- display: block;
- width: 100%;
- height: 34px;
- padding: 6px 12px;
- font-size: 14px;
- line-height: 1.42857143;
- color: #555;
- background-color: #fff;
- background-image: none;
- border: 1px solid #ccc;
- border-radius: 4px;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
- box-sizing: border-box;
-}
-
-.form-control:focus {
- border-color: #66afe9;
- outline: 0;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
-}
-
-select.form-control {
- height: 34px;
- padding: 6px 12px;
-}
-
-textarea.form-control {
- height: auto;
- min-height: 100px;
-}
-
-/* Form Actions */
-.form-actions {
- padding: 19px 20px 20px;
- margin-top: 20px;
- margin-bottom: 20px;
- border-top: 1px solid #e5e5e5;
- text-align: right;
-}
-
-/* Buttons */
-.btn {
- display: inline-block;
- padding: 6px 12px;
- margin-bottom: 0;
- font-size: 14px;
- font-weight: 400;
- line-height: 1.42857143;
- text-align: center;
- white-space: nowrap;
- vertical-align: middle;
- cursor: pointer;
- border: 1px solid transparent;
- border-radius: 4px;
- user-select: none;
-}
-
-.btn-default {
- color: #333;
- background-color: #fff;
- border-color: #ccc;
-}
-
-.btn-default:hover {
- background-color: #e6e6e6;
- border-color: #adadad;
-}
-
-.btn-primary {
- color: #fff;
- background-color: #0088cc;
- border-color: #0088cc;
-}
-
-.btn-primary:hover {
- background-color: #006699;
- border-color: #005580;
-}
-
-.btn:disabled {
- cursor: not-allowed;
- opacity: 0.65;
-}
-
-/* Responsive */
-@media (max-width: 767px) {
- [class*="col-sm-"] {
- width: 100%;
- }
-}
-
diff --git a/src/pages/locations/form/LocationFormPage.js b/src/pages/locations/form/LocationFormPage.js
deleted file mode 100644
index d3ba3b1a..00000000
--- a/src/pages/locations/form/LocationFormPage.js
+++ /dev/null
@@ -1,321 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { useParams, useNavigate } from "react-router";
-import { toast } from "react-toastify";
-import { getLocationById, addLocation, editLocation } from "../api";
-import "./LocationFormPage.css";
-
-export default function LocationFormPage() {
- const { id } = useParams();
- const navigate = useNavigate();
- const isEdit = !!id;
-
- const [formData, setFormData] = useState({
- name: "",
- address: "",
- city: "",
- state: "IL",
- zipCode: "",
- phone: "",
- contact: "",
- contactEmail: "",
- status: "Active",
- accountId: "",
- });
-
- const [loading, setLoading] = useState(false);
-
- useEffect(() => {
- if (isEdit && id) {
- const loadLocation = async () => {
- try {
- const location = await getLocationById(id);
- if (location) {
- setFormData(prev => {
- const merged = { ...prev };
- for (const key of Object.keys(merged)) {
- if (location[key] != null) merged[key] = location[key];
- }
- return merged;
- });
- }
- } catch (err) {
- console.error("Failed to load location", err);
- toast.error("Failed to load location");
- }
- };
- loadLocation();
- }
- }, [id, isEdit]);
-
- const handleChange = (e) => {
- const { name, value } = e.target;
- setFormData(prev => ({
- ...prev,
- [name]: value,
- }));
- };
-
- const handleSave = async (e) => {
- e.preventDefault();
- setLoading(true);
-
- try {
- if (isEdit) {
- await editLocation(formData);
- toast.success("Location updated successfully!");
- } else {
- await addLocation(formData);
- toast.success("Location created successfully!");
- }
- navigate("/locations");
- } catch (err) {
- console.error(err);
- toast.error("Failed to save location");
- } finally {
- setLoading(false);
- }
- };
-
- const handleCancel = () => {
- navigate("/locations");
- };
-
- return (
-
- );
-}
diff --git a/src/pages/locations/list/List.js b/src/pages/locations/list/List.js
deleted file mode 100644
index d4872b48..00000000
--- a/src/pages/locations/list/List.js
+++ /dev/null
@@ -1,157 +0,0 @@
-import { useState } from "react";
-import { useNavigate } from "react-router";
-import { toast } from "react-toastify";
-import usePaginatedList from "../../../hooks/usePaginatedList";
-import { fetchLocationsPaged } from "./api";
-import Table from "./Table";
-import DeleteModal from "../../../components/DeleteModal";
-import ActionBar from "../../../components/ActionBar";
-import { deleteLocation } from "../api";
-import "./styles.css";
-
-export default function LocationsList() {
- const navigate = useNavigate();
-
- const {
- rows,
- search,
- setSearch,
- page,
- setPage,
- pageSize,
- setPageSize,
- totalCount,
- loading,
- err,
- reload
- } = usePaginatedList(fetchLocationsPaged);
-
- const [viewMode, setViewMode] = useState("list");
- const [delState, setDelState] = useState({ open: false, item: null, loading: false });
-
- const totalPages = Math.max(1, Math.ceil(totalCount / pageSize));
-
- const handleDeleteConfirm = async () => {
- setDelState(prev => ({ ...prev, loading: true }));
- try {
- await deleteLocation(delState.item.id);
- toast.success("Location deleted successfully!");
- setDelState({ open: false, item: null, loading: false });
- reload();
- } catch (err) {
- console.error(err);
- toast.error("Failed to delete location");
- setDelState(prev => ({ ...prev, loading: false }));
- }
- };
-
- return (
- <>
- navigate("/locations/new")}
- onBulkEdit={() => console.log("Bulk edit")}
- selectedCount={0}
- />
-
-
-
- Locations
-
-
-
-
-
-
-
-
-
- Search for Locations
-
- Use the settings menu to adjust how to filter the list, and which columns to display.
-
-
-
-
-
-
- setSearch(e.target.value)}
- placeholder="Enter search criteria here..."
- />
-
-
-
-
-
-
-
-
-
-
-
- {page}
-
-
-
-
-
navigate(`/locations/edit/${item.id}`)}
- onDelete={(item) => setDelState({ open: true, item, loading: false })}
- page={page}
- setPage={setPage}
- pageSize={pageSize}
- setPageSize={setPageSize}
- totalCount={totalCount}
- totalPages={totalPages}
- />
-
- setDelState({ open: false, item: null, loading: false })}
- onConfirm={handleDeleteConfirm}
- title="Delete Location"
- message={`Are you sure you want to delete "${delState.item?.name}"?`}
- loading={delState.loading}
- />
-
-
- );
-}
diff --git a/src/pages/locations/list/Table.js b/src/pages/locations/list/Table.js
deleted file mode 100644
index 82646d50..00000000
--- a/src/pages/locations/list/Table.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import SharedTable from "../../../components/SharedTable";
-
-export default function Table({ loading, error, rows, onEdit, onDelete, page, setPage, pageSize, setPageSize, totalCount, totalPages }) {
- const columns = [
- { key: "name", label: "Location Name", render: (val, row) => { e.preventDefault(); onEdit && onEdit(row); }}>{val} },
- { key: "address", label: "Address" },
- { key: "city", label: "City" },
- { key: "state", label: "State" },
- { key: "phone", label: "Phone" },
- { key: "contactPerson", label: "Contact" },
- { key: "status", label: "Status" },
- ];
-
- return (
-
- );
-}
diff --git a/src/pages/locations/list/api.js b/src/pages/locations/list/api.js
deleted file mode 100644
index ec2befb3..00000000
--- a/src/pages/locations/list/api.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import { get } from "../../../apiUtil";
-import { API_URL } from "../../../constants";
-
-export const fetchLocationsPaged = async ({ search = "", page = 1, pageSize = 12 }) => {
- const res = await get(`${API_URL}/Location/GetLocationList?search=${encodeURIComponent(search)}&page=${page}&pageSize=${pageSize}`);
- const rows = (res?.data || res?.Data || []).map(x => ({
- id: x.id ?? x.Id,
- name: x.name ?? x.Name ?? "",
- address: x.address ?? x.Address ?? "",
- city: x.city ?? x.City ?? "",
- state: x.state ?? x.State ?? "",
- zipCode: x.zipCode ?? x.ZipCode ?? x.Zip ?? "",
- phone: x.phone ?? x.Phone ?? "",
- contact: x.contact ?? x.Contact ?? "",
- contactEmail: x.contactEmail ?? x.ContactEmail ?? "",
- status: x.status ?? x.Status ?? "",
- accountId: x.accountId ?? x.AccountId ?? "",
- }));
- return {
- rows,
- page: res?.pageNumber ?? 1,
- pageSize: res?.pageSize ?? pageSize,
- totalCount: res?.totalCount ?? rows.length,
- totalPages: res?.totalPages ?? 1,
- };
-};
-
-export const deleteLocation = (id) =>
- get(`${API_URL}/Location/DeleteLocation?id=${id}`);
-
diff --git a/src/pages/locations/list/styles.css b/src/pages/locations/list/styles.css
deleted file mode 100644
index 8b17a23c..00000000
--- a/src/pages/locations/list/styles.css
+++ /dev/null
@@ -1,231 +0,0 @@
-/* Modal styles for Locations module */
-.modalRoot{position:fixed;inset:0;z-index:1000;}
-.modalScrim{position:absolute;inset:0;background:rgba(0,0,0,.3);}
-.modalCard{position:relative;margin:10% auto;padding:20px;background:#fff;width:400px;}
-
-/* Override listPage padding for this module */
-.listPage {
- padding: 0 !important;
- background: white !important;
- min-height: auto !important;
-}
-
-/* Breadcrumb */
-.breadcrumb {
- background: white;
- padding: 10px 20px;
- margin: 0;
- border-bottom: 1px solid #e5e5e5;
- font-size: 13px;
-}
-
-.breadcrumbItem {
- color: #333;
-}
-
-.breadcrumbItem.active {
- cursor: default;
- font-weight: bold;
- color: #00a0d1;
-}
-
-/* Search Section Styles */
-.searchSection {
- background: white;
- padding: 20px;
- margin-bottom: 0;
- border-bottom: 1px solid #e5e5e5;
- position: relative;
- z-index: 1;
-}
-
-.searchHeader {
- margin-bottom: 20px;
-}
-
-.searchHeading {
- font-size: 24px;
- font-weight: 300;
- margin: 0 0 8px 0;
- display: flex;
- align-items: center;
- gap: 10px;
-}
-
-.iconStack {
- font-size: 0.9em;
-}
-
-.text-primary {
- color: #0088cc;
-}
-
-.fa-inverse {
- color: white;
-}
-
-.searchSubheading {
- color: #666;
- font-size: 14px;
- display: block;
- margin-left: 45px;
-}
-
-.searchControls {
- display: flex;
- justify-content: space-between;
- align-items: flex-start;
- gap: 20px;
-}
-
-.searchLeft {
- display: flex;
- align-items: center;
- gap: 15px;
- flex: 1;
-}
-
-.searchInputGroup {
- display: flex;
- align-items: center;
- gap: 0;
- flex: 1;
- max-width: 600px;
-}
-
-.searchDropdown {
- height: 38px;
- padding: 6px 12px;
- border: 1px solid #ccc;
- border-right: none;
- border-radius: 4px 0 0 4px;
- background: white;
- font-size: 14px;
- min-width: 120px;
-}
-
-.searchInput {
- height: 38px;
- padding: 6px 12px;
- border: 1px solid #ccc;
- border-left: none;
- border-right: 1px solid #ccc;
- flex: 1;
- font-size: 14px;
- outline: none;
-}
-
-.searchInput:focus {
- border-color: #66afe9;
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-}
-
-.searchButton {
- height: 38px;
- padding: 6px 20px;
- background: #0088cc;
- color: white;
- border: 1px solid #0088cc;
- border-radius: 0 4px 4px 0;
- font-size: 14px;
- cursor: pointer;
- white-space: nowrap;
- margin-left: 20px;
-}
-
-.searchButton:hover {
- background: #0077b3;
- border-color: #0077b3;
-}
-
-.viewToggle {
- display: flex;
- border: 1px solid #0088cc;
- border-radius: 4px;
- overflow: hidden;
-}
-
-.viewBtn {
- width: 40px;
- height: 38px;
- background: white;
- border: none;
- border-right: 1px solid #0088cc;
- color: #0088cc;
- cursor: pointer;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: all 0.2s;
-}
-
-.viewBtn:last-child {
- border-right: none;
-}
-
-.viewBtn.active {
- background: #0088cc;
- color: white;
-}
-
-.viewBtn:hover:not(.active) {
- background: #e6f2f8;
-}
-
-.searchRight {
- display: flex;
- align-items: center;
-}
-
-.paginationTop {
- display: flex;
- align-items: center;
- gap: 5px;
- background: white;
- border: 1px solid #ddd;
- border-radius: 4px;
- padding: 0;
-}
-
-.pageBtn {
- width: 35px;
- height: 36px;
- background: white;
- border: none;
- cursor: pointer;
- font-size: 14px;
- color: #0088cc;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.pageBtn:hover:not(:disabled) {
- background: #e6f2f8;
-}
-
-.pageBtn:disabled {
- color: #ccc;
- cursor: not-allowed;
-}
-
-.pageNumber {
- min-width: 35px;
- height: 36px;
- display: flex;
- align-items: center;
- justify-content: center;
- background: #0088cc;
- color: white;
- font-size: 14px;
- border-left: 1px solid #ddd;
- border-right: 1px solid #ddd;
-}
-
-/* Table wrapper */
-.tableContainer {
- background: white;
- border: 1px solid #ddd;
- border-radius: 0;
- margin: 0;
-}
diff --git a/src/pages/settings/DropdownOptionsPage.css b/src/pages/settings/DropdownOptionsPage.css
deleted file mode 100644
index 0b7e420a..00000000
--- a/src/pages/settings/DropdownOptionsPage.css
+++ /dev/null
@@ -1,182 +0,0 @@
-.dropdownSettingsPage {
- padding: 20px;
-}
-
-.dropdownSettingsHeader {
- margin-bottom: 24px;
-}
-
-.dropdownSettingsHeader h2 {
- margin: 0 0 4px 0;
- font-size: 20px;
- font-weight: 600;
- color: #333;
-}
-
-.dropdownSettingsHeader p {
- margin: 0;
- font-size: 13px;
- color: #999;
-}
-
-.dropdownSettingsLayout {
- display: flex;
- gap: 0;
- border: 1px solid #ddd;
- border-radius: 6px;
- overflow: hidden;
- min-height: 400px;
-}
-
-.dropdownSettingsSidebar {
- width: 180px;
- background: #f8f9fa;
- border-right: 1px solid #ddd;
- flex-shrink: 0;
-}
-
-.dropdownSettingsTab {
- display: block;
- width: 100%;
- padding: 12px 16px;
- border: none;
- background: none;
- text-align: left;
- font-size: 13px;
- font-weight: 500;
- color: #666;
- cursor: pointer;
- border-bottom: 1px solid #eee;
-}
-
-.dropdownSettingsTab:hover {
- background: #eee;
-}
-
-.dropdownSettingsTab.active {
- background: #fff;
- color: #007bff;
- font-weight: 600;
- border-right: 2px solid #007bff;
-}
-
-.dropdownSettingsContent {
- flex: 1;
- padding: 16px;
-}
-
-.dropdownSettingsAddRow {
- display: flex;
- gap: 8px;
- margin-bottom: 16px;
-}
-
-.dropdownSettingsInput {
- flex: 1;
- height: 36px;
- padding: 6px 12px;
- border: 1px solid #ccc;
- border-radius: 4px;
- font-size: 13px;
-}
-
-.dropdownSettingsSelect {
- height: 36px;
- padding: 6px 12px;
- border: 1px solid #ccc;
- border-radius: 4px;
- font-size: 13px;
- min-width: 140px;
-}
-
-.dropdownSettingsAddBtn {
- height: 36px;
- padding: 6px 16px;
- background: #007bff;
- color: #fff;
- border: none;
- border-radius: 4px;
- font-size: 13px;
- cursor: pointer;
-}
-
-.dropdownSettingsAddBtn:disabled {
- opacity: 0.5;
- cursor: not-allowed;
-}
-
-.dropdownSettingsAddBtn:hover:not(:disabled) {
- background: #0069d9;
-}
-
-.dropdownSettingsList {
- display: flex;
- flex-direction: column;
- gap: 4px;
-}
-
-.dropdownSettingsItem {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 8px 12px;
- border: 1px solid #eee;
- border-radius: 4px;
- font-size: 13px;
-}
-
-.dropdownSettingsItem:hover {
- background: #f9f9f9;
-}
-
-.dropdownSettingsItemValue {
- display: flex;
- align-items: center;
- gap: 8px;
-}
-
-.dropdownSettingsParentTag {
- font-size: 11px;
- padding: 2px 8px;
- background: #e9ecef;
- border-radius: 10px;
- color: #666;
-}
-
-.dropdownSettingsItemActions {
- display: flex;
- gap: 4px;
-}
-
-.dropdownSettingsBtn {
- padding: 4px 10px;
- border: none;
- border-radius: 3px;
- font-size: 12px;
- cursor: pointer;
- background: #f0f0f0;
- color: #333;
-}
-
-.dropdownSettingsBtn.edit:hover { background: #e0e0e0; }
-.dropdownSettingsBtn.save { background: #28a745; color: #fff; }
-.dropdownSettingsBtn.cancel { background: #6c757d; color: #fff; }
-.dropdownSettingsBtn.delete { color: #dc3545; }
-.dropdownSettingsBtn.delete:hover { background: #fff5f5; }
-
-.dropdownSettingsEditInput {
- flex: 1;
- height: 30px;
- padding: 4px 8px;
- border: 1px solid #007bff;
- border-radius: 3px;
- font-size: 13px;
-}
-
-.dropdownSettingsLoading,
-.dropdownSettingsEmpty {
- padding: 40px;
- text-align: center;
- color: #999;
- font-size: 13px;
-}
diff --git a/src/pages/settings/DropdownOptionsPage.js b/src/pages/settings/DropdownOptionsPage.js
deleted file mode 100644
index 219e7eee..00000000
--- a/src/pages/settings/DropdownOptionsPage.js
+++ /dev/null
@@ -1,195 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { get, post, put, deleteItem } from "../../apiUtil";
-import { API_URL } from "../../constants";
-import { toast } from "react-toastify";
-import SettingsNav from "./SettingsNav";
-import "../settings/TaskTemplatesPage.css";
-import "./DropdownOptionsPage.css";
-
-const CATEGORIES = [
- { key: "Trade", label: "Trades", hasChildren: true },
- { key: "SubTrade", label: "Sub-Trades", parent: "Trade" },
- { key: "Problem", label: "Problems", hasChildren: false },
-];
-
-export default function DropdownOptionsPage() {
- const [activeCategory, setActiveCategory] = useState("Trade");
- const [options, setOptions] = useState([]);
- const [parentOptions, setParentOptions] = useState([]);
- const [loading, setLoading] = useState(false);
- const [newValue, setNewValue] = useState("");
- const [newParent, setNewParent] = useState("");
- const [editingId, setEditingId] = useState(null);
- const [editValue, setEditValue] = useState("");
-
- const categoryConfig = CATEGORIES.find((c) => c.key === activeCategory);
-
- const loadOptions = async () => {
- setLoading(true);
- try {
- const data = await get(`${API_URL}/DropdownOptions/ByCategory/${activeCategory}`);
- setOptions(data || []);
- } catch {
- toast.error("Failed to load options");
- } finally {
- setLoading(false);
- }
- };
-
- const loadParents = async () => {
- if (categoryConfig?.parent) {
- const data = await get(`${API_URL}/DropdownOptions/ByCategory/${categoryConfig.parent}`);
- setParentOptions(data || []);
- }
- };
-
- useEffect(() => {
- loadOptions();
- loadParents();
- setNewValue("");
- setNewParent("");
- setEditingId(null);
- }, [activeCategory]);
-
- const handleAdd = async () => {
- if (!newValue.trim()) return;
- try {
- const body = {
- category: activeCategory,
- value: newValue.trim(),
- parentValue: categoryConfig?.parent ? newParent || null : null,
- sortOrder: options.length,
- isActive: true,
- };
- await post(`${API_URL}/DropdownOptions`, body);
- setNewValue("");
- setNewParent("");
- loadOptions();
- toast.success("Option added");
- } catch (err) {
- toast.error("Failed to add option");
- }
- };
-
- const handleDelete = async (id) => {
- try {
- await deleteItem(`${API_URL}/DropdownOptions/${id}`);
- loadOptions();
- toast.success("Option deleted");
- } catch {
- toast.error("Failed to delete");
- }
- };
-
- const handleEditSave = async (item) => {
- try {
- await put(`${API_URL}/DropdownOptions/${item.id}`, {
- ...item,
- value: editValue.trim(),
- });
- setEditingId(null);
- loadOptions();
- toast.success("Option updated");
- } catch {
- toast.error("Failed to update");
- }
- };
-
- const handleKeyDown = (e) => {
- if (e.key === "Enter") {
- e.preventDefault();
- handleAdd();
- }
- };
-
- return (
-
-
-
-
Dropdown Options
-
Manage configurable dropdown values for work orders
-
-
- {CATEGORIES.map((cat) => (
-
- ))}
-
-
-
-
- {categoryConfig?.parent && (
-
- )}
- setNewValue(e.target.value)}
- onKeyDown={handleKeyDown}
- placeholder={`Add new ${categoryConfig?.label?.slice(0, -1) || "option"}...`}
- />
-
-
-
- {loading ? (
-
Loading...
- ) : options.length === 0 ? (
-
No options configured yet
- ) : (
-
- {options.map((item) => (
-
- {editingId === item.id ? (
-
setEditValue(e.target.value)}
- onKeyDown={(e) => { if (e.key === "Enter") handleEditSave(item); if (e.key === "Escape") setEditingId(null); }}
- autoFocus
- />
- ) : (
-
- {item.value}
- {item.parentValue && {item.parentValue}}
-
- )}
-
- {editingId === item.id ? (
- <>
-
-
-
- ) : (
- <>
-
-
-
- )}
-
-
- ))}
-
- )}
-
-
- {links.map((link) => (
- `settingsNavLink ${isActive ? "active" : ""}`}
- >
- {link.label}
-
- ))}
-
- );
-}
diff --git a/src/pages/settings/TaskTemplatesPage.css b/src/pages/settings/TaskTemplatesPage.css
deleted file mode 100644
index c0d9b465..00000000
--- a/src/pages/settings/TaskTemplatesPage.css
+++ /dev/null
@@ -1,263 +0,0 @@
-.settingsNav {
- display: flex;
- gap: 0;
- margin-bottom: 20px;
- border-bottom: 2px solid #e5e5e5;
-}
-
-.settingsNavLink {
- padding: 8px 20px;
- font-size: 13px;
- font-weight: 600;
- color: #999;
- text-decoration: none;
- border-bottom: 2px solid transparent;
- margin-bottom: -2px;
-}
-
-.settingsNavLink:hover {
- color: #333;
-}
-
-.settingsNavLink.active {
- color: #007bff;
- border-bottom-color: #007bff;
-}
-
-.taskTemplatesPage {
- padding: 20px;
-}
-
-.taskTemplatesHeader {
- margin-bottom: 24px;
-}
-
-.taskTemplatesHeader h2 {
- margin: 0 0 4px 0;
- font-size: 20px;
- font-weight: 600;
- color: #333;
-}
-
-.taskTemplatesHeader p {
- margin: 0;
- font-size: 13px;
- color: #999;
-}
-
-.taskTemplatesLayout {
- display: flex;
- gap: 0;
- border: 1px solid #ddd;
- border-radius: 6px;
- overflow: hidden;
- min-height: 500px;
-}
-
-.taskTemplatesSidebar {
- width: 240px;
- background: #f8f9fa;
- border-right: 1px solid #ddd;
- flex-shrink: 0;
- display: flex;
- flex-direction: column;
-}
-
-.taskTemplatesNewBtn {
- display: block;
- width: 100%;
- padding: 12px 16px;
- border: none;
- background: #007bff;
- color: #fff;
- font-size: 13px;
- font-weight: 600;
- cursor: pointer;
- text-align: left;
-}
-
-.taskTemplatesNewBtn:hover {
- background: #0069d9;
-}
-
-.taskTemplatesSidebarItem {
- padding: 10px 16px;
- cursor: pointer;
- border-bottom: 1px solid #eee;
- display: flex;
- flex-direction: column;
- gap: 2px;
-}
-
-.taskTemplatesSidebarItem:hover {
- background: #eee;
-}
-
-.taskTemplatesSidebarItem.active {
- background: #fff;
- border-right: 2px solid #007bff;
-}
-
-.taskTemplatesSidebarName {
- font-size: 13px;
- font-weight: 500;
- color: #333;
-}
-
-.taskTemplatesSidebarCount {
- font-size: 11px;
- color: #999;
-}
-
-.taskTemplatesContent {
- flex: 1;
- padding: 20px;
- display: flex;
- flex-direction: column;
-}
-
-.taskTemplatesEmpty {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 1;
- color: #999;
- font-size: 14px;
-}
-
-.taskTemplatesLoading {
- padding: 20px;
- text-align: center;
- color: #999;
- font-size: 13px;
-}
-
-.taskTemplatesForm {
- flex: 1;
-}
-
-.taskTemplatesFormRow {
- display: flex;
- gap: 12px;
- margin-bottom: 20px;
-}
-
-.taskTemplatesFormField {
- flex: 1;
- display: flex;
- flex-direction: column;
- gap: 4px;
-}
-
-.taskTemplatesFormField label {
- font-size: 12px;
- font-weight: 600;
- color: #666;
- text-transform: uppercase;
-}
-
-.taskTemplatesItemsHeader {
- margin-bottom: 8px;
-}
-
-.taskTemplatesItemsHeader h4 {
- margin: 0;
- font-size: 13px;
- font-weight: 600;
- color: #333;
-}
-
-.taskTemplatesItemList {
- display: flex;
- flex-direction: column;
- gap: 4px;
- margin-bottom: 12px;
-}
-
-.taskTemplatesItem {
- display: flex;
- align-items: center;
- gap: 10px;
- padding: 8px 12px;
- background: #f8f9fa;
- border: 1px solid #eee;
- border-radius: 4px;
-}
-
-.taskTemplatesItemNum {
- font-size: 12px;
- font-weight: 600;
- color: #999;
- min-width: 20px;
-}
-
-.taskTemplatesItemText {
- flex: 1;
- font-size: 13px;
- color: #333;
-}
-
-.taskTemplatesItemActions {
- display: flex;
- gap: 2px;
-}
-
-.taskTemplatesItemBtn {
- width: 24px;
- height: 24px;
- border: none;
- background: none;
- color: #999;
- cursor: pointer;
- font-size: 12px;
- border-radius: 3px;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.taskTemplatesItemBtn:hover:not(:disabled) {
- background: #e0e0e0;
- color: #333;
-}
-
-.taskTemplatesItemBtn:disabled {
- opacity: 0.3;
- cursor: not-allowed;
-}
-
-.taskTemplatesItemBtn.delete {
- font-size: 16px;
-}
-
-.taskTemplatesItemBtn.delete:hover {
- color: #dc3545;
- background: #fff5f5;
-}
-
-.taskTemplatesAddItem {
- display: flex;
- gap: 8px;
-}
-
-.taskTemplatesAddItem .form-control {
- flex: 1;
-}
-
-.taskTemplatesActions {
- display: flex;
- justify-content: flex-end;
- gap: 8px;
- padding-top: 16px;
- border-top: 1px solid #eee;
- margin-top: 16px;
-}
-
-.taskTemplatesDeleteBtn {
- margin-right: auto;
- color: #dc3545;
-}
-
-.taskTemplatesDeleteBtn:hover {
- background: #fff5f5;
-}
diff --git a/src/pages/settings/TaskTemplatesPage.js b/src/pages/settings/TaskTemplatesPage.js
deleted file mode 100644
index db36e45a..00000000
--- a/src/pages/settings/TaskTemplatesPage.js
+++ /dev/null
@@ -1,203 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { taskTemplateApi } from "../../services/api";
-import { toast } from "react-toastify";
-import SettingsNav from "./SettingsNav";
-import "./TaskTemplatesPage.css";
-
-export default function TaskTemplatesPage() {
- const [templates, setTemplates] = useState([]);
- const [selectedId, setSelectedId] = useState(null);
- const [form, setForm] = useState({ name: "", description: "", items: [] });
- const [newItemText, setNewItemText] = useState("");
- const [saving, setSaving] = useState(false);
- const [loading, setLoading] = useState(true);
-
- const loadTemplates = async () => {
- try {
- const data = await taskTemplateApi.getAll();
- setTemplates(Array.isArray(data) ? data : []);
- } catch {
- toast.error("Failed to load templates");
- } finally {
- setLoading(false);
- }
- };
-
- useEffect(() => { loadTemplates(); }, []);
-
- const handleSelect = (template) => {
- setSelectedId(template.id);
- setForm({
- name: template.name || "",
- description: template.description || "",
- items: (template.items || []).map((i, idx) => ({ text: i.itemText, sortOrder: i.sortOrder ?? idx })),
- });
- setNewItemText("");
- };
-
- const handleNew = () => {
- setSelectedId("new");
- setForm({ name: "", description: "", items: [] });
- setNewItemText("");
- };
-
- const handleAddItem = () => {
- if (!newItemText.trim()) return;
- setForm((f) => ({
- ...f,
- items: [...f.items, { text: newItemText.trim(), sortOrder: f.items.length }],
- }));
- setNewItemText("");
- };
-
- const handleRemoveItem = (idx) => {
- setForm((f) => ({
- ...f,
- items: f.items.filter((_, i) => i !== idx).map((item, i) => ({ ...item, sortOrder: i })),
- }));
- };
-
- const handleMoveItem = (idx, dir) => {
- setForm((f) => {
- const items = [...f.items];
- const target = idx + dir;
- if (target < 0 || target >= items.length) return f;
- [items[idx], items[target]] = [items[target], items[idx]];
- return { ...f, items: items.map((item, i) => ({ ...item, sortOrder: i })) };
- });
- };
-
- const handleSave = async () => {
- if (!form.name.trim()) { toast.error("Template name is required"); return; }
- setSaving(true);
- try {
- const payload = {
- name: form.name,
- description: form.description,
- isActive: true,
- items: form.items.map((i) => ({ itemText: i.text, sortOrder: i.sortOrder })),
- };
- if (selectedId === "new") {
- const result = await taskTemplateApi.create(payload);
- setSelectedId(result.id);
- toast.success("Template created");
- } else {
- await taskTemplateApi.update(selectedId, payload);
- toast.success("Template updated");
- }
- loadTemplates();
- } catch {
- toast.error("Failed to save template");
- } finally {
- setSaving(false);
- }
- };
-
- const handleDelete = async () => {
- if (!selectedId || selectedId === "new") return;
- try {
- await taskTemplateApi.delete(selectedId);
- setSelectedId(null);
- setForm({ name: "", description: "", items: [] });
- loadTemplates();
- toast.success("Template deleted");
- } catch {
- toast.error("Failed to delete template");
- }
- };
-
- return (
-
-
-
-
Task List Templates
-
Create reusable checklists for work order dispatches
-
-
-
- {loading ?
Loading...
: templates.map((t) => (
-
handleSelect(t)}
- >
- {t.name}
- {t.items?.length || 0} items
-
- ))}
-
-
-
- {!selectedId ? (
-
Select a template or create a new one
- ) : (
- <>
-
-
-
-
-
Checklist Items ({form.items.length})
-
-
-
- {form.items.map((item, idx) => (
-
-
{idx + 1}
-
{item.text}
-
-
-
-
-
-
- ))}
-
-
-
- setNewItemText(e.target.value)}
- onKeyDown={(e) => { if (e.key === "Enter") { e.preventDefault(); handleAddItem(); } }}
- placeholder="Add checklist item..."
- />
-
-
-
-
-
- {selectedId !== "new" && (
-
- )}
-
-
-
- )}
-
-
-
Uplift Queue
-
-
-
- {total} total
-
-
Loading…
- ) : items.length === 0 ? (
- No uplift requests match these filters.
- ) : (
-
-
-
- | Dispatch |
- PO |
- Vendor |
- Current NTE |
- Requested |
- Delta |
- Tier |
- Status |
- Requested At |
- Actions |
-
-
-
- {items.map((r) => (
-
- | {r.dispatchNumber} |
- {r.poNumber} |
- {r.vendorCompanyName} |
- ${Number(r.currentNTE ?? 0).toFixed(2)} |
- ${Number(r.requestedNTE).toFixed(2)} |
- ${Number(r.delta).toFixed(2)} |
-
-
- Tier {r.requiredTier}
-
- |
-
-
- {r.status}
-
- |
- {r.requestedAt ? formatDateTime(r.requestedAt) : ""} |
-
-
- {r.workOrderId && (
-
- )}
- {r.status === "Pending" && (
- <>
-
-
-
- )}
-
- |
-
- ))}
-
-
- )}
-
- {totalPages > 1 && (
-
-
- Page {page} of {totalPages}
-
-
- )}
-
- );
-}
diff --git a/src/pages/user/api.js b/src/pages/user/api.js
deleted file mode 100644
index 8bea6d37..00000000
--- a/src/pages/user/api.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { post } from '../../apiUtil';
-import { API_URL } from '../../constants';
-
-export const login = (item) => post(`${API_URL}/Authentication/login`, item);
-
diff --git a/src/pages/vendor-portal/DashboardPage.js b/src/pages/vendor-portal/DashboardPage.js
deleted file mode 100644
index 780d89de..00000000
--- a/src/pages/vendor-portal/DashboardPage.js
+++ /dev/null
@@ -1,90 +0,0 @@
-import React, { useEffect, useState } from "react";
-import { useNavigate } from "react-router-dom";
-import { useVendorPortal } from "./VendorPortalContext";
-import { vendorPortalApi } from "./api";
-import { statusClass, formatDateTime } from "./statusHelpers";
-
-const FILTERS = [
- { key: "open", label: "Open", match: (d) => d.status !== "Completed" && d.status !== "Verified" && d.status !== "Cancelled" },
- { key: "completed", label: "Completed", match: (d) => d.status === "Completed" || d.status === "Verified" },
- { key: "cancelled", label: "Cancelled", match: (d) => d.status === "Cancelled" },
- { key: "all", label: "All", match: () => true },
-];
-
-export default function DashboardPage() {
- const { token } = useVendorPortal();
- const navigate = useNavigate();
- const [dispatches, setDispatches] = useState([]);
- const [loading, setLoading] = useState(true);
- const [err, setErr] = useState(null);
- const [filter, setFilter] = useState("open");
-
- useEffect(() => {
- setLoading(true);
- vendorPortalApi
- .listDispatches(token)
- .then((data) => setDispatches(Array.isArray(data) ? data : []))
- .catch((e) => setErr(e.message))
- .finally(() => setLoading(false));
- }, [token]);
-
- const activeFilter = FILTERS.find((f) => f.key === filter) ?? FILTERS[0];
- const filtered = dispatches.filter(activeFilter.match);
-
- return (
- <>
-
-
Your Work
-
- Active dispatches and work orders assigned to your company.
-
-
- {FILTERS.map((f) => (
-
- ))}
-
-
Loading dispatches…
}
- {err && {err}
}
-
- {!loading && !err && filtered.length === 0 && (
- No dispatches in this view.
- )}
-
-
- {filtered.map((d) => (
-
navigate(`../dispatch/${d.id}`)}
- >
-
-
- {d.dispatchNumber} — {d.workOrderTitle || "(untitled)"}
-
-
- WO#{d.internalWONumber}
- {d.locationName ? ` · ${d.locationName}` : ""}
- {d.locationCity ? `, ${d.locationCity}` : ""}
- {d.locationState ? `, ${d.locationState}` : ""}
- {d.scheduledDate ? ` · Scheduled ${formatDateTime(d.scheduledDate)}` : ""}
-
-
-
{d.status}
-
- ))}
-
No checklist items for this dispatch.
;
- }
-
- return (
-
- {items.map((item) => (
-
- toggle(item)}
- disabled={locked}
- />
-
- {item.isCompleted && item.completedAt && (
- {formatDateTime(item.completedAt)}
- )}
-
- ))}
-
No comments yet.
}
- {comments.map((c) => (
-
-
- {c.commenter || "Unknown"} · {formatDateTime(c.createdDate)}
-
-
{c.commenttext}
-