datastake-daf 0.6.792 → 0.6.794

package/src/@daf/pages/Dashboards/SelfAssesment/index.jsx

@@ -0,0 +1,39 @@
+import React from 'react'
+import DashboardLayout from '../../../core/components/Dashboard/DashboardLayout/index.jsx';
+import Header from '../../../core/components/Header/index.jsx';
+import OrganisationInformation from './components/OrganisationInformation/index.jsx';
+import ProductionSites from './components/ProductionSites/index.jsx';
+import AssociatedInformation from './components/AssociatedInformation/index.jsx';
+
+function SelfAssesment({
+    t = () => {},
+    breadcrumbs = [],
+    user = {},
+    goTo = () => {},
+    getRedirectLink = () => {},
+    theme = {},
+    options = {},
+}) {
+  return (
+    <DashboardLayout
+        header={
+            <Header
+                title={t("Self Assesment")}
+                breadcrumbs={breadcrumbs}
+            />
+        }
+    >
+        <section>
+            <OrganisationInformation t={t} user={user} goTo={goTo} getRedirectLink={getRedirectLink} theme={theme} />
+        </section>
+        <section>
+            <ProductionSites t={t} options={options} user={user} goTo={goTo} getRedirectLink={getRedirectLink} />
+        </section>
+        <section>
+            <AssociatedInformation t={t} user={user} goTo={goTo} getRedirectLink={getRedirectLink} />
+        </section>
+    </DashboardLayout>
+  )
+}
+
+export default SelfAssesment

package/src/@daf/pages/SelfAssesment/components/AssociatedInformationTable/columns.js

@@ -0,0 +1,180 @@
+import React from 'react';
+import { Tooltip } from 'antd';
+import { findOptions, getLinkValue } from '../../../../helpers/StringHelper.js';
+import { renderDateFormatted } from '../../../../helpers/Forms.js';
+import CustomIcon from '../../../core/components/Icon/CustomIcon.jsx';
+import AvatarGroup from '../../../core/components/AvatarGroup/index.jsx';
+import sourceAvatarConfig from '../../../../helpers/sourceAvatarConfig.js';
+import MoreMenu from '../../../core/components/Table/MoreMenu/index.jsx';
+import MoreOptions from '../../../core/components/Table/MoreOptions/index.jsx';
+import { renderStatusTag } from '../../../utils/tags.js';
+
+export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink, theme, subject, data, applications}) => [
+    {
+        dataIndex: 'datastakeId',
+        title: t('ID'),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />
+          }
+    
+          return <Tooltip title={v}>{v}</Tooltip>;
+        },
+    },
+    {
+        dataIndex: 'name',
+        title: t('Name'),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />
+          }
+    
+          return <Tooltip title={v}>{v}</Tooltip>;
+        },
+    },    
+    {
+        dataIndex: 'category',
+        title: t('Category'),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />
+          }
+          const category = findOptions(v, options?.locationCategories);
+    
+          return <Tooltip title={category}>{category}</Tooltip>;
+        },
+    },  
+    {
+        dataIndex: 'lealForm',
+        title: t('Legal Form'),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />
+          }
+
+          const legalForm = findOptions(v, options?.legalFormOptions);
+
+          return legalForm ? <Tooltip title={legalForm}>{legalForm}</Tooltip> : '-';
+        },
+    },   
+    {
+        dataIndex: 'country',
+        title: t('Country'),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />
+          }
+
+          const country = findOptions(v, options?.countryOptions);
+
+          return country ? <Tooltip title={country}>{country}</Tooltip> : '-';
+        },
+    },     
+  
+    // {
+    //     dataIndex: 'operator',
+    //     title: t('Operator'),
+    //     ellipsis: true,
+    //     show: true,
+    //     render: (v, all) => {
+    //       if (all.empty) {
+    //         return <div className="daf-default-cell" />
+    //       }
+
+    //       const operators = all?.operator?.map((operator) => operator?.locationClient?.name)?.filter(Boolean);
+    //       return (operators && operators.length > 0) ? <MoreOptions data={operators || []} toolTipPlacement={operators?.length < 2 ? "topLeft" : "top"} /> : '-';
+    //     },
+    // },   
+    {
+        title: t("Last Update"),
+        dataIndex: "updatedAt",
+        key: "updatedAt",
+        width: 125,
+        render: (date, all) => {
+            if (all.empty) {
+                return <div className="daf-default-cell" />;
+            }
+
+            const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
+            return <Tooltip title={_date}>{_date}</Tooltip>;
+        },
+        ellipsis: true,
+    },
+    // {
+    //     title: t("Status"),
+    //     dataIndex: 'status',
+    //     ellipsis: true,
+    //     show: activeTab == "own",
+    //     render: (v, all) => {
+    //       if (all.empty) {
+    //         return <div className="daf-default-cell" />
+    //       }
+    //       const _val = all?.published || all?.status === "submitted" ? "submitted" : v;
+
+    //       return renderStatusTag({ value: _val, t });
+    //     },
+    // },
+    
+    //   {
+    //     title: t("Sources"),
+    //     dataIndex: 'sources',
+    //     ellipsis: true,
+    //     show: activeTab !== "own",
+    //     render: (v, all) => {
+    //       if (all.empty) {
+    //         return <div className="daf-default-cell" />
+    //       }
+    //       const sources = sourceAvatarConfig(v, user, applications);
+    //       return <AvatarGroup items={sources}></AvatarGroup>;
+    //     },
+    //   },
+      {
+        id: 'actions',
+        title: "",
+        width: 60,
+        render: (_, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />;
+          }
+          const onClick = () => {
+            let link = `/app/view/${subject}/${all.datastakeId}`;
+            if (activeTab === "shared") {
+              link += `?sourceId=${all?.authorId?.id}`;
+            }
+            goTo(getRedirectLink(link));
+          };
+          const moreMenuItems = [
+            {
+              label: t("Details"),
+              value: "details",
+              onClick: onClick,
+            },
+            {
+              label: t("Summary"),
+              value: "Summary",
+              onClick: () => {
+                let link = `/app/mine-summary/${all.datastakeId}`
+                if (activeTab === "shared") {
+                  link += `?sourceId=${all?.authorId?.id}`;
+                }
+                goTo(getRedirectLink(link));
+              },
+              // disabled: true,
+            },
+          ];
+          return <div >
+               <MoreMenu items={moreMenuItems} />
+          </div>;
+        }
+      }
+].filter((column) => column.show !== false);

package/src/@daf/pages/SelfAssesment/components/AssociatedInformationTable/index.jsx

@@ -0,0 +1,27 @@
+import React, { useState, useEffect, useRef } from 'react'
+import TabsHeader from '../../../../core/components/Header/TabsHeader'
+import {Widget} from '../../../../core/components/Dashboard/Widget'
+import {getColumns} from './columns.js'
+import {useParams} from 'react-router-dom'
+import {DAFTable} from '../../../../core/components/Table'
+import {useIsDatastake} from '../../../../hooks/useIsDatastake.js'
+
+const AssociatedInformationTable = () => {
+    const tabs =[
+        {value:"stakeholders", label:"Stakeholders"},
+        {value:"locations", label:"Locations"},
+        {values:"events", label:"Events"},
+        {values:"DOcuments",label:"Documents"},
+    ]
+    const [activeTab, setActiveTab] = useState("stakeholders");
+    const [data,setData]= useState({
+        stakeholders:[],
+        locations:[],
+        events:[],
+        documents:[],
+    })
+    const [_options, _setOptions] = useState({});
+	const params = useParams();
+	const { user } = useSelector((state) => state.authentication);
+	const { getRedirectLink } = useIsDatastake();
+}

package/src/@daf/pages/SelfAssesment/components/OrgInformationTable/columns.js

@@ -0,0 +1,157 @@
+import {  Tooltip } from "antd";
+import CustomIcon from "../../../../core/components/Icon/CustomIcon.jsx";
+// import  {findOptions} from "../../../../helpers/StringHelper.js";
+import ProgressBar from "../../../../core/components/ProgressBar/index.jsx";
+import ProgressBarSideIcon from "../../../../core/components/ProgressBar/components/SideIcon/index.jsx";
+import { Link } from "react-router-dom";
+import { renderDateFormatted } from "../../../../../helpers/Forms.js";
+
+export const getColumns = ({
+	t,
+	goTo = () => {},
+	show = "show",
+	getRedirectLink = () => {},
+	token,
+	selectedSubjects,
+	setSelectedSubjects,
+	selectOptions,
+	entity,
+}) => {
+const cols = [
+    {
+        dataIndex: "formName",
+        title: t("form"),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+            if (all.empty) {
+                return <div className="daf-default-cell" />;
+            }
+
+            const title = all?.published
+                ? t("general-information")
+                : t("registration");
+
+            return <Tooltip title={title}>{title}</Tooltip>;
+        },
+    },
+    {
+        dataIndex: "completion",
+        title: t("completion"),
+        ellipsis: true,
+        show: !isMonitoring,
+        render: (v, all) => {
+            if (all.empty) {
+                return <div className="daf-default-cell" />;
+            }
+
+            const submittedStages = ["evaluation", "planning", "improvement"];
+
+            const step1Stage = data?.stepStages?.["step-1"];
+            const step2Stage = data?.stepStages?.["step-2"];
+            const isSubmitted =
+                data?.published &&
+                submittedStages.includes(step1Stage) &&
+                submittedStages.includes(step2Stage);
+
+            return (
+                <div style={{ display: "flex", alignItems: "center", gap: "5px" }}>
+                    <ProgressBar
+                        tooltipTitle={isSubmitted && t("Submitted")}
+                        style={{ width: "100%" }}
+                        percentage={v || 0}
+                        isSubmitted={isSubmitted}
+                    ></ProgressBar>
+                    {isSubmitted ? (
+                        <ProgressBarSideIcon size={16} iconSize={10} />
+                    ) : (
+                        <span>{v || 0}%</span>
+                    )}
+                </div>
+            );
+        },
+    },
+    {
+        dataIndex: "monitoring",
+        title: t("Monitoring"),
+        ellipsis: true,
+        show: isMonitoring,
+        render: (v, all) => {
+            if (all.empty) {
+                return <div className="daf-default-cell" />;
+            }
+
+            return <Tooltip title={v || 0}>{v || 0}</Tooltip>;
+        },
+    },
+    {
+        dataIndex: "lastUpdate",
+        title: t("Last Update"),
+        ellipsis: true,
+        show: true,
+        render: (_v, all) => {
+            if (all.empty) {
+                return <div className="daf-default-cell" />;
+            }
+
+            const v = _v
+                ? renderDateFormatted(_v, "DD MMM YYYY", user?.language || "en")
+                : "-";
+
+            return <Tooltip title={v}>{v}</Tooltip>;
+        },
+    },
+    {
+        dataIndex: "action",
+        title: "",
+        width: 60,
+        show: true,
+        render: (_, all) => {
+            if (all.empty) {
+                return <div className="daf-default-cell" />;
+            }
+
+            let link = `/app/mines/${all.datastakeId}/${all?.key?.toLowerCase()}`;
+
+            if (all?.key.includes("monitoring")) {
+                return (
+                    <Link to={getRedirectLink(link)}>
+						<CustomIcon name="Link" width={18} height={18} />
+                        </Link>
+                );
+            }
+
+            if (all?.key.includes("identification")) {
+                link = `/app/view/location/${all.datastakeId}`;
+            }
+
+            const stage = data?.stage;
+            const key = all?.key;
+            let isDisabled = false;
+
+            if (
+                (stage === "evaluation" && (key === "improvement" || key === "planning")) ||
+                (stage === "planning" && key === "improvement") ||
+                (!["evaluation", "planning", "improvement"].includes(stage) &&
+                    key !== "identification")
+            ) {
+                isDisabled = true;
+            }
+
+            return <div style={{ display: "flex", justifyContent: "center" }}>
+                {isDisabled ? (
+                    <span style={{ cursor: "not-allowed", opacity: 0.5 }}>
+						<CustomIcon name="Link" width={18} height={18} />
+                        </span>
+                ) : (
+                    <Link to={getRedirectLink(link)}>
+						<CustomIcon name="Link" width={18} height={18} />
+                        </Link>
+                )}
+            </div>;
+        },
+    },
+]
+
+	return cols.filter((c) => c[show]);
+};

package/src/@daf/pages/SelfAssesment/components/OrgInformationTable/config.js

@@ -0,0 +1,31 @@
+export const getFiltersConfig = ({t}) => {
+    return {
+        timeframe: {
+            type: "timeframe",
+            label: "Timeframe",
+            style: { flex: 1 },
+        },
+    }
+}
+
+export const getFilterOptions = (options, t) => {
+    const { timeframe = [] } = options || {};
+    const _default = {
+        timeframe: timeframe,
+    }
+
+    return _default;
+}
+
+export const formConfig = {
+    namespace: 'organisation',
+    view: 'information',
+    scope: 'create',
+    formType: 'organisation',
+}
+
+export const viewConfig = {
+    title: "Organisations",
+    createTitle: "Create Organisation",
+}
+

package/src/@daf/pages/SelfAssesment/components/OrgInformationTable/index.js

@@ -0,0 +1,77 @@
+import React from "react";
+import TablePage from "../../../TablePage/index.jsx";
+
+const OrganisationInformationTable = ({
+    t = () => {},
+    goTo = () => {},
+    user = {},
+    options = {},
+    getRedirectLink = () => {},
+    theme = {},
+    loading = false,
+    data = {},
+    isMobile,
+    APP,
+    location,
+    getData = () => {},
+    getApiBaseUrl = () => {},
+    getAppHeader = () => {},
+    getFormData = () => {},
+    saveFormData = () => {},
+    formLoading = false,
+    query = {},
+    ajaxForms = {},
+    changeAjaxForms = () => {},
+    ajaxOptions = {},
+    changeAjaxOptions = () => {},
+    formData = {},
+    formValue = {},
+    form = {},
+    applications = [],
+    subjectClear = () => {},
+    breadcrumbs = [],
+    extendingFilters = {},
+    createDefaultValues = {},
+}) => {
+    return (
+        <TablePage
+            t={t}
+            goTo={goTo}
+            user={user}
+            options={options}
+            getRedirectLink={getRedirectLink}
+            theme={theme}
+            loading={loading}
+            data={data}
+            isMobile={isMobile}
+            APP={APP}
+            location={location}
+            applications={applications}
+            
+            subject="organisations"
+            getData={getData}
+            getApiBaseUrl={getApiBaseUrl}
+            getAppHeader={getAppHeader}
+            subjectClear={subjectClear}
+            extendingFilters={extendingFilters}
+            breadcrumbs={breadcrumbs}
+                        
+            formConfig={{
+                getFormData,
+                saveFormData,
+                formLoading,
+                query,
+                ajaxForms,
+                changeAjaxForms,
+                ajaxOptions,
+                changeAjaxOptions,
+                formData,
+                formValue,
+                form,
+            }}
+            defaultValues={createDefaultValues}
+        />
+    );
+};
+
+export default OrganisationInformationTable;

package/src/@daf/pages/SelfAssesment/components/ProductionSiteTable/columns.js

@@ -0,0 +1,117 @@
+import React from 'react';
+import { Tooltip, Tag } from 'antd';
+import { findOptions } from '../../../../helpers/StringHelper.js';
+import { renderDateFormatted } from '../../../../helpers/Forms.js';
+import NavigationAction from '../../../core/components/Table/NavigationAction/index.jsx';
+import AvatarGroup from '../../../core/components/AvatarGroup/index.jsx';
+import sourceAvatarConfig from '../../../../helpers/sourceAvatarConfig.js';
+import { renderStatusTag } from '../../../utils/tags.js';
+
+export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink, theme, subject, data, applications}) => [
+    {
+        dataIndex: 'datastakeId',
+        title: t('ID'),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />
+          }
+    
+          return <Tooltip title={v}>{v}</Tooltip>;
+        },
+    },
+    {
+        dataIndex: 'name',
+        title: t('Name'),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />
+          }
+    
+          return <Tooltip title={v}>{v}</Tooltip>;
+        },
+    },    
+    {
+        dataIndex: 'category',
+        title: t('Type'),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />
+          }
+          const category = findOptions(v, options?.locationCategories);
+    
+          return <Tooltip title={category}>{category}</Tooltip>;
+        },
+    },    
+    {
+        dataIndex: 'region',
+        title: t('Region'),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />
+          }
+
+          const region = getLinkValue(all?.administrativeLevel1, all?.linking?.SCL);
+
+          return region ? <Tooltip title={region}>{region}</Tooltip> : '-';
+        },
+    },        
+    {
+        dataIndex: 'district',
+        title: t('District'),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />
+          }
+
+         const district = getLinkValue(all?.administrativeLevel2, all?.linking?.SCL);
+
+          return district ? <Tooltip title={district}>{district}</Tooltip> : '-';
+        },
+    },    
+    {
+        title: t("Last Update"),
+        dataIndex: "updatedAt",
+        key: "updatedAt",
+        width: 125,
+        render: (date, all) => {
+            if (all.empty) {
+                return <div className="daf-default-cell" />;
+            }
+
+            const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
+            return <Tooltip title={_date}>{_date}</Tooltip>;
+        },
+        ellipsis: true,
+    },
+  
+    {
+      id: 'actions',
+      title: "",
+      width: 60,
+      render: (_, all) => {
+        if (all.empty) {
+          return <div className="daf-default-cell" />;
+        }
+
+        const onClick = () => {
+          let link = `/app/view/${subject}/${all.datastakeId}`;
+          if (activeTab === "shared") {
+            link += `?sourceId=${all?.authorId?.id}`;
+          }
+          goTo(getRedirectLink(link));
+        };
+
+        return <NavigationAction onClick={onClick} theme={theme} />;
+      }
+    }
+].filter((column) => column.show !== false);

package/src/@daf/pages/SelfAssesment/components/ProductionSiteTable/index.jsx

@@ -0,0 +1,54 @@
+import React from 'react';
+import TablePage from '../../../TablePage/index.jsx';
+import { getColumns } from './columns.js';
+
+const ProductionSiteTable = ({
+    t = () => {},
+    goTo = () => {},
+    user = {},
+    options = {},
+    getRedirectLink = () => {},
+    theme = {},
+    loading = false,
+    data = {},
+    isMobile,
+    APP,
+    location,
+    getData = () => {},
+    getApiBaseUrl = () => {},
+    getAppHeader = () => {},
+    applications = [],
+    subjectClear = () => {},
+    breadcrumbs = [],
+    extendingFilters = {},
+    createDefaultValues = {},
+}) => {
+    return (
+        <TablePage
+            t={t}
+            goTo={goTo}
+            user={user}
+            options={options}
+            getRedirectLink={getRedirectLink}
+            theme={theme}
+            loading={loading}
+            data={data}
+            isMobile={isMobile}
+            APP={APP}   
+            location={location}
+            applications={applications}
+            subject="production-sites"
+            getData={getData}
+            getApiBaseUrl={getApiBaseUrl}
+            getAppHeader={getAppHeader}
+            subjectClear={subjectClear}
+            extendingFilters={extendingFilters}
+            breadcrumbs={breadcrumbs}
+            formConfig={formConfig}
+            defaultValues={createDefaultValues}
+            onDownload={() => console.log("download")}
+        />
+    )
+}
+
+export default ProductionSiteTable