- fixed styles for paragraph field;

- update user's new faq item field - now editor;
- fixed displaying docs requested as html content;
- fixed displaying flow;
- fixed submitting new faq item;

src/pages/BandoViewBeneficiario/index.js

@@ -25,6 +25,7 @@ import { Message } from 'primereact/message';
 import BandoService from '../../service/bando-service';
 import FaqItemService from '../../service/faq-item-service';
 import ApplicationService from '../../service/application-service';
+import { Editor } from 'primereact/editor';
 
 const BandoViewBeneficiario = () => {
     const isAsyncRequest = useStore().main.isAsyncRequest();
@@ -84,7 +85,7 @@ const BandoViewBeneficiario = () => {
     }
 
     const submitNewQuestion = () => {
-        if (newQuestion) {
+        if (newQuestion && chosenCompanyId && 0 !== chosenCompanyId) {
             if (bandoMsgs.current) {
                 bandoMsgs.current.clear();
             }
@@ -97,7 +98,7 @@ const BandoViewBeneficiario = () => {
                 "isVisible": false
             }
             storeSet.main.setAsyncRequest();
-            FaqItemService.addQuestion(id, obj, createCallBack, errCreateCallback)
+            FaqItemService.addQuestion(id, obj, createCallBack, errCreateCallback, [['companyId', chosenCompanyId]])
         }
     }
 
@@ -172,6 +173,26 @@ const BandoViewBeneficiario = () => {
         storeSet.main.unsetAsyncRequest();
     }
 
+    const renderHeader = () => {
+        return (
+            <span className="ql-formats">
+                <button className="ql-bold" aria-label="Bold"></button>
+                <button className="ql-italic" aria-label="Italic"></button>
+                <button className="ql-underline" aria-label="Underline"></button>
+                <button className="ql-link" aria-label="Link"></button>
+                <button className="ql-list" value="ordered"></button>
+                <button className="ql-header" value="2"></button>
+                <button className="ql-header" value="3"></button>
+                <button className="ql-blockquote"></button>
+                <button className="ql-list" value="bullet"></button>
+                <button className="ql-indent" value="-1"></button>
+                <button className="ql-indent" value="+1"></button>
+            </span>
+        );
+    };
+
+    const header = renderHeader();
+
     useEffect(() => {
         const bandoId = getBandoId();
         storeSet.main.setAsyncRequest();
@@ -260,7 +281,7 @@ const BandoViewBeneficiario = () => {
                     <div className="appPageSection__withBorder">
                         <h2>{__('Documentazione Richiesta', 'gepafin')}</h2>
                         <div className="row rowContent">
-                            <p>{data.documentationRequested}</p>
+                            <p>{renderHtmlContent(data.documentationRequested)}</p>
                         </div>
                     </div>
 
@@ -303,13 +324,15 @@ const BandoViewBeneficiario = () => {
                         <h2>{__('Non hai trovato la risposta che cercavi?', 'gepafin')}</h2>
                         <div className="appForm__field">
                             <label htmlFor="newQuestion">{__('Fai una domanda', 'gepafin')}</label>
-                            <InputTextarea
+                            <Editor
                                 id="newQuestion"
-                                rows={7}
                                 value={newQuestion}
                                 placeholder={__('Digita qui la tua domanda', 'gepafin')}
-                                onChange={(e) => setNewQuestion(e.target.value)}
-                                aria-describedby="newQuestion-help"/>
+                                headerTemplate={header}
+                                onTextChange={(e) => setNewQuestion(e.htmlValue)}
+                                style={{ height: 80 * 3 }}
+                                aria-describedby="newQuestion-help"
+                            />
                             <small id="newQuestion-help">
                                 {__('Riceverai una notifica quando ti risponderemo', 'gepafin')}
                             </small>