Update frontend (make web)

toniebox-reverse-engineering · Oct 24, 2024 · 2eb6711 · 2eb6711
1 parent fc771fd
commit 2eb6711
Show file tree

Hide file tree

Showing 14 changed files with 245 additions and 161 deletions.
diff --git a/...rib/data/www/web/assets/index-CoQmkkWc.js → ...rib/data/www/web/assets/index-S6WaxzNg.js b/...rib/data/www/web/assets/index-CoQmkkWc.js → ...rib/data/www/web/assets/index-S6WaxzNg.js
diff --git a/contrib/data/www/web/assets/openTB_step1_1-4vwQGflo.png b/contrib/data/www/web/assets/openTB_step1_1-4vwQGflo.png
diff --git a/contrib/data/www/web/assets/openTB_step1_2-DIZc5DI4.png b/contrib/data/www/web/assets/openTB_step1_2-DIZc5DI4.png
diff --git a/contrib/data/www/web/assets/openTB_step2-DhjDRq3m.png b/contrib/data/www/web/assets/openTB_step2-DhjDRq3m.png
diff --git a/contrib/data/www/web/assets/openTB_step3-Dn6Mo3hQ.png b/contrib/data/www/web/assets/openTB_step3-Dn6Mo3hQ.png
diff --git a/contrib/data/www/web/assets/openTB_step4-Bj5i-Kw_.png b/contrib/data/www/web/assets/openTB_step4-Bj5i-Kw_.png
diff --git a/contrib/data/www/web/assets/openTB_step5-DTGOEBgD.png b/contrib/data/www/web/assets/openTB_step5-DTGOEBgD.png
diff --git a/contrib/data/www/web/index.html b/contrib/data/www/web/index.html
@@ -12,7 +12,7 @@
         -->
         <link rel="manifest" href="/web/manifest.json" />
         <title>TeddyCloud</title>
-      <script type="module" crossorigin src="/web/assets/index-CoQmkkWc.js"></script>
+      <script type="module" crossorigin src="/web/assets/index-S6WaxzNg.js"></script>
       <link rel="stylesheet" crossorigin href="/web/assets/index-BU1Nt4kW.css">
     </head>
     <body>

diff --git a/contrib/data/www/web/translations/de.json b/contrib/data/www/web/translations/de.json
@@ -438,9 +438,28 @@
             "openBoxGuide": {
                 "navigationTitle": "Toniebox öffnen",
                 "title": "So öffnest du deine Toniebox und greifst auf die Platine zu",
-                "intro": "Falls du nicht weißt, wie du deine Toniebox öffnen kannst, um an die Platine zu gelangen, findest du hier zwei hilfreiche Anleitungen!",
                 "link1": "https://de.ifixit.com/Anleitung/Toniebox+%C3%B6ffnen/124139",
-                "linkTooltip": "Klicke hier, um die Anleitung zum Öffnen einer Toniebox anzuzeigen."
+                "link2": "https://de.ifixit.com/Teardown/Toniebox+Teardown/106148",
+                "guideSourcePart1": "Schritt 1-4 dieser Anleitung ist übernommen von",
+                "guideSourcePart2": "und Schritt 5 ist übernommen von",
+                "guideSourcePart3": "Beide Anleitungen wurden ursprünglich geschrieben von",
+                "guideSourcePart4": ", der auch der Ersteller aller verwendeten Bilder ist. Diese Anleitung steht unter der",
+                "guideSourceLicense": "Creative Commons BY-NC-SA 3.0 Lizenz",
+                "step1": "Schritt 1",
+                "step1Text1": "Stelle die Toniebox auf eine flache Oberfläche (z.B. einen Schreibtisch oder eine Werkbank).",
+                "step1Text2": "Übe etwas Druck aus und drehe die Toniebox gegen den Uhrzeigersinn, um die beiden Clips unter der Bodenplatte zu entriegeln.",
+                "step1Text3": "Du wirst ein \"Klick\" hören, wenn die beiden Clips entriegelt sind.",
+                "step2": "Schritt 2",
+                "step2Text": "Entferne die Bodenplatte.",
+                "step3": "Schritt 3",
+                "step3Text": "Entferne die Phillips-Schraube #1 am Boden der Toniebox.",
+                "step4": "Schritt 4",
+                "step4Text": "Hebe den inneren Teil aus dem Schaumstoffgehäuse.",
+                "step5": "Schritt 5",
+                "step5Text1": "Der Akkupack und das Motherboard sind nur mit zwei Standard-Phillips-Schrauben befestigt.",
+                "step5Text2": "Entferne die Schrauben, und du kannst den Akkupack vom PCB trennen.",
+                "finally": "Jetzt kannst du auf das PCB zugreifen, um deine Toniebox-Version zu identifizieren und deine Toniebox zu modifizieren!",
+                "alternativeGuidelineVideo": "Alternativ kannst du dir die folgende Anleitung auf YouTube ansehen:"
             }
         },
         "boxWithoutAPIAccess": "Toniebox ohne TeddyCloud API Zugang!",
@@ -724,6 +743,8 @@
         "navigationTitle": "Tonieboxen",
         "newBoxesAllowed": "Neue Tonieboxen erlaubt",
         "newBoxesAllowedText": "Du kannst neue Tonieboxen mit TeddyCloud verbinden. Wenn du alle deine Boxen verbunden hast, deaktiviere aus Sicherheitsgründen bitte die Einstellung \"Allow new boxes\".",
+        "noData": "Keine Tonieboxen gefunden.",
+        "noDataText": "Tonieboxen erscheinen erst nach erfolgreicher Verbindung. Stelle sicher, dass deine Toniebox richtig verbunden ist.",
         "noNewBoxesAllowed": "Neue Tonieboxen sind nicht erlaubt",
         "noNewBoxesAllowedText": "Du kannst keine neuen Tonieboxen mit TeddyCloud verbinden. Bitte aktiviere zuerst die Einstellung „Neue Boxen erlauben“. Sobald du alle deine Boxen verbunden hast, deaktiviere die Einstellung „Neue Boxen erlauben“ aus Sicherheitsgründen.",
         "offline": "offline",

diff --git a/contrib/data/www/web/translations/en.json b/contrib/data/www/web/translations/en.json
@@ -438,9 +438,28 @@
             "openBoxGuide": {
                 "navigationTitle": "Open Toniebox",
                 "title": "How to Open and Access Your Toniebox PCB",
-                "intro": "If you're unsure how to open your Toniebox and access the PCB, here are two helpful guides to walk you through the process!",
                 "link1": "https://www.ifixit.com/Guide/Toniebox+Opening+Procedure/124139",
-                "linkTooltip": "Click here to view the guide on how to open a Toniebox."
+                "link2": "https://www.ifixit.com/Teardown/Toniebox+Teardown/106148",
+                "guideSourcePart1": "Step 1-4 of this guide is taken from",
+                "guideSourcePart2": "and step 5 is taken from",
+                "guideSourcePart3": "Both guides originally written by",
+                "guideSourcePart4": "who is also the creator of all images used. This guideline is licensed under the ",
+                "guideSourceLicense": "Creative Commons BY-NC-SA 3.0 license",
+                "step1": "Step 1",
+                "step1Text1": "Put the Toniebox on a flat surface (e.g. a desk or a workbench).",
+                "step1Text2": "Apply some pressure and turn the Toniebox counterclockwise to unlock the two clips beneath the bottom plate.",
+                "step1Text3": "You will hear a \"klick\" when the two clips unlock.",
+                "step2": "Step 2",
+                "step2Text": "Remove the bottom plate.",
+                "step3": "Step 3",
+                "step3Text": "Remove the Phillips #1 screw on the bottom of the Toniebox.",
+                "step4": "Step 4",
+                "step4Text": "Lift the inner part out of the foam housing.",
+                "step5": "Step 5",
+                "step5Text1": "The battery pack and motherboard are secured with just two standard Phillips screws.",
+                "step5Text2": "Remove the screws, and you can detach the battery pack from the PCB.",
+                "finally": "Now you can access the PCB to identify your Toniebox version and modify your Toniebox!",
+                "alternativeGuidelineVideo": "Alternativly you can watch the following guide in Youtube:"
             }
         },
         "boxWithoutAPIAccess": "Toniebox with no TeddyCloud API access!",
@@ -724,6 +743,8 @@
         "navigationTitle": "Tonieboxes",
         "newBoxesAllowed": "New Tonieboxes allowed",
         "newBoxesAllowedText": "You can connect new Tonieboxes to TeddyCloud. Once you have connected all your boxes, please disable the \"Allow new boxes\" setting for security reasons.",
+        "noData": "No Tonieboxes found.",
+        "noDataText": "Tonieboxes will only appear after establishing a successful connection. Ensure your Toniebox is connected properly.",
         "noNewBoxesAllowed": "New Tonieboxes are not allowed",
         "noNewBoxesAllowedText": "You cannot connect new Tonieboxes to TeddyCloud. Please enable first the \"Allow new boxes\" setting. Once you have connected all your boxes, please disable the \"Allow new boxes\" setting for security reasons.",
         "offline": "offline",

diff --git a/contrib/data/www/web/translations/es.json b/contrib/data/www/web/translations/es.json
@@ -438,9 +438,28 @@
             "openBoxGuide": {
                 "navigationTitle": "Abre tu Toniebox",
                 "title": "Cómo abrir y acceder a la PCB de tu Toniebox",
-                "intro": "Si no sabes cómo abrir tu Toniebox para acceder a la PCB, aquí tienes dos guías útiles para ayudarte en el proceso.",
                 "link1": "https://es.ifixit.com/Gu%C3%ADa/Abrir+la+Toniebox/124139",
-                "linkTooltip": "Haz clic aquí para ver la guía sobre cómo abrir una Toniebox."
+                "link2": "https://es.ifixit.com/Gu%C3%ADa/Desmontaje+de+Toniebox/106148",
+                "guideSourcePart1": "Los pasos 1-4 de esta guía se han tomado de",
+                "guideSourcePart2": "y el paso 5 se ha tomado de",
+                "guideSourcePart3": "Ambas guías fueron escritas originalmente por",
+                "guideSourcePart4": "quien también es el creador de todas las imágenes utilizadas. Esta guía está bajo la",
+                "guideSourceLicense": "licencia Creative Commons BY-NC-SA 3.0",
+                "step1": "Paso 1",
+                "step1Text1": "Coloca la Toniebox sobre una superficie plana (por ejemplo, un escritorio o una mesa de trabajo).",
+                "step1Text2": "Aplica algo de presión y gira la Toniebox en sentido antihorario para desbloquear los dos clips debajo de la placa inferior.",
+                "step1Text3": "Escucharás un \"clic\" cuando los dos clips se desbloqueen.",
+                "step2": "Paso 2",
+                "step2Text": "Quita la placa inferior.",
+                "step3": "Paso 3",
+                "step3Text": "Retira el tornillo Phillips #1 en la parte inferior de la Toniebox.",
+                "step4": "Paso 4",
+                "step4Text": "Levanta la parte interior del alojamiento de espuma.",
+                "step5": "Paso 5",
+                "step5Text1": "El paquete de batería y la placa base están asegurados con solo dos tornillos estándar Phillips.",
+                "step5Text2": "Quita los tornillos y puedes desconectar el paquete de batería del PCB.",
+                "finally": "¡Ahora puedes acceder al PCB para identificar la versión de tu Toniebox y modificarla!",
+                "alternativeGuidelineVideo": "Alternativamente, puedes ver la siguiente guía en YouTube:"
             }
         },
         "boxWithoutAPIAccess": "¡Toniebox sin acceso a la API de TeddyCloud!",
@@ -724,6 +743,8 @@
         "navigationTitle": "Tonieboxes",
         "newBoxesAllowed": "Nuevas Tonieboxes permitidas",
         "newBoxesAllowedText": "Puedes conectar nuevas Tonieboxes a TeddyCloud. Una vez que hayas conectado todas tus cajas, deshabilita la opción \"Permitir nuevas cajas\" por razones de seguridad.",
+        "noData": "No se encontraron Tonieboxes.",
+        "noDataText": "Las Tonieboxes solo aparecerán después de establecer una conexión exitosa. Asegúrate de que tu Toniebox esté conectada correctamente.",
         "noNewBoxesAllowed": "No se permiten nuevas Tonieboxes",
         "noNewBoxesAllowedText": "No puedes conectar nuevas Tonieboxes a TeddyCloud. Por favor, activa la configuración \"Permitir nuevas cajas\". Una vez que hayas conectado todas tus cajas, desactiva la configuración \"Permitir nuevas cajas\" por razones de seguridad.",
         "offline": "desconectado",

diff --git a/contrib/data/www/web/translations/fr.json b/contrib/data/www/web/translations/fr.json
@@ -438,9 +438,28 @@
             "openBoxGuide": {
                 "navigationTitle": "Ouvre ta Toniebox",
                 "title": "Comment ouvrir et accéder au circuit imprimé de ta Toniebox",
-                "intro": "Si tu ne sais pas comment ouvrir ta Toniebox pour accéder au circuit imprimé, voici deux guides utiles pour te guider dans le processus !",
                 "link1": "https://fr.ifixit.com/Tutoriel/Ouvrir+une+Toniebox/124139",
-                "linkTooltip": "Cliquez ici pour afficher le guide sur l'ouverture d'une Toniebox."
+                "link2": "https://fr.ifixit.com/Tutoriel/Vue+%C3%A9clat%C3%A9e+de+la+Toniebox/106148",
+                "guideSourcePart1": "Les étapes 1 à 4 de ce guide sont tirées de",
+                "guideSourcePart2": "et l'étape 5 est tirée de",
+                "guideSourcePart3": "Les deux guides ont été écrits à l'origine par",
+                "guideSourcePart4": "qui est également le créateur de toutes les images utilisées. Ce guide est sous licence",
+                "guideSourceLicense": "Creative Commons BY-NC-SA 3.0",
+                "step1": "Étape 1",
+                "step1Text1": "Place la Toniebox sur une surface plane (par exemple un bureau ou un établi).",
+                "step1Text2": "Applique un peu de pression et tourne la Toniebox dans le sens antihoraire pour déverrouiller les deux clips sous la plaque inférieure.",
+                "step1Text3": "Tu entendras un « clic » lorsque les deux clips se déverrouillent.",
+                "step2": "Étape 2",
+                "step2Text": "Enlève la plaque inférieure.",
+                "step3": "Étape 3",
+                "step3Text": "Retire la vis Phillips #1 au bas de la Toniebox.",
+                "step4": "Étape 4",
+                "step4Text": "Soulève la partie intérieure du boîtier en mousse.",
+                "step5": "Étape 5",
+                "step5Text1": "Le bloc-batterie et la carte mère sont fixés avec seulement deux vis Phillips standard.",
+                "step5Text2": "Retire les vis, et tu peux détacher le bloc-batterie de la carte PCB.",
+                "finally": "Tu peux maintenant accéder au PCB pour identifier la version de ta Toniebox et la modifier !",
+                "alternativeGuidelineVideo": "Sinon, tu peux regarder le guide suivant sur YouTube :"
             }
         },
         "boxWithoutAPIAccess": "Toniebox sans accès à l'API de TeddyCloud!",
@@ -724,6 +743,8 @@
         "navigationTitle": "Tonieboxes",
         "newBoxesAllowed": "Nouvelles Tonieboxes autorisées",
         "newBoxesAllowedText": "Vous pouvez connecter de nouvelles Tonieboxes à TeddyCloud. Une fois que vous avez connecté toutes vos boîtes, veuillez désactiver le réglage \"Autoriser les nouvelles boîtes\" pour des raisons de sécurité.",
+        "noData": "Aucune Toniebox trouvée.",
+        "noDataText": "Les Toniebox n'apparaîtront qu'après l'établissement d'une connexion réussie. Assure-toi que ta Toniebox est correctement connectée.",
         "noNewBoxesAllowed": "Les nouvelles Tonieboxes ne sont pas autorisées",
         "noNewBoxesAllowedText": "Tu ne peux pas connecter de nouvelles Tonieboxes à TeddyCloud. Veuillez activer le paramètre \"Autoriser de nouvelles boxes\". Une fois que tu as connecté toutes tes boxes, désactive le paramètre \"Autoriser de nouvelles boxes\" pour des raisons de sécurité.",
         "offline": "hors ligne",

diff --git a/contrib/data/www/web/web_version.json b/contrib/data/www/web/web_version.json
@@ -2,9 +2,9 @@
   "web_version": "vX.X.X",
   "web_gitDirty": "0",
   "web_gitTag": "undefined",
-  "web_gitDateTime": "2024-10-22 21:04:24 +0200",
-  "web_gitSha": "4d2a0d747cdcb14ac33a98aef00cdcf2d2fd1778",
+  "web_gitDateTime": "2024-10-24 20:47:44 +0200",
+  "web_gitSha": "ecf1afc591003199618e36d67b2d921d9beebd20",
   "web_gitTagPrefix": "undefined",
-  "web_gitShortSha": "4d2a0d7",
+  "web_gitShortSha": "ecf1afc",
   "_eof":""
 }
diff --git a/teddycloud_web b/teddycloud_web
+11 −0		README.md
+2 −2		package-lock.json
+1 −1		package.json
+23 −2		public/translations/de.json
+23 −2		public/translations/en.json
+23 −2		public/translations/es.json
+23 −2		public/translations/fr.json
+ −		src/assets/boxSetup/openTB_step1_1.png
+ −		src/assets/boxSetup/openTB_step1_2.png
+ −		src/assets/boxSetup/openTB_step2.png
+ −		src/assets/boxSetup/openTB_step3.png
+ −		src/assets/boxSetup/openTB_step4.png
+ −		src/assets/boxSetup/openTB_step5.png
+17 −1		src/components/tonieboxes/TonieboxesList.tsx
+14 −1		src/components/tonieboxes/boxSetup/CommonContent.tsx
+153 −0		src/components/tonieboxes/boxSetup/OpenBoxGuide.tsx
+1 −1		src/pages/community/ChangelogPage.tsx
+5 −0		src/pages/tonieboxes/boxsetup/BoxSetupPage.tsx
+2 −20		src/pages/tonieboxes/boxsetup/OpenBoxGuidePage.tsx