gallego/SAEWEB2.2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

correction beug header + footer + css & php pour les playlist

Browse Source
This commit is contained in:
James BOUTARIC 2024-06-05 14:57:43 +02:00
parent 1768f21e86
commit 9d492207b0
8 changed files with 33 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ci/application/controllers/Albums.php
View File

@ -21,7 +21,7 @@ class Albums extends CI_Controller {
$songs = [];
}
$this->load->view('layout/header');
$this->load->view('song_album_list', ['songs' => $songs, 'album' => $album]);
$this->load->view('song_album_list', ['songs' => $songs]);
$this->load->view('layout/footer');
}
}

6
ci/application/controllers/Playlist.php
View File

@ -10,14 +10,14 @@ class Playlist extends CI_Controller {
public function index(){
$playlists = $this->model_music->getPlaylist();
// $this->load->view('layout/header');
$this->load->view('layout/header');
$this->load->view('playlist_list', ['playlists' => $playlists]);
$this->load->view('layout/footer');
}
public function view(){
$playlists = $this->model_music->deletePlaylist();
//$this->load->view('layout/header_album');
$this->load->view('layout/header');
$this->load->view('playlist_list', ['playlists' => $playlists]);
$this->load->view('layout/footer');
}
@ -35,7 +35,7 @@ class Playlist extends CI_Controller {
}
public function MenuCreate() {
//$this->load->view('layout/header_album');
$this->load->view('layout/header');
$this->load->view('create_playlist');
$this->load->view('layout/footer');

1
ci/application/views/Welcome.php
View File

@ -4,6 +4,7 @@
<meta charset="UTF-8" />
<title>SpotiFly</title>
<link rel="stylesheet" href="<?= base_url('assets/style.css') ?>">
<link rel="stylesheet" href="<?= base_url('assets/connexion.css') ?>">
</head>
<body>
<main class='container'>

2
ci/application/views/layout/header copy.php
View File

@ -9,7 +9,7 @@
<link rel="stylesheet" href="<?= base_url('assets/album.css') ?>">
</head>
<body>
<main class='contain'>
<main class='container'>
<header class="navbar">
<div class="logo">
<img src="../assets/img/Logo1.png" alt="SpotiFly">

5
ci/application/views/playlist_list.php
View File

@ -1,9 +1,9 @@
<?php
echo "<div class='playlist-container'>";
echo "<form action='" . base_url("index.php/playlist/MenuCreate/") . "' method='post'>";
echo "<button type='submit' class='create-button'>Create</button>";
echo "</form>";
echo "<div class='playlist-container'>";
foreach($playlists as $playlist){
echo "<div class='playlist-item'>";
echo "<header class='short-text'>";
@ -12,7 +12,6 @@ foreach($playlists as $playlist){
echo "<button type='submit' class='delete-button'>Delete</button>";
echo "</form>";
echo "</header>";
// If you want to add an image, you can add it here
echo "</div>";
}
echo "</div>";

84
ci/assets/connexion.css
View File

@ -1,83 +1,9 @@
body {
body{
margin: 0;
padding: 0;
font-family: 'Arial', sans-serif;
background-color: #1DB954;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.container {
background-color: #191414;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.login-box {
max-width: 400px;
margin: auto;
color: white;
}
.login-box h1 {
text-align: center;
margin-bottom: 20px;
}
.textbox {
margin-bottom: 20px;
}
.textbox input {
width: 100%;
padding: 10px;
background-color: #333;
border: none;
border-radius: 5px;
color: white;
box-sizing: border-box;
background-color: white;
font-size: 16px;
}
height: 80%;
.btn {
width: 100%;
padding: 10px;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}
.btn:hover {
opacity: 0.9;
}
.btn.social-btn {
display: block;
margin-bottom: 10px;
}
.apple {
background-color: #A3AAAE;
}
.google {
background-color: #DB4437;
}
.facebook {
background-color: #3B5998;
}
.alt-login p {
text-align: center;
margin: 20px 0;
}
hr {
border: none;
border-top: 1px solid #333;
margin: 20px 0;
}
}

29
ci/assets/playlist.css
View File

@ -1,22 +1,25 @@
/* Style for the buttons */
/* Style pour les boutons */
button[type='submit'].create-button,
button[type='submit'].delete-button {
background-color: #1ed860 !important;
background-color: #1ed860;
color: white;
padding: 5px 10px;
padding: 8px 12px;
border: none;
border-radius: 5px;
cursor: pointer;
margin: 5px;
transition: background-color 0.3s, color 0.3s;
}
button.upload-image-button {
background-color: transparent;
color: green;
border: 1px solid green;
padding: 5px 10px;
padding: 8px 12px;
border-radius: 5px;
cursor: pointer;
margin-top: 10px;
transition: background-color 0.3s, color 0.3s;
}
button.upload-image-button:hover {
@ -24,33 +27,37 @@ button.upload-image-button:hover {
color: white;
}
/* Style for the playlist container */
/* Style pour le conteneur de la playlist */
div.playlist-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding-top: 20px; /* Ajoutez un padding pour éviter que le contenu ne soit caché par la barre de navigation */
padding-top: 20px; /* Ajouter un padding pour éviter que le contenu ne soit caché par la barre de navigation */
}
/* Style for each playlist */
/* Style pour chaque élément de la playlist */
div.playlist-item {
width: 200px;
margin: 10px;
padding: 10px;
padding: 12px;
border: 1px solid #ccc;
border-radius: 5px;
border-radius: 8px;
text-align: center;
transition: transform 0.3s;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
div.playlist-item img {
max-width: 100%;
height: auto;
border-radius: 5px;
}
/* Style for the playlist name */
/* Style pour le nom de la playlist */
div.playlist-item h3 {
margin-top: 10px;
font-size: 18px;
font-size: 20px;
color: #333; /* changer la couleur du texte */
}
div.playlist-item:hover {

5
ci/assets/style.css
View File

@ -1,11 +1,10 @@
body {
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: white;
font-size: 16px;
height: 80%;
padding-top: 100px;
padding-right: 50px;
}
.navbar a {
color: white;