@itutoring/itutoring_application_js_api 1.2.21 → 1.2.23

package/modules/AttendanceManager.js

@@ -50,7 +50,7 @@ class AttendanceManager
     {
         if (data.includes("error: "))
         {
-            data.replace("error: ", "");
+            data = data.replace("error: ", "");
             location.href = data
         }
     }

package/modules/LessonManager.js

@@ -93,7 +93,7 @@ class LessonManager
     {
         if (data.includes("error: "))
         {
-            data.replace("error: ", "");
+            data = data.replace("error: ", "");
             location.href = data;
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itutoring/itutoring_application_js_api",
-  "version": "1.2.21",
+  "version": "1.2.23",
   "description": "Javascript API for iTutoring Application",
   "main": "index.js",
   "types": "index.d.ts",

package/toolkit/Toolkit.jsx

@@ -0,0 +1,85 @@
+import APIController from "../apiController";
+import './ToolkitStyles.css';
+
+class Toolkit
+{
+    static ModuleInfo = null;
+    static UserDataLoaded = false;
+
+    /**
+     * Main function to initialize any toolkit module.
+     * It will handle all important authorizations
+     * 
+     * uiChangedCallback(jsx variable with actual UI)
+     */
+    static async Initialize(moduleUid, uiChangedCallback)
+    {
+        uiChangedCallback(
+            <div id="welcome-screen" className="w-screen">
+                <div className="w-logo-wrap">
+                    <img src="https://itutoring.cz/client/static/img/logos/logo_landscape_trans_w.png"></img>
+                    <p className="w-toolkit"><i class="fa-solid fa-toolbox"></i> Toolkit</p>
+                </div>
+                <h2 className="w-em">Načítání...</h2>
+            </div>
+        )
+
+        this.ModuleInfo = await this.GetModuleProperties(moduleUid);
+
+        uiChangedCallback(
+            <div id="welcome-screen" className="w-screen">
+                <div className="w-logo-wrap">
+                    <img src="https://itutoring.cz/client/static/img/logos/logo_landscape_trans_w.png"></img>
+                    <p className="w-toolkit"><i class="fa-solid fa-toolbox"></i> Toolkit</p>
+                </div>
+                <h2 className="w-em">{this.ModuleInfo['Name']}</h2>
+            </div>
+        )
+
+        await this.RequestAccess();
+
+        while (!this.UserDataLoaded)
+            await new Promise(t => setInterval(t, 250));
+    }
+
+    /***** API Methods  ******/
+
+    static #MODULE = "Toolkit";
+
+    static #REQUEST_ACCESS = "RequestAccess";
+    static #GET_MODULE_INFO = "GetModuleInfo";
+
+    static async RequestAccess(moduleUid)
+    {
+        var data = await APIController.Post(this.#MODULE, this.#REQUEST_ACCESS, {
+            'uid': moduleUid
+        });
+
+        this.CheckForError(data);
+    }
+
+    /**
+     * Will be returned as array (parsed JSON).
+     * @param {*} moduleUid 
+     * @returns 
+     */
+    static async GetModuleProperties(moduleUid)
+    {
+        var info = await APIController.Get(this.#MODULE, this.#GET_MODULE_INFO, {
+            'uid': moduleUid
+        });
+
+        this.CheckForError(data);
+
+        return JSON.parse(info);
+    }
+
+    static async CheckForError(data)
+    {
+        if (data.includes("error: "))
+        {
+            data = data.replace("error: ", "");
+            location.href = data
+        }
+    }
+}

package/toolkit/ToolkitStyle.css

@@ -0,0 +1,94 @@
+.w-screen {
+    position: fixed;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1011;
+    display: flex;
+
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+
+    background-color: rgb(0, 0, 0);
+
+    z-index: 999;
+}
+
+.w-hide{
+    animation: hide-w 0.5s forwards;
+}
+
+.w-logo-wrap {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+}
+
+.w-screen img {
+    width: 20%;
+
+    animation: logo-show 0.8s forwards;
+}
+
+.w-toolkit {
+    font-family: Montserrat, sans-serif;
+    font-weight: 600;
+    font-size: 4vh;
+    scale: 0;
+    color: white !important;
+
+    animation: 0.1s tk-show 0.5s forwards;
+}
+
+.w-em {
+    font-family: Montserrat, sans-serif;
+    font-weight: 300;
+    font-size: 5vh;
+    opacity: 0;
+    animation: 0.5s module-show 0.7s forwards;
+    color:  white !important;
+}
+
+@keyframes hide-w {
+    0%{
+        opacity: 1;
+    }
+
+    100%{
+        opacity: 0;
+    }
+}
+
+@keyframes logo-show {
+    0% {
+        opacity: 0;
+    }
+
+    100% {
+        opacity: 1;
+    }
+}
+
+@keyframes tk-show {
+    0% {
+        scale: 0;
+    }
+
+    100% {
+        scale: 1;
+    }
+}
+
+@keyframes module-show {
+    0% {
+        margin-top: 0;
+        opacity: 0;
+    }
+
+    100% {
+        margin-top: 5%;
+        opacity: 1;
+    }
+}