IO-1591 added labels to print center.

client/src/components/print-center-jobs-labels/print-center-jobs-labels.component.jsx

@@ -0,0 +1,83 @@
+import { Button, Card, Form, InputNumber, Popover } from "antd";
+import React, { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+import { GenerateDocument } from "../../utils/RenderTemplate";
+import { TemplateList } from "../../utils/TemplateConstants";
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+});
+const mapDispatchToProps = (dispatch) => ({
+  //setUserLanguage: language => dispatch(setUserLanguage(language))
+});
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(PrintCenterJobsLabels);
+
+export function PrintCenterJobsLabels({ bodyshop, jobId }) {
+  const [isModalVisible, setIsModalVisible] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const { t } = useTranslation();
+  const [form] = Form.useForm();
+
+  const handleOk = () => {
+    form.submit();
+    setIsModalVisible(false);
+  };
+
+  const handleCancel = () => {
+    setIsModalVisible(false);
+    setLoading(false);
+  };
+  const handleFinish = async (values) => {
+    const { sendtype, ...restVals } = values;
+    setLoading(true);
+    await GenerateDocument(
+      {
+        name: TemplateList("job_special").folder_label_multiple.key,
+        variables: { id: jobId },
+        context: restVals,
+      },
+      {},
+      "p"
+    );
+    setLoading(false);
+    setIsModalVisible(false);
+  };
+
+  const content = (
+    <Card>
+      <Form
+        onFinish={handleFinish}
+        autoComplete={"off"}
+        layout="vertical"
+        form={form}
+      >
+        <Form.Item
+          label={t("printcenter.jobs.labels.position")}
+          name="position"
+        >
+          <InputNumber min={0} precision={0} />
+        </Form.Item>
+        <Form.Item label={t("printcenter.jobs.labels.count")} name="count">
+          <InputNumber min={0} precision={0} />
+        </Form.Item>
+        <Button type="primary" loading={loading} onClick={handleOk}>
+          {t("general.actions.print")}
+        </Button>
+        <Button onClick={handleCancel}>{t("general.actions.cancel")}</Button>
+      </Form>
+    </Card>
+  );
+  return (
+    <Popover content={content} visible={isModalVisible}>
+      <Button onClick={() => setIsModalVisible(true)}>
+        {t("printcenter.jobs.labels.labels")}
+      </Button>
+    </Popover>
+  );
+}

client/src/components/print-center-jobs/print-center-jobs.component.jsx

@@ -9,6 +9,7 @@ import { selectBodyshop } from "../../redux/user/user.selectors";
 import { TemplateList } from "../../utils/TemplateConstants";
 import Jobd3RdPartyModal from "../job-3rd-party-modal/job-3rd-party-modal.component";
 import PrintCenterItem from "../print-center-item/print-center-item.component";
+import PrintCenterJobsLabels from "../print-center-jobs-labels/print-center-jobs-labels.component";
 import PrintCenterSpeedPrint from "../print-center-speed-print/print-center-speed-print.component";
 const mapStateToProps = createStructuredSelector({
   printCenterModal: selectPrintCenter,
@@ -52,6 +53,7 @@ export function PrintCenterJobsComponent({ printCenterModal, bodyshop }) {
           <Card
             extra={
               <Space wrap>
+                <PrintCenterJobsLabels jobId={jobId} />
                 <Jobd3RdPartyModal jobId={jobId} />
                 <Input.Search
                   onChange={(e) => setSearch(e.target.value)}

client/src/translations/en_us/common.json

@@ -890,6 +890,7 @@
 				"deselectall": "Deselect All",
 				"edit": "Edit",
 				"login": "Login",
+				"print": "Print",
 				"refresh": "Refresh",
 				"remove": "Remove",
 				"reset": "Reset your changes.",
@@ -2032,6 +2033,11 @@
 				"job_costing_ro": "Job Costing",
 				"job_notes": "Job Notes",
 				"key_tag": "Key Tag",
+				"labels": {
+					"count": "Count",
+					"labels": "Labels",
+					"position": "Starting Position"
+				},
 				"mpi_animal_checklist": "MPI - Animal Checklist",
 				"mpi_eglass_auth": "MPI - eGlass Auth",
 				"mpi_final_acct_sheet": "MPI - Final Accounting Sheet",

client/src/translations/es/common.json

@@ -890,6 +890,7 @@
 				"deselectall": "",
 				"edit": "Editar",
 				"login": "",
+				"print": "",
 				"refresh": "",
 				"remove": "",
 				"reset": " Restablecer a original.",
@@ -2032,6 +2033,11 @@
 				"job_costing_ro": "",
 				"job_notes": "",
 				"key_tag": "",
+				"labels": {
+					"count": "",
+					"labels": "",
+					"position": ""
+				},
 				"mpi_animal_checklist": "",
 				"mpi_eglass_auth": "",
 				"mpi_final_acct_sheet": "",

client/src/translations/fr/common.json

@@ -890,6 +890,7 @@
 				"deselectall": "",
 				"edit": "modifier",
 				"login": "",
+				"print": "",
 				"refresh": "",
 				"remove": "",
 				"reset": " Rétablir l'original.",
@@ -2032,6 +2033,11 @@
 				"job_costing_ro": "",
 				"job_notes": "",
 				"key_tag": "",
+				"labels": {
+					"count": "",
+					"labels": "",
+					"position": ""
+				},
 				"mpi_animal_checklist": "",
 				"mpi_eglass_auth": "",
 				"mpi_final_acct_sheet": "",

client/src/utils/TemplateConstants.js

@@ -464,6 +464,12 @@ export const TemplateList = (type, context) => {
             key: "special_thirdpartypayer",
             disabled: false,
           },
+          folder_label_multiple: {
+            title: i18n.t("printcenter.jobs.folder_label_multiple"),
+            description: "Folder Label Multiple",
+            key: "folder_label_multiple",
+            disabled: false,
+          },
           csi_invitation_action: {
             title: i18n.t("printcenter.jobs.csi_invitation_action"),
             description: "CSI invite",