componentsDjangoType 2.0.35__tar.gz → 2.0.36__tar.gz

{componentsdjangotype-2.0.35/componentsDjangoType.egg-info → componentsdjangotype-2.0.36}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: componentsDjangoType
-Version: 2.0.35
+Version: 2.0.36
 Summary: Comandos para crear archivos html, css y js
 Home-page: https://github.com/jose-CR/componentsDjangoType
 Author: Alejandro

{componentsdjangotype-2.0.35 → componentsdjangotype-2.0.36/componentsDjangoType.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: componentsDjangoType
-Version: 2.0.35
+Version: 2.0.36
 Summary: Comandos para crear archivos html, css y js
 Home-page: https://github.com/jose-CR/componentsDjangoType
 Author: Alejandro

{componentsdjangotype-2.0.35 → componentsdjangotype-2.0.36}/componentsDjangoType.egg-info/SOURCES.txt

@@ -21,4 +21,11 @@ services/authenticator_configurator.py
 services/copy_source.py
 services/authentication/__init__.py
 services/authentication/auth.py
-services/authentication/forms.py
+services/authentication/forms.py
+services/utils/css/authentication.css
+services/utils/js/alertErrors.js
+services/utils/views/home.html
+services/utils/views/logged.html
+services/utils/views/login.html
+services/utils/views/singup.html
+services/utils/views/layouts/index.html

{componentsdjangotype-2.0.35 → componentsdjangotype-2.0.36}/services/authenticator_configurator.py

@@ -238,16 +238,16 @@ urlpatterns = [
         stdout.write("Estructura de carpetas creada.\n")
 
         files_to_copy = [
-            ("services/utils/js/alertErrors.js", os.path.join(js_dir, "alertErrors.js")),
-            ("services/utils/css/authentication.css", os.path.join(css_dir, "authentication.css")),
-            ("services/utils/views/layouts/index.html", os.path.join(layouts_dir, "index.html")),
-            ("services/utils/views/home.html", os.path.join(templates_dir, "home.html")),
-            ("services/utils/views/singup.html", os.path.join(templates_dir, "singup.html")),
-            ("services/utils/views/login.html", os.path.join(templates_dir, "login.html")), 
-            ("services/utils/views/logged.html", os.path.join(templates_dir, "logged.html")), 
+            ("services.utils.js", "alertErrors.js", os.path.join(js_dir, "alertErrors.js")),
+            ("services.utils.css", "authentication.css", os.path.join(css_dir, "authentication.css")),
+            ("services.utils.views.layouts", "index.html", os.path.join(layouts_dir, "index.html")),
+            ("services.utils.views", "home.html", os.path.join(templates_dir, "home.html")),
+            ("services.utils.views", "singup.html", os.path.join(templates_dir, "singup.html")),
+            ("services.utils.views", "login.html", os.path.join(templates_dir, "login.html")),
+            ("services.utils.views", "logged.html", os.path.join(templates_dir, "logged.html")),
         ]
 
-        for source_path, destination_path in files_to_copy:
-            copy_static_file(source_path, destination_path, stdout)
+        for package, resource_name, destination_path in files_to_copy:
+            copy_static_file(package, resource_name, destination_path, stdout)
         
         stdout.write("Archivos estáticos copiados.\n")

componentsdjangotype-2.0.36/services/copy_source.py

@@ -0,0 +1,31 @@
+import importlib.resources as pkg_resources  # Para acceder a recursos del paquete
+import shutil
+import os
+import sys
+
+def copy_static_file(package, resource_name, destination_path, stdout=sys.stdout):
+    """
+    Copia un archivo estático empaquetado a una ruta de destino.
+
+    :param package: El nombre del paquete donde está el recurso.
+    :param resource_name: Ruta relativa del recurso dentro del paquete.
+    :param destination_path: Ruta completa donde se copiará el archivo.
+    :param stdout: Salida estándar para mensajes (por defecto usa sys.stdout).
+    """
+    try:
+        # Verifica si el recurso existe en el paquete
+        if not pkg_resources.is_resource(package, resource_name):
+            stdout.write(f"El recurso '{resource_name}' no existe en el paquete '{package}'.\n")
+            return
+
+        # Crear el directorio de destino si no existe
+        os.makedirs(os.path.dirname(destination_path), exist_ok=True)
+
+        # Leer el archivo desde el paquete y escribirlo en la ruta destino
+        with pkg_resources.open_binary(package, resource_name) as resource_file:
+            with open(destination_path, 'wb') as dest_file:
+                shutil.copyfileobj(resource_file, dest_file)
+
+        stdout.write(f"El recurso '{resource_name}' fue copiado a '{destination_path}'.\n")
+    except Exception as e:
+        stdout.write(f"Error al copiar el archivo: {e}\n")

componentsdjangotype-2.0.36/services/utils/css/authentication.css

@@ -0,0 +1,211 @@
+.navbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 20px;
+    background-color: #333; /* Color de fondo */
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+/* Logo */
+.navbar .logo a {
+    color: #ffffff;
+    font-size: 1.5em;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+                   
+.navbar .logo a:hover {
+    color: #4a90e2; /* Hover del logo */
+}
+
+/* Links de navegación */
+.nav-links {
+    display: flex;
+    gap: 15px;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.nav-links .nav-item {
+    color: #ffffff;
+    font-size: 1em;
+    text-decoration: none;
+    padding: 8px 15px;
+    border-radius: 5px;
+    transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+.nav-links .nav-item:hover {
+    background-color: #4a90e2; /* Hover */
+    color: #ffffff;
+}
+
+/* Estilos para dispositivos móviles */
+.menu-toggle {
+    display: none;
+}
+
+@media (max-width: 768px) {
+    .menu-toggle {
+        display: inline-block;
+        font-size: 1.5em;
+        color: #ffffff;
+        cursor: pointer;
+        padding: 8px 15px;
+    }
+
+    .nav-links {
+        flex-direction: column;
+        position: absolute;
+        top: 100%;
+        right: 0;
+        width: 100%;
+        background-color: #333;
+        max-height: 0;
+        overflow: hidden;
+        transition: max-height 0.3s ease;
+    }
+
+    /* Activar menú desplegable */
+    .nav-links.active {
+        max-height: 300px; /* Ajustar altura */
+    }
+
+    .nav-links .nav-item {
+        padding: 10px 20px;
+    }
+}
+
+/*  formularios  */
+/* Contenedor para centrar el formulario */
+.form-wrapper {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 50px;
+}
+
+/* Contenedor del formulario */
+.form-container {
+    padding: 20px;
+    background: black; /* Fondo azul con transparencia */
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    color: white;
+    text-align: center;
+    max-width: 400px;
+    width: 100%;
+}
+
+/* Estilo del formulario */
+.form-control {
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+}
+
+/* Estilo para las etiquetas */
+label {
+    font-size: 0.9em;
+    color: #d1d5db; /* Color gris claro */
+    margin-bottom: 5px;
+    text-align: left;
+}
+
+/* Estilo para los campos de entrada */
+input[type="text"],
+input[type="password"] {
+    padding: 10px;
+    background: rgba(255, 255, 255, 0.2);
+    border: 1px solid rgba(255, 255, 255, 0.3);
+    border-radius: 5px;
+    color: #ffffff;
+    outline: none;
+    font-size: 1em;
+    transition: background 0.3s ease, box-shadow 0.3s ease;
+}
+
+input[type="text"]:focus,
+input[type="password"]:focus {
+    background: rgba(255, 255, 255, 0.4);
+    box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
+}
+
+/* Estilo del botón */
+button[type="submit"] {
+    padding: 10px;
+    background: #4a90e2;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: background 0.3s ease;
+}
+
+button[type="submit"]:hover {
+    background: #357ab8;
+}
+            
+/* alert */
+
+/* Estilos para la alerta */
+.alert {
+    max-width: 400px;
+    background-color: #333;
+    color: #ffffff;
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    margin: 0 auto;
+    position: relative;
+    top: 20px;
+    padding: 15px;
+}
+
+.alert-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.close-btn {
+    background: none;
+    border: none;
+    cursor: pointer;
+    color: #ffffff;
+    transition: color 0.3s ease;
+}
+
+.close-btn:hover {
+    color: #ff6b6b;
+}
+
+.close-icon {
+    width: 16px;
+    height: 16px;
+}
+
+/* logged */
+
+/* Estilos para el contenedor del bloque */
+.layout-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    background-color: #f0f4f8;
+    font-family: Arial, sans-serif;
+}                   
+
+/* Estilos para el título */
+.layout-container h1 {
+    font-size: 2.5rem;
+    color: #4a90e2;
+    font-weight: bold;
+    text-align: center;
+    padding: 20px;
+    border-radius: 8px;
+    background: #ffffff;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}

componentsdjangotype-2.0.36/services/utils/js/alertErrors.js

@@ -0,0 +1,6 @@
+function closeAlert() {
+    const alert = document.getElementById('alert');
+        if (alert) {
+            alert.remove();
+        }
+}

componentsdjangotype-2.0.36/services/utils/views/home.html

@@ -0,0 +1,4 @@
+{% extends "layouts/index.html" %}
+{% block layout %}
+<h1>welcome</h1>
+{% endblock %}

componentsdjangotype-2.0.36/services/utils/views/layouts/index.html

@@ -0,0 +1,40 @@
+{% load static %}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="{% static 'css/authentication.css' %}">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
+    <title>django components</title>
+</head>
+<body class="bg-gray-100 text-gray-800">
+                    
+<nav class="navbar">
+    <div class="logo">
+        <a href="{% url 'home' %}">
+            <i class="fa-solid fa-house"></i>
+        </a>
+    </div>
+    <div class="menu-toggle">
+        <i class="fa fa-bars"></i>
+    </div>
+    <ul class="nav-links">
+        {% if user.is_authenticated %}
+            <li><a href="{% url 'logout' %}" class="nav-item">Logout</a></li>
+        {% else %}
+            <li><a href="{% url 'signup' %}" class="nav-item">Sign Up</a></li>
+            <li><a href="{% url 'login' %}" class="nav-item">Login</a></li>
+        {% endif %}
+    </ul>
+</nav>
+
+<div class="container mx-auto p-4">
+    {% block layout %}
+    {% endblock %}
+</div>
+
+
+<script src="{% static 'js/alertErrors.js'%}"></script>
+</body>
+</html>

componentsdjangotype-2.0.36/services/utils/views/logged.html

@@ -0,0 +1,6 @@
+{% extends "layouts/index.html" %}
+{% block layout %}
+  <div class="layout-container">
+      <h1>¡Has iniciado sesión!</h1>
+  </div>
+{% endblock %}

componentsdjangotype-2.0.36/services/utils/views/login.html

@@ -0,0 +1,33 @@
+{% extends "layouts/index.html" %}
+{% block layout %}
+{% if error %}
+<div class="alert" id="alert">
+    <div class="alert-content">
+        {{ error }}
+        <button class="close-btn" onclick="closeAlert()">
+            <span class="sr-only">Close</span>
+            <svg class="close-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0.92524 0.687069C1.126 0.486219 1.39823 0.373377 1.68209 0.373377C1.96597 0.373377 2.2382 0.486219 2.43894 0.687069L8.10514 6.35813L13.7714 0.687069C13.8701 0.584748 13.9882 0.503105 14.1188 0.446962C14.2494 0.39082 14.3899 0.361248 14.5321 0.360026C14.6742 0.358783 14.8151 0.38589 14.9468 0.439762C15.0782 0.493633 15.1977 0.573197 15.2983 0.673783C15.3987 0.774389 15.4784 0.894026 15.5321 1.02568C15.5859 1.15736 15.6131 1.29845 15.6118 1.44071C15.6105 1.58297 15.5809 1.72357 15.5248 1.85428C15.4688 1.98499 15.3872 2.10324 15.2851 2.20206L9.61883 7.87312L15.2851 13.5441C15.4801 13.7462 15.588 14.0168 15.5854 14.2977C15.5831 14.5787 15.4705 14.8474 15.272 15.046C15.0735 15.2449 14.805 15.3574 14.5244 15.3599C14.2437 15.3623 13.9733 15.2543 13.7714 15.0591L8.10514 9.38812L2.43894 15.0591C2.23704 15.2543 1.96663 15.3623 1.68594 15.3599C1.40526 15.3574 1.13677 15.2449 0.938279 15.046C0.739807 14.8474 0.627232 14.5787 0.624791 14.2977C0.62235 14.0168 0.730236 13.7462 0.92524 13.5441L6.59144 7.87312L0.92524 2.20206C0.724562 2.00115 0.611816 1.72867 0.611816 1.44457C0.611816 1.16047 0.724562 0.887983 0.92524 0.687069Z" fill="currentColor"/>
+            </svg>
+        </button>
+    </div>
+</div>
+{% endif %}
+
+<div class="form-wrapper">
+    <div class="form-container">
+        <form action="" method="post" class="form-control">
+            {% csrf_token %}
+            <h1>Login</h1>
+
+            <label for="username">Usuario:</label>
+            {{ form.username }}
+
+            <label for="password">Contraseña:</label>
+            <input type="password" id="password" name="password" value="{{ form.password2 }}" required>
+
+            <button type="submit">Login</button>
+        </form>
+    </div>
+</div>
+{% endblock %}

componentsdjangotype-2.0.36/services/utils/views/singup.html

@@ -0,0 +1,36 @@
+{% extends "layouts/index.html" %}
+{% block layout %}
+{% if error %}
+<div class="alert" id="alert">
+    <div class="alert-content">
+        {{ error }}
+        <button class="close-btn" onclick="closeAlert()">
+            <span class="sr-only">Close</span>
+            <svg class="close-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0.92524 0.687069C1.126 0.486219 1.39823 0.373377 1.68209 0.373377C1.96597 0.373377 2.2382 0.486219 2.43894 0.687069L8.10514 6.35813L13.7714 0.687069C13.8701 0.584748 13.9882 0.503105 14.1188 0.446962C14.2494 0.39082 14.3899 0.361248 14.5321 0.360026C14.6742 0.358783 14.8151 0.38589 14.9468 0.439762C15.0782 0.493633 15.1977 0.573197 15.2983 0.673783C15.3987 0.774389 15.4784 0.894026 15.5321 1.02568C15.5859 1.15736 15.6131 1.29845 15.6118 1.44071C15.6105 1.58297 15.5809 1.72357 15.5248 1.85428C15.4688 1.98499 15.3872 2.10324 15.2851 2.20206L9.61883 7.87312L15.2851 13.5441C15.4801 13.7462 15.588 14.0168 15.5854 14.2977C15.5831 14.5787 15.4705 14.8474 15.272 15.046C15.0735 15.2449 14.805 15.3574 14.5244 15.3599C14.2437 15.3623 13.9733 15.2543 13.7714 15.0591L8.10514 9.38812L2.43894 15.0591C2.23704 15.2543 1.96663 15.3623 1.68594 15.3599C1.40526 15.3574 1.13677 15.2449 0.938279 15.046C0.739807 14.8474 0.627232 14.5787 0.624791 14.2977C0.62235 14.0168 0.730236 13.7462 0.92524 13.5441L6.59144 7.87312L0.92524 2.20206C0.724562 2.00115 0.611816 1.72867 0.611816 1.44457C0.611816 1.16047 0.724562 0.887983 0.92524 0.687069Z" fill="currentColor"/>
+            </svg>
+        </button>
+    </div>
+</div>
+{% endif %}
+
+<div class="form-wrapper">
+    <div class="form-container">
+        <form action="" method="post" class="form-control">
+            {% csrf_token %}
+            <h1>sing up</h1>
+
+            <label for="username">Usuario:</label>
+            {{ form.username }}
+
+            <label for="password1">Contraseña:</label>
+            {{ form.password1 }}
+
+            <label for="password2">Confirmar Contraseña:</label>
+            {{ form.password2 }}
+
+            <button type="submit">sing Up</button>
+        </form>
+    </div>
+</div>
+{% endblock %}

{componentsdjangotype-2.0.35 → componentsdjangotype-2.0.36}/setup.py

@@ -2,9 +2,17 @@ from setuptools import setup, find_packages
 
 setup(
     name='componentsDjangoType',
-    version='2.0.35',
+    version='2.0.36',
     packages=find_packages(),
     include_package_data=True,
+    package_data={
+        'services': [
+            'utils/js/*.js',
+            'utils/css/*.css',
+            'utils/views/*.html',
+            'utils/views/layouts/*.html',
+        ],
+    },
     license='MIT',
     description='Comandos para crear archivos html, css y js',
     long_description=open('README.md').read(),

componentsdjangotype-2.0.35/services/copy_source.py

@@ -1,32 +0,0 @@
-import os
-import shutil
-import sys
-
-def copy_static_file(source_path, destination_path, stdout=sys.stdout):
-    """
-    Copia un archivo estático (HTML, CSS, JS) a una ruta de destino.
-
-    :param source_path: Ruta completa del archivo fuente.
-    :param destination_path: Ruta completa del archivo destino.
-    :param stdout: Salida estándar para mensajes (por defecto usa sys.stdout).
-    """
-    try:
-        # Verificar si el archivo fuente existe
-        if not os.path.exists(source_path):
-            stdout.write(f"El archivo fuente '{source_path}' no existe.\n")
-            return
-
-        # Crear el directorio de destino si no existe
-        os.makedirs(os.path.dirname(destination_path), exist_ok=True)
-
-        # Verificar si el archivo de destino ya existe
-        if os.path.exists(destination_path):
-            stdout.write(f"El archivo '{destination_path}' ya existe.\n")
-            return
-
-        # Copiar el archivo al destino
-        shutil.copy(source_path, destination_path)
-        stdout.write(f"El archivo '{source_path}' fue copiado a '{destination_path}'.\n")
-
-    except Exception as e:
-        stdout.write(f"Error al copiar el archivo: {e}\n")