Merge branch 'dev-channel'

Magic-Fishes · Apr 24, 2024 · 3a0891e · 3a0891e
2 parents d1da845 + d800329
commit 3a0891e
Show file tree

Hide file tree

Showing 7 changed files with 49 additions and 17 deletions.
diff --git a/README.md b/README.md
@@ -7,10 +7,13 @@
 
 ## About Ecole Directe Plus
 
-Ecole Directe Plus is basically a better EcoleDirecte. (unofficial)
+Ecole Directe Plus is basically a better EcoleDirecte.
 The EcoleDirecte platform has been completely redesigned from scratch to offer the best comfort to all students.
 Enjoy the most-requested features and a ton of small but game changer improvements.
 
+> [!warning]
+> This project is not affiliated with EcoleDirecte or Aplim in any way.
+
 ### New features
 
 - Dashboard

diff --git a/index.html b/index.html
@@ -12,20 +12,20 @@
     <!-- embed preview -->
     <meta name="theme-color" content="#181829" id="theme-color">
     <meta name="description"
-        content="Ecole Directe Plus est une version améliorée d'EcoleDirecte (non officielle), offrant une meilleure expérience avec une interface moderne et intuitive, enrichie de fonctionnalités exclusives comme le calcul automatique de la moyenne générale, le tout gratuitement.">
+        content="Ecole Directe Plus est une version améliorée d'EcoleDirecte (non-affiliée), offrant une meilleure expérience avec une interface moderne et intuitive, enrichie de fonctionnalités exclusives comme le calcul automatique de la moyenne générale, le tout gratuitement.">
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website">
     <meta property="og:url" content="ecole-directe.plus">
     <meta property="og:site_name" content="Ecole Directe Plus">
     <meta property="og:title" content="Ecole Directe Plus">
     <meta property="og:description"
-        content="Ecole Directe Plus est une version améliorée d'EcoleDirecte (non officielle), offrant une meilleure expérience avec une interface moderne et intuitive, enrichie de fonctionnalités exclusives comme le calcul automatique de la moyenne générale, le tout gratuitement.">
+        content="Ecole Directe Plus est une version améliorée d'EcoleDirecte (non-affiliée), offrant une meilleure expérience avec une interface moderne et intuitive, enrichie de fonctionnalités exclusives comme le calcul automatique de la moyenne générale, le tout gratuitement.">
     <meta property="og:image" content="https://i.ibb.co/rM10bSb/Cover-2.png">
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
     <meta property="twitter:title" content="Ecole Directe Plus">
     <meta property="twitter:description"
-        content="Ecole Directe Plus est une version améliorée d'EcoleDirecte (non officielle), offrant une meilleure expérience avec une interface moderne et intuitive, enrichie de fonctionnalités exclusives comme le calcul automatique de la moyenne générale, le tout gratuitement.">
+        content="Ecole Directe Plus est une version améliorée d'EcoleDirecte (non-affiliée), offrant une meilleure expérience avec une interface moderne et intuitive, enrichie de fonctionnalités exclusives comme le calcul automatique de la moyenne générale, le tout gratuitement.">
     <meta property="twitter:image" content="https://i.ibb.co/rM10bSb/Cover-2.png">
     <title>Ecole Directe Plus</title>
 </head>

diff --git a/src/components/Login/Login.css b/src/components/Login/Login.css
@@ -158,12 +158,20 @@
     color: rgba(var(--text-color-alt), 0.7);
 } */
 
+p.not-affiliated-mention {
+    position: absolute;
+    left: 10px;
+    bottom: 10px; /* aligne avec la baseline du numéro de version */
+    font-size: var(--font-size-14);
+    color: rgb(var(--text-color-alt));
+}
+
 p.policy {
     width: calc(100vw - 2*50px); /* fullscreen width - taille de EDPVersion */
     text-align: center;
-    position: absolute;
     font-size: var(--font-size-14);
     color: rgb(var(--text-color-alt));
+    position: absolute;
     left: 50%;
     bottom: 10px; /* aligne avec la baseline du numéro de version */
     transform: translateX(-50%);
@@ -180,6 +188,12 @@ p.policy {
     color: rgb(var(--border-color-0));    
 }
 
+@media only screen and (max-width: 869px) {
+    p.not-affiliated-mention {
+        display: none;
+    }
+}
+
 @media only screen and (max-width: 460px) {
     body :has(.login) {
         background-color: rgb(var(--background-color-1)) !important;

diff --git a/src/components/Login/Login.jsx b/src/components/Login/Login.jsx
@@ -50,6 +50,9 @@ export default function Login({ keepLoggedIn, setKeepLoggedIn, A2FInfo, setRequi
                 <h1>Connexion</h1>
                 <LoginForm keepLoggedIn={keepLoggedIn} setKeepLoggedIn={setKeepLoggedIn} A2FInfo={A2FInfo} setRequireA2F={setRequireA2F} bufferUserIds={bufferUserIds} fetchLogin={fetchLogin} logout={logout} loginFromOldAuthInfo={loginFromOldAuthInfo} />
             </div>
+            <p className="not-affiliated-mention">
+                Service non-affilié à Aplim
+            </p>
             <p className="policy">
                 En vous connectant, vous confirmez avoir lu et accepté notre <Link to="#policy" replace={true} className="policy-link" id="legal-notice">Politique de confidentialité et Conditions d'utilisation</Link>.
             </p>

diff --git a/src/components/generic/Policy.jsx b/src/components/generic/Policy.jsx
@@ -20,14 +20,15 @@ export default function Policy({ onCloseNavigateURL }) {
         <h3 className="part-header">Politique de confidentialité</h3>
         <h4 className="sub-header">Résumé</h4>
         <ul>
+            <p className="legal-content"><span id="info-emoji">ℹ️</span> Ecole Directe Plus n'est en aucun cas affilié à EcoleDirecte ou Aplim, il s'agit d'un service indépendant libre et open source.</p>
             <p className="legal-content">✅ Ecole Directe Plus ne collecte aucune information sur les utilisateurs du service.</p>
             <p className="legal-content">✅ Ecole Directe Plus ne crée pas de compte lors de la connexion, la connexion a lieu sur les serveurs d'Aplim. Autrement dit, nous ne STOCKONS PAS les identifiants des utilisateurs se connectant.</p>
             <p className="legal-content">✅ Ecole Directe Plus ne permet, ni ne prétend donner accès à des données auxquelles l'élève n'a pas accès, incluant, mais ne se limitant pas aux : points aux examens* et au rang de l'élève*.</p>
-            <p className="legal-content"> <span id="info-emoji">ℹ️</span> Les seules données collectées le sont par Aplim (<a className="external-link" href="https://www.ecoledirecte.com" target="_blank">EcoleDirecte</a>) conformément à leur politique de confidentialité décrite dans les <a className="external-link" href="https://www.ecoledirecte.com/login" target="_blank">Mentions Légales.</a></p>
-            <p className="legal-content">*Si l'accès à ces données est possible par l'utilisateur sur la plateforme classique d'EcoleDirecte, ces données peuvent être affichées sur Ecole Directe Plus. Par ailleurs, si les moyennes de l'utilisateur ne sont pas disponibles, elles seront calculées, mais ce de façon locale sur l'appareil du client, les informations ne sont PAS transmises à nos serveurs.</p>
+            <p className="legal-content"><span id="info-emoji">ℹ️</span> Les seules données collectées le sont par Aplim (<a className="external-link" href="https://www.ecoledirecte.com" target="_blank">EcoleDirecte</a>) conformément à leur politique de confidentialité décrite dans les <a className="external-link" href="https://www.ecoledirecte.com/login" target="_blank">Mentions Légales.</a></p>
+            <p className="legal-content">*Si l'accès à ces données est possible par l'utilisateur sur la plateforme officielle d'EcoleDirecte, ces données peuvent être affichées sur Ecole Directe Plus. Par ailleurs, si les moyennes de l'utilisateur ne sont pas disponibles, elles seront calculées, mais ce de façon locale sur l'appareil du client, les informations ne sont PAS transmises à nos serveurs.</p>
         </ul>
         <hr className="light-hr" />
-        <h4 className="sub-header">Ecole Directe Plus est un service non-officiel utilisant des données fournis par <a href="https://www.ecoledirecte.com" target="_blank">EcoleDirecte</a>, héritant ainsi de leurs mentions légales qui sont présentées ci-dessous :</h4>
+        <h4 className="sub-header">Ecole Directe Plus est un service non-affilié utilisant des données fournis par <a href="https://www.ecoledirecte.com" target="_blank">EcoleDirecte</a>, héritant ainsi de leurs mentions légales qui sont présentées ci-dessous :</h4>
         <li className="legal-content">Les données personnelles sécurisées figurant sur ce site Internet concernent des élèves et les familles, et sont fournies par le logiciel Charlemagne des établissements scolaires au sein desquels ceux-ci sont scolarisés.</li>
         <li className="legal-content">EcoleDirecte ne collecte aucune donnée personnelle directement sur le site Internet, ni cookie, à l’exception des email et téléphone mobile, utilisés EXCLUSIVEMENT pour la récupération des identifiants.</li>
         <li className="legal-content">Ces établissements scolaires se sont engagés à apporter tous leurs soins dans la qualité des informations diffusées. Il s’agit toutefois d’indications qui, en aucun cas, ne pourraient faire foi en lieu et place des documents usuels (bulletins de notes, relevés de notes, relevés d’absences et de sanctions).</li>
@@ -42,7 +43,7 @@ export default function Policy({ onCloseNavigateURL }) {
         <hr />
         <h3 className="part-header" >Conditions d'utilisations</h3>
         <h4 className="sub-header">1. Général</h4>
-        <li className="legal-content">Les noms et pronoms "Ecole Directe Plus", "ED+", "service", "Nous", "Notre/Nos" renvoient au service Ecole Directe Plus (non officiel) proposé par le groupuscule Magic-Fish. L'accès et l'utilisation du service Ecole Directe Plus est l'objet de ces présentes conditions d'utilisations. En accédant ou utilisant n'importe quelle partie de l'application, vous déclarez avoir lu, compris, et accepté ces présentes mentions légales.</li>
+        <li className="legal-content">Les noms et pronoms "Ecole Directe Plus", "ED+", "service", "Nous", "Notre/Nos" renvoient au service Ecole Directe Plus (non-affilié) proposé par le groupuscule Magic-Fish. L'accès et l'utilisation du service Ecole Directe Plus est l'objet de ces présentes conditions d'utilisations. En accédant ou utilisant n'importe quelle partie de l'application, vous déclarez avoir lu, compris, et accepté ces présentes mentions légales.</li>
         <h4 className="sub-header">2. Description du site et du service</h4>
         <li className="legal-content">Ecole Directe Plus a pour objectif d'offrir à ses utilisateurs un cadre agréable à la consultation des données scolaires. Ecole Directe Plus se réserve le droit, à sa seule discrétion et à n'importe quel moment, de mettre à jour, modifier, suspendre, apporter des améliorations ou interrompre tout aspect du service, temporairement ou définitivement.</li>
         <h4 className="sub-header">3. Usages acceptables du service</h4>
@@ -105,7 +106,7 @@ export default function Policy({ onCloseNavigateURL }) {
             The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 
             The Software is provided “as is”, without warranty of any kind, express or implied, including but not limited to the warranties of merchantability, fitness for a particular purpose and noninfringement. In no event shall the authors or copyright holders X be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise, arising from, out of or in connection with the software or the use or other dealings in the Software.</li>
-        <li className="legal-content" style={{ listStyle: "none", marginBlock: "20px 2px" }}>Dernière révision le 26 mars 2024</li>
+        <li className="legal-content" style={{ listStyle: "none", marginBlock: "20px 2px" }}>Dernière révision le 24 avril 2024</li>
         <li className="legal-content" style={{ listStyle: "none", marginBlock: "2px 20px" }}>Nous contacter : <a href="mailto:[email protected]" style={{ color: "rgb(var(--text-color-alt))" }} >[email protected]</a></li>
         <li id="copyleft-container">Copyleft <Copyleft id="copyleft" alt="Copyleft" width="13" height="13" /> {new Date().getFullYear()} Ecole Directe Plus</li>
     </ul>

diff --git a/src/components/generic/WelcomePopUp.css b/src/components/generic/WelcomePopUp.css
@@ -1,4 +1,3 @@
-
 a.welcome-pop-up-links {
     text-decoration: none;
     color: rgb(var(--border-color-1));
@@ -11,4 +10,16 @@ a.welcome-pop-up-links:is(:hover, :focus-visible) {
 
 a.welcome-pop-up-links:active {
     color: rgba(var(--border-color-0), .7);
-}
+}
+
+p.not-affiliated-disclaimer {
+    border-left: 3px solid darkorange;
+    padding-left: 10px;
+    color: darkorange;
+    margin-bottom: 12px;
+}
+
+.light .not-affiliated-disclaimer {
+    border-color: rgb(150, 47, 0);
+    color: rgb(150, 47, 0);
+}
diff --git a/src/components/generic/WelcomePopUp.jsx b/src/components/generic/WelcomePopUp.jsx
@@ -7,23 +7,23 @@ import "./WelcomePopUp.css";
 
 import { AppContext } from "../../App";
 
-const closingCooldown = 300; // milliseconds
-
 export default function WelcomePopUp({ currentEDPVersion, onClose }) {
     const { globalSettings } = useContext(AppContext);
 
     return (
         <InfoPopUp header={<strong><em>Ecole Directe Plus{globalSettings.isDevChannel.value ? " • DEV" : null}</em></strong>} subHeader={globalSettings.isDevChannel.value ? "Bienvenue sur le canal développeur" : ("Bienvenue dans la version " + currentEDPVersion)} contentTitle={globalSettings.isDevChannel.value ? "Informations :" : "Guide premiers pas :"} onClose={onClose} >
             {globalSettings.isDevChannel.value ? <ul>
-                <li>Bienvenue sur le canal développeur d'<em>Ecole Directe Plus</em>, votre nouvelle plateforme éducative libre et open-source (service non officiel indépendant d'EcoleDirecte).</li>
+                <li>Bienvenue sur le canal développeur d'<em>Ecole Directe Plus</em>, votre nouvelle plateforme éducative libre et open-source (service non-affilié indépendant d'EcoleDirecte).</li>
                 <li>Merci de participer activement au développement d'Ecole Directe Plus. Nous sommes très curieux et nous vous invitons à <Link to="/feedback" className="welcome-pop-up-links">faire de nombreux retours</Link> pour nous signaler des bugs, suggérer de nouvelles fonctionnalités, ou simplement pour nous partager votre avis. Nous sommes très reconnaissant par avance du temps que vous passerez à faire évoluer le service.</li>
                 <li>Discutez avec les développeurs et la communauté d'Ecole Directe Plus en rejoignant le <a href="https://discord.gg/AKAqXfTgvE" target="_blank">serveur Discord</a> !</li>
                 <li>Avertissement : ce canal peut être instable et est susceptible de dysfonctionner. Si vous n'êtes pas certain de vouloir y accéder, <a className="welcome-pop-up-links" href="https://ecole-directe.plus/?verifiedOrigin=true" onClick={() => globalSettings.isDevChannel.set(false)}>cliquez ici</a> pour retourner sur le canal stable d'Ecole Directe Plus.</li>
                 <li>Note : les paramètres du canal stable et du canal développeur sont dissociés.</li>
             </ul> : <ul>
-                <li>Bienvenue sur <em>Ecole Directe Plus</em>, votre nouvelle plateforme éducative libre et open-source (service non officiel indépendant d'EcoleDirecte). Suivez ce guide et faites vos premiers pas :</li>
+                <li>Bienvenue sur <em>Ecole Directe Plus</em>, votre nouvelle plateforme éducative libre et open-source. Suivez ce guide et faites vos premiers pas :</li>
+                <p className="not-affiliated-disclaimer">Attention : ce service n'est PAS affilié à EcoleDirecte ou Aplim, il s'agit d'un projet indépendant et communautaire.</p>
                 <ol>
-                    <li>Dans le menu de connexion, connectez vous simplement à l'aide de vos identifiants EcoleDirecte</li>
+                    <li>Installez <a href="https://chromewebstore.google.com/detail/ecole-directe-plus-unbloc/jglboadggdgnaicfaejjgmnfhfdnflkb?hl=fr">l'extension de navigateur EDP Unblock</a> afin d'accéder à Ecole Directe Plus sans interruption.</li>
+                    <li>Dans le menu de connexion, connectez vous simplement à l'aide de vos identifiants EcoleDirecte.</li>
                     <li>Félicitations, vous êtes connecté et prêt à utiliser ED+ ! Profitez d'une multitude de fonctionnalités inédites :</li>
                     <ul>
                         <li>Calcul instantané des moyennes par matière</li>