keraudre/SAE_DEV2.2_2024
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ajout de la page de connection

Browse Source
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
Albums.php
views
layout
header.php
new_user.php
assets
style.css

9
codeigniter/application/controllers/Albums.php

@ -3,18 +3,27 @@ defined('BASEPATH') OR exit('No direct script access allowed');
class Albums extends CI_Controller { class Albums extends CI_Controller {
private $filter = 'default';
public function __construct(){ public function __construct(){
parent::__construct(); parent::__construct();
$this->load->model('model_music'); $this->load->model('model_music');
$this->load->helper('html'); $this->load->helper('html');
$this->load->helper('url'); $this->load->helper('url');
$this->load->helper('form'); $this->load->helper('form');
$this->filter = $this->input->get('filter');
} }
public function index(){ public function index(){
if ($this->filter == "co") {
$this->load->view('layout/header');
$this->load->view('new_user');
}else{
$albums = $this->model_music->getAlbums(); $albums = $this->model_music->getAlbums();
$this->load->view('layout/header'); $this->load->view('layout/header');
$this->load->view('albums_list',['albums'=>$albums]); $this->load->view('albums_list',['albums'=>$albums]);
$this->load->view('layout/footer'); $this->load->view('layout/footer');
}
} }
} }

46
codeigniter/application/views/layout/header.php

@ -1,25 +1,27 @@
<!doctype html> <!doctype html>
<html lang="en" class="has-navbar-fixed-top"> <html lang="en" class="has-navbar-fixed-top">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>MUSIC APP</title> <title>MUSIC APP</title>
<link <link
rel="stylesheet" rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css" 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 rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<?=link_tag('assets/style.css')?> <?=link_tag('assets/style.css')?>
</head> </head>
<body> <body>
<main class='container'> <main class='container'>
<nav> <nav>
<ul> <ul>
<li><strong>Music APP</strong></li> <li><strong>Music APP</strong></li>
</ul> </ul>
<ul> <ul>
<li><?=anchor('albums','Albums');?></li> <li><?=anchor('albums','Albums');?></li>
<li><?=anchor('artistes','Artistes');?></li> <li><?=anchor('artistes','Artistes');?></li>
<li><?=anchor('connexion','Se connecter');?></li> <li><?=anchor('Albums/?filter=co','Se connecter');?></li>
</ul> </ul>
</nav> </nav>
</body>
</html>

55
codeigniter/application/views/new_user.php Normal file

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

17
codeigniter/assets/style.css

@ -25,12 +25,12 @@ section.list img {
nav { nav {
position: fixed; position: fixed;
width: 100%; width: 100%;
background-color: #13171f;
top: 0; top: 0;
right: 0; right: 0;
} }
h5 { main.container {
margin-top: 60px; margin-top: 60px;
} }
@ -43,3 +43,16 @@ h5 {
} }
section.connexion {
display: flex;
justify-content: space-between;
}
div.authentification {
width: 45%;
}
div.new {
width: 45%;
}