ComApp/CHANGELOG.md

@@ -1,30 +1,5 @@
 # CHANGELOG
 
-## 4.0.0
-
-### Évolution - 4.0.0
-
-- Delete store.ldc.fr dependance
-- Remove useless MySpace feature
-
-## 3.2.1
-
-### Évolution - 3.2.1
-
-- Update select and select multiple fields to get list in alphabetical order
-
-## 3.1.1
-
-### Évolution - 3.1.1
-
-- Update Install and Download docs call to handle tenant changes
-
-## 3.0.1
-
-### Bug - 3.0.1
-
-- Fix sendBrochure call, put data into data axios object instead of params
-
 ## 3.0.0
 
 ### Bug - 3.0.0

ComApp/README.md

@@ -1,18 +1,4 @@
 # ComApp
-
-# Run with Windows + WSL
-
-- Install Android studio and create a Virtual Device
-- Launch emulator
-- In WSL :
-```bash
-adb reverse tcp:8081 tcp:8081
-npx react-native start // TO start metro
-npx react-native run-android --deviceId emulator-5554 // TO build and run to this Emulator
-```
-
-You can set internet proxy in emulator params
-
 ## Dependencies 
 - i18n-js
 - @react-native-community/netinfo

ComApp/android/app/build.gradle

@@ -139,7 +139,7 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode 1
-        versionName "4.0.0"
+        versionName "3.0.0"
         buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString()
 
         if (isNewArchitectureEnabled()) {

ComApp/package.json

@@ -58,11 +58,9 @@
     "eslint": "^7.32.0",
     "jest": "^26.6.3",
     "metro-react-native-babel-preset": "^0.72.3",
-    "patch-package": "^8.0.0",
     "react-test-renderer": "18.1.0"
   },
   "jest": {
     "preset": "react-native"
-  },
-  "postinstall": "patch-package"
+  }
 }

ComApp/patches/react-native+0.70.6.patch

@@ -1,13 +0,0 @@
-diff --git a/node_modules/react-native/ReactAndroid/build.gradle b/node_modules/react-native/ReactAndroid/build.gradle
-index 3be8b26..3f7bba8 100644
---- a/node_modules/react-native/ReactAndroid/build.gradle
-+++ b/node_modules/react-native/ReactAndroid/build.gradle
-@@ -61,7 +61,7 @@ task createNativeDepsDirectories {
- }
- 
- task downloadBoost(dependsOn: createNativeDepsDirectories, type: Download) {
--    src("https://boostorg.jfrog.io/artifactory/main/release/${BOOST_VERSION.replace("_", ".")}/source/boost_${BOOST_VERSION}.tar.gz")
-+    src("https://archives.boost.io/release/${BOOST_VERSION.replace("_", ".")}/source/boost_${BOOST_VERSION}.tar.gz")
-     onlyIfNewer(true)
-     overwrite(false)
-     dest(new File(downloadsDir, "boost_${BOOST_VERSION}.tar.gz"))

ComApp/src/App.js

@@ -36,6 +36,7 @@ import DirectoriesScreen from './App/Views/DirectoriesScreen';
 import HomeScreen from './App/Views/HomeScreen';
 import InstallScreen from './App/Views/InstallScreen';
 import LoginScreen from './App/Views/LoginScreen';
+import MySpaceScreen from './App/Views/MySpaceScreen';
 import OnlyVideosScreen from './App/Views/OnlyVideosScreen';
 import PDFScreen from './App/Views/PDFScreen';
 import SearchScreen from './App/Views/SearchScreen';
@@ -245,6 +246,15 @@ class App extends React.Component {
                             <Icon name={'search'} size={20} color={'white'} />
                           </TouchableOpacity>
                         </View>
+                        {store.getState().app.ShowIsActive === '1' && (
+                          <TouchableOpacity
+                            onPress={() =>
+                              navigation.navigation.navigate('MySpaceScreen')
+                            }
+                            style={{ marginRight: 25 }}>
+                            <Icon name="user-circle" size={25} />
+                          </TouchableOpacity>
+                        )}
                         <TouchableOpacity
                           onPress={() =>
                             navigation.navigation.navigate('ContactScreen', {
@@ -368,6 +378,31 @@ class App extends React.Component {
                     this.LogoTitle(navigation, i18n.t('app.results_search')),
                 })}
               />
+              <Stack.Screen
+                name="MySpaceScreen"
+                component={MySpaceScreen}
+                options={(navigation, route) => ({
+                  headerTitle: () =>
+                    this.LogoTitle(navigation, i18n.t('app.my_space')),
+                  headerRight: () => (
+                    <View
+                      style={{ flexDirection: 'row', alignItems: 'center' }}>
+                      <TouchableOpacity
+                        onPress={() => {
+                          const folder = store
+                            .getState()
+                            .directories.treeview.filter(tmp => tmp.id === 1);
+                          navigation.navigation.navigate('DirectoriesScreen', {
+                            folder: folder,
+                          });
+                        }}
+                        style={{ marginRight: 15 }}>
+                        <Icon name="briefcase" size={20} />
+                      </TouchableOpacity>
+                    </View>
+                  ),
+                })}
+              />
             </Stack.Navigator>
             <FlashMessage position="top" />
           </DrawerLayoutAndroid>

ComApp/src/App/Controllers/SyncController.js

@@ -3,6 +3,8 @@
 import axios from 'axios';
 // Network Infos
 import NetInfo from '@react-native-community/netinfo';
+// Application infos
+import * as Application from 'expo-application';
 // Database
 import { Contact, Document, SendBrochure, Setting } from '../../Database';
 import { ContactData } from '../Models/Contact';
@@ -18,10 +20,32 @@ class SyncController {
     return test.value;
   }
 
+  getAppStoreUUID() {
+    const test = Setting.get('AppStoreUUID');
+    if (test === null) {
+      return 'noset';
+    }
+    return test.value;
+  }
+
   async checkConnection() {
     return NetInfo.fetch();
   }
 
+  async getVersion() {
+    return axios({
+      method: 'GET',
+      // * version
+      url: this.getUrlBo() + '/api/version',
+      responseType: 'json',
+      params: {
+        token: api_token,
+        app_uuid: this.getAppStoreUUID(),
+        app_version: Application.nativeApplicationVersion,
+      },
+    });
+  }
+
   async getUsers() {
     return axios({
       method: 'GET',
@@ -108,10 +132,8 @@ class SyncController {
       responseType: 'json',
       params: {
         token: api_token,
-      },
-      data: {
         emails: brochure,
-      }
+      },
     });
   }
 
@@ -155,6 +177,24 @@ class SyncController {
     Document.update({ id: id, updated_at: date.toString() }, true);
   }
 
+  updateVersion(version) {
+    const localVersion = Setting.get('version');
+    if (localVersion === null) {
+      Setting.add({ key: 'version', value: version });
+    } else {
+      Setting.update({ id: localVersion.id, key: 'version', value: version });
+    }
+  }
+
+  updateShowIsActive(value) {
+    const local = Setting.get('ShowIsActive');
+    if (local === null) {
+      Setting.add({ key: 'ShowIsActive', value: value });
+    } else {
+      Setting.update({ id: local.id, key: 'ShowIsActive', value: value });
+    }
+  }
+
   /**
    * @param {number} app_user_id
    * @returns
@@ -187,6 +227,36 @@ class SyncController {
     return false;
   }
 
+  needSync(callback) {
+    NetInfo.fetch().then(state => {
+      if (state.isConnected) {
+        axios({
+          method: 'get',
+          url: this.getUrlBo() + '/version',
+          responseType: 'json',
+          params: {
+            token: api_token,
+          },
+        })
+          .then(response => {
+            const localVersion = Setting.get('version');
+            if (
+              localVersion === null ||
+              localVersion.value !== response.data.version
+            ) {
+              return callback();
+            }
+            return false;
+          })
+          .catch(function (error) {
+            console.error(error);
+          });
+      }
+      return false;
+    });
+    return false;
+  }
+
   setInstalled(remove = false) {
     if (remove) {
       Setting.delete('installed');

ComApp/src/App/Store/Reducers/AppReducer.js

@@ -7,8 +7,10 @@ const initialState = {
   locale: 'fr',
   currentUser: {},
   logged: false,
+  syncVersion: 0,
   forceSync: false,
   currentOpenedDoc: {},
+  ShowIsActive: 0,
   HomeBtns: {},
   mainColor: '#D4021D',
 };
@@ -17,12 +19,14 @@ const reducer = (state = initialState, action) => {
   let saved;
   switch (action.type) {
     case 'INIT':
+      let ShowIsActive = Setting.get('ShowIsActive');
       let MainColor = Setting.get('MainColor');
       saved = Setting.get('isSetup');
       return {
         ...state,
         isSetup:
           saved === undefined ? false : saved?.value === 'true' ? true : false,
+        ShowIsActive: ShowIsActive ? ShowIsActive?.value : false,
         mainColor:
           MainColor === undefined
             ? initialState.mainColor
@@ -97,6 +101,17 @@ const reducer = (state = initialState, action) => {
         ...state,
         currentOpenedDoc: action.data,
       };
+    case 'UPDATE_VERSION':
+      return {
+        ...state,
+        syncVersion: action.data,
+      };
+    case 'UPDATE_SHOW_IS_ACTIVE':
+      SyncController.updateShowIsActive(action.data);
+      return {
+        ...state,
+        ShowIsActive: action.data,
+      };
     case 'SEND_BROCHURE':
       SendBrochure.add(action.data);
       return state;

ComApp/src/App/Views/ContactDetailsScreen.js

@@ -184,7 +184,7 @@ class ContactDetailsScreen extends React.Component {
       contact.email.length >= 255 ||
       !Helpers.isEmailValid(contact.email)
     ) {
-      console.debug('invalid prop email', contact.email);
+      console.debug('invalid prop email');
       error = error.concat(i18n.t('error.invalid_email_address') + '.\n');
     }
     const lockedFields = ['firstname', 'lastname', 'phone'];
@@ -1292,12 +1292,12 @@ class ContactDetailsScreen extends React.Component {
             'contact_details_s.input_select_multiple_search',
           )}
           confirmText={i18n.t('global.close')}
-          items={details
-            .map((detail, detailIndex) => ({
+          items={details.map(function (detail, detailIndex) {
+            return {
               id: detailIndex,
               name: detail,
-            }))
-            .sort((a, b) => a.name.localeCompare(b.name))}
+            };
+          })}
           IconRenderer={this.getIcon}
           uniqueKey="id"
           selectText={`${placeHolder} ${requiredStr}`}
@@ -1535,10 +1535,8 @@ class ContactDetailsScreen extends React.Component {
             label={i18n.t('contact_details_s.input_select_please_choose')}
             value={''}
           />
-          {details.map((detail, index) => ({ label: detail, value: index }))
-          .sort((a, b) => a.label.localeCompare(b.label))
-          .map((item, index) => (
-            <Picker.Item key={index} label={item.label} value={item.value} />
+          {details.map((detail, detailIndex) => (
+            <Picker.Item key={detailIndex} label={detail} value={detailIndex} />
           ))}
         </Picker>
       </View>,

ComApp/src/App/Views/HomeScreen.js

@@ -21,6 +21,8 @@ import styles from '../../Resources/Styles/HomeStyle';
 import i18n from '../../I18n';
 // FileSytem
 import * as FileSystem from 'expo-file-system';
+// NetInfo
+import NetInfo from '@react-native-community/netinfo';
 // Controller
 import SyncController from '../Controllers/SyncController';
 
@@ -61,6 +63,19 @@ class HomeScreen extends React.Component {
     SplashScreen.hideAsync();
   }
 
+  unsubscribe() {
+    NetInfo.addEventListener(state => {
+      if (state.isConnected === true) {
+        let seconds =
+          Math.abs(new Date(this.state.lastSyncCall) - Date.now()) / 1000;
+        if (seconds > 30) {
+          this.setState({ lastSyncCall: Date.now() });
+          SyncController.needSync(this.openSync.bind(this));
+        }
+      }
+    });
+  }
+
   openSync() {
     this.props.navigation.navigate('SyncScreen', { forceSync: true });
   }

ComApp/src/App/Views/InstallScreen.js

@@ -136,10 +136,10 @@ class InstallScreen extends React.Component {
         let toDL = [];
         if (response.data) {
           if (response.data.status === 'OK') {
-            const rootUrl = url.substring(0, url.lastIndexOf('/'));
             _.forEach(response.data.datas, function (value, key) {
               switch (key) {
                 case 'MainColor':
+                case 'AppStoreUUID':
                   Setting.upsert({ key: key, value: value });
                   break;
                 case 'SquaredLogo':
@@ -147,7 +147,7 @@ class InstallScreen extends React.Component {
                 case 'BackgroundImage':
                 case 'HomeButtonImage':
                   toDL.push({
-                    source: rootUrl + '/' + value,
+                    source: url + '/' + value,
                     dest: FileSystem.documentDirectory + key + '.png',
                   });
                   break;

ComApp/src/App/Views/LoginScreen.js

@@ -235,6 +235,7 @@ class LoginScreen extends React.Component {
             _.forEach(response.data.datas, function (value, key) {
               switch (key) {
                 case 'MainColor':
+                case 'AppStoreUUID':
                   Setting.upsert({ key: key, value: value });
                   break;
                 case 'SquaredLogo':

ComApp/src/App/Views/MySpaceScreen.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Text, View } from 'react-native';
+// Redux
+import { connect } from 'react-redux';
+// Style
+import styles from '../../Resources/Styles/MySpaceStyle';
+
+function mapStateToProps(state) {
+  return {
+    documents: state.app.documents,
+  };
+}
+
+class MySpaceScreen extends React.Component {
+  render() {
+    return (
+      <View style={styles.container}>
+        <Text>Mon Espace</Text>
+      </View>
+    );
+  }
+}
+
+export default connect(mapStateToProps)(MySpaceScreen);

ComApp/src/App/Views/SyncScreen.js

@@ -30,6 +30,7 @@ import * as FileSystem from 'expo-file-system';
 
 function mapStateToProps(state) {
   return {
+    syncVersion: state.app.syncVersion,
     currentUser: state.app.currentUser,
     locale: state.locale.locale,
     mainColor: state.app.mainColor,
@@ -46,7 +47,17 @@ const mapDispatchToProps = dispatch => {
     initDocuments: (lang, directories) =>
       dispatch(initDocuments(lang, directories)),
     initContact: currentUser => dispatch(initContact(currentUser)),
-    initBtns: () => dispatch({ type: 'INIT_HOME_BTNS' })
+    initBtns: () => dispatch({ type: 'INIT_HOME_BTNS' }),
+    updateVersion: version =>
+      dispatch({
+        type: 'UPDATE_VERSION',
+        data: version,
+      }),
+    updateShowIsActive: value =>
+      dispatch({
+        type: 'UPDATE_SHOW_IS_ACTIVE',
+        data: value,
+      }),
   };
 };
 
@@ -57,6 +68,7 @@ class SyncScreen extends React.Component {
     downloadProgress: 0,
     downloadingFile: false,
     processing: false,
+    newApp: false,
     forced: false,
   };
 
@@ -147,6 +159,20 @@ class SyncScreen extends React.Component {
       return;
     }
     this.setState({ processing: true });
+
+    // * --- getVersion
+    const resVersion = await getCall(
+      SyncController.getVersion().then(res => {
+        return res.data;
+      }),
+    );
+    if (errorStatus) {
+      return false;
+    }
+    this.props.updateVersion(resVersion.version);
+    this.props.updateShowIsActive(resVersion.ShowIsActive);
+    this.setState({ newApp: resVersion.newApp });
+
     // * --- getUsers
     this.setState({
       progress: 0.1,
@@ -296,6 +322,7 @@ class SyncScreen extends React.Component {
   }
 
   downloadDocuments(docs, toDelete) {
+    const version = this.props.syncVersion;
     this.getToDL(docs, 0).then(toDownload => {
       if (toDownload.length > 0) {
         this.setState({ progress: 0.6 });
@@ -303,7 +330,7 @@ class SyncScreen extends React.Component {
         this.download(toDownload, docProgress, 0).then(status => {
           if (status === true) {
             this.deleteFile(toDelete, 0).then(delStatus => {
-              this.finishSync();
+              this.finishSync(version);
             });
           } else {
             this.setState({
@@ -314,7 +341,7 @@ class SyncScreen extends React.Component {
       } else {
         this.deleteFile(toDelete, 0).then(status => {
           this.setState({ progress: 1 });
-          this.finishSync();
+          this.finishSync(version);
         });
       }
     });
@@ -380,10 +407,7 @@ class SyncScreen extends React.Component {
     if (this.state.downloadingFile === false) {
       this.setState({ downloadingFile: true });
     }
-    const tenantUrl = SyncController.getUrlBo();
-    const rootUrl = tenantUrl.substring(0, tenantUrl.lastIndexOf('/'));
-    const tenantId = tenantUrl.match(/[^\/]+$/)[0];
-    const endpoint = rootUrl + '/storage/docs/' + tenantId + "/";
+    const endpoint = SyncController.getUrlBo() + '/storage/docs/';
     const doc = documents[i];
     this.setState({
       txtStep:
@@ -418,7 +442,7 @@ class SyncScreen extends React.Component {
     }
   }
 
-  finishSync() {
+  finishSync(version) {
     this.props.init();
     this.props.initUsers();
     this.props.initContact(this.props.currentUser);
@@ -428,10 +452,34 @@ class SyncScreen extends React.Component {
     if (this.state.forced) {
       SyncController.setInstalled();
     }
+    SyncController.updateVersion(version);
     this.setState({
       txtStep: i18n.t('sync_s.update_completed') + '.',
       processing: false,
     });
+    if (this.state.newApp === true) {
+      const appUUID = SyncController.getAppStoreUUID();
+      const url = 'https://store.ldc.fr' + '/app/' + appUUID;
+      Alert.alert(
+        'LDC Store',
+        i18n.t('sync_s.new_app_version'),
+        [
+          {
+            text: i18n.t('global.cancel'),
+            onPress: () => console.debug('Cancel Pressed'),
+            style: 'cancel',
+          },
+          {
+            text: i18n.t('sync_s.open_store'),
+            onPress: () =>
+              Linking.openURL(url).catch(err =>
+                console.error('An error occurred', err),
+              ),
+          },
+        ],
+        { cancelable: false },
+      );
+    }
   }
 
   /**

ComApp/src/Resources/Locales/de.json

@@ -48,7 +48,8 @@
     "folders": "Ordner",
     "video": "Video",
     "contact_details": "Kontaktdaten",
-    "results_search": "Suchergebnisse"
+    "results_search": "Suchergebnisse",
+    "my_space": "Mein Raum"
   },
   "login_s": {
     "username": "Benutzername",

ComApp/src/Resources/Locales/en.json

@@ -48,7 +48,8 @@
     "folders": "Folders",
     "video": "Video",
     "contact_details": "Contact information",
-    "results_search": "Search results"
+    "results_search": "Search results",
+    "my_space": "Personal Dashboard"
   },
   "login_s": {
     "username": "Username",

ComApp/src/Resources/Locales/fr.json

@@ -47,7 +47,8 @@
     "folders": "Dossiers",
     "video": "Vidéo",
     "contact_details": "Détails du contact",
-    "results_search": "Résultat(s) de votre recherche"
+    "results_search": "Résultat(s) de votre recherche",
+    "my_space": "Mon espace"
   },
   "login_s": {
     "username": "Identifiant",