- added stats to dashboard;

- improved form builder;

src/pages/Dashboard/index.js

@@ -1,6 +1,13 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import { __ } from '@wordpress/i18n';
 import { useNavigate } from 'react-router-dom';
+import { pathOr } from 'ramda';
+
+// store
+import { storeSet } from '../../store';
+
+// api
+import DashboardService from '../../service/dashboard-service';
 
 // components
 import LatestBandiTable from './components/LatestBandiTable';
@@ -9,6 +16,7 @@ import { Button } from 'primereact/button';
 
 const Dashboard = () => {
     const navigate = useNavigate();
+    const [mainStats, setMainStats] = useState({});
 
     const onGoToCreateNewBando = () => {
         navigate('/bandi/new');
@@ -26,6 +34,26 @@ const Dashboard = () => {
         console.log('onGoToSettings')
     }*/
 
+    function formatToMillions(num) {
+        return Math.abs(num) > 999 ? Math.sign(num)*((Math.abs(num)/1000000).toFixed(1)) + 'M' : Math.sign(num)*Math.abs(num)
+    }
+
+    const getStatValue = (key, fallback = '') => {
+        return pathOr(fallback, [key], mainStats);
+    }
+
+    const getStats = (data) => {
+        if (data.status === 'SUCCESS') {
+            setMainStats(data.data.widget1);
+        }
+    }
+
+    const errGetStats = () => {}
+
+    useEffect(() => {
+        DashboardService.getAdminStats(getStats, errGetStats);
+    }, []);
+
     return(
         <div className="appPage">
             <div className="appPage__pageHeader">
@@ -38,20 +66,28 @@ const Dashboard = () => {
                 <h2>{__('Panoramica di Sistema', 'gepafin')}</h2>
                 <div className="statsBigBadges__grid">
                     <div className="statsBigBadges__gridItem">
-                        <span>{__('Bandi Attivi', 'gepafin')}</span>
-                        <span>0</span>
+                        <span>{__('Bandi attivi', 'gepafin')}</span>
+                        <span>{getStatValue('numberOfActiveCalls', 0)}</span>
                     </div>
                     <div className="statsBigBadges__gridItem">
-                        <span>{__('Utenti Registrati', 'gepafin')}</span>
-                        <span>0</span>
+                        <span>{__('Utenti registrati', 'gepafin')}</span>
+                        <span>{getStatValue('numberOfResgisteredUsers', 0)}</span>
                     </div>
                     <div className="statsBigBadges__gridItem">
-                        <span>{__('Domande in Pre-istruttoria', 'gepafin')}</span>
-                        <span>0</span>
+                        <span>{__('Domande in pre-istruttoria', 'gepafin')}</span>
+                        <span>{getStatValue('numberOfSubmittedApplications', 0)}</span>
                     </div>
                     <div className="statsBigBadges__gridItem">
-                        <span>{__('Totale Finanziamenti attivi', 'gepafin')}</span>
-                        <span>€0M</span>
+                        <span>{__('Domande in bozza', 'gepafin')}</span>
+                        <span>{getStatValue('numberOfDraftApplications', 0)}</span>
+                    </div>
+                    <div className="statsBigBadges__gridItem">
+                        <span>{__('Aziende', 'gepafin')}</span>
+                        <span>{getStatValue('numberOfCompany', 0)}</span>
+                    </div>
+                    <div className="statsBigBadges__gridItem">
+                        <span>{__('Totale finanziamenti attivi', 'gepafin')}</span>
+                        <span>€{formatToMillions(getStatValue('totalActiveFinancing', 0))}</span>
                     </div>
                 </div>
             </div>