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

css pour playlist + php

Browse Source
This commit is contained in:
James BOUTARIC 2024-06-05 13:51:23 +02:00
parent 370f210e23
commit 1768f21e86
10 changed files with 84 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,11 +20,8 @@ class Albums extends CI_Controller {
if (empty($songs)) { if (empty($songs)) {
$songs = []; $songs = [];
} }
log_message('debug', 'Songs: ' . print_r($songs, true));
$this->load->view('layout/header'); $this->load->view('layout/header');
$this->load->view('song_album_list', ['songs' => $songs]); $this->load->view('song_album_list', ['songs' => $songs, 'album' => $album]);
$this->load->view('layout/footer'); $this->load->view('layout/footer');
} }
} }

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

@ -10,16 +10,16 @@ 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_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_album'); $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_album');
$this->load->view('playlist_list', ['playlists' => $playlists]); $this->load->view('playlist_list', ['playlists' => $playlists]);
//$this->load->view('layout/footer_album'); $this->load->view('layout/footer');
} }
public function SongPlaylist($playlist_id){ public function SongPlaylist($playlist_id){
@ -37,6 +37,8 @@ class Playlist extends CI_Controller {
public function MenuCreate() { public function MenuCreate() {
//$this->load->view('layout/header_album'); //$this->load->view('layout/header_album');
$this->load->view('create_playlist'); $this->load->view('create_playlist');
$this->load->view('layout/footer');
} }
public function createPlaylistController() { public function createPlaylistController() {

14
ci/application/views/create_playlist.php
View File

@ -1,10 +1,6 @@
<h5>Créer une nouvelle Playlist</h5> <h5 class="playlist-title">Créer une nouvelle Playlist</h5>
<?php <form action="<?= base_url('index.php/playlist/createPlaylistController') ?>" method="post" class="playlist-form">
<label for="name_playlist" class="playlist-label">Nom de la Playlist:</label>
?> <input type="text" name="name_playlist" id="name_playlist" class="playlist-input" required>
<button type="submit" name="submit" class="playlist-button">Créer</button>
<form action="<?= base_url('index.php/playlist/createPlaylistController') ?>" method="post">
<label for="name_playlist">Nom de la Playlist:</label>
<input type="text" name="name_playlist" id="name_playlist" required>
<button type="submit" name="submit">Créer</button>
</form> </form>

1
ci/application/views/layout/footer.php
View File

@ -4,6 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>MUSIC APP</title> <title>MUSIC APP</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/playlist.css') ?>">
</head> </head>
<body> <body>
<footer class="footer"> <footer class="footer">

1
ci/application/views/layout/header.php
View File

@ -7,6 +7,7 @@
<link rel="stylesheet" href="<?= base_url('assets/song.css') ?>"> <link rel="stylesheet" href="<?= base_url('assets/song.css') ?>">
<link rel="stylesheet" href="<?= base_url('assets/artiste.css') ?>"> <link rel="stylesheet" href="<?= base_url('assets/artiste.css') ?>">
<link rel="stylesheet" href="<?= base_url('assets/album.css') ?>"> <link rel="stylesheet" href="<?= base_url('assets/album.css') ?>">
<link rel="stylesheet" href="<?= base_url('assets/playlist.css') ?>">
</head> </head>
<body> <body>
<main class='contain'> <main class='contain'>

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

@ -1,18 +1,19 @@
<h5>Playlist List</h5>
<?php <?php
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='Créer Playlist'>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><article>"; echo "<div class='playlist-item'>";
echo "<header class='short-text'>"; echo "<header class='short-text'>";
echo anchor("playlist/SongPlaylist/{$playlist->id}","{$playlist->name}"); echo anchor("playlist/SongPlaylist/{$playlist->id}","<h3>{$playlist->name}</h3>");
echo "<form action='" . base_url("index.php/playlist/delete/{$playlist->id}") . "' method='post'>"; echo "<form action='" . base_url("index.php/playlist/delete/{$playlist->id}") . "' method='post'>";
echo "<button type='Supprimer Playlist'>Delete</button>"; echo "<button type='submit' class='delete-button'>Delete</button>";
echo "</form>"; echo "</form>";
echo "</header>"; echo "</header>";
echo "</article></div>"; // If you want to add an image, you can add it here
echo "</div>";
} }
echo "</div>";
?> ?>

2
ci/application/views/song_album_list.php
View File

@ -1,4 +1,3 @@
<section class="list"> <section class="list">
<?php <?php
foreach($songs as $song){ foreach($songs as $song){
@ -12,3 +11,4 @@ foreach($songs as $song){
} }
?> ?>
</section> </section>

2
ci/assets/album.css
View File

@ -21,7 +21,7 @@
} }
.album img { .album img {
max-width: 100%; max-width: 80%;
height: auto; height: auto;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
margin-bottom: 10px; margin-bottom: 10px;

59
ci/assets/playlist.css Normal file
View File

@ -0,0 +1,59 @@
/* Style for the buttons */
button[type='submit'].create-button,
button[type='submit'].delete-button {
background-color: #1ed860 !important;
color: white;
padding: 5px 10px;
border: none;
border-radius: 5px;
cursor: pointer;
margin: 5px;
}
button.upload-image-button {
background-color: transparent;
color: green;
border: 1px solid green;
padding: 5px 10px;
border-radius: 5px;
cursor: pointer;
margin-top: 10px;
}
button.upload-image-button:hover {
background-color: green;
color: white;
}
/* Style for the playlist container */
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 */
}
/* Style for each playlist */
div.playlist-item {
width: 200px;
margin: 10px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
text-align: center;
}
div.playlist-item img {
max-width: 100%;
height: auto;
}
/* Style for the playlist name */
div.playlist-item h3 {
margin-top: 10px;
font-size: 18px;
}
div.playlist-item:hover {
transform: scale(1.05);
}

8
ci/assets/style.css
View File

@ -4,7 +4,7 @@ body {
box-sizing: border-box; box-sizing: border-box;
background-color: white; background-color: white;
font-size: 16px; font-size: 16px;
height: 100%; height: 80%;
} }
.navbar a { .navbar a {
@ -202,12 +202,6 @@ body {
color: #1ed860; color: #1ed860;
} }
html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: 'Arial', sans-serif;
}
.logo img { .logo img {
padding-left: 10px; padding-left: 10px;
width: 200px; width: 200px;