ADD : first view of the website

2 years ago · ff617d449a
commit ff617d449a
7 changed files with 152 additions and 0 deletions
--- a/.DS_Store
+++ b/.DS_Store
--- a/index.php
+++ b/index.php
@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Acceuil</title>
+    <link rel="stylesheet" href="views/styles/commonStyles.css">
+</head>
+<body>
+    <header>
+        <h1>Welcome to our fantastic to do list app !</h1>
+        <a href="views/connection.html">
+            <input class="button" type="button" value="Connection"/>
+        </a>
+    </header>
+    
+    <div>
+        <h2>Todo listes publiques</h2>
+        <p>oooooh fdp change</p>
+    </div>
+</body>
+
+
+</html>
+
--- a/userController.php
+++ b/userController.php
@ -0,0 +1,40 @@
+<?php
+
+class UserController{
+    
+    public function __construct() {
+
+        // Code du controlleur
+
+
+        //On démarre la session
+        session_sart();
+
+
+        try{
+            $action = $_REQUEST['action'];
+            switch($action){
+                case NULL:
+                    $this->action();
+                    break;
+                case "connection":
+                    $this->connection(/* valeurs du login et du mdp dans le formulaire */);
+                    break;
+            }catch(PDOException $e){
+                $dataView[]="Erreur inatendue";
+                require(__DIR__.'/../vues/erreur.php');
+            }
+        }
+    }
+
+    public function connection(string $login, string $password){
+        
+        /* Doit faire:
+            * vider les input du formulaire
+            * vérifier avec la bd qu'il y a bien un user 
+        */
+
+    }
+}
+
+?>
--- a/views/connection.html
+++ b/views/connection.html
@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>connection</title>
+        <link rel="stylesheet" href="styles/commonStyles.css">
+    </head>
+    <body>
+        <header>
+            <h1>You are back ?!</h1>
+        </header>
+        <div>
+            <h4>Username</h4>
+            <input type="text"/>
+            <h4>Password</h4>
+            <input type="password"/>
+            <br/>
+            <br/>
+            <input type="button" value="Log In"/>
+            <br/>
+            <br/>
+            <p>You are new here?</p>
+            <a href="./signUp.html">
+                <input type="button" value="Sign Up"/>
+            </a>
+        </div>
+    </body>
+</html>
--- a/views/error.html
+++ b/views/error.html
@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+        <div>
+            <h3>Error!</h3>
+            <p>There was an error in the fields you filled...</p>
+            <p>Please enter correct values</p>
+        </div>
+</html>
--- a/views/signUp.html
+++ b/views/signUp.html
@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>connection</title>
+        <link rel="stylesheet" href="styles/commonStyles.css">
+    </head>
+    <body>
+        <header>
+            <h1>Join the good side of the force</h1>
+            
+        </header>
+        <div>
+            <p>Please enter all the informations :</p>
+            <h4>Username</h4>
+            <input type="text"/>
+            <h4>Password</h4>
+            <input type="password"/>
+            <h4>Email</h4>
+            <input type="email"/>
+            <h4>Date Of Birth</h4>
+            <input type="date"/>
+            <br/>
+            <br/>
+            <input type="button" value="Sign Up"/>
+        </div>
+    </body>
+</html>
--- a/views/styles/commonStyles.css
+++ b/views/styles/commonStyles.css
@ -0,0 +1,26 @@
+header{
+    display: flex;
+    flex-direction: row;
+    background-color: #0971C9;
+}
+body{
+    background-color: #0D2350;
+
+}
+h1{
+    font-family: sans-serif;
+    font-weight: bolder;
+    color: #6da8e2;
+}
+.button{
+    width: 150%;
+    height: 75%;
+    background-color: #FFFEFD;
+    border-radius: 20%;
+    border-color: #0971C9;
+    color: #0D2350;
+    
+}
+.button:hover{
+    background-color: grey;
+}