From 8a62213badd930d239ce321359b0b2cd071790e3 Mon Sep 17 00:00:00 2001
From: Vitalii Kiiko <mr.psiho@gmail.com>
Date: Wed, 12 Mar 2025 12:45:08 +0100
Subject: [PATCH] - added setting for documents category selection for
 fileselect; - added confirmation popup for fileselect and fileinput;

---
 .../FormField/components/FileSelect/index.js  | 32 +++++++++++++++----
 .../FormField/components/Fileupload/index.js  | 17 +++++++++-
 .../FormField/components/Wysiwyg/index.js     |  1 -
 src/layouts/DefaultLayout/index.js            |  2 +-
 src/pages/BandoApplication/index.js           |  2 ++
 .../components/ElementSetting/index.js        | 11 ++++++-
 src/pages/BandoFormsEdit/index.js             | 14 ++++++++
 src/pages/DocumentsBeneficiary/index.js       |  8 ++---
 src/store/initial.js                          |  1 +
 src/tempData.js                               |  4 +++
 10 files changed, 77 insertions(+), 15 deletions(-)

diff --git a/src/components/FormField/components/FileSelect/index.js b/src/components/FormField/components/FileSelect/index.js
index 55fa612..089b625 100644
--- a/src/components/FormField/components/FileSelect/index.js
+++ b/src/components/FormField/components/FileSelect/index.js
@@ -3,12 +3,15 @@ import { classNames } from 'primereact/utils';
 import { __ } from '@wordpress/i18n';
 import { isEmpty, pathOr, pluck } from 'ramda';
 
+// service
+import FileUploadService from '../../../../service/file-upload-service';
+import CompanyDocumentsService from '../../../../service/company-documents-service';
+
 // components
 import { ListBox } from 'primereact/listbox';
 import { Button } from 'primereact/button';
-import CompanyDocumentsService from '../../../../service/company-documents-service';
 import { Link } from 'react-router-dom';
-import FileUploadService from '../../../../service/file-upload-service';
+import { ConfirmPopup, confirmPopup } from 'primereact/confirmpopup';
 
 const FileSelect = ({
                         fieldName,
@@ -23,6 +26,7 @@ const FileSelect = ({
                         options = [],
                         sourceId = 0,
                         source = 'DOCUMENT',
+                        documentCategories = [],
                         saveFormCallback
                     }) => {
     //const [stateFieldData, setStateFieldData] = useState([]);
@@ -87,9 +91,18 @@ const FileSelect = ({
         console.log('err', err);
     }
 
-    /*useEffect(() => {
-        console.log('selectedUnconfirmed', selectedUnconfirmed)
-    }, [selectedUnconfirmed]);*/
+    const confirmDelete = (event, id) => {
+        confirmPopup({
+            target: event.currentTarget,
+            message: __('Sei sicuro di cancellare il file?', 'gepafin'),
+            acceptLabel: __('Si', 'gepafin'),
+            icon: 'pi pi-info-circle',
+            defaultFocus: 'reject',
+            acceptClassName: 'p-button-danger',
+            accept: () => removeAttached(id),
+            reject: () => {}
+        });
+    };
 
     useEffect(() => {
         stateFieldData.current = defaultValue;
@@ -98,7 +111,11 @@ const FileSelect = ({
 
     useEffect(() => {
         if (!isEmpty(options)) {
-            const optionsDefault = options.reduce((acc, cur) => {
+            const optionsDefault = options
+                .filter(o => isEmpty(documentCategories)
+                    ? o
+                    : documentCategories.includes(o.category.id))
+                .reduce((acc, cur) => {
                 const catName = pathOr('', ['category', 'categoryName'], cur);
                 const catLabel = pathOr('', ['category', 'description'], cur);
 
@@ -163,7 +180,7 @@ const FileSelect = ({
                                     <Button icon="pi pi-times" rounded
                                             type="button"
                                             size="small"
-                                            onClick={() => removeAttached(o.id)}
+                                            onClick={(e) => confirmDelete(e, o.id)}
                                             outlined severity="danger"
                                             aria-label={__('Cancella', 'gepafin')}/>
                                 </div>
@@ -188,6 +205,7 @@ const FileSelect = ({
                 </div>
                 : null}
             {infoText ? <small>{infoText}</small> : null}
+            <ConfirmPopup />
         </>)
 }
 
diff --git a/src/components/FormField/components/Fileupload/index.js b/src/components/FormField/components/Fileupload/index.js
index 0bdcfeb..2c65d52 100644
--- a/src/components/FormField/components/Fileupload/index.js
+++ b/src/components/FormField/components/Fileupload/index.js
@@ -16,6 +16,7 @@ import { Button } from 'primereact/button';
 
 import { defaultMaxFileSize, mimeTypes } from '../../../../configData';
 import getFormatedFileSizeText from '../../../../helpers/getFormatedFileSizeText';
+import { ConfirmPopup, confirmPopup } from 'primereact/confirmpopup';
 
 const Fileupload = ({
                         fieldName,
@@ -72,6 +73,19 @@ const Fileupload = ({
         console.log('err', err);
     }
 
+    const confirmDelete = (event, file) => {
+        confirmPopup({
+            target: event.currentTarget,
+            message: __('Sei sicuro di cancellare il file?', 'gepafin'),
+            acceptLabel: __('Si', 'gepafin'),
+            icon: 'pi pi-info-circle',
+            defaultFocus: 'reject',
+            acceptClassName: 'p-button-danger',
+            accept: () => onTemplateRemove(file),
+            reject: () => {}
+        });
+    };
+
     const itemTemplate = (file) => {
         let fileName = file.fileName ? file.fileName : file.name;
         return (
@@ -91,7 +105,7 @@ const Fileupload = ({
                             type="button"
                             disabled={disabled}
                             aria-label={__('Anulla', 'gepafin')}
-                            onClick={() => onTemplateRemove(file)}/>
+                            onClick={(e) => confirmDelete(e, file)}/>
                 </div>
             </div>
         );
@@ -213,6 +227,7 @@ const Fileupload = ({
                     onBeforeSelect={onBeforeSelect}
                     uploadHandler={customBase64Uploader}/>
                 {infoText ? <small>{infoText}</small> : null}
+                <ConfirmPopup />
             </>
             : null
     )
diff --git a/src/components/FormField/components/Wysiwyg/index.js b/src/components/FormField/components/Wysiwyg/index.js
index 8c33a69..0e7bd01 100644
--- a/src/components/FormField/components/Wysiwyg/index.js
+++ b/src/components/FormField/components/Wysiwyg/index.js
@@ -78,7 +78,6 @@ const Wysiwyg = ({
                             clipboard: {
                                 matchers: [
                                     [ Node.ELEMENT_NODE, function(node, delta) {
-                                        console.log('here')
                                         const ops = delta.ops.map((op) => ({insert: op.insert}));
                                         return new Delta(ops)
                                     }]
diff --git a/src/layouts/DefaultLayout/index.js b/src/layouts/DefaultLayout/index.js
index f144a45..fa38644 100644
--- a/src/layouts/DefaultLayout/index.js
+++ b/src/layouts/DefaultLayout/index.js
@@ -3,7 +3,7 @@ import { __ } from '@wordpress/i18n';
 import { useLocation } from 'react-router-dom';
 
 // store
-import { useStore, storeSet } from '../../store';
+import { useStore, storeSet, storeGet } from '../../store';
 
 // components
 import AppSidebar from './components/AppSidebar';
diff --git a/src/pages/BandoApplication/index.js b/src/pages/BandoApplication/index.js
index 557ecae..4b526eb 100644
--- a/src/pages/BandoApplication/index.js
+++ b/src/pages/BandoApplication/index.js
@@ -722,6 +722,7 @@ const BandoApplication = () => {
                             }
                             const step = head(o.settings.filter(o => o.name === 'step'));
                             const mime = head(o.settings.filter(o => o.name === 'mime'));
+                            const documentCategories = head(o.settings.filter(o => o.name === 'documentCategories'));
                             const formula = head(o.settings.filter(o => o.name === 'formula'));
                             let mimeValue = '';
 
@@ -773,6 +774,7 @@ const BandoApplication = () => {
                                     defaultValue={values[o.id] ? values[o.id] : ''}
                                     maxFractionDigits={step ? step.value : 0}
                                     accept={mimeValue}
+                                    documentCategories={documentCategories ? documentCategories.value : []}
                                     config={validations}
                                     options={options ? options.value : []}
                                     setDataFn={setValue}
diff --git a/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSetting/index.js b/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSetting/index.js
index 0795c5a..051e7c4 100644
--- a/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSetting/index.js
+++ b/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSetting/index.js
@@ -3,7 +3,7 @@ import { __ } from '@wordpress/i18n';
 import { head, is, isEmpty, isNil, uniq } from 'ramda';
 
 // store
-import { storeGet } from '../../../../../../store';
+import { storeGet, useStore } from '../../../../../../store';
 
 // tools
 import renderHtmlContent from '../../../../../../helpers/renderHtmlContent';
@@ -23,6 +23,7 @@ import { mimeTypes } from '../../../../../../configData';
 
 const ElementSetting = ({ setting, changeFn, updateDataFn, bandoStatus }) => {
     const [existingVars, setExistingVars] = useState([]);
+    const documentCategories = useStore().main.documentCategories();
 
     const settingLabels = {
         label: __('Label', 'gepafin'),
@@ -32,6 +33,7 @@ const ElementSetting = ({ setting, changeFn, updateDataFn, bandoStatus }) => {
         isDelegation: __('Delega', 'gepafin'),
         options: __('Opzioni', 'gepafin'),
         mime: __('Tipo di file', 'gepafin'),
+        documentCategories: __('Categorie dei documenti', 'gepafin'),
         text: __('Testo formattato', 'gepafin'),
         table_columns: '',
         criteria_table_columns: '',
@@ -79,6 +81,13 @@ const ElementSetting = ({ setting, changeFn, updateDataFn, bandoStatus }) => {
                 optionLabel="name"
                 display="chip"
                 placeholder={__('Scegli', 'gepafin')}/>
+        } else if (setting.name === 'documentCategories') {
+            return <MultiSelect
+                value={is(Array, setting.value) ? setting.value : []}
+                onChange={(e) => updateDataFn(setting.name, e.value)}
+                options={documentCategories}
+                display="chip"
+                placeholder={__('Scegli', 'gepafin')}/>
         } else if (setting.name === 'text') {
             return <Editor
                 value={setting.value}
diff --git a/src/pages/BandoFormsEdit/index.js b/src/pages/BandoFormsEdit/index.js
index 2c55a2b..abe947f 100644
--- a/src/pages/BandoFormsEdit/index.js
+++ b/src/pages/BandoFormsEdit/index.js
@@ -25,6 +25,7 @@ import BandoService from '../../service/bando-service';
 
 // TODO temp data
 import { elementItems } from '../../tempData';
+import DocumentCategoryService from '../../service/document-category-service';
 
 const BandoFormsEdit = () => {
     const { id, formId } = useParams();
@@ -257,6 +258,15 @@ const BandoFormsEdit = () => {
         set404FromErrorResponse(data);
     }
 
+    const getCategories = (resp) => {
+        if (resp.status === 'SUCCESS') {
+            storeSet.main.documentCategories(resp.data.map(o => ({value: o.id, label: o.description})));
+        }
+    }
+
+    const errGetCategories = () => {
+    }
+
     useEffect(() => {
         const bandoId = getBandoId();
         const parsedFormId = parseInt(formId)
@@ -283,6 +293,10 @@ const BandoFormsEdit = () => {
         }
     }, [id, formId]);
 
+    useEffect(() => {
+        DocumentCategoryService.getCategories(getCategories, errGetCategories)
+    }, []);
+
     return (
         <div className="appPage">
             <div className="appPage__pageHeader">
diff --git a/src/pages/DocumentsBeneficiary/index.js b/src/pages/DocumentsBeneficiary/index.js
index 7f99c92..96c2943 100644
--- a/src/pages/DocumentsBeneficiary/index.js
+++ b/src/pages/DocumentsBeneficiary/index.js
@@ -13,7 +13,7 @@ import { Dialog } from 'primereact/dialog';
 import { Button } from 'primereact/button';
 import { Dropdown } from 'primereact/dropdown';
 import { InputText } from 'primereact/inputtext';
-import { useStore } from '../../store';
+import { storeSet, useStore } from '../../store';
 import { Calendar } from 'primereact/calendar';
 import { FileUpload } from 'primereact/fileupload';
 import formatDateString from '../../helpers/formatDateString';
@@ -24,7 +24,7 @@ const DocumentsBeneficiary = () => {
     const [loading, setLoading] = useState(false);
     const chosenCompanyId = useStore().main.chosenCompanyId();
     const [isVisibleAddNewDialog, setIsVisibleAddNewDialog] = useState(false);
-    const [categories, setCategories] = useState(false);
+    const documentCategories= useStore().main.documentCategories();
     const [newFileData, setNewFileData] = useState({});
     const [fileAttached, setFileAttached] = useState([]);
     const [reloadHash, setReloadHash] = useState(0);
@@ -120,7 +120,7 @@ const DocumentsBeneficiary = () => {
 
     const getCategories = (resp) => {
         if (resp.status === 'SUCCESS') {
-            setCategories(resp.data.map(o => ({value: o.id, label: o.description})));
+            storeSet.main.documentCategories(resp.data.map(o => ({value: o.id, label: o.description})));
         }
         setLoading(false);
     }
@@ -192,7 +192,7 @@ const DocumentsBeneficiary = () => {
                             value={newFileData.documentCategoryId}
                             invalid={isEmpty(newFileData.documentCategoryId) || isNil(newFileData.documentCategoryId) || newFileData.documentCategoryId === 0}
                             onChange={(e) => onUpdateFieldValue(e.value, 'documentCategoryId')}
-                            options={categories}
+                            options={documentCategories}
                             optionLabel="label"
                             optionValue="value"/>
                     </div>
diff --git a/src/store/initial.js b/src/store/initial.js
index ea1fda5..3421093 100644
--- a/src/store/initial.js
+++ b/src/store/initial.js
@@ -11,6 +11,7 @@ const initialStore = {
     users: [],
     // bando form
     formInitialData: {},
+    documentCategories: [],
     // form builder
     formId: 0,
     formLabel: '',
diff --git a/src/tempData.js b/src/tempData.js
index 5e7812f..58eb99e 100644
--- a/src/tempData.js
+++ b/src/tempData.js
@@ -495,6 +495,10 @@ export const elementItems = [
                 name: "label",
                 value: "Seleziona File"
             },
+            {
+                name: "documentCategories",
+                value: []
+            },
             {
                 name: "isDelegation",
                 value: false