componentsDjangoType 1.0.0__tar.gz → 1.0.1__tar.gz

{componentsDjangoType-1.0.0/componentsDjangoType.egg-info → componentsdjangotype-1.0.1}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: componentsDjangoType
-Version: 1.0.0
+Version: 1.0.1
 Summary: A Django app for creating HTML components
 Home-page: https://github.com/jose-CR/componentsDjangoType
 Author: Alejandro
@@ -17,6 +17,7 @@ Classifier: Programming Language :: Python :: 3.7
 Classifier: Framework :: Django :: 3.2
 Description-Content-Type: text/markdown
 License-File: LICENSE
+Requires-Dist: Django>=3.2
 
 # componentsDjangotype
 

componentsDjangoType-1.0.0/componentsDjangoType/management/commands/createcomponentApp.py → componentsdjangotype-1.0.1/componentsDjangoType/management/commands/createApp.py

@@ -152,7 +152,10 @@ class Command(BaseCommand):
             self.stdout.write(
                 f"El archivo '{authentication_file_path}' ya existe.")
 
+        import os
+
         # Paso 6: Crear la carpeta templates y los archivos HTML
+        # Asumiendo que `project_name` ya está definido
         templates_dir = os.path.join(project_name, 'templates')
         layouts_dir = os.path.join(templates_dir, 'layouts')
         static_dir = os.path.join(project_name, 'static')
@@ -212,7 +215,6 @@ class Command(BaseCommand):
                 print(f"Error al crear el archivo: {e}")
 
         # Crear las páginas HTML adicionales (home, signup, login, logged)
-        # Rutas de los archivos fuente
         home_page = os.path.join('utils', 'pages', 'home.html')
         signup_page = os.path.join('utils', 'pages', 'signup.html')
         login_page = os.path.join('utils', 'pages', 'login.html')

componentsdjangotype-1.0.1/componentsDjangoType/management/commands/utils/css/authentication.css

@@ -0,0 +1,212 @@
+/* Navbar */
+.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-1.0.1/componentsDjangoType/management/commands/utils/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>
+
+    {% block script %}
+    {% endblock %}
+</body>
+</html>

componentsdjangotype-1.0.1/componentsDjangoType/management/commands/utils/pages/home.html

@@ -0,0 +1,3 @@
+{% extends "layouts/index.html" %}
+{% block layout %}
+{% endblock %}

componentsdjangotype-1.0.1/componentsDjangoType/management/commands/utils/pages/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-1.0.1/componentsDjangoType/management/commands/utils/pages/login.html

@@ -0,0 +1,35 @@
+{% 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 %}
+{% block script %}
+<script src="{% static 'js/alertErrors.js'%}"></script>
+{% endblock %}

componentsdjangotype-1.0.1/componentsDjangoType/management/commands/utils/pages/singup.html

@@ -0,0 +1,38 @@
+{% 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 %}
+{% block script %}
+<script src="{% static 'js/alertErrors.js'%}"></script>
+{% endblock %}

{componentsDjangoType-1.0.0 → componentsdjangotype-1.0.1/componentsDjangoType.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: componentsDjangoType
-Version: 1.0.0
+Version: 1.0.1
 Summary: A Django app for creating HTML components
 Home-page: https://github.com/jose-CR/componentsDjangoType
 Author: Alejandro
@@ -17,6 +17,7 @@ Classifier: Programming Language :: Python :: 3.7
 Classifier: Framework :: Django :: 3.2
 Description-Content-Type: text/markdown
 License-File: LICENSE
+Requires-Dist: Django>=3.2
 
 # componentsDjangotype
 

componentsdjangotype-1.0.1/componentsDjangoType.egg-info/SOURCES.txt

@@ -0,0 +1,21 @@
+LICENSE
+MANIFEST.in
+README.md
+setup.py
+componentsDjangoType/__init__.py
+componentsDjangoType.egg-info/PKG-INFO
+componentsDjangoType.egg-info/SOURCES.txt
+componentsDjangoType.egg-info/dependency_links.txt
+componentsDjangoType.egg-info/requires.txt
+componentsDjangoType.egg-info/top_level.txt
+componentsDjangoType/management/__init__.py
+componentsDjangoType/management/commands/__init__.py
+componentsDjangoType/management/commands/createApp.py
+componentsDjangoType/management/commands/createcomponent.py
+componentsDjangoType/management/commands/utils/css/authentication.css
+componentsDjangoType/management/commands/utils/js/alertErrors.js
+componentsDjangoType/management/commands/utils/layouts/index.html
+componentsDjangoType/management/commands/utils/pages/home.html
+componentsDjangoType/management/commands/utils/pages/logged.html
+componentsDjangoType/management/commands/utils/pages/login.html
+componentsDjangoType/management/commands/utils/pages/singup.html

{componentsDjangoType-1.0.0 → componentsdjangotype-1.0.1}/setup.py

@@ -2,7 +2,7 @@ from setuptools import setup, find_packages
 
 setup(
     name='componentsDjangoType',
-    version='1.0.0',
+    version='1.0.1',
     packages=find_packages(),
     include_package_data=True,
     license='MIT',

componentsDjangoType-1.0.0/componentsDjangoType.egg-info/SOURCES.txt

@@ -1,14 +0,0 @@
-LICENSE
-MANIFEST.in
-README.md
-setup.py
-componentsDjangoType/__init__.py
-componentsDjangoType.egg-info/PKG-INFO
-componentsDjangoType.egg-info/SOURCES.txt
-componentsDjangoType.egg-info/dependency_links.txt
-componentsDjangoType.egg-info/requires.txt
-componentsDjangoType.egg-info/top_level.txt
-componentsDjangoType/management/__init__.py
-componentsDjangoType/management/commands/__init__.py
-componentsDjangoType/management/commands/createcomponent.py
-componentsDjangoType/management/commands/createcomponentApp.py