Compare commits

...

1 Commits

Author SHA1 Message Date
Flatlogic Bot
7b7902f706 Simple CRM 2025-12-19 12:36:27 +00:00
18 changed files with 266 additions and 209 deletions

Binary file not shown.

View File

@ -1,3 +1,4 @@
from django.contrib import admin from django.contrib import admin
from .models import Contact
# Register your models here. admin.site.register(Contact)

7
core/forms.py Normal file
View File

@ -0,0 +1,7 @@
from django import forms
from .models import Contact
class ContactForm(forms.ModelForm):
class Meta:
model = Contact
fields = ['first_name', 'last_name', 'email', 'phone', 'company', 'status']

View File

@ -0,0 +1,28 @@
# Generated by Django 5.2.7 on 2025-12-19 12:35
from django.db import migrations, models
class Migration(migrations.Migration):
initial = True
dependencies = [
]
operations = [
migrations.CreateModel(
name='Contact',
fields=[
('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
('first_name', models.CharField(max_length=100)),
('last_name', models.CharField(max_length=100)),
('email', models.EmailField(max_length=254)),
('phone', models.CharField(blank=True, max_length=20)),
('company', models.CharField(blank=True, max_length=100)),
('status', models.CharField(choices=[('Lead', 'Lead'), ('Contacted', 'Contacted'), ('Customer', 'Customer'), ('Lost', 'Lost')], default='Lead', max_length=20)),
('created_at', models.DateTimeField(auto_now_add=True)),
('updated_at', models.DateTimeField(auto_now=True)),
],
),
]

View File

@ -1,3 +1,21 @@
from django.db import models from django.db import models
# Create your models here. class Contact(models.Model):
STATUS_CHOICES = [
('Lead', 'Lead'),
('Contacted', 'Contacted'),
('Customer', 'Customer'),
('Lost', 'Lost'),
]
first_name = models.CharField(max_length=100)
last_name = models.CharField(max_length=100)
email = models.EmailField()
phone = models.CharField(max_length=20, blank=True)
company = models.CharField(max_length=100, blank=True)
status = models.CharField(max_length=20, choices=STATUS_CHOICES, default='Lead')
created_at = models.DateTimeField(auto_now_add=True)
updated_at = models.DateTimeField(auto_now=True)
def __str__(self):
return f"{self.first_name} {self.last_name}"

View File

@ -1,25 +1,33 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>{% block title %}Knowledge Base{% endblock %}</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">
{% if project_description %} <title>Contacts & Deals Manager</title>
<meta name="description" content="{{ project_description }}"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<meta property="og:description" content="{{ project_description }}"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Lato:wght@400;700&display=swap">
<meta property="twitter:description" content="{{ project_description }}"> {% load static %}
{% endif %} <link rel="stylesheet" href="{% static 'css/custom.css' %}">
{% if project_image_url %}
<meta property="og:image" content="{{ project_image_url }}">
<meta property="twitter:image" content="{{ project_image_url }}">
{% endif %}
{% load static %}
<link rel="stylesheet" href="{% static 'css/custom.css' %}?v={{ deployment_timestamp }}">
{% block head %}{% endblock %}
</head> </head>
<body> <body>
{% block content %}{% endblock %} <nav class="navbar navbar-expand-lg navbar-light bg-light">
</body> <div class="container-fluid">
<a class="navbar-brand" href="{% url 'index' %}">Contacts & Deals</a>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="/admin/">Admin</a>
</li>
</ul>
</div>
</div>
</nav>
</html> <div class="container mt-4">
{% block content %}
{% endblock %}
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

View File

@ -0,0 +1,13 @@
{% extends 'base.html' %}
{% block content %}
<div class="container">
<h2 class="mb-4">Delete Contact</h2>
<p>Are you sure you want to delete <strong>{{ contact.first_name }} {{ contact.last_name }}</strong>?</p>
<form method="post">
{% csrf_token %}
<button type="submit" class="btn btn-danger">Delete</button>
<a href="{% url 'index' %}" class="btn btn-secondary">Cancel</a>
</form>
</div>
{% endblock %}

View File

@ -0,0 +1,13 @@
{% extends 'base.html' %}
{% block content %}
<div class="container">
<h2 class="mb-4">{% if form.instance.pk %}Edit Contact{% else %}Add Contact{% endif %}</h2>
<form method="post">
{% csrf_token %}
{{ form.as_p }}
<button type-="submit" class="btn btn-primary">Save</button>
<a href="{% url 'index' %}" class="btn btn-secondary">Cancel</a>
</form>
</div>
{% endblock %}

View File

@ -1,145 +1,48 @@
{% extends "base.html" %} {% extends 'base.html' %}
{% block title %}{{ project_name }}{% endblock %}
{% block head %}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
<style>
:root {
--bg-color-start: #6a11cb;
--bg-color-end: #2575fc;
--text-color: #ffffff;
--card-bg-color: rgba(255, 255, 255, 0.01);
--card-border-color: rgba(255, 255, 255, 0.1);
}
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: 'Inter', sans-serif;
background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
color: var(--text-color);
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
text-align: center;
overflow: hidden;
position: relative;
}
body::before {
content: '';
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><path d='M-10 10L110 10M10 -10L10 110' stroke-width='1' stroke='rgba(255,255,255,0.05)'/></svg>");
animation: bg-pan 20s linear infinite;
z-index: -1;
}
@keyframes bg-pan {
0% {
background-position: 0% 0%;
}
100% {
background-position: 100% 100%;
}
}
main {
padding: 2rem;
}
.card {
background: var(--card-bg-color);
border: 1px solid var(--card-border-color);
border-radius: 16px;
padding: 2.5rem 2rem;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
box-shadow: 0 12px 36px rgba(0, 0, 0, 0.25);
}
h1 {
font-size: clamp(2.2rem, 3vw + 1.2rem, 3.2rem);
font-weight: 700;
margin: 0 0 1.2rem;
letter-spacing: -0.02em;
}
p {
margin: 0.5rem 0;
font-size: 1.1rem;
opacity: 0.92;
}
.loader {
margin: 1.5rem auto;
width: 56px;
height: 56px;
border: 4px solid rgba(255, 255, 255, 0.25);
border-top-color: #fff;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.runtime code {
background: rgba(0, 0, 0, 0.25);
padding: 0.15rem 0.45rem;
border-radius: 4px;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
footer {
position: absolute;
bottom: 1rem;
width: 100%;
text-align: center;
font-size: 0.85rem;
opacity: 0.75;
}
</style>
{% endblock %}
{% block content %} {% block content %}
<main> <div class="px-4 py-5 my-5 text-center">
<div class="card"> <h1 class="display-5 fw-bold">Contacts & Deals Manager</h1>
<h1>Analyzing your requirements and generating your app…</h1> <div class="col-lg-6 mx-auto">
<div class="loader" role="status" aria-live="polite" aria-label="Applying initial changes"> <p class="lead mb-4">A lightweight back office to track contacts and deals. Add and edit records, filter and sort lists, and see simple status counters.</p>
<span class="sr-only">Loading…</span> <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
<a href="{% url 'contact_new' %}" class="btn btn-primary btn-lg px-4 gap-3">Add New Contact</a>
</div>
</div> </div>
<p class="hint">AppWizzy AI is collecting your requirements and applying the first changes.</p> </div>
<p class="hint">This page will refresh automatically as the plan is implemented.</p>
<p class="runtime"> <div class="container">
Runtime: Django <code>{{ django_version }}</code> · Python <code>{{ python_version }}</code> <h2 class="mb-4">Contacts</h2>
— UTC <code>{{ current_time|date:"Y-m-d H:i:s" }}</code> <table class="table table-striped table-hover">
</p> <thead>
</div> <tr>
</main> <th>Name</th>
<footer> <th>Email</th>
Page updated: {{ current_time|date:"Y-m-d H:i:s" }} (UTC) <th>Phone</th>
</footer> <th>Company</th>
{% endblock %} <th>Status</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
{% for contact in contacts %}
<tr>
<td>{{ contact.first_name }} {{ contact.last_name }}</td>
<td>{{ contact.email }}</td>
<td>{{ contact.phone }}</td>
<td>{{ contact.company }}</td>
<td><span class="badge bg-secondary">{{ contact.status }}</span></td>
<td>
<a href="{% url 'contact_edit' contact.pk %}" class="btn btn-sm btn-outline-primary">Edit</a>
<a href="{% url 'contact_delete' contact.pk %}" class="btn btn-sm btn-outline-danger">Delete</a>
</td>
</tr>
{% empty %}
<tr>
<td colspan="6" class="text-center">No contacts found.</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% endblock %}

View File

@ -1,7 +1,14 @@
from django.urls import path from django.urls import path
from .views import (
from .views import home ContactListView,
ContactCreateView,
ContactUpdateView,
ContactDeleteView,
)
urlpatterns = [ urlpatterns = [
path("", home, name="home"), path('', ContactListView.as_view(), name='index'),
] path('contact/new/', ContactCreateView.as_view(), name='contact_new'),
path('contact/<int:pk>/edit/', ContactUpdateView.as_view(), name='contact_edit'),
path('contact/<int:pk>/delete/', ContactDeleteView.as_view(), name='contact_delete'),
]

View File

@ -1,25 +1,27 @@
import os
import platform
from django import get_version as django_version
from django.shortcuts import render from django.shortcuts import render
from django.utils import timezone from django.urls import reverse_lazy
from django.views.generic import ListView, CreateView, UpdateView, DeleteView
from .models import Contact
from .forms import ContactForm
class ContactListView(ListView):
model = Contact
template_name = 'core/index.html'
context_object_name = 'contacts'
def home(request): class ContactCreateView(CreateView):
"""Render the landing screen with loader and environment details.""" model = Contact
host_name = request.get_host().lower() form_class = ContactForm
agent_brand = "AppWizzy" if host_name == "appwizzy.com" else "Flatlogic" template_name = 'core/contact_form.html'
now = timezone.now() success_url = reverse_lazy('index')
context = { class ContactUpdateView(UpdateView):
"project_name": "New Style", model = Contact
"agent_brand": agent_brand, form_class = ContactForm
"django_version": django_version(), template_name = 'core/contact_form.html'
"python_version": platform.python_version(), success_url = reverse_lazy('index')
"current_time": now,
"host_name": host_name, class ContactDeleteView(DeleteView):
"project_description": os.getenv("PROJECT_DESCRIPTION", ""), model = Contact
"project_image_url": os.getenv("PROJECT_IMAGE_URL", ""), template_name = 'core/contact_confirm_delete.html'
} success_url = reverse_lazy('index')
return render(request, "core/index.html", context)

View File

@ -1,4 +1,41 @@
/* Custom styles for the application */
body { body {
font-family: system-ui, -apple-system, sans-serif; font-family: 'Lato', sans-serif;
background-color: #F8F9FA;
} }
h1, h2, h3, h4, h5, h6, .navbar-brand, .display-5 {
font-family: 'Poppins', sans-serif;
}
.btn-primary {
background-color: #4A90E2;
border-color: #4A90E2;
}
.btn-primary:hover {
background-color: #357ABD;
border-color: #357ABD;
}
.btn-outline-primary {
color: #4A90E2;
border-color: #4A90E2;
}
.btn-outline-primary:hover {
background-color: #4A90E2;
color: #fff;
}
.badge.bg-secondary {
background-color: #F5A623 !important;
}
.table-hover tbody tr:hover {
background-color: #e9ecef;
}
.navbar-light .navbar-brand {
color: #333;
font-weight: 600;
}

View File

@ -1,21 +1,41 @@
:root {
--bg-color-start: #6a11cb;
--bg-color-end: #2575fc;
--text-color: #ffffff;
--card-bg-color: rgba(255, 255, 255, 0.01);
--card-border-color: rgba(255, 255, 255, 0.1);
}
body { body {
margin: 0; font-family: 'Lato', sans-serif;
font-family: 'Inter', sans-serif; background-color: #F8F9FA;
background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
color: var(--text-color);
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
text-align: center;
overflow: hidden;
position: relative;
} }
h1, h2, h3, h4, h5, h6, .navbar-brand, .display-5 {
font-family: 'Poppins', sans-serif;
}
.btn-primary {
background-color: #4A90E2;
border-color: #4A90E2;
}
.btn-primary:hover {
background-color: #357ABD;
border-color: #357ABD;
}
.btn-outline-primary {
color: #4A90E2;
border-color: #4A90E2;
}
.btn-outline-primary:hover {
background-color: #4A90E2;
color: #fff;
}
.badge.bg-secondary {
background-color: #F5A623 !important;
}
.table-hover tbody tr:hover {
background-color: #e9ecef;
}
.navbar-light .navbar-brand {
color: #333;
font-weight: 600;
}