ajout de la page de connection

This commit is contained in:
Yann KERAUDREN 2024-06-09 04:13:50 +02:00
parent 6c0ca1905a
commit 6ff83097b2
4 changed files with 103 additions and 24 deletions
codeigniter
application
controllers
views
assets

@ -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');
}
}
}

@ -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>

@ -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>

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