diff --git a/codeigniter/application/controllers/Albums.php b/codeigniter/application/controllers/Albums.php
index d57f797..08b3504 100644
--- a/codeigniter/application/controllers/Albums.php
+++ b/codeigniter/application/controllers/Albums.php
@@ -3,18 +3,27 @@ defined('BASEPATH') OR exit('No direct script access allowed');
class Albums extends CI_Controller {
+ private $filter = 'default';
+
public function __construct(){
parent::__construct();
$this->load->model('model_music');
$this->load->helper('html');
$this->load->helper('url');
$this->load->helper('form');
+ $this->filter = $this->input->get('filter');
}
public function index(){
+
+ if ($this->filter == "co") {
+ $this->load->view('layout/header');
+ $this->load->view('new_user');
+ }else{
$albums = $this->model_music->getAlbums();
$this->load->view('layout/header');
$this->load->view('albums_list',['albums'=>$albums]);
$this->load->view('layout/footer');
+ }
}
}
diff --git a/codeigniter/application/views/layout/header.php b/codeigniter/application/views/layout/header.php
index 69db805..b93c902 100644
--- a/codeigniter/application/views/layout/header.php
+++ b/codeigniter/application/views/layout/header.php
@@ -1,25 +1,27 @@
<!doctype html>
<html lang="en" class="has-navbar-fixed-top">
- <head>
- <meta charset="UTF-8" />
- <title>MUSIC APP</title>
-<link
- rel="stylesheet"
- href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
-/>
+ <head>
+ <meta charset="UTF-8" />
+ <title>MUSIC APP</title>
+ <link
+ rel="stylesheet"
+ href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
+ />
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
- <?=link_tag('assets/style.css')?>
- </head>
- <body>
- <main class='container'>
- <nav>
- <ul>
- <li><strong>Music APP</strong></li>
- </ul>
- <ul>
- <li><?=anchor('albums','Albums');?></li>
- <li><?=anchor('artistes','Artistes');?></li>
- <li><?=anchor('connexion','Se connecter');?></li>
- </ul>
-</nav>
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <?=link_tag('assets/style.css')?>
+ </head>
+ <body>
+ <main class='container'>
+ <nav>
+ <ul>
+ <li><strong>Music APP</strong></li>
+ </ul>
+ <ul>
+ <li><?=anchor('albums','Albums');?></li>
+ <li><?=anchor('artistes','Artistes');?></li>
+ <li><?=anchor('Albums/?filter=co','Se connecter');?></li>
+ </ul>
+ </nav>
+ </body>
+</html>
diff --git a/codeigniter/application/views/new_user.php b/codeigniter/application/views/new_user.php
new file mode 100644
index 0000000..4df883e
--- /dev/null
+++ b/codeigniter/application/views/new_user.php
@@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="en" class="authentification page">
+ <head>
+ <meta charset="UTF-8" />
+ <title>CONNEXION</title>
+ <link
+ rel="stylesheet"
+ href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
+ />
+
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <?=link_tag('assets/style.css')?>
+ </head>
+ <body>
+ <section class="connexion">
+
+ <div class="authentification">
+
+ <h3> Déjà abonné </h3>
+ <form action="reponse.php" method="GET">
+ <p>Adresse mail</p>
+ <input type="text" name="Email">
+
+ <p>Mot de passe</p>
+ <input type="text" name="PW">
+
+ <input type=submit value="Connexion">
+ </div>
+
+ <div class="new">
+
+ <h3> Création de compte </h3>
+
+ <form action="reponse.php" methode="GET">
+
+ <p>Nom</p>
+ <input type="text" name="Nom">
+
+ <p>Prénom</p>
+ <input type="text" name="Prenom">
+
+ <p>Adresse mail</p>
+ <input type="text" name="Email">
+
+ <p>Mot de passe</p>
+ <input type="text" name="PW">
+
+ <input type=submit value="Créer">
+ </div>
+ </form>
+ </main>
+ </body>
+</html>
+
+
diff --git a/codeigniter/assets/style.css b/codeigniter/assets/style.css
index 92d39a5..1efafa1 100644
--- a/codeigniter/assets/style.css
+++ b/codeigniter/assets/style.css
@@ -25,12 +25,12 @@ section.list img {
nav {
position: fixed;
width: 100%;
- background-color: #13171f;
+
top: 0;
right: 0;
}
-h5 {
+main.container {
margin-top: 60px;
}
@@ -43,3 +43,16 @@ h5 {
}
+
+section.connexion {
+ display: flex;
+ justify-content: space-between;
+}
+
+div.authentification {
+ width: 45%;
+}
+
+div.new {
+ width: 45%;
+}