Ajouter des messages d'avertissement pour les dévs qui utilisent notre API pour rappeler d'utiliser démo pour des tests

frontend/src/views/DeveloperPage.vue

@@ -12,11 +12,21 @@
       </v-btn>
     </div>
     <div v-else-if="loggedUser.isDev">
-      <p>Sur cette page vous pouvez gérer vos applications et consulter la documentation de notre API.</p>
-      <p>
-        Vous pouvez aussi
-        <a @click="toggleDevMode(false)" text>désactiver le mode développeur de votre compte</a>
-        .
+      <p v-if="env === 'prod'">
+        Vous êtes dans l'environnement
+        <b>production</b>
+        de
+        <i>ma cantine</i>
+        . Veuillez utiliser
+        <a href="https://ma-cantine-demo.cleverapps.io">le site démo</a>
+        pour les tests.
+      </p>
+      <p v-else-if="env === 'demo'">
+        Vous êtes dans l'environnement
+        <b>démo</b>
+        de
+        <i>ma cantine</i>
+        . Cet environnement est un bac à sable dédié aux tests.
       </p>
       <v-row class="mt-6">
         <v-col cols="12" sm="6">
@@ -62,6 +72,11 @@
         </a>
         . L'application est basée sur Python/Flask et utilise les APIs ma cantine.
       </p>
+      <p>
+        Cette page ne vous parle pas ?
+        <a @click="toggleDevMode(false)" text>Désactiver le mode développeur de votre compte</a>
+        .
+      </p>
       <v-divider class="my-10"></v-divider>
 
       <h2 class="text-h6 font-weight-black mt-10 mb-6">Une question ? Contactez-nous</h2>
@@ -95,6 +110,9 @@ export default {
     loggedUser() {
       return this.$store.state.loggedUser
     },
+    env() {
+      return window.ENVIRONMENT
+    },
   },
   methods: {
     toggleDevMode(enable) {

templates/oauth2_provider/application_list.html

@@ -4,6 +4,9 @@
 {% block content %}
     <div class="block-center">
         <h3 class="block-center-heading">{% trans "Your applications" %}</h3>
+
+        {% include "./prod_warning.html" %}
+
         {% if applications %}
             <ul>
                 {% for application in applications %}

templates/oauth2_provider/prod_warning.html

@@ -0,0 +1,13 @@
+{% load environment %}
+
+{% environment as env %}
+{% if env == "prod" %}
+    <p>Vous êtes dans l'environnement <b>production</b> de <i>ma cantine</i>.</p>
+    <p>
+        Pour effectuer des tests, veuillez utiliser
+        <a href="https://ma-cantine-demo.cleverapps.io">notre environnement démo</a>
+        : un bac a sable permettant de manipuler des données sans risque.
+    </p>
+{% elif env == "demo" %}
+    <p>Vous êtes dans l'environnement <b>démo</b> de <i>ma cantine</i>.</p>
+{% endif %}