Domů Procházet Nápověda
Registrovat se Přihlásit se
lee
/
workout-tracker
1
0
Rozštěpit 0
Soubory Úkoly 0 Pull Requesty 0 Wiki
Procházet zdrojové kódy

Create notifier.

Lee Morgan před 1 rokem
rodič
a6189d7128
revize
2398c4a4bc
5 změnil soubory, kde provedl 45 přidání a 5 odebrání
Rozdělené zobrazení Ukázat statistiku rozdílových dat
  1. 0 4
      views/css/register.css
  2. 23 1
      views/index.css
  3. 2 0
      views/index.html
  4. 17 0
      views/index.js
  5. 3 0
      views/js/pages/register.js

+ 0 - 4
views/css/register.css
Zobrazit soubor 

@@ -1,4 +0,0 @@
 
-#registerPage form{
 
-    display: flex;
 
-    flex-direction: column;
 
-}

+ 23 - 1
views/index.css
Zobrazit soubor 

@@ -25,11 +25,33 @@
 
     background: var(--dark);
 
 }
 
 
+#notifier{
 
+    position: fixed;
 
+    bottom: 15px;
 
+    left: 15px;
 
+    font-size: 22px;
 
+    padding: 25px;
 
+    width: calc(100% - 30px);
 
+    text-align: center;
 
+    z-index: 100;
 
+}
 
+
 
+#notifier.error{
 
+    background: var(--warning);
 
+    color: var(--gray);
 
+}
 
+
 
+#notifier.success{
 
+    background: var(--success);
 
+}
 
+
 
 .standardForm{
 
+    display: flex;
 
+    flex-direction: column;
 
     background: var(--gray);
 
     padding: 35px;
 
     width: 100%;
 
-    max-width: 750px;
 
+    max-width: 550px;
 
 }
 
 
 .standardForm h1{

+ 2 - 0
views/index.html
Zobrazit soubor 

@@ -7,6 +7,8 @@
 
     <link rel="stylesheet" href="/index.css">
 
 </head>
 
 <body>
 
+    <p id="notifier" style="display:none">Some message here</p>
 
+
 
     <div id="registerPage" class="page">
 
         <form id="registerForm" class="standardForm">
 
             <h1>Create Account</h1>

+ 17 - 0
views/index.js
Zobrazit soubor 

@@ -1,3 +1,20 @@
 
 import registerPage from "./js/pages/register.js";
 
 
+const notifier = document.getElementById("notifier");
 
+
 
 registerPage.render();
 
+
 
+window.notify = (type, message)=>{
 
+    notifier.className = "";
 
+    notifier.classList.add(type);
 
+    notifier.textContent = message;
 
+    notifier.style.display = "flex";
 
+
 
+    setTimeout(()=>{
 
+        notifier.style.display = "none";
 
+    }, 7500);
 
+}
 
+
 
+window.changePage = (page)=>{
 
+    console.log("changing page");
 
+}

+ 3 - 0
views/js/pages/register.js
Zobrazit soubor 

@@ -13,6 +13,9 @@ export default {
 
             event.preventDefault();
 
             fetch("/user", {
 
                 method: "POST",
 
+                headers: {
 
+                    "Content-Type": "application/json"
 
+                },
 
                 body: JSON.stringify({
 
                     name: document.getElementById("registerName").value,
 
                     email: document.getElementById("registerEmail").value,