kanban tweaks

This commit is contained in:
Flatlogic Bot 2025-11-23 15:52:47 +00:00
parent bdc139dfb9
commit 6f1ab9f30b
7 changed files with 52 additions and 55 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 226 KiB

View File

@ -38,7 +38,7 @@
</div>
</nav>
<main class="container mt-5">
<main class="{% block container_class %}container{% endblock %} mt-5">
{% block content %}
{% endblock %}
</main>

View File

@ -3,6 +3,8 @@
{% block title %}Chat{% endblock %}
{% block container_class %}container-fluid{% endblock %}
{% block content %}
<div class="chat-container">
<!-- Sidebar -->

View File

@ -4,10 +4,7 @@
{% block title %}AI Task Manager - Home{% endblock %}
{% block content %}
<div class="hero-section text-center py-5">
<h1 class="display-4">AI Task Manager</h1>
<p class="lead">Your intelligent assistant for managing tasks and conversations.</p>
</div>
<div class="row justify-content-center">
<div class="col-lg-8">

View File

@ -4,55 +4,54 @@
{% block title %}AI Task Manager - Kanban Board{% endblock %}
{% block content %}
<div class="hero-section text-center py-5">
<h1 class="display-4">Kanban Board</h1>
<p class="lead">Visualize your tasks and track progress.</p>
</div>
{% block container_class %}container-fluid{% endblock %}
<div class="kanban-board-container">
<div class="loader-overlay" style="display: none;">
<div class="loader"></div>
</div>
{% csrf_token %}
<div class="kanban-board">
{% for status_value, status_display in status_choices %}
<div class="kanban-column" data-status="{{ status_value }}">
<h2 class="h5 p-3 bg-light border-bottom">{{ status_display }}</h2>
<div class="kanban-cards p-3">
{% with tasks=tasks_by_status|get_item:status_value %}
{% if tasks %}
{% for item in tasks %}
<div class="card kanban-card mb-3 shadow-sm" data-task-id="{{ item.id }}">
<div class="card-body">
<form action="{% url 'core:delete_task' item.id %}" method="post" class="delete-task-form">
{% csrf_token %}
<button type="submit" class="btn-close" aria-label="Close"></button>
</form>
<h5 class="card-title h6">{{ item.title }}</h5>
<p class="card-text small">{{ item.description|default:""|truncatewords:15 }}</p>
{% if item.tags %}
<div class="tags">
{% for tag in item.tags.split|slice:":3" %}
<span class="badge bg-secondary">{{ tag }}</span>
{% endfor %}
</div>
{% endif %}
{% if item.deadline %}
<p class="card-text small text-muted mt-2">Deadline: {{ item.deadline|date:"Y-m-d" }}</p>
{% endif %}
</div>
</div>
{% endfor %}
{% else %}
<div class="text-center text-muted p-3">No tasks in this stage.</div>
{% endif %}
{% endwith %}
</div>
{% block content %}
<div class="kanban-board-container">
<div class="loader-overlay" style="display: none;">
<div class="loader"></div>
</div>
{% csrf_token %}
<div class="kanban-board">
{% for status_value, status_display in status_choices %}
<div class="kanban-column" data-status="{{ status_value }}">
<h2 class="h5 p-3 bg-light border-bottom">{{ status_display }}</h2>
<div class="kanban-cards p-3">
{% with tasks=tasks_by_status|get_item:status_value %}
{% if tasks %}
{% for item in tasks %}
<div class="card kanban-card mb-3 shadow-sm" data-task-id="{{ item.id }}">
<div class="card-body">
<form action="{% url 'core:delete_task' item.id %}" method="post" class="delete-task-form">
{% csrf_token %}
<button type="submit" class="btn-close" aria-label="Close"></button>
</form>
<h5 class="card-title h6">{{ item.title }}</h5>
<p class="card-text small">{{ item.description|default:""|truncatewords:15 }}</p>
{% if item.tags %}
<div class="tags">
{% for tag in item.tags.split|slice:":3" %}
<span class="badge bg-secondary">{{ tag }}</span>
{% endfor %}
</div>
{% endif %}
{% if item.deadline %}
<p class="card-text small text-muted mt-2">Deadline: {{ item.deadline|date:"Y-m-d" }}</p>
{% endif %}
</div>
</div>
{% endfor %}
{% else %}
<div class="text-center text-muted p-3">No tasks in this stage.</div>
{% endif %}
{% endwith %}
</div>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
{% block scripts %}
<script>

View File

@ -245,14 +245,13 @@ body {
}
.kanban-column {
flex: 1 1 300px; /* Flex-grow, flex-shrink, and basis */
min-width: 300px;
max-width: 320px;
flex: 1 1 18rem;
min-width: 16rem;
max-width: 18rem;
background-color: #f0f2f5;
border-radius: 0.5rem;
display: flex;
flex-direction: column;
max-height: calc(100vh - 250px); /* Adjust based on your layout */
}
.kanban-column h2 {