admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature/IO-3554-Form-Row-Layout - dial in tables

Browse Source
This commit is contained in:
Dave
2026-03-02 11:59:32 -05:00
parent 56c24e3450
commit db4d286a86
5 changed files with 13 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/components/dashboard-components/scheduled-delivery-today/scheduled-delivery-today.component.jsx
View File

@@ -1,6 +1,5 @@
import { BranchesOutlined, ExclamationCircleFilled, PauseCircleOutlined } from "@ant-design/icons"; import { BranchesOutlined, ExclamationCircleFilled, PauseCircleOutlined } from "@ant-design/icons";
import { Card, Space, Switch, Tooltip, Typography } from "antd"; import { Card, Space, Switch, Table, Tooltip, Typography } from "antd";
import ResponsiveTable from "../../responsive-table/responsive-table.component";
import { useState } from "react"; import { useState } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
@@ -360,11 +359,11 @@ export default function DashboardScheduledDeliveryToday({ data, ...cardProps })
{...cardProps} {...cardProps}
> >
<div style={{ height: "100%" }}> <div style={{ height: "100%" }}>
<ResponsiveTable <Table
onChange={handleTableChange} onChange={handleTableChange}
pagination={false} pagination={false}
columns={isTvModeScheduledDelivery ? tvColumns : columns} columns={isTvModeScheduledDelivery ? tvColumns : columns}
mobileColumnKeys={["ro_number", "owner", "status", "vehicle"]} // mobileColumnKeys={["ro_number", "owner", "status", "vehicle"]}
scroll={{ x: true, y: "calc(100% - 2em)" }} scroll={{ x: true, y: "calc(100% - 2em)" }}
rowKey="id" rowKey="id"
style={{ height: "85%" }} style={{ height: "85%" }}

5
client/src/components/dashboard-components/scheduled-in-today/scheduled-in-today.component.jsx
View File

@@ -1,6 +1,5 @@
import { BranchesOutlined, ExclamationCircleFilled, PauseCircleOutlined } from "@ant-design/icons"; import { BranchesOutlined, ExclamationCircleFilled, PauseCircleOutlined } from "@ant-design/icons";
import { Card, Space, Switch, Tooltip, Typography } from "antd"; import { Card, Space, Switch, Table, Tooltip, Typography } from "antd";
import ResponsiveTable from "../../responsive-table/responsive-table.component";
import { useState } from "react"; import { useState } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
@@ -365,7 +364,7 @@ export default function DashboardScheduledInToday({ data, ...cardProps }) {
{...cardProps} {...cardProps}
> >
<div style={{ height: "100%" }}> <div style={{ height: "100%" }}>
<ResponsiveTable <Table
onChange={handleTableChange} onChange={handleTableChange}
pagination={false} pagination={false}
columns={isTvModeScheduledIn ? tvColumns : columns} columns={isTvModeScheduledIn ? tvColumns : columns}

7
client/src/components/dashboard-components/scheduled-out-today/scheduled-out-today.component.jsx
View File

@@ -1,6 +1,5 @@
import { BranchesOutlined, ExclamationCircleFilled, PauseCircleOutlined } from "@ant-design/icons"; import { BranchesOutlined, ExclamationCircleFilled, PauseCircleOutlined } from "@ant-design/icons";
import { Card, Space, Switch, Tooltip, Typography } from "antd"; import { Card, Space, Switch, Table, Tooltip, Typography } from "antd";
import ResponsiveTable from "../../responsive-table/responsive-table.component";
import { useState } from "react"; import { useState } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
@@ -360,11 +359,11 @@ export default function DashboardScheduledOutToday({ data, ...cardProps }) {
{...cardProps} {...cardProps}
> >
<div style={{ height: "100%" }}> <div style={{ height: "100%" }}>
<ResponsiveTable <Table
onChange={handleTableChange} onChange={handleTableChange}
pagination={false} pagination={false}
columns={isTvModeScheduledOut ? tvColumns : columns} columns={isTvModeScheduledOut ? tvColumns : columns}
mobileColumnKeys={["ro_number", "owner", "status", "vehicle"]} // mobileColumnKeys={["ro_number", "owner", "status", "vehicle"]}
scroll={{ x: true, y: "calc(100% - 2em)" }} scroll={{ x: true, y: "calc(100% - 2em)" }}
rowKey="id" rowKey="id"
style={{ height: "85%" }} style={{ height: "85%" }}

7
client/src/components/job-detail-lines/job-lines.component.jsx
View File

@@ -11,8 +11,7 @@ import {
import { PageHeader } from "@ant-design/pro-layout"; import { PageHeader } from "@ant-design/pro-layout";
import { useMutation } from "@apollo/client/react"; import { useMutation } from "@apollo/client/react";
import { gql } from "@apollo/client"; import { gql } from "@apollo/client";
import { Button, Dropdown, Input, Modal, Select, Space, Tag, Typography } from "antd"; import { Button, Dropdown, Input, Modal, Select, Space, Table, Tag, Typography } from "antd";
import ResponsiveTable from "../responsive-table/responsive-table.component";
import axios from "axios"; import axios from "axios";
import { useMemo, useState } from "react"; import { useMemo, useState } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
@@ -689,9 +688,9 @@ export function JobLinesComponent({
} }
/> />
<ResponsiveTable <Table
columns={columns} columns={columns}
mobileColumnKeys={["status", "line_desc", "actions", "line_no"]} // mobileColumnKeys={["status", "line_desc", "actions", "line_no"]}
rowKey="id" rowKey="id"
loading={loading} loading={loading}
pagination={false} pagination={false}

4
client/src/components/task-list/task-list.component.jsx
View File

@@ -231,9 +231,9 @@ function TaskListComponent({
{ {
title: t("tasks.fields.actions"), title: t("tasks.fields.actions"),
key: "toggleCompleted", key: "toggleCompleted",
width: "8%", width: 260,
render: (text, record) => ( render: (text, record) => (
<Space orientation="horizontal"> <Space orientation="horizontal" size="small" style={{ maxWidth: "100%", whiteSpace: "nowrap" }}>
<ShareToTeamsButton <ShareToTeamsButton
linkText="" linkText=""
urlOverride={`${window.location.origin}/manage/tasks/alltasks?taskid=${record.id}`} urlOverride={`${window.location.origin}/manage/tasks/alltasks?taskid=${record.id}`}