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

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

@ -4,6 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>SpotiFly</title> <title>SpotiFly</title>
<link rel="stylesheet" href="<?= base_url('assets/style.css') ?>"> <link rel="stylesheet" href="<?= base_url('assets/style.css') ?>">
<link rel="stylesheet" href="<?= base_url('assets/connexion.css') ?>">
</head> </head>
<body> <body>
<main class='container'> <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') ?>"> <link rel="stylesheet" href="<?= base_url('assets/album.css') ?>">
</head> </head>
<body> <body>
<main class='contain'> <main class='container'>
<header class="navbar"> <header class="navbar">
<div class="logo"> <div class="logo">
<img src="../assets/img/Logo1.png" alt="SpotiFly"> <img src="../assets/img/Logo1.png" alt="SpotiFly">

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

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

80
ci/assets/connexion.css
View File

@ -1,83 +1,9 @@
body{ body{
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: 'Arial', sans-serif; box-sizing: border-box;
background-color: #1DB954; background-color: white;
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;
font-size: 16px; 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'].create-button,
button[type='submit'].delete-button { button[type='submit'].delete-button {
background-color: #1ed860 !important; background-color: #1ed860;
color: white; color: white;
padding: 5px 10px; padding: 8px 12px;
border: none; border: none;
border-radius: 5px; border-radius: 5px;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
transition: background-color 0.3s, color 0.3s;
} }
button.upload-image-button { button.upload-image-button {
background-color: transparent; background-color: transparent;
color: green; color: green;
border: 1px solid green; border: 1px solid green;
padding: 5px 10px; padding: 8px 12px;
border-radius: 5px; border-radius: 5px;
cursor: pointer; cursor: pointer;
margin-top: 10px; margin-top: 10px;
transition: background-color 0.3s, color 0.3s;
} }
button.upload-image-button:hover { button.upload-image-button:hover {
@ -24,33 +27,37 @@ button.upload-image-button:hover {
color: white; color: white;
} }
/* Style for the playlist container */ /* Style pour le conteneur de la playlist */
div.playlist-container { div.playlist-container {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-around; 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 { div.playlist-item {
width: 200px; width: 200px;
margin: 10px; margin: 10px;
padding: 10px; padding: 12px;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 5px; border-radius: 8px;
text-align: center; text-align: center;
transition: transform 0.3s;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
} }
div.playlist-item img { div.playlist-item img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
border-radius: 5px;
} }
/* Style for the playlist name */ /* Style pour le nom de la playlist */
div.playlist-item h3 { div.playlist-item h3 {
margin-top: 10px; margin-top: 10px;
font-size: 18px; font-size: 20px;
color: #333; /* changer la couleur du texte */
} }
div.playlist-item:hover { div.playlist-item:hover {

5
ci/assets/style.css
View File

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