взаимодействие с порталом

src/lang.js

@@ -1,32 +1,18 @@
 export default {
   ru: {
-    "login.email": "Введите email",
+    "login.email": "Email",
-    "login.pass": "Введите пароль",
+    "login.pass": "Пароль",
     "login.login": "Вход",
-    err_of_registration: "Ошибка регестрации",
+    "profile.update": "Обновить",
-    err_of_login: "Ошибка входа в систему",
+    ok_success: "Задача запущена",
-    err_user_exist: "Такой пользователь уже был зарегестрирован",
+    err_order_exist: "Ваша задача выполняется! Cледующию задачу можно будет запустить после завершения",
-    err_user_not_exist: "Такой пользователь не был зарегестрирован",
-    err_pass: "Неправильный пароль",
-    err_empty_fullname: "Пустое поле имени",
-    err_empty_user: "Пустое поле Email адреса",
-    err_not_email: "Неправильно введен Email",
-    err_pass_lenth: "Пароль должен быть от 4 до 10 символов",
-    ok_success_login: "Вы вошли в систему",
   },
   en: {
     "login.email": "Email",
     "login.pass": "Password",
     "login.login": "Login",
-    err_of_registration: "Ошибка регестрации",
+    "profile.update": "Update",
-    err_of_login: "Ошибка входа в систему",
+    ok_success: "Задача запущена",
-    err_user_exist: "Такой пользователь уже был зарегестрирован",
+    err_order_exist: "Ваша задача выполняется! Cледующию задачу можно будет запустить после завершения",
-    err_user_not_exist: "Такой пользователь не был зарегестрирован",
-    err_pass: "Неправильный пароль",
-    err_empty_fullname: "Пустое поле имени",
-    err_empty_user: "Пустое поле Email адреса",
-    err_not_email: "Неправильно введен Email",
-    err_pass_lenth: "Пароль должен быть от 4 до 10 символов",
-    ok_success_login: "Вы вошли в систему",
   },
 };

src/pages/Profile.svelte

@@ -7,6 +7,7 @@
   export let myProfileJson;
 
   let errors = [];
+
   let allmodeinfo = null;
 
   onMount(async () => {
@@ -30,23 +31,22 @@
     }
   };
 
-  const post = async (user) => {
+  const update = async () => {
-    errors = [];
     try {
-      let res = await fetch("https://portal.iotmanager.org/api/auth/login", {
+      let res = await fetch("https://portal.iotmanager.org/compiler/esporder", {
         mode: "cors",
         method: "POST",
         headers: {
           Accept: "application/json",
           "Content-Type": "application/json",
         },
-        body: JSON.stringify(user),
+        body: JSON.stringify(myProfileJson),
       });
       const content = await res.json();
       //console.log(content);
       if (res.ok) {
-        errors = [{ msg: "ok_success_login" }];
+        errors = [{ msg: "ok_success" }];
-        saveToken(content.message);
+        console.log(content.message);
       } else {
         errors = content.message;
       }
@@ -54,23 +54,24 @@
       console.log(e);
     }
   };
-
-  const saveToken = async (token) => {
-    console.log("token to be saved: ", token);
-  };
 </script>
 
 {#if show}
+  {#if myProfileJson.username}
     {#if allmodeinfo && myProfileJson}
       <div class="my-4">
         <div class="grd-1col1">
-        <Card title={myProfileJson.projectProp.platformio.default_envs}>
+          <Card title="">
-          <div class="grid grid-cols-2 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 xl:grid-cols-12 2xl:grid-cols-12 gap-4">
+            <div class="grid grid-cols-2">
+              <p class="text-center">{myProfileJson.projectProp.platformio.default_envs}</p>
+              <p class="text-center">{myProfileJson.username}</p>
+            </div>
+            <div class="grid my-4 grid-cols-2 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 xl:grid-cols-12 2xl:grid-cols-12 gap-4">
               {#each myProfileJson.modules.virtual_elments as m, i}
                 {#if allmodeinfo[m.path]?.usedLibs[myProfileJson.projectProp.platformio.default_envs]}
                   <div>
                     <!-- svelte-ignore a11y-click-events-have-key-events -->
-                  <p on:click={() => (m.active = !m.active)} class="{m.active ? 'bg-green-100' : ''} cursor-pointer select-none text-black text-xs font-medium mr-2 px-0.5 py-0.5 rounded text-center">{m.path.substring(m.path.lastIndexOf("/") + 1, m.path.length)}</p>
+                    <p on:click={() => ((m.active = !m.active), (m.touched = true))} class="{m.active ? 'bg-green-100' : ''} cursor-pointer select-none {m.touched ? 'border border-gray-400' : 'border border-green-100'} text-black text-xs font-medium mr-2 px-0.5 py-0.5 rounded text-center">{m.path.substring(m.path.lastIndexOf("/") + 1, m.path.length)}</p>
                   </div>
                 {/if}
               {/each}
@@ -78,7 +79,7 @@
                 {#if allmodeinfo[m.path]?.usedLibs[myProfileJson.projectProp.platformio.default_envs]}
                   <div>
                     <!-- svelte-ignore a11y-click-events-have-key-events -->
-                  <p on:click={() => (m.active = !m.active)} class="{m.active ? 'bg-green-100' : ''} cursor-pointer select-none text-black text-xs font-medium mr-2 px-0.5 py-0.5 rounded text-center">{m.path.substring(m.path.lastIndexOf("/") + 1, m.path.length)}</p>
+                    <p on:click={() => ((m.active = !m.active), (m.touched = true))} class="{m.active ? 'bg-green-100' : ''} cursor-pointer select-none {m.touched ? 'border border-gray-400' : 'border border-green-100'} text-black text-xs font-medium mr-2 px-0.5 py-0.5 rounded text-center">{m.path.substring(m.path.lastIndexOf("/") + 1, m.path.length)}</p>
                   </div>
                 {/if}
               {/each}
@@ -86,7 +87,7 @@
                 {#if allmodeinfo[m.path]?.usedLibs[myProfileJson.projectProp.platformio.default_envs]}
                   <div>
                     <!-- svelte-ignore a11y-click-events-have-key-events -->
-                  <p on:click={() => (m.active = !m.active)} class="{m.active ? 'bg-green-100' : ''} cursor-pointer select-none text-black text-xs font-medium mr-2 px-0.5 py-0.5 rounded text-center">{m.path.substring(m.path.lastIndexOf("/") + 1, m.path.length)}</p>
+                    <p on:click={() => ((m.active = !m.active), (m.touched = true))} class="{m.active ? 'bg-green-100' : ''} cursor-pointer select-none {m.touched ? 'border border-gray-400' : 'border border-green-100'} text-black text-xs font-medium mr-2 px-0.5 py-0.5 rounded text-center">{m.path.substring(m.path.lastIndexOf("/") + 1, m.path.length)}</p>
                   </div>
                 {/if}
               {/each}
@@ -94,11 +95,16 @@
                 {#if allmodeinfo[m.path]?.usedLibs[myProfileJson.projectProp.platformio.default_envs]}
                   <div>
                     <!-- svelte-ignore a11y-click-events-have-key-events -->
-                  <p on:click={() => (m.active = !m.active)} class="{m.active ? 'bg-green-100' : ''} cursor-pointer select-none text-black text-xs font-medium mr-2 px-0.5 py-0.5 rounded text-center">{m.path.substring(m.path.lastIndexOf("/") + 1, m.path.length)}</p>
+                    <p on:click={() => ((m.active = !m.active), (m.touched = true))} class="{m.active ? 'bg-green-100' : ''} cursor-pointer select-none {m.touched ? 'border border-gray-400' : 'border border-green-100'} text-black text-xs font-medium mr-2 px-0.5 py-0.5 rounded text-center">{m.path.substring(m.path.lastIndexOf("/") + 1, m.path.length)}</p>
                   </div>
                 {/if}
               {/each}
-          </div></Card>
+            </div>
+            {#each errors as e, i}
+              <p class="text-red-500 p-0 m-0 font-bold text-xs italic">{$t(e.msg)}</p>
+            {/each}
+            <button class="btn-lg mt-6" on:click={() => update()}>{$t("profile.update")}</button>
+          </Card>
         </div>
       </div>
     {:else}
@@ -108,6 +114,13 @@
         </div>
       </div>
     {/if}
+  {:else}
+    <div class="my-4">
+      <div class="grd-1col1">
+        <Card title="Укажите Ваш email который вы использовали при регистрации" />
+      </div>
+    </div>
+  {/if}
 {:else}
   <Alarm title="Загрузка..." />
 {/if}