Merge branch 'develop'

MyEMS · Jun 29, 2024 · 4e0bae4 · 4e0bae4
2 parents 81a42da + 7a4d6a3
commit 4e0bae4
Show file tree

Hide file tree

Showing 10 changed files with 918 additions and 862 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -14,6 +14,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - set data result hidden by default for space reports in myems-web
 - set data result hidden by default for equipment reports in myems-web
 - set data result hidden by default for shopfloor reports in myems-web
+- set data result hidden by default for store reports in myems-web
 ### Fixed
 - added check relations statements to point on_delete action in myems-api
 - fixed issue of on_delete action in myems-api

diff --git a/myems-web/src/components/MyEMS/Store/StoreBatch.js b/myems-web/src/components/MyEMS/Store/StoreBatch.js
@@ -101,7 +101,7 @@ const StoreBatch = ({ setRedirect, setRedirectUrl, t }) => {
   const [submitButtonDisabled, setSubmitButtonDisabled] = useState(false);
   const [spinnerHidden, setSpinnerHidden] = useState(true);
   const [exportButtonHidden, setExportButtonHidden] = useState(true);
-
+  const [resultDataHidden, setResultDataHidden] = useState(true);
   //Results
   const [detailedDataTableColumns, setDetailedDataTableColumns] = useState([
     { dataField: 'name', text: t('Name'), sort: true },
@@ -195,6 +195,8 @@ const StoreBatch = ({ setRedirect, setRedirectUrl, t }) => {
     setSpinnerHidden(false);
     // hide export button
     setExportButtonHidden(true);
+   // hide result data
+    setResultDataHidden(true);
 
     // Reinitialize tables
     setStoreList([]);
@@ -284,6 +286,8 @@ const StoreBatch = ({ setRedirect, setRedirectUrl, t }) => {
           setSpinnerHidden(true);
           // show export button
           setExportButtonHidden(false);
+          // show result data
+          setResultDataHidden(false);
         } else {
           toast.error(t(json.description));
         }
@@ -401,7 +405,9 @@ const StoreBatch = ({ setRedirect, setRedirectUrl, t }) => {
           </Form>
         </CardBody>
       </Card>
-      <DetailedDataTable data={storeList} title={t('Detailed Data')} columns={detailedDataTableColumns} pagesize={50} />
+      <div style={{visibility: resultDataHidden ? 'hidden' : 'visible'}}>
+        <DetailedDataTable data={storeList} title={t('Detailed Data')} columns={detailedDataTableColumns} pagesize={50} />
+      </div>
     </Fragment>
   );
 };

diff --git a/myems-web/src/components/MyEMS/Store/StoreCarbon.js b/myems-web/src/components/MyEMS/Store/StoreCarbon.js
@@ -121,7 +121,7 @@ const StoreCarbon = ({ setRedirect, setRedirectUrl, t }) => {
   const [submitButtonDisabled, setSubmitButtonDisabled] = useState(true);
   const [spinnerHidden, setSpinnerHidden] = useState(true);
   const [exportButtonHidden, setExportButtonHidden] = useState(true);
-
+  const [resultDataHidden, setResultDataHidden] = useState(true);
   //Results
   const [timeOfUseShareData, setTimeOfUseShareData] = useState([]);
   const [carbonShareData, setCarbonShareData] = useState([]);
@@ -421,6 +421,8 @@ const StoreCarbon = ({ setRedirect, setRedirectUrl, t }) => {
     setSpinnerHidden(false);
     // hide export button
     setExportButtonHidden(true);
+    // hide result data
+    setResultDataHidden(true);
 
     // Reinitialize tables
     setDetailedDataTableData([]);
@@ -841,6 +843,8 @@ const StoreCarbon = ({ setRedirect, setRedirectUrl, t }) => {
           setSpinnerHidden(true);
           // show export button
           setExportButtonHidden(false);
+          // show result data
+          setResultDataHidden(false);
         } else {
           toast.error(t(json.description));
         }
@@ -1029,94 +1033,96 @@ const StoreCarbon = ({ setRedirect, setRedirectUrl, t }) => {
           </Form>
         </CardBody>
       </Card>
-      <div className="card-deck">
-        {cardSummaryList.map(cardSummaryItem => (
-          <CardSummary
-            key={cardSummaryItem['name']}
-            rate={cardSummaryItem['increment_rate']}
-            title={t('Reporting Period Carbon Dioxide Emissions CATEGORY UNIT', {
-              CATEGORY: cardSummaryItem['name'],
-              UNIT: '(' + cardSummaryItem['unit'] + ')'
-            })}
-            color="success"
-            footnote={t('Per Unit Area')}
-            footvalue={cardSummaryItem['subtotal_per_unit_area']}
-            footunit={'(' + cardSummaryItem['unit'] + '/M²)'}
-          >
-            {cardSummaryItem['subtotal'] && (
-              <CountUp
-                end={cardSummaryItem['subtotal']}
-                duration={2}
-                prefix=""
-                separator=","
-                decimal="."
-                decimals={2}
-              />
-            )}
-          </CardSummary>
-        ))}
+      <div style={{visibility: resultDataHidden ? 'hidden' : 'visible'}}>
+        <div className="card-deck">
+          {cardSummaryList.map(cardSummaryItem => (
+            <CardSummary
+              key={cardSummaryItem['name']}
+              rate={cardSummaryItem['increment_rate']}
+              title={t('Reporting Period Carbon Dioxide Emissions CATEGORY UNIT', {
+                CATEGORY: cardSummaryItem['name'],
+                UNIT: '(' + cardSummaryItem['unit'] + ')'
+              })}
+              color="success"
+              footnote={t('Per Unit Area')}
+              footvalue={cardSummaryItem['subtotal_per_unit_area']}
+              footunit={'(' + cardSummaryItem['unit'] + '/M²)'}
+            >
+              {cardSummaryItem['subtotal'] && (
+                <CountUp
+                  end={cardSummaryItem['subtotal']}
+                  duration={2}
+                  prefix=""
+                  separator=","
+                  decimal="."
+                  decimals={2}
+                />
+              )}
+            </CardSummary>
+          ))}
+        </div>
+        <Row noGutters>
+          <Col className="mb-3 pr-lg-2 mb-3">
+            <SharePie data={timeOfUseShareData} title={t('Electricity Carbon Dioxide Emissions by Time-Of-Use')} />
+          </Col>
+          <Col className="mb-3 pr-lg-2 mb-3">
+            <SharePie data={carbonShareData} title={t('Carbon Dioxide Emissions by Energy Category')} />
+          </Col>
+        </Row>
+
+        <MultiTrendChart
+          reportingTitle={{
+            name: 'Reporting Period Carbon Dioxide Emissions CATEGORY VALUE UNIT',
+            substitute: ['CATEGORY', 'VALUE', 'UNIT'],
+            CATEGORY: storeBaseAndReportingNames,
+            VALUE: storeReportingSubtotals,
+            UNIT: storeBaseAndReportingUnits
+          }}
+          baseTitle={{
+            name: 'Base Period Carbon Dioxide Emissions CATEGORY VALUE UNIT',
+            substitute: ['CATEGORY', 'VALUE', 'UNIT'],
+            CATEGORY: storeBaseAndReportingNames,
+            VALUE: storeBaseSubtotals,
+            UNIT: storeBaseAndReportingUnits
+          }}
+          reportingTooltipTitle={{
+            name: 'Reporting Period Carbon Dioxide Emissions CATEGORY VALUE UNIT',
+            substitute: ['CATEGORY', 'VALUE', 'UNIT'],
+            CATEGORY: storeBaseAndReportingNames,
+            VALUE: null,
+            UNIT: storeBaseAndReportingUnits
+          }}
+          baseTooltipTitle={{
+            name: 'Base Period Carbon Dioxide Emissions CATEGORY VALUE UNIT',
+            substitute: ['CATEGORY', 'VALUE', 'UNIT'],
+            CATEGORY: storeBaseAndReportingNames,
+            VALUE: null,
+            UNIT: storeBaseAndReportingUnits
+          }}
+          reportingLabels={storeReportingLabels}
+          reportingData={storeReportingData}
+          baseLabels={storeBaseLabels}
+          baseData={storeBaseData}
+          rates={storeReportingRates}
+          options={storeReportingOptions}
+        />
+
+        <MultipleLineChart
+          reportingTitle={t('Operating Characteristic Curve')}
+          baseTitle=""
+          labels={parameterLineChartLabels}
+          data={parameterLineChartData}
+          options={parameterLineChartOptions}
+        />
+
+        <br />
+        <DetailedDataTable
+          data={detailedDataTableData}
+          title={t('Detailed Data')}
+          columns={detailedDataTableColumns}
+          pagesize={50}
+        />
       </div>
-      <Row noGutters>
-        <Col className="mb-3 pr-lg-2 mb-3">
-          <SharePie data={timeOfUseShareData} title={t('Electricity Carbon Dioxide Emissions by Time-Of-Use')} />
-        </Col>
-        <Col className="mb-3 pr-lg-2 mb-3">
-          <SharePie data={carbonShareData} title={t('Carbon Dioxide Emissions by Energy Category')} />
-        </Col>
-      </Row>
-
-      <MultiTrendChart
-        reportingTitle={{
-          name: 'Reporting Period Carbon Dioxide Emissions CATEGORY VALUE UNIT',
-          substitute: ['CATEGORY', 'VALUE', 'UNIT'],
-          CATEGORY: storeBaseAndReportingNames,
-          VALUE: storeReportingSubtotals,
-          UNIT: storeBaseAndReportingUnits
-        }}
-        baseTitle={{
-          name: 'Base Period Carbon Dioxide Emissions CATEGORY VALUE UNIT',
-          substitute: ['CATEGORY', 'VALUE', 'UNIT'],
-          CATEGORY: storeBaseAndReportingNames,
-          VALUE: storeBaseSubtotals,
-          UNIT: storeBaseAndReportingUnits
-        }}
-        reportingTooltipTitle={{
-          name: 'Reporting Period Carbon Dioxide Emissions CATEGORY VALUE UNIT',
-          substitute: ['CATEGORY', 'VALUE', 'UNIT'],
-          CATEGORY: storeBaseAndReportingNames,
-          VALUE: null,
-          UNIT: storeBaseAndReportingUnits
-        }}
-        baseTooltipTitle={{
-          name: 'Base Period Carbon Dioxide Emissions CATEGORY VALUE UNIT',
-          substitute: ['CATEGORY', 'VALUE', 'UNIT'],
-          CATEGORY: storeBaseAndReportingNames,
-          VALUE: null,
-          UNIT: storeBaseAndReportingUnits
-        }}
-        reportingLabels={storeReportingLabels}
-        reportingData={storeReportingData}
-        baseLabels={storeBaseLabels}
-        baseData={storeBaseData}
-        rates={storeReportingRates}
-        options={storeReportingOptions}
-      />
-
-      <MultipleLineChart
-        reportingTitle={t('Operating Characteristic Curve')}
-        baseTitle=""
-        labels={parameterLineChartLabels}
-        data={parameterLineChartData}
-        options={parameterLineChartOptions}
-      />
-
-      <br />
-      <DetailedDataTable
-        data={detailedDataTableData}
-        title={t('Detailed Data')}
-        columns={detailedDataTableColumns}
-        pagesize={50}
-      />
     </Fragment>
   );
 };