home/torsearch
1
0
Fork 0
Code Issues 22 Pull Requests 1 Actions 3 Packages Projects 4 Releases Wiki Activity

wip(Dashboard): grid widgets

Browse Source
This commit is contained in:
Brock H Caldwell
2025-11-07 20:56:32 -06:00
parent 4ae70115b5
commit 21bc43bb84
6 changed files with 80 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
templates/base.html.twig
View File

@@ -11,7 +11,14 @@
{% endblock %}
{% block javascripts %}
{% block importmap %}{{ importmap('app') }}{% endblock %}
{% block pre_js %}{% endblock %}
{% block importmap %}
{{ importmap('app') }}
{% endblock %}
{% block post_js %}{% endblock %}
<script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.1.19/index.global.min.js'></script>
{% endblock %}
</head>

38
templates/index/index.html.twig
View File

@@ -4,20 +4,31 @@
{% block h2 %}Dashboard{% endblock %}
{% block body %}
<div class="p-4 flex flex-col grow gap-4 z-10">
<div class="flex flex-col md:flex-row gap-4">
<twig:Card title="Active Downloads" class="w-full">
<twig:DownloadList :type="'active'" />
</twig:Card>
<div class="p-4 z-10">
<div class="grid-stack gs-2">
<div class="grid-stack-item" gs-x="1">
<div class="grid-stack-item-content">
<twig:Card title="Active Downloads">
<twig:DownloadList :type="'active'" />
</twig:Card>
</div>
</div>
<twig:Card title="Recent Downloads" class="w-full">
<twig:DownloadList :type="'complete'" />
</twig:Card>
</div>
<div class="flex flex-col md:flex-row gap-4">
<twig:Card title="Monitors" class="w-full">
<twig:MonitorList :type="'active'" :isWidget="true" />
</twig:Card>
<div class="grid-stack-item" gs-x="2">
<div class="grid-stack-item-content">
<twig:Card title="Complete Downloads" >
<twig:DownloadList :type="'complete'" />
</twig:Card>
</div>
</div>
<div class="grid-stack-item" gs-x="3">
<div class="grid-stack-item-content">
<twig:Card title="Active Monitors">
<twig:MonitorList :type="'active'" />
</twig:Card>
</div>
</div>
</div>
<div class="flex flex-col gap-4">
<twig:Card title="Popular Movies" contentClass="grid grid-cols-2 gap-4 md:flex md:flex-row md:justify-between w-full">
@@ -45,5 +56,6 @@
{% endfor %}
</twig:Card>
</div>
<div class="grid-stack" data-controller="dashboard-widgets"></div>
</div>
{% endblock %}