Skip to content

para agregar al dev asi sigo corrigiendo #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
WilsonLombardo merged 1 commit into from
Aug 11, 2025
Merged

para agregar al dev asi sigo corrigiendo #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion app/views.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -260,4 +260,5 @@ def AboutUsView(request):
context = {

}
return render(request,"nosotros.html",context)
return render(request,"nosotros.html",context)

Binary file added media/1125031-highest-2-lowest-0-1000-0-1500-crop.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added media/1129199-caught-stealing-0-1000-0-1500-crop.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added media/972109-weapons-2025-0-1000-0-1500-crop.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions requirements.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
django==4.0.1
django==4.2.11
django-environ==0.8.1
fontawesomefree==6.0.0
Pillow==10.0.0
Pillow==11.3.0
django_crispy_forms==1.14.0
3 changes: 2 additions & 1 deletion static/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -273,4 +273,5 @@ footer {
align-items: flex-start;
padding: 0.5rem;
}
}
}

Binary file modified static/images/llaveritos.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
133 changes: 99 additions & 34 deletions templates/clientes_list.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,37 +1,102 @@
{% extends "padre.html" %}
{% extends "padre.html" %}

{% block loquecambia %}
<h3 class="title-clientList" style="text-align: center; margin-top: 1em"><strong>COMUNIDAD</strong></h3>
<div class="clientes_list" style="height: 69vh; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;">
<div class="table-responsive m-5 text-center">
<table class="table table-bordered table-light">
<thead class="text-light bg-success">
<tr class="font-weight-bold">
<th scope="col">Usuario #</th>
<th scope="col">Nombre</th>
<th scope="col">Apellido</th>
<th scope="col">Dirección</th>
<th scope="col">Email</th>
<th scope="col">Teléfono</th>
</tr>
</thead>
{% for c in clientes %}
<tbody>
<tr>
<th scope="row">{{c.pk}}</th>
<td>{{c.nombre}}</td>
<td>{{c.apellido}}</td>
<td>{{c.direccion}}</td>
<td>{{c.email}}</td>
<td>{{c.telefono}}</td>
</tr>
</tbody>
{% endfor %}
</table>
</div>

<style>
.community-container {
background-color: #000000;
color: #ffffff;
min-height: 80vh;
padding: 2rem 1rem;
font-family: 'Helvetica Neue', sans-serif;
}
.community-title {
color: #ffc107;
text-align: center;
margin-bottom: 2rem;
font-weight: 700;
text-shadow: 0 0 8px rgba(255, 193, 7, 0.8);
}
.table-responsive {
box-shadow: 0 0 15px rgba(255, 193, 7, 0.6);
border-radius: 10px;
overflow: hidden;
}
table.table {
background-color: #121212;
color: #e0e0e0;
border-collapse: separate;
border-spacing: 0;
width: 100%;
}
thead {
background-color: #ffc107;
color: #000000;
}
thead th {
padding: 0.75rem 1rem;
font-weight: 700;
border-bottom: none;
}
tbody tr:hover {
background-color: #2a2a2a;
cursor: default;
}
tbody td, tbody th {
padding: 0.75rem 1rem;
border-top: 1px solid #444444;
}
tbody td {
color: #dcdcdc;
}
tbody td:first-child {
color: #ffc107;
font-weight: 600;
}
.no-data {
color: #888888;
font-style: italic;
padding: 2rem 0;
}
</style>

<div class="community-container container my-5">
<h3 class="community-title">COMUNIDAD</h3>

<div class="table-responsive shadow rounded">
<table class="table table-hover align-middle">
<thead>
<tr>
<th scope="col">Usuario</th>
<th scope="col">Nombre</th>
<th scope="col">Apellido</th>
<th scope="col">Dirección</th>
<th scope="col">Email</th>
<th scope="col">Teléfono</th>
</tr>
</thead>
<tbody>
{% for c in clientes %}
<tr>
<th scope="row">{{ c.pk }}</th>
<td>{{ c.nombre }}</td>
<td>{{ c.apellido }}</td>
<td>{{ c.direccion }}</td>
<td>{{ c.email }}</td>
<td>{{ c.telefono }}</td>
</tr>
{% empty %}
<tr>
<td colspan="6" class="text-center no-data">
No hay usuarios registrados aún.
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
{% endblock %}
98 changes: 86 additions & 12 deletions templates/login.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,23 +1,97 @@
{% extends "padre.html" %}
{% load crispy_forms_tags %}
{% block loquecambia %}
<div class="login" style="height: 26.2vh; display: flex; justify-content: center; align-items: center;">
<form class="login" action="" method="POST">
{% csrf_token %}

{{form|crispy}}
<style>
.login-container {
min-height: 40vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #000000;
color: #ffffff;
font-family: 'Helvetica Neue', sans-serif;
padding: 2rem 1rem;
}
form.login-form {
background-color: #121212;
padding: 2.5rem 3rem;
border-radius: 10px;
box-shadow: 0 0 15px rgba(255, 193, 7, 0.6);
width: 100%;
max-width: 400px;
}
form.login-form input,
form.login-form select,
form.login-form textarea {
background-color: #1e1e1e;
border: 1px solid #444444;
color: #e0e0e0;
border-radius: 6px;
padding: 0.5rem 0.75rem;
margin-bottom: 1rem;
font-size: 1rem;
transition: border-color 0.3s ease;
}
form.login-form input:focus,
form.login-form select:focus,
form.login-form textarea:focus {
outline: none;
border-color: #ffc107;
box-shadow: 0 0 8px rgba(255, 193, 7, 0.8);
background-color: #2a2a2a;
}
.btn-login {
width: 100%;
background-color: #ffc107;
color: #000000;
border: none;
font-weight: 700;
font-size: 1.1rem;
padding: 0.6rem 0;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.btn-login:hover {
background-color: #e0a800;
box-shadow: 0 0 15px rgba(255, 193, 7, 0.9);
}
.register-link {
margin-top: 1.5rem;
text-align: center;
font-size: 1rem;
color: #ccc;
}
.register-link a {
color: #ffc107;
font-weight: 600;
text-decoration: none;
transition: color 0.3s ease;
}
.register-link a:hover {
color: #e0a800;
text-decoration: underline;
}
</style>

<button type="submit" class="btn btn-success" style="width: 14em">Iniciar sesión</button>

<br>
<div>
<a href="{% url 'app:registro' %}" style="text-decoration: none; font-family: 'Hind Siliguri', sans-serif; color: #698901;"><strong>¿No tienes cuenta? ¡Registrate!</strong></a>
</div>
<div class="login-container">
<form class="login-form" action="" method="POST" novalidate>
{% csrf_token %}
{{ form|crispy }}

</form>
<button type="submit" class="btn-login mt-3">Iniciar sesión</button>

<div class="register-link">
<a href="{% url 'app:registro' %}"><strong>¿No tienes cuenta? ¡Regístrate!</strong></a>
</div>
</form>
</div>

<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
{% endblock %}

{% endblock %}

Loading
Loading