Added select and deselect all to gallery images IO-410

bodyshop_translations.babel

@@ -1,4 +1,4 @@
-<babeledit_project be_version="2.7.1" version="1.2">
+<babeledit_project version="1.2" be_version="2.7.1">
     <!--
 
     BabelEdit project file
@@ -9223,6 +9223,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>deselectall</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>edit</name>
                                         <definition_loaded>false</definition_loaded>
@@ -9391,6 +9412,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>selectall</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>submit</name>
                                         <definition_loaded>false</definition_loaded>

client/src/components/jobs-documents-gallery/jobs-documents-gallery.component.jsx

@@ -5,6 +5,7 @@ import { useTranslation } from "react-i18next";
 import DocumentsUploadComponent from "../documents-upload/documents-upload.component";
 import JobsDocumentsDownloadButton from "./jobs-document-gallery.download.component";
 import JobsDocumentsDeleteButton from "./jobs-documents-gallery.delete.component";
+import JobsDocumentsGallerySelectAllComponent from "./jobs-documents-gallery.selectall.component";
 
 function JobsDocumentsComponent({
   data,
@@ -72,6 +73,10 @@ function JobsDocumentsComponent({
           callbackAfterUpload={billsCallback || refetch}
           tagsArray={["test"]}
         />
+        <JobsDocumentsGallerySelectAllComponent
+          galleryImages={galleryImages}
+          setGalleryImages={setgalleryImages}
+        />
         <JobsDocumentsDownloadButton galleryImages={galleryImages} />
         <JobsDocumentsDeleteButton
           galleryImages={galleryImages}

client/src/components/jobs-documents-gallery/jobs-documents-gallery.selectall.component.jsx

@@ -0,0 +1,37 @@
+import { Button } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+
+export default function JobsDocumentsGallerySelectAllComponent({
+  galleryImages,
+  setGalleryImages,
+}) {
+  const { t } = useTranslation();
+
+  const handleSelectAll = () => {
+    setGalleryImages({
+      ...galleryImages,
+      images: galleryImages.images.map((i) => {
+        return { ...i, isSelected: true };
+      }),
+    });
+  };
+  const handleDeselectAll = () => {
+    setGalleryImages({
+      ...galleryImages,
+      images: galleryImages.images.map((i) => {
+        return { ...i, isSelected: false };
+      }),
+    });
+  };
+  return (
+    <>
+      <Button onClick={handleSelectAll}>
+        {t("general.actions.selectall")}
+      </Button>
+      <Button onClick={handleDeselectAll}>
+        {t("general.actions.deselectall")}
+      </Button>
+    </>
+  );
+}

client/src/translations/en_us/common.json

@@ -618,6 +618,7 @@
 				"create": "Create",
 				"delete": "Delete",
 				"deleteall": "Delete All",
+				"deselectall": "Deselect All",
 				"edit": "Edit",
 				"login": "Login",
 				"refresh": "Refresh",
@@ -626,6 +627,7 @@
 				"resetpassword": "Reset Password",
 				"save": "Save",
 				"saveandnew": "Save and New",
+				"selectall": "Select All",
 				"submit": "Submit",
 				"submitticket": "Submit a Support Ticket",
 				"view": "View"

client/src/translations/es/common.json

@@ -618,6 +618,7 @@
 				"create": "",
 				"delete": "Borrar",
 				"deleteall": "",
+				"deselectall": "",
 				"edit": "Editar",
 				"login": "",
 				"refresh": "",
@@ -626,6 +627,7 @@
 				"resetpassword": "",
 				"save": "Salvar",
 				"saveandnew": "",
+				"selectall": "",
 				"submit": "",
 				"submitticket": "",
 				"view": ""

client/src/translations/fr/common.json

@@ -618,6 +618,7 @@
 				"create": "",
 				"delete": "Effacer",
 				"deleteall": "",
+				"deselectall": "",
 				"edit": "modifier",
 				"login": "",
 				"refresh": "",
@@ -626,6 +627,7 @@
 				"resetpassword": "",
 				"save": "sauvegarder",
 				"saveandnew": "",
+				"selectall": "",
 				"submit": "",
 				"submitticket": "",
 				"view": ""