Show text to tell user to rotate the screen

screens/PlanexScreen.js

@@ -3,6 +3,7 @@
 import * as React from 'react';
 import ThemeManager from "../utils/ThemeManager";
 import WebViewScreen from "../components/WebViewScreen";
+import i18n from "i18n-js";
 
 type Props = {
     navigation: Object,
@@ -26,7 +27,9 @@ export default class PlanexScreen extends React.Component<Props> {
         super();
         this.customInjectedJS =
             'document.querySelector(\'head\').innerHTML += \'<meta name="viewport" content="width=device-width, initial-scale=1.0">\';' +
-            'document.querySelector(\'head\').innerHTML += \'<link rel="stylesheet" href="' + CUSTOM_CSS_GENERAL + '" type="text/css"/>\';';
+            'document.querySelector(\'head\').innerHTML += \'<link rel="stylesheet" href="' + CUSTOM_CSS_GENERAL + '" type="text/css"/>\';' +
+            '$(".fc-toolbar .fc-center").append(\'<p id="rotateToLandscape">' + i18n.t("planexScreen.rotateToLandscape") + '</p>\');' +
+            '$(".fc-toolbar .fc-center").append(\'<p id="rotateToPortrait">' + i18n.t("planexScreen.rotateToPortrait") + '</p>\');';
         if (ThemeManager.getNightMode())
             this.customInjectedJS += 'document.querySelector(\'head\').innerHTML += \'<link rel="stylesheet" href="' + CUSTOM_CSS_NIGHTMODE + '" type="text/css"/>\';';
     }

translations/en.json

@@ -182,6 +182,10 @@
       "machineRunningBody": "The machine n°{{number}} is still running"
     }
   },
+  "planexScreen": {
+    "rotateToLandscape": "Turn your screen to see the whole week",
+    "rotateToPortrait": "Turn your screen to see only 2 days"
+  },
   "availableRoomScreen": {
     "normalRoom": "Work",
     "computerRoom": "Computer",

translations/fr.json

@@ -184,6 +184,10 @@
       "machineRunningBody": "La machine n°{{number}} n'est pas encore terminée"
     }
   },
+  "planexScreen": {
+    "rotateToLandscape": "Tournez votre téléphone pour voir la semaine entière",
+    "rotateToPortrait": "Tournez votre téléphone pour voir seulement 2 jours"
+  },
   "availableRoomScreen": {
     "normalRoom": "Travail",
     "computerRoom": "Ordi",