Add new views and styles for music application

- Created new CSS files for styling the application, including home.css and style.css.
- Implemented 403 and 404 error views with appropriate messages and navigation.
- Developed a dump view to display deleted elements with restoration options.
- Enhanced home view to include music search functionality and display results.
- Added listplay view for managing music playlists, including creation and deletion options.
- Implemented loadmusic view for uploading new music with necessary fields.
- Created login and register views for user authentication.
- Developed sound view to display individual music tracks with playback controls and options for liking and deleting.
- Updated menu view to include navigation links based on user authentication status.
This commit is contained in:
2026-01-05 17:20:17 -04:00
parent 24f62ca4c2
commit a8624fc847
33 changed files with 1370 additions and 0 deletions

53
view/loadmusic.view.php Normal file
View File

@@ -0,0 +1,53 @@
<div class="body">
<?php include $views['menu']; ?>
<div class="container mt-5">
<?php if (!isset($_GET['message'])) : ?>
<form action="" method="post" enctype="multipart/form-data">
<div class="card" style="background-color: #212529;">
<div class="card-header" style="background-color: #212529;">
<h1 class="text-muted"><i class="fas fa-music"></i> Nueva M&uacute;sica</h1>
</div>
<div class="card-body">
<div class="form-group">
<label for="title" class="text-white">T&iacute;tulo de la M&uacute;sica</label>
<input type="text" class="form-control" name="txtTitle" id="title" placeholder="título..." minlength="6" required>
</div>
<div class="form-group">
<label for="author" class="text-white">Nombre del Autor</label>
<input type="text" class="form-control" name="txtAuthor" id="author" placeholder="author..." minlength="6" required>
</div>
<div class="form-group">
<label for="description" class="text-white">Descripci&oacute;n de la M&uacute;sica</label>
<textarea class="form-control form-control-alternative" name="txtDescription" id="description" rows="3" placeholder="(opcional)"></textarea>
</div>
<div class="form-group">
<label for="" class="text-white">G&eacute;nero Musical</label>
<select name="genner" id="genner" class="form-control">
<?php foreach ($gennerMusical as $index => $genner) : ?>
<option value="<?= $index ?>"><?= $genner['gennerName'] ?></option>
<?php endforeach; ?>
</select>
</div>
<div class="form-group">
<label for="fileMusic" class="text-white">Cargar el archivo musical</label>
<input type="file" name="fileMusic" id="fileMusic" class="form-control" accept=".WAV, .AIFF, .AU, .FLAC, .MPEG-4, .Shorten, .TTA, .ATRAC, .Apple Lossless, .MP3, .Vorbis, .Musepack, .AAC, .WMA, .Opus, .OGG, .DSD, .MQA" required>
</div>
</div>
<div class="card-footer text-right" style="background-color: #212529;">
<button type="submit" class="btn btn-success">Cargar</button>
</div>
</div>
</form>
<?php else:?>
<div class="card bg-<?=$_GET['action']?>">
<div class="card-body alert alert-<?=$_GET['action']?>">
<span class="display-3"><?=$_GET['message']?></span>
</div>
<div class="card-footer" style="background-color: #212529;">
<a href="./" class="btn btn-success"><i class="fas fa-arrow-left"></i> Inicio</a>
</div>
</div>
<?php endif; ?>
</div>
<br><br><br><br><br>
</div>