\r\n {/* BLOCK qui nous permet de rentrer une valeur pour faire bouger le thermometre\r\n \r\n \r\n \r\n \r\n this.setState({value: event.target.value.replace(/\\D/,'')})}/>\r\n */}\r\n \r\n {/* this.setState({min: event.target.value.replace(/\\D/,'')})}/>*/}\r\n
,\r\n document.getElementById('app')\r\n);*/","import React, { Component } from 'react';\r\nimport ambulance from \"../assets/img/ambulance.png\"\r\nimport sablier from \"../assets/img/sablier.png\"\r\nimport thermo from \"../assets/img/thermometre.png\"\r\nimport EDSThermometer from \"./Thermometer/EDSThermometer\";\r\nimport transport from \"../assets/img/transport.png\"\r\n\r\nclass Common extends Component{\r\n\r\n render() { \r\n\r\n // data : l'object des données reçu de l'api\r\n const data = this.props.data;\r\n \r\n // Variables : qui servent à afficher les données Textes de l'api. \r\n let volumeAppel; \r\n let transpProb; \r\n let transportsInterPlanC2;\r\n let nbAppelsAttente; \r\n let pourcentageOccupees; \r\n let moyenneTxt;\r\n let moyenne;\r\n\r\n for (let i = 0; i < data.length; i++) {\r\n if (data[i].CodeIndicateur == \"PAOM\") {\r\n pourcentageOccupees = data[i].Val1;\r\n }\r\n\r\n if (data[i].CodeIndicateur == \"AEAD\") {\r\n nbAppelsAttente = data[i].Val1;\r\n }\r\n\r\n if (data[i].CodeIndicateur == \"TIP\") { \r\n transportsInterPlanC2 = data[i].Val2;\r\n }\r\n\r\n if (data[i].CodeIndicateur == \"TP\") {\r\n transpProb = data[i].Val1;\r\n }\r\n\r\n if (data[i].CodeIndicateur == \"VADH\") {\r\n volumeAppel = data[i].Val1;\r\n moyenne = data[i].Val2;\r\n moyenneTxt = data[i].Texte2\r\n }\r\n }\r\n \r\n return(\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Volume d'appels dernière heure
\r\n \r\n \r\n \r\n {/* */}\r\n \r\n
{volumeAppel}
\r\n
\r\n
\r\n
\r\n
\r\n
Transports probables
\r\n \r\n
{transpProb}
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
Appels en attente d'affectation
\r\n \r\n
{nbAppelsAttente}
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
% des ambulances occupées Montréal et Laval
\r\n \r\n
{pourcentageOccupees}
{/*ratioAmbulance*/}\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Common;","import React from \"react\";\r\nimport \"./Vehicule.css\"\r\n\r\nclass Vehicule extends React.Component{\r\n \r\n /* \r\n Render renderListInfoVehiculeCH :\r\n Est une méthode qui sert à afficher les informations qui concernent \r\n les véhicule en direction du CH et les vehicules arrivés à un CH.\r\n les véhicules en route vers un CH et les véhicules arrivés dans un CH.\r\n - Elle affiche les informations dans le tableaux 1 (VÉHICULE) et tableau 3 (VÉHICULE À L'HOPITAL).\r\n */\r\n\r\n renderListInfoVehiculeCH(lst, titre, vide) {\r\n \r\n if (lst.length == 0) {\r\n lst.push({ Key : 0, Value : vide });\r\n }\r\n for (let i = lst.length; i < 8; i++) {\r\n lst.push({ Key : i, Value : \"\" });\r\n }\r\n\r\n const content = lst.map((item) => \r\n
*/}\r\n \r\n 
\r\n 
\r\n 
\r\n