IO-782 Parts Label Multi.

bodyshop_translations.babel

@@ -1,4 +1,4 @@
-<babeledit_project version="1.2" be_version="2.7.1">
+<babeledit_project be_version="2.7.1" version="1.2">
     <!--
 
     BabelEdit project file
@@ -37159,6 +37159,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>parts_label_multiple</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                     <concept_node>
                                         <name>parts_label_single</name>
                                         <definition_loaded>false</definition_loaded>

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

@@ -1,4 +1,4 @@
-import { Button, Card, Form, InputNumber, Popover } from "antd";
+import { Button, Card, Form, InputNumber, Popover, Radio } from "antd";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -24,7 +24,8 @@ export function PrintCenterJobsLabels({ bodyshop, jobId }) {
   const { t } = useTranslation();
   const [form] = Form.useForm();
 
-  const handleOk = () => {
+  const handleOk = (e) => {
+    e.stopPropagation();
     form.submit();
     setIsModalVisible(false);
   };
@@ -33,12 +34,12 @@ export function PrintCenterJobsLabels({ bodyshop, jobId }) {
     setIsModalVisible(false);
     setLoading(false);
   };
-  const handleFinish = async (values) => {
+  const handleFinish = async ({ template, ...values }) => {
     const { sendtype, ...restVals } = values;
     setLoading(true);
     await GenerateDocument(
       {
-        name: TemplateList("job_special").folder_label_multiple.key,
+        name: TemplateList("job_special")[template].key,
         variables: { id: jobId },
         context: restVals,
       },
@@ -48,6 +49,7 @@ export function PrintCenterJobsLabels({ bodyshop, jobId }) {
     );
     setLoading(false);
     setIsModalVisible(false);
+    form.resetFields();
   };
 
   const content = (
@@ -58,13 +60,28 @@ export function PrintCenterJobsLabels({ bodyshop, jobId }) {
         layout="vertical"
         form={form}
       >
+        <Form.Item required name="template">
+          <Radio.Group>
+            <Radio.Button value="parts_label_multiple">
+              {t("printcenter.jobs.parts_label_multiple")}
+            </Radio.Button>
+            <Radio.Button value="folder_label_multiple">
+              {t("printcenter.jobs.folder_label_multiple")}
+            </Radio.Button>
+          </Radio.Group>
+        </Form.Item>
         <Form.Item
+          required
           label={t("printcenter.jobs.labels.position")}
           name="position"
         >
           <InputNumber min={1} precision={0} />
         </Form.Item>
-        <Form.Item label={t("printcenter.jobs.labels.count")} name="count">
+        <Form.Item
+          required
+          label={t("printcenter.jobs.labels.count")}
+          name="count"
+        >
           <InputNumber min={1} precision={0} max={99} />
         </Form.Item>
         <Button type="primary" loading={loading} onClick={handleOk}>

client/src/translations/en_us/common.json

@@ -2181,7 +2181,7 @@
 				"filing_coversheet_portrait": "Filing Coversheet (Portrait)",
 				"final_invoice": "Final Invoice",
 				"fippa_authorization": "FIPPA Authorization",
-				"folder_label_multiple": "Folder Label Multiple",
+				"folder_label_multiple": "Folder Label - Multi",
 				"glass_express_checklist": "Glass Express Checklist",
 				"guarantee": "Repair Guarantee",
 				"individual_job_note": "Job Note RO # {{ro_number}}",
@@ -2202,6 +2202,7 @@
 				"mpi_eglass_auth": "MPI - eGlass Auth",
 				"mpi_final_acct_sheet": "MPI - Final Accounting Sheet",
 				"paint_grid": "Paint Grid",
+				"parts_label_multiple": "Parts Label - Multi",
 				"parts_label_single": "Parts Label - Single",
 				"parts_list": "Parts List",
 				"parts_order": "Parts Order Confirmation",

client/src/translations/es/common.json

@@ -2202,6 +2202,7 @@
 				"mpi_eglass_auth": "",
 				"mpi_final_acct_sheet": "",
 				"paint_grid": "",
+				"parts_label_multiple": "",
 				"parts_label_single": "",
 				"parts_list": "",
 				"parts_order": "",

client/src/translations/fr/common.json

@@ -2202,6 +2202,7 @@
 				"mpi_eglass_auth": "",
 				"mpi_final_acct_sheet": "",
 				"paint_grid": "",
+				"parts_label_multiple": "",
 				"parts_label_single": "",
 				"parts_list": "",
 				"parts_order": "",

client/src/utils/TemplateConstants.js

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