skeleton commit; based on an anom project

author: George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> 2023-04-27 03:47:30 +0300
committer: George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> 2023-04-27 03:47:30 +0300
commit: 059e0d95d0c28bc5060e87e146eaf7411f51bf90 (patch)
tree: 7c21ac432f16dde2329a0d5954d70711eceb48e6 /public/app/views/user
parent: 26cd8ee99659ef1926c96a049c93645ffc9b169d (diff)
download: gyraf1gov-059e0d95d0c28bc5060e87e146eaf7411f51bf90.tar.gz
gyraf1gov-059e0d95d0c28bc5060e87e146eaf7411f51bf90.tar.bz2
gyraf1gov-059e0d95d0c28bc5060e87e146eaf7411f51bf90.zip
3 files changed, 276 insertions, 0 deletions
diff --git a/public/app/views/user/login.php b/public/app/views/user/login.php
new file mode 100644
index 0000000..1a59d43
--- /dev/null
+++ b/public/app/views/user/login.php
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+  <title><?=SITE_TITLE?> - Είσοδος Χρήστη</title>
+
+  <?php   // header includes
+        ////////////////////////////////////////////////////////////////////////
+        Render::view('components/header_includes');
+    ?>
+
+  <style>
+  html,body{
+    padding:0; margin:0;
+    font-size:1.25em;
+    color: #037; background: #eee;
+    line-height:1.2em; 
+  }
+  h3 {
+    font-size: 2em; font-style: normal;
+    font-weight: 400;
+    color: #05a;
+    margin: 0; padding: 5px;
+    opacity: 0.27;
+    border-bottom: 1px solid #05a;
+  }
+  .container { display: flex; height: 100vh; align-items:center; }
+  .content { position: relative;
+      max-width:480px; width: 100%;
+      margin: auto auto; padding: 1.5em;
+      justify-center: center;
+      background: #ddd;
+      border-radius: 8px;
+      box-shadow: 1px 5px 7px #7777;
+  }
+  </style>
+</head>
+<body class="classroom">
+  <div class='container'>
+    <div class='content'>
+        <h4>Είσοδος Χρήστη</h4>
+        <hr />
+        <form method="post">
+            <div class="mb-3">
+                <label for="exampleInputEmail1" class="form-label">Email</label>
+                <input type="email" class="form-control form-control-sm" name="email" aria-describedby="emailHelp" required>
+            </div>
+            <div class="mb-3">
+                <label for="exampleInputPassword1" class="form-label">Κωδικός Πρόσβασης</label>
+                <input type="password" class="form-control form-control-sm" name="password" required>
+            </div>
+            <br />
+            <button type="submit" class="btn btn-primary btn-sm col-12">Επιβεβαίωση και Είσοδος</button>
+        </form>
+    </div>
+  </div>
+</body>
+
+<script>
+    // When form is submited
+    // -------------------------------------------------------------------------
+
+    $('.content form').submit( event => {
+        event.preventDefault();
+
+
+        // prepare data to POST
+        var data = {
+            email: $('input[name=email]').val(),
+            password: $('input[name=password]').val()
+        };
+
+        // select action url (add or update)
+        var request = '/account/check-login';
+
+        // send POST request
+        $.post(request, data)
+        .done(function( data ) {
+            if (data.status !== false) {
+                window.location.href = data.status.goto;
+
+            } else {
+              alert('Wrong credentials; please try again');
+            }
+        });
+
+
+    });
+</script>
+
+</html>
diff --git a/public/app/views/user/new-password.php b/public/app/views/user/new-password.php
new file mode 100644
index 0000000..06e7fac
--- /dev/null
+++ b/public/app/views/user/new-password.php
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title><?=SITE_TITLE?> - Επαναφορά κωδικού πρόσβασης</title>
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 
+    <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400&display=swap" rel="stylesheet">
+
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
+
+    <link href="/assets/css/overides.css" rel="stylesheet">
+
+    <style>
+      html,body{
+        padding:0; margin:0;
+        font-size:1.25em;
+        color: #037; background: #eee;
+        line-height:1.2em; 
+      }
+      h3 {
+        font-size: 2em; font-style: normal;
+        font-weight: 400;
+        color: #05a;
+        margin: 0; padding: 5px;
+        opacity: 0.27;
+        border-bottom: 1px solid #05a;
+      }
+      .container { display: flex; height: 100vh; align-items:center; }
+      .content { position: relative;
+          max-width:480px; width: 100%;
+          margin: auto auto; padding: 1.5em;
+          justify-center: center;
+          background: #ddd;
+          border-radius: 8px;
+          box-shadow: 1px 5px 7px #7777;
+      }
+    </style>
+</head>
+<body class="classroom">
+  <div class='container'>
+    <div class='content'>
+        <h4>Επαναφορά κωδικού πρόσβασης</h4>
+        <hr />
+        <form method="post" action="/login-check">
+            <div class="mb-3">
+                <label for="name" class="form-label">Κωδικός μίας χρήσης</label>
+                <input type="text" class="form-control form-control-sm" name="name" required>
+            </div>
+            <div class="mb-3">
+                <label for="exampleInputPassword1" class="form-label">Νέος κωδικός πρόσβασης</label>
+                <input type="password" class="form-control form-control-sm" name="password" required>
+            </div>
+            <div class="mb-3">
+                <label for="exampleInputPassword2" class="form-label">Επιβεβαίωση κωδικού πρόσβασης</label>
+                <input type="password" class="form-control form-control-sm" name="password2" required>
+            </div>
+            <br />
+            <button type="submit" class="btn btn-primary btn-sm col-12">Επιβεβαίωση και Είσοδος</button>
+        </form>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/public/app/views/user/registration.php b/public/app/views/user/registration.php
new file mode 100644
index 0000000..f0a110c
--- /dev/null
+++ b/public/app/views/user/registration.php
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title><?=SITE_TITLE?> - Εγγραφή</title>
+
+    <?php   // header includes
+        ////////////////////////////////////////////////////////////////////////
+        Render::view('components/header_includes');
+    ?>
+
+    <style>
+      html,body{
+        padding:0; margin:0;
+        font-size:1.25em;
+        color: #037; background: #eee;
+        line-height:1.2em; 
+      }
+      h3 {
+        font-size: 2em; font-style: normal;
+        font-weight: 400;
+        color: #05a;
+        margin: 0; padding: 5px;
+        opacity: 0.27;
+        border-bottom: 1px solid #05a;
+      }
+      .container { display: flex; height: 100vh; align-items:center; }
+      .content { position: relative;
+          max-width:480px; width: 100%;
+          margin: auto auto; padding: .5em;
+          justify-center: center;
+          font-size: .9em;
+      }
+      .content-form {
+          padding: 1.5em;
+          background: #ddd;
+          border-radius: 8px;
+          box-shadow: 1px 5px 7px #7777;
+      }
+      .content .info { padding: 1.5em; font-size: .92em; }
+      .content .info p { padding: .5em; }
+      .form-label { margin-bottom: .25rem; }
+    </style>
+</head>
+<body class="classroom">
+  <div class='container'>
+    <div class="content">
+      <div class="info">
+        <h4>Classroom: Εγγραφή</h4>
+      </div>
+      <div class='content-form'>
+          <form method="post">
+              <div>
+              <div class="mb-3">
+                  <label for="name" class="form-label">Όνομα</label>
+                  <input type="text" class="form-control form-control-sm" name="name" required>
+              </div>
+              <div class="mb-3">
+                  <label for="surname" class="form-label">Επίθετο</label>
+                  <input type="text" class="form-control form-control-sm" name="surname" required>
+              </div>
+              <div class="mb-3">
+                  <label for="exampleInputEmail1" class="form-label">Email</label>
+                  <input type="email" class="form-control form-control-sm" name="email" aria-describedby="emailHelp" rerquired>
+              </div>
+              <div class="mb-3">
+                  <label for="exampleInputPassword1" class="form-label">Κωδικός Πρόσβασης</label>
+                  <input type="password" class="form-control form-control-sm" name="password" required>
+              </div>
+              <div class="mb-3">
+                  <label for="exampleInputPassword2" class="form-label">Επιβεβαίωση Κωδικού Πρόσβασης</label>
+                  <input type="password" class="form-control form-control-sm" name="password2" required>
+              </div>
+              <br />
+              <button type="submit" class="btn btn-primary btn-sm col-12">Εγγραφή</button>
+              </div>
+          </form>
+      </div>
+      <div class="info">
+        <p>Αν έχετε ήδη λογαρισμό <a href="/login">συνδεθείτε</a>.</p>
+        <p>Σε κάθε περίπτωση μπορείτε να επιστρέψετε στην <a href="/">αρχική σελίδα</a>.</p>
+      </div>
+    </div>
+  </div>
+</body>
+
+<script>
+    // When form is submited
+    // -------------------------------------------------------------------------
+
+    $('.content-form form').submit( event => {
+        event.preventDefault();
+
+        if ($('input[name=password]').val() != $('input[name=password2]').val()) {
+          alert('Τα δυο passrods δεν ταιριάζουν!');
+
+        } else {
+
+            // prepare data to POST
+            var data = {
+                name: $('input[name=name]').val(),
+                surname: $('input[name=surname]').val(),
+                email: $('input[name=email]').val(),
+                password: $('input[name=password]').val()
+            };
+
+            // select action url (add or update)
+            var request = '/account/register';
+
+            // send POST request
+            $.post(request, data)
+            .done(function( data ) {
+                $('.classroom .content-form').html(data.message)
+            });
+        }  
+
+    });
+</script>
+
+</html>
author	George Halkiadakis <gchalkiadakis@sklavenitis.co.gr>	2023-04-27 03:47:30 +0300
committer	George Halkiadakis <gchalkiadakis@sklavenitis.co.gr>	2023-04-27 03:47:30 +0300
commit	059e0d95d0c28bc5060e87e146eaf7411f51bf90 (patch)
tree	7c21ac432f16dde2329a0d5954d70711eceb48e6 /public/app/views/user
parent	26cd8ee99659ef1926c96a049c93645ffc9b169d (diff)
download	gyraf1gov-059e0d95d0c28bc5060e87e146eaf7411f51bf90.tar.gz gyraf1gov-059e0d95d0c28bc5060e87e146eaf7411f51bf90.tar.bz2 gyraf1gov-059e0d95d0c28bc5060e87e146eaf7411f51bf90.zip