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;
 }