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> </div>
</nav> </nav>
<main class="container mt-5"> <main class="{% block container_class %}container{% endblock %} mt-5">
{% block content %} {% block content %}
{% endblock %} {% endblock %}
</main> </main>

View File

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

View File

@ -4,10 +4,7 @@
{% block title %}AI Task Manager - Home{% endblock %} {% block title %}AI Task Manager - Home{% endblock %}
{% block content %} {% 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="row justify-content-center">
<div class="col-lg-8"> <div class="col-lg-8">

View File

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

View File

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