diff --git a/src/assets/png/badges/locked.png b/src/assets/png/badges/locked.png
index eb5b58b0cdcab03bad8c2bd4bfa236e3440744cb..842906ab28059dadbf8f9b0a97e250fe506a661c 100644
Binary files a/src/assets/png/badges/locked.png and b/src/assets/png/badges/locked.png differ
diff --git a/src/components/CommonKit/Button/StyledButton.tsx b/src/components/CommonKit/Button/StyledButton.tsx
index a460cc4f76c47539cd0f81538bfea522450211ed..cf3c8b34e45724d2cb6c433c6851e2ad1b4c362f 100644
--- a/src/components/CommonKit/Button/StyledButton.tsx
+++ b/src/components/CommonKit/Button/StyledButton.tsx
@@ -59,7 +59,6 @@ const SecondaryButton = withStyles({
border: '1px solid #121212',
},
label: {
- color: '#E0E0E0',
fontWeight: 'normal',
},
})(BaseButton)
diff --git a/src/components/CommonKit/Card/StyledBorderCard.tsx b/src/components/CommonKit/Card/StyledBorderCard.tsx
index b68b3beb0a6770c8b973638af2bc69c9e7cc7ee5..9d123793449dffd2a89a7190ec26751403dd3776 100644
--- a/src/components/CommonKit/Card/StyledBorderCard.tsx
+++ b/src/components/CommonKit/Card/StyledBorderCard.tsx
@@ -7,13 +7,12 @@ import { withStyles } from '@material-ui/core/styles'
const CardBase = withStyles({
root: {
- // background: 'var(--darkLight)',
border: '1px solid var(--textDark)',
boxSizing: 'border-box',
- // boxShadow: '0px 4px 16px',
borderRadius: '4px',
width: '100hv',
margin: '1.25rem 0',
+ cursor: 'default',
},
})(CardActionArea)
diff --git a/src/components/ContentComponents/Challenge/OngoingChallengePile.tsx b/src/components/ContentComponents/Challenge/OngoingChallengePile.tsx
index 5cf63f5b57ce901e1d2166a20fcc51fc5719f117..63d90c1d00451ec064b2c649192b2007f9907c2e 100644
--- a/src/components/ContentComponents/Challenge/OngoingChallengePile.tsx
+++ b/src/components/ContentComponents/Challenge/OngoingChallengePile.tsx
@@ -53,7 +53,7 @@ const OngoingChallengePile: React.FC<OngoingChallengePileProps> = ({
{challenge && challenge.maxEnergy > 0 ? (
<div className={`values-section ${textFont}`}>
<span>
- {challenge.currentEnergy
+ {challenge.currentEnergy && challenge.currentEnergy !== -1
? formatNumberValues(
challenge.maxEnergy - challenge.currentEnergy
)
diff --git a/src/components/ContentComponents/ConsumptionVisualizer/ConsumptionVisualizer.tsx b/src/components/ContentComponents/ConsumptionVisualizer/ConsumptionVisualizer.tsx
index d45ca5042da8134ae5d2beaadc59081b4e53e99e..ab843acfb16bceb318ecbacba84e15f584d1681e 100644
--- a/src/components/ContentComponents/ConsumptionVisualizer/ConsumptionVisualizer.tsx
+++ b/src/components/ContentComponents/ConsumptionVisualizer/ConsumptionVisualizer.tsx
@@ -47,6 +47,7 @@ const ConsumptionVisualizer = ({
handleClickDetails,
handleChangeIndex,
}: ConsumptionVisualizerProps) => {
+ fluidTypes.sort()
return (
<div className="cv">
<DateConsumptionVisualizer
@@ -74,6 +75,7 @@ const ConsumptionVisualizer = ({
handleClickDetails={handleClickDetails}
/>
)}
+
{dataload &&
dataload.valueDetail &&
((dataload.valueDetail[0] === -1 &&
diff --git a/src/components/ContentComponents/Konnector/KonnectorLoginForm.tsx b/src/components/ContentComponents/Konnector/KonnectorLoginForm.tsx
index 2ab8b06a1a959013d564ba866afcf63bf1ed8bdb..143f66f9b8abb65b310fefdb9cc4bb00ba7ceffc 100644
--- a/src/components/ContentComponents/Konnector/KonnectorLoginForm.tsx
+++ b/src/components/ContentComponents/Konnector/KonnectorLoginForm.tsx
@@ -226,6 +226,7 @@ const KonnectorLoginForm: React.FC<KonnectorLoginFormProps> = ({
</div>
<StyledButton
type="button"
+ className="create-account"
color="secondary"
disabled={loading}
onClick={() => window.open(siteLink, '_blank')}
diff --git a/src/components/ContentComponents/Konnector/KonnectorOAuthForm.tsx b/src/components/ContentComponents/Konnector/KonnectorOAuthForm.tsx
index 589d9c58b5eda0cc06ee470ca504ce2e573c5b20..2716f218e4dfb0540e45f8f2ac99ce310c7699ce 100644
--- a/src/components/ContentComponents/Konnector/KonnectorOAuthForm.tsx
+++ b/src/components/ContentComponents/Konnector/KonnectorOAuthForm.tsx
@@ -54,6 +54,7 @@ const KonnectorOAuthForm: React.FC<KonnectorOAuthFormProps> = ({
<StyledButton
type="button"
color="secondary"
+ className="create-account"
disabled={loading}
onClick={() => window.open(siteLink, '_blank')}
>
diff --git a/src/components/ContentComponents/Konnector/KonnectorResult.tsx b/src/components/ContentComponents/Konnector/KonnectorResult.tsx
index c0b54a0a55371b89b2168b1ddac1bd80fc1f90c3..b9f30f6410cfd8889e667c0e9f047c72fa438428 100644
--- a/src/components/ContentComponents/Konnector/KonnectorResult.tsx
+++ b/src/components/ContentComponents/Konnector/KonnectorResult.tsx
@@ -125,6 +125,16 @@ const KonnectorResult: React.FC<KonnectorResultProps> = ({
</div>
<div className="inline-buttons">
<StyledButton
+ className="konnector-delete"
+ type="button"
+ color="secondary"
+ onClick={deleteAccount}
+ disabled={updating}
+ >
+ {t('KONNECTORCONFIG.BTN_DELETE')}
+ </StyledButton>
+ <StyledButton
+ className="konnector-update"
type="button"
color="primary"
onClick={updateKonnector}
@@ -136,14 +146,6 @@ const KonnectorResult: React.FC<KonnectorResultProps> = ({
<div>{t('KONNECTORCONFIG.BTN_UPDATE')}</div>
)}
</StyledButton>
- <StyledButton
- type="button"
- color="secondary"
- onClick={deleteAccount}
- disabled={updating}
- >
- {t('KONNECTORCONFIG.BTN_DELETE')}
- </StyledButton>
</div>
</div>
)
diff --git a/src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx b/src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx
index 6c4a545d52485084c52bb53b9afc39e0f17adc79..03f2aac567c14987407914fceef4f21a5195d0a3 100644
--- a/src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx
+++ b/src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx
@@ -141,7 +141,11 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
return (
<>
{isLoading ? null : (
- <div className={`accordion ${setActive}`}>
+ <div
+ className={`accordion ${
+ jobState === JobState.Errored ? '--errored' : ''
+ } ${setActive}`}
+ >
<div>
<div
className={`accordion-header ${setActive}`}
diff --git a/src/locales/en.json b/src/locales/en.json
index 55f0943ba98fb684047a00d17e12294d74a7c61c..0db3279e44b0dc4fb7e694b6cb10210a96ba6ba5 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1,245 +1,3 @@
{
- "Nav": {
- "home": "Accueil",
- "consumption": "Conso",
- "challenges": "Défis",
- "eco_gestures": "Eco-gestes",
- "ECOGESTURES": "Ecogestes",
- "BADGES": "Badges",
- "parameters": "Options",
- "connectors": "connecteurs",
- "graphs": "graphes"
- },
- "COMMON": {
- "APP_TITLE": "Ecolyo",
- "APP_CHALLENGE_TITLE": "Défis",
- "APP_ECO_GESTURE_TITLE": "Eco-gestes",
- "APP_PARAMETERS_TITLE": "Options",
- "APP_HELLO": "Bonjour",
- "APP_PRESENTATION": "Votre consommation d'énergie",
- "CONSO_DETAILS": "détail des consommations",
- "NODATA": "Pas de données",
- "LASTDATA": "Dernières données",
- "LASTVALIDDATA": "Dernières données valides",
- "DATATOCOME": "à venir",
- "CHALLENGE_CARD_LABEL": "Defi",
- "CONSO_CARDS_LABEL": "Consommation",
- "PERF_INDICATOR_LABEL": "Bilan",
- "DAILY_FRENQUENCY": "quotidien",
- "WEEKLY_FRENQUENCY": "hebdo",
- "MONTHLY_FRENQUENCY": "mensuel",
- "YEARLY_FRENQUENCY": "annuel",
- "MINI_CARDS_LABEL": "AUTRES ENERGIES",
- "APP_FAQ_TITLE": "FAQ",
- "APP_NEW_CHALLENGE_TITLE": "Nouveau défi",
- "APP_LOCKED_CHALLENGE_TITLE": "Défi à débloquer",
- "APP_ONGOING_CHALLENGE_TITLE": "Défi en cours",
- "APP_FINISHED_CHALLENGE_TITLE": "Défi terminé",
- "WELCOME_MODAL_TITLE": "Félicitations",
- "WELCOME_MODAL_PERSO": "Votre espace personnel a bien été créé.",
- "WELCOME_MODAL_CONNECT": "Vous pouvez maintenant connecter vos compteurs d’énergie à Ecolyo en toute sécurité.",
- "WELCOME_MODAL_OK": "Ok"
- },
- "LOADING": {
- "INDEX": "Vérification des données",
- "DATA": "Initialisation des données",
- "FLUIDTYPES": "Récupération de votre configuration",
- "CHALLENGE": "Mise à jour des challenges",
- "ERROR_LOADING": "Erreur pendant le chargement des données. Veuillez vérifier votre connexion internet.",
- "RELOAD": "Recharger"
- },
- "FLUID": {
- "ELECTRICITY": {
- "NAME": "Electricité",
- "LABEL": "Électricité",
- "UNIT": "kWh",
- "RELEVANT_METRICS": [
- { "BULB": "Vous avez consommé l'équivalent de 42 ampoules" },
- {
- "CONSOLE": "Une console de jeu fonctionnant 2 h par jour consomme 1,75 kWh en 1 semaine"
- }
- ]
- },
- "WATER": {
- "NAME": "Eau",
- "LABEL": "Eau",
- "UNIT": "L"
- },
- "GAS": {
- "NAME": "Gaz",
- "LABEL": "Gaz",
- "UNIT": "kWh"
- },
- "MULTIFLUID": {
- "NAME": "Multi fluide",
- "LABEL": "Multi fluide",
- "UNIT": "€"
- }
- },
- "TIMESTEP": {
- "YEAR": {
- "STEP": "Par an",
- "COMPARELABEL": "Comparer à l'année précédente"
- },
- "MONTH": {
- "STEP": "Par mois",
- "COMPARELABEL": "Comparer au mois précédent"
- },
- "DAY": {
- "STEP": "Par jour",
- "COMPARELABEL": "Comparer à la semaine précédente"
- },
- "HOUR": {
- "STEP": "Par heure",
- "COMPARELABEL": "Comparer à la journée précédente"
- },
- "HALF_AN_HOUR": {
- "STEP": "Par 1/2h",
- "COMPARELABEL": "Comparer à la journée précédente"
- }
- },
- "CONSUMPTION": {
- "DISPLAY_DETAIL": "Voir le détail",
- "DISPLAY_LAST_DATA": "Voir mes dernières consos"
- },
- "KONNECTORCONFIG": {
- "TITLE_CONNECTION": "Connexion aux distributeurs",
- "TITLE_KONNECTEURS": "connecteurs",
- "LABEL_STATE": "Etat",
- "LABEL_LOGIN": "login",
- "LABEL_PASSWORD": "password",
- "LABEL_UPDATEDAT": "dernière mise-à-jour le",
- "LABEL_FREQUENCY": "fréquence",
- "LABEL_FILLIN": "Renseignez vos identifiants",
- "LABEL_CONNECTTO_ELECTRICITY": "Se connecter à l'électricité",
- "LABEL_CONNECTTO_WATER": "Se connecter à l'eau",
- "LABEL_CONNECTTO_GAS": "Se connecter au gaz",
- "BTN_CONNECTION": "Je me connecte à mon compte",
- "BTN_NOACCOUNT": "Créer mes identifiants",
- "BTN_INSTALL": "Installer",
- "BTN_CONFIGURE": "Configurer",
- "BTN_UPDATE": "Mettre à jour",
- "BTN_DELETE": "Supprimer",
- "LOADING_DATA": "Vos premières données seront disponibles dans quelques minutes et les prochaines données seront chargées automatiquement.",
- "PLZ_WAIT": "Veuillez patienter",
- "NOT_INSTALLED": "Le connecteur n'est pas installé. Veuillez l'installer en cliquant sur le bouton ci-dessous.",
- "ERROR_NO_LOGIN_PASSWORD": "Identifiant et mot de passe requis",
- "ERROR_ACCOUNT_CREATION": "Une erreur est survenue, veuillez essayer de nouveau.",
- "ERROR_LOGIN_FAILED": "Identifiants invalides",
- "SUCCESS_TXT": "Félicitations !",
- "SUCCESS_DATA_ELECTRICITY": "Vos données de consommation d'électricité sont maintenant conntectées à Ecolyo.",
- "SUCCESS_DATA_WATER": "Vos données de consommation d'eau sont maintenant conntectées à Ecolyo.",
- "SUCCESS_DATA_GAS": "Vos données de consommation de gaz sont maintenant conntectées à Ecolyo.",
- "ERROR_TXT": "Aïe !",
- "ERROR_DATA_ELECTRICITY": "Un problème a empêché vos données de consommation d'électricité de se connecter à Ecolyo.",
- "ERROR_DATA_WATER": "Un problème a empêché vos données de consommation d'eau se connecter à Ecolyo.",
- "ERROR_DATA_GAS": "Un problème a empêché vos données de consommation de gaz de se connecter à Ecolyo.",
- "ERROR_DATA_2": "Merci de réessayer plus tard.",
- "OK": "Ok"
- },
- "INDICATOR": {
- "DISPLAY_OTHER_FLUID": "Voir",
- "ERROR_NO_COMPARE": "comparaison impossible",
- "ERROR_NO_COMPARE_REASON": "(manque de données)"
- },
- "FAQ": {
- "TITLE_FAQ": "Foire aux questions",
- "READ_FAQ": "Lire la FAQ"
- },
- "CHALLENGE": {
- "TITLE_CHALLENGE": "Defi",
- "NO_CHALLENGE": "Veuillez selectionner un defi",
- "NO_CHALLENGE_DATA": "Pas de données trouvées pour le défi",
- "NEW_CHALLENGE": "Nouveau Défi",
- "ONGOING_CHALLENGE": "En cours",
- "ENDINGDATE_UNDEFINED": "Date non connue",
- "LOCKED": "Vous devez finir le défi précédent pour accéder à celui-ci",
- "FULLY_LOCKED": "Ce défi sera disponible dans une prochaine mise à jour",
- "START": "Allons-y !",
- "NOT_NOW": "Pas maintenant !",
- "STOP": "Arrêter le défi",
- "BACK": "I'll be back",
- "ECOGESTURE": "Voir l'écogeste",
- "LINKED_ECOGESTURES": "Écogestes associés",
- "VIEW_START": "Visualisation à partir du ",
- "VIEW_RESULT": "Résultats le ",
- "PERIOD": "Période de defi",
- "OK": "Ok",
- "WIN_TEXT": "Vous avez débloqué le badge",
- "WIN_TEXT_ECOLYO": "En vous connectant à un distributeur, vous avez débloqué le badge Ecolyo Royal !",
- "WIN_TEXT_ECOLYO_NEW_AVAILABLE": "Le défi “Coques en stock” est maintenant disponible !",
- "CONGRATULATION": "Félicitations !",
- "RESULT_POSITIF": "Vous avez économisé",
- "RESULT_NEGATIF": "Vous avez dépassé de",
- "RESULT_NOT_AVAILABLE": "Objectif à venir",
- "DEFEAT": "Presque... ",
- "DEFEAT_RESULT": "Vous avez dépassé",
- "DEFEAT_RESULT2": "de ",
- "CONSOLATION": "Vous êtes proches de votre objectif, gardez le cap avec ce badge ",
- "CONSOLATION2": " en chocolat."
- },
- "ECOGESTURE": {
- "TITLE_ECOGESTURE": "Ecogeste",
- "NO_ECOGESTURE": "Pas d'ecogeste"
- },
- "NEGAWATT": {
- "TITLE_NEGAWATT": "NégaWatt",
- "QUESTION": "Que sont les nWh ? (néga Watt heure)",
- "ANSWER": {
- "BASE": "Le néga Watt heure (ou nWh) sert d'unité de mesure de vos économies d'énergie.",
- "STRONG": "10 nWh : économie importante",
- "MEDIUM": "3 nWh : économie moyenne",
- "WEAK": "1 nWh : économie faible"
- }
- },
- "auth": {
- "enedis": {
- "connect": {
- "info" : "En cliquant sur ce bouton, vous accéderez à votre compte Enedis. Vous pourrez donner votre accord pour récupérer vos données de consommation électriques dans votre cloud personnel",
- "label1": "J'accède à mon",
- "label2": "espace client Enedis"
- },
- "no_account" : {
- "title": "Pas de compte Enedis ?",
- "text": "Vous pouvez le créer en vous munissant d'une facture d'élétricité."
- },
- "create_account": "Je crée mon compte personnel Enedis"
- },
- "grdf" : {
- "connect": {
- "label1": "Je me connecte à",
- "label2": "mon compte GRDF"
- },
- "no_account" : {
- "title": "Pas de compte GRDF ?",
- "text": "Vous pouvez le créer en vous munissant d'une facture de gaz."
- },
- "create_account": "Je crée mon compte GRDF"
- },
- "egl" : {
- "connect": {
- "label1": "Je me connecte à",
- "label2": "mon compte Eau du Grand Lyon"
- },
- "no_account" : {
- "title": "Pas de compte Eau du Grand Lyon ?",
- "text": "Vous pouvez le créer en vous munissant d'une facture d'eau."
- },
- "create_account": "Je crée mon compte Eau du GL"
- }
- },
- "oauth": {
- "window": {
- "title": "OAuth"
- }
- },
- "timestep": {
- "activate": {
- "enedis": {
- "info": "Pour visualiser vos consommations à la 1/2 heure, il vous faut valider l'activation de l'enregistrement de votre consommation horaire sur votre compte Enedis",
- "label1": "Activer sur mon compte Enedis",
- "activateLink": "https://mon-compte-client.enedis.fr/"
- }
- }
- }
+
}
diff --git a/src/styles/components/_form.scss b/src/styles/components/_form.scss
index 837dd5323a6b8ea99d24e5233e08045ade837ccc..7a32dca36a751e7a0e245d14ff30290a5ecfb4ac 100644
--- a/src/styles/components/_form.scss
+++ b/src/styles/components/_form.scss
@@ -2,9 +2,9 @@
@import '../base/breakpoint';
.form {
- padding: 1vh 1.5vw;
+ padding: 1rem;
@media #{$large-phone} {
- padding: 1vh 0;
+ padding: 1rem;
}
label {
font-style: normal;
diff --git a/src/styles/components/_konnector.scss b/src/styles/components/_konnector.scss
index 1990158480a0d65f7d79fe5a744f7d253cb6a5a1..a8f955b3497ad48986d56d7bdcc1af0b4a4bdc93 100644
--- a/src/styles/components/_konnector.scss
+++ b/src/styles/components/_konnector.scss
@@ -1,11 +1,10 @@
@import '../base/color';
@import '../base/breakpoint';
-
.accordion {
display: flex;
flex-direction: column;
color: $text-color;
- padding: 1rem 1rem;
+ padding: 1rem 0;
margin-bottom: 2vh;
border-radius: 4px;
background: linear-gradient(180deg, #323339 0%, #25262b 100%);
@@ -20,6 +19,7 @@
align-items: center;
border: none;
outline: none;
+ padding: 0 1rem;
&:hover {
cursor: pointer;
}
@@ -86,12 +86,23 @@
.inline-buttons {
display: flex;
flex-flow: row nowrap;
+ padding: 0 1rem;
+ }
+ .konnector-delete {
+ margin-right: 0.25rem;
+ color: $red-primary !important;
+ }
+ .konnector-update {
+ margin-left: 0.25rem;
}
.btn-position {
width: 100%;
margin: 0.5rem 1rem;
}
}
+.--errored {
+ border: solid 1px $red-primary;
+}
.kv-root {
display: flex;
@@ -130,8 +141,13 @@
// KonnectorOAuthForm
.koauthform {
margin: 0 1.5rem;
+ padding: 0 1rem;
+ .create-account {
+ color: $text-bright;
+ }
@media #{$large-phone} {
margin: 0;
+ padding: 0 1rem;
}
.koauthform-text {
color: $text-bright;
@@ -144,6 +160,9 @@
// KonnectorLoginForm
.kloginauthform {
+ .create-account {
+ color: $text-bright;
+ }
.kloginauthform-text {
color: $text-bright;
padding-top: 1rem;
@@ -153,7 +172,6 @@
}
}
-
// KonnectorLoading
.klaunch-content {
margin: 0.5rem 1.5rem;
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 0545d607d34b96ae573444bcbd8e8eae554f9bfe..4b50efdb1f7c163cff57f377abf0d3838d142198 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -39,6 +39,7 @@
--waterCompareColor: #{$water-compare-color};
--multiColor: #{$multi-color};
--multiCompareColor: #{$multi-compare-color};
+ --redPrimary: #{$red-primary};
--greyBright: #{$grey-bright};
--greyDark: #{$grey-dark};
--textBlack: #{$text-black};