npm - mdkcontroller - Versions diffs - 1.4.4 → 1.4.6 - Mend

mdkcontroller 1.4.4 → 1.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (111) hide show

package/Cores/login/register.html CHANGED Viewed

@@ -2,145 +2,215 @@
 <html lang="en">
 <head>
-  <title>Login V1</title>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <!--===============================================================================================-->
-  <link rel="icon" type="image/png" href="images/icons/favicon.ico" />
-  <!--===============================================================================================-->
-  <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css" />
-  <!--===============================================================================================-->
-  <link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css" />
-  <!--===============================================================================================-->
-  <link rel="stylesheet" type="text/css" href="vendor/animate/animate.css" />
-  <!--===============================================================================================-->
-  <link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css" />
-  <!--===============================================================================================-->
-  <link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css" />
-  <!--===============================================================================================-->
-  <link rel="stylesheet" type="text/css" href="css/util.css" />
-  <link rel="stylesheet" type="text/css" href="css/main.css" />
-  <!--===============================================================================================-->
-  <style>
-    /* Style để tạo modal overlay */
-    .overlay {
-      display: none;
-      position: fixed;
-      top: 0;
-      left: 0;
+  <!-- Design by foolishdeveloper.com -->
+  <title>Glassmorphism login Form Tutorial in html css</title>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="icon" href="../file/iconlogin.png" type="image/x-icon">
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
+  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap" rel="stylesheet">
+  <!--Stylesheet-->
+  <style media="screen">
+    *,
+    *:before,
+    *:after {
+      padding: 0;
+      margin: 0;
+      box-sizing: border-box;
+    }
+    body {
+      background-color: #080710;
+    }
+    .background {
+      width: 430px;
+      height: 520px;
+      position: absolute;
+      transform: translate(-50%, -50%);
+      left: 50%;
+      top: 50%;
+    }
+    .background .shape {
+      height: 200px;
+      width: 200px;
+      position: absolute;
+      border-radius: 50%;
+    }
+    .shape:first-child {
+      background: linear-gradient(#1845ad,
+          #23a2f6);
+      left: -80px;
+      top: -80px;
+      animation: move 10s linear infinite alternate;
+    }
+    @keyframes move {
+      0% {
+        transform: translateX(0);
+      }
+      50% {
+        transform: translateX(50px) translateY(20px);
+        /* Di chuyển nửa đường */
+      }
+      100% {
+        transform: translateX(100px);
+        /* Di chuyển đến 100px */
+      }
+    }
+    @keyframes move2 {
+      0% {
+        transform: translateX(0);
+      }
+      50% {
+        transform: translateX(-80px) translateY(-30px);
+        /* Di chuyển nửa đường */
+      }
+      100% {
+        transform: translateX(-50px) translateY(-70px);
+        /* Di chuyển đến 100px */
+      }
+    }
+    .shape:last-child {
+      background: linear-gradient(to right,
+          #ff512f,
+          #f09819);
+      right: -30px;
+      bottom: -80px;
+      animation: move2 15s linear infinite alternate;
+    }
+    form {
+      width: 400px;
+      background-color: rgba(255, 255, 255, 0.13);
+      position: absolute;
+      transform: translate(-50%, -50%);
+      top: 50%;
+      left: 50%;
+      border-radius: 10px;
+      backdrop-filter: blur(10px);
+      border: 2px solid rgba(255, 255, 255, 0.1);
+      box-shadow: 0 0 40px rgba(8, 7, 16, 0.6);
+      padding: 50px 35px;
+    }
+    form * {
+      font-family: 'Poppins', sans-serif;
+      color: #ffffff;
+      letter-spacing: 0.5px;
+      outline: none;
+      border: none;
+    }
+    form h3 {
+      font-size: 32px;
+      font-weight: 500;
+      line-height: 42px;
+      text-align: center;
+    }
+    label {
+      display: block;
+      margin-top: 30px;
+      font-size: 16px;
+      font-weight: 500;
+    }
+    input {
+      display: block;
+      height: 50px;
       width: 100%;
-      height: 100%;
-      backdrop-filter: blur(3px);
-      z-index: 1;
+      background-color: rgba(255, 255, 255, 0.07);
+      border-radius: 3px;
+      padding: 0 10px;
+      margin-top: 8px;
+      font-size: 14px;
+      font-weight: 300;
     }
-    .overlay .overlay_boder {
+    ::placeholder {
+      color: #e5e5e5;
+    }
+    button {
+      margin-top: 50px;
       width: 100%;
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
+      background-color: #ffffff;
+      color: #080710;
+      padding: 15px 0;
+      font-size: 18px;
+      font-weight: 600;
+      border-radius: 5px;
+      cursor: pointer;
     }
-    .overlay .overlay_boder .overlay_box {
+    .social {
+      margin-top: 30px;
       display: flex;
-      flex-direction: column;
-      border: 2px solid #8f32b0ba;
-      border-radius: 10px;
-      box-shadow: 0 0 9px 6px #8f32b0a3;
-      padding: 15px;
-      background-color: white;
-      max-width: 380px;
     }
-    .overlay .overlay_boder>span {
-      margin-top: 20px;
-      font-size: 40px;
-      cursor: pointer;
+    .social div {
+      background: red;
+      width: 150px;
+      border-radius: 3px;
+      padding: 5px 10px 10px 5px;
+      background-color: rgba(255, 255, 255, 0.27);
+      color: #eaf0fb;
+      text-align: center;
+    }
+    .social div:hover {
+      background-color: rgba(255, 255, 255, 0.47);
+    }
+    .social>div:not(:first-child) {
+      margin-left: 20px;
+    }
+    .social i {
+      margin-right: 4px;
     }
   </style>
 </head>
 <body>
-  <div class="limiter">
-    <div class="container-login100">
-      <div class="wrap-login100">
-        <div class="login100-pic js-tilt" data-tilt>
-          <img src="images/img-01.png" alt="IMG" />
-        </div>
-        <form id="formRegister" class="login100-form validate-form" method="post" action="../../api/users/create">
-          <span class="login100-form-title">Member Register</span>
-          <div class="wrap-input100 validate-input" data-validate="UserName is required">
-            <input class="input100" type="text" name="userName" placeholder="UserName" />
-            <span class="focus-input100"></span>
-            <span class="symbol-input100">
-              <i class="fa fa-user" aria-hidden="true"></i>
-            </span>
-          </div>
-          <div class="wrap-input100 validate-input" data-validate="Valid email is required: ex@abc.xyz">
-            <input class="input100" type="text" name="email" placeholder="Email" />
-            <span class="focus-input100"></span>
-            <span class="symbol-input100">
-              <i class="fa fa-envelope" aria-hidden="true"></i>
-            </span>
-          </div>
-          <div class="wrap-input100 validate-input" data-validate="Password is required">
-            <input class="input100" type="password" name="password" placeholder="Password" />
-            <span class="focus-input100"></span>
-            <span class="symbol-input100">
-              <i class="fa fa-lock" aria-hidden="true"></i>
-            </span>
-          </div>
-          <div class="container-login100-form-btn">
-            <button type="submit" class="login100-form-btn">Register</button>
-          </div>
-          <div class="text-center p-t-136">
-            <a class="txt2" href="index.html">
-              Back to Login
-              <i class="fa fa-long-arrow-right m-l-5" aria-hidden="true"></i>
-            </a>
-          </div>
-        </form>
-      </div>
-    </div>
-  </div>
-  <div id="overlay" class="overlay">
-    <div class="overlay_boder">
-      <div class="overlay_box">
-        <div class="overlay_inner">This is a dialog window</div>
-      </div>
-      <span onclick="closeDialog()"><i class="fa fa-window-close" aria-hidden="true"></i></span>
-    </div>
+  <div class="background">
+    <div class="shape"></div>
+    <div class="shape"></div>
   </div>
+  <form id="formRegister" action="../../api/users/create" method="POST">
+    <h3>Register Here</h3>
-  <!--===============================================================================================-->
-  <script src="vendor/jquery/jquery-3.2.1.min.js"></script>
-  <!--===============================================================================================-->
-  <script src="vendor/bootstrap/js/popper.js"></script>
-  <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
-  <!--===============================================================================================-->
-  <script src="vendor/select2/select2.min.js"></script>
-  <!--===============================================================================================-->
-  <script src="vendor/tilt/tilt.jquery.min.js"></script>
-  <script>
-    $(".js-tilt").tilt({
-      scale: 1.1,
-    });
-  </script>
-  <!--===============================================================================================-->
-  <script src="js/main.js"></script>
+    <label for="username">Username</label>
+    <input type="text" placeholder="Email or Phone" id="username" name="userName">
+    <label for="email">Email</label>
+    <input type="email" placeholder="Email" id="email" name="email">
+    <label for="password">Password</label>
+    <input type="password" placeholder="Password" id="password" name="password">
+    <button>Confirm Now</button>
+    <div class="social">
+      <div><a href="index.html"><i class="fas fa-terminal"></i>Login</a></div>
+      <div><i class="fas fa-user-md"></i>Forgot ?</div>
+    </div>
+  </form>
+  <script src="../file/dk.js"></script>
+  <script src="../file/jquery-3.2.1.min.js"></script>
   <script>
     $('#formRegister').on('submit', function (event) {
-      if (event.result) {
+      if (true) {
         const form = event.currentTarget;
         const formData = new FormData(form);
         fetch(form.action, {
@@ -161,30 +231,15 @@
             if (data.success) {
               window.location.href = "index.html";
             } else {
-              openDialog(data.message);
+              DK.showMessage(data.message);
             }
           })
           .catch(error => {
-            openDialog(error);
+            DK.showMessage(error);
           });
       }
       return false;
     });
-    function openDialog(mes) {
-      var overlay = document.getElementById('overlay');
-      overlay.style.display = 'block';
-      var dialog = overlay.getElementsByClassName('overlay_inner')[0];
-      dialog.innerText = mes;
-    }
-    function closeDialog() {
-      var overlay = document.getElementById('overlay');
-      overlay.style.display = 'none';
-      var dialog = overlay.getElementsByClassName('overlay_inner')[0];
-      dialog.innerText = '';
-    }
   </script>
 </body>

package/main.js CHANGED Viewed

@@ -49,6 +49,7 @@ export default async function (appname, cfgHandler = {}) {
             } else {
                 res.redirect("/pages");
             }
+            return;
         }
         next();
     });
@@ -75,6 +76,16 @@ export default async function (appname, cfgHandler = {}) {
         next();
     });
+    if (cfgHandler?.beforeRenderKey) {
+        app.get(cfgHandler?.beforeRenderKey, (req, res, next) => {
+            if (cfgHandler?.beforeRender) {
+                cfgHandler?.beforeRender(req, res);
+                return;
+            }
+            next();
+        });
+    }
     app.use("/Pages", staticExpress(join(__parentAppPath, "Pages")));
     app.use("/Cores", staticExpress(join(__rootDirPath, "Cores")));
     app.use("/api", userRoutes.router);

package/package.json CHANGED Viewed

@@ -8,7 +8,7 @@
     "node-cache": "^5.1.2"
   },
   "name": "mdkcontroller",
-  "version": "1.4.4",
+  "version": "1.4.6",
   "keywords": [],
   "author": "KHANHNBD <khanh272421@gmail.com>",
   "license": "ISC",