From 198fca639ee27b33bdec8de57206e2724f95bb37 Mon Sep 17 00:00:00 2001
From: keplyx <keplyx@gmail.com>
Date: Sun, 8 Mar 2020 00:20:26 +0100
Subject: [PATCH] Improved roxiwash section headers

---
 screens/Proxiwash/ProxiwashScreen.js | 24 +++++++++++++++++++++---
 translations/en.json                 |  1 +
 translations/fr.json                 |  1 +
 3 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/screens/Proxiwash/ProxiwashScreen.js b/screens/Proxiwash/ProxiwashScreen.js
index 6a834fa..e96984f 100644
--- a/screens/Proxiwash/ProxiwashScreen.js
+++ b/screens/Proxiwash/ProxiwashScreen.js
@@ -27,7 +27,6 @@ type Props = {
 type State = {
     refreshing: boolean,
     firstLoading: boolean,
-    fetchedData: Object,
     machinesWatched: Array<string>,
     bannerVisible: boolean,
 };
@@ -45,6 +44,8 @@ export default class ProxiwashScreen extends React.Component<Props, State> {
     createDataset: Function;
     onHideBanner: Function;
 
+    fetchedData: Object;
+
     state = {
         refreshing: false,
         firstLoading: true,
@@ -218,6 +219,7 @@ export default class ProxiwashScreen extends React.Component<Props, State> {
     }
 
     createDataset(fetchedData: Object) {
+        this.fetchedData = fetchedData;
         return [
             {
                 title: i18n.t('proxiwashScreen.dryers'),
@@ -319,18 +321,34 @@ export default class ProxiwashScreen extends React.Component<Props, State> {
         );
     }
 
+    getMachineAvailableNumber(isDryer: boolean) {
+        let data;
+        if (isDryer)
+            data = this.fetchedData.dryers;
+        else
+            data = this.fetchedData.washers;
+        let count = 0;
+        for (let i = 0; i < data.length; i++) {
+            if (ProxiwashConstants.machineStates[data[i].state] === ProxiwashConstants.machineStates["DISPONIBLE"])
+                count += 1;
+        }
+        return count;
+    }
+
     getRenderSectionHeader({section}: Object) {
+        const subtitle = this.getMachineAvailableNumber(section.title === i18n.t('proxiwashScreen.dryers')) + ' ' + i18n.t('proxiwashScreen.numAvailable');
         return (
             <Card style={{
-                width: '80%',
+                width: '60%',
                 marginLeft: 'auto',
                 marginRight: 'auto',
                 marginBottom: 10,
                 marginTop: 20,
+                elevation: 4,
             }}>
                 <Card.Title
                     title={section.title}
-                    // subtitle={''} // TODO display num available
+                    subtitle={subtitle}
                     titleStyle={{
                         textAlign: 'center'
                     }}
diff --git a/translations/en.json b/translations/en.json
index 64ed254..24ab416 100644
--- a/translations/en.json
+++ b/translations/en.json
@@ -161,6 +161,7 @@
     "procedure": "Procedure",
     "tips": "Tips",
     "enableNotificationsTip": "Click on a running machine to enable notifications",
+    "numAvailable": "available",
     "modal": {
       "enableNotifications": "Notify me",
       "disableNotifications": "Stop notifications",
diff --git a/translations/fr.json b/translations/fr.json
index aa5e7ea..bc2771c 100644
--- a/translations/fr.json
+++ b/translations/fr.json
@@ -161,6 +161,7 @@
     "procedure": "Procédure",
     "tips": "Conseils",
     "enableNotificationsTip": "Cliquez sur une machine en cours pour activer les notifications",
+    "numAvailable": "disponibles",
     "modal": {
       "enableNotifications": "Me Notifier",
       "disableNotifications": "Désactiver les  notifications",