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

42
view/login.view.php Normal file
View File

@@ -0,0 +1,42 @@
<div class="body">
<?php include $views['menu'] ?>
<div class="container px-lg-9 mt-8">
<div class="card text-white px-lg-8 py-lg-5" style="background-color: #212529;">
<div class="card-header" style="background-color: #212529;">
<h2 class="text-white">Inicio de Sesión</h2>
</div>
<div class="card-body">
<?php if (isset($_POST['username'])) : ?>
<label for="" class="alert alert-danger">Usuario y/o clave inválido.</label>
<?php endif; ?>
<form action="" method="post">
<div class="form-group">
<div class="input-group input-group-alternative mb-4">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-user"></i></span>
</div>
<input class="form-control form-control-alternative" name="username" placeholder="Usuario" type="text" minlength="6" required>
</div>
</div>
<div class="form-group">
<div class="input-group input-group-alternative mb-4">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-lock"></i></span>
</div>
<input class="form-control form-control-alternative" name="password" placeholder="Contraseña" type="password" minlength="6" required>
</div>
</div>
<div class="text-center">
<button type="submit" class="btn btn-primary">Acceder</button>
</div>
</form>
</div>
<div class="card-footer" style="background-color: #212529;">
<a href="./?view=register">Registrarme</a>
</div>
</div>
</div>
<br><br><br><br><br>
</div>