From 6b3d1650960dc72ff1f7494c280c7f7fd43be6a0 Mon Sep 17 00:00:00 2001
From: Jonathan Weth <git@jonathanweth.de>
Date: Sat, 16 Jan 2021 12:24:08 +0100
Subject: [PATCH] Organise button for creating dashboard widgets as dropdown
---
aleksis/core/static/js/main.js | 3 +++
.../templates/core/dashboard_widget/list.html | 21 ++++++++++++-------
2 files changed, 17 insertions(+), 7 deletions(-)
diff --git a/aleksis/core/static/js/main.js b/aleksis/core/static/js/main.js
index e7a58f3ff..45fee5c5b 100644
--- a/aleksis/core/static/js/main.js
+++ b/aleksis/core/static/js/main.js
@@ -58,6 +58,9 @@ $(document).ready(function () {
// Initialize select [MAT]
$('select').formSelect();
+ // Initialize dropdown [MAT]
+ $('.dropdown-trigger').dropdown();
+
// If JS is activated, the language form will be auto-submitted
$('.language-field select').change(function () {
diff --git a/aleksis/core/templates/core/dashboard_widget/list.html b/aleksis/core/templates/core/dashboard_widget/list.html
index e4a8464e9..6715e3df9 100644
--- a/aleksis/core/templates/core/dashboard_widget/list.html
+++ b/aleksis/core/templates/core/dashboard_widget/list.html
@@ -10,13 +10,20 @@
{% block content %}
- {% for ct, model in widget_types %}
- <a class="btn green waves-effect waves-light" href="{% url 'create_dashboard_widget' ct.app_label ct.model %}">
- <i class="material-icons left">add</i>
- {% verbose_name_object model as widget_name %}
- {% blocktrans with name=widget_name %}Create {{ name }}{% endblocktrans %}
- </a>
- {% endfor %}
+ <a class="btn green waves-effect waves-light dropdown-trigger" href="#" data-target="widget-dropdown">
+ <i class="material-icons left">add</i>
+ {% trans "Create dashboard widget" %}
+ </a>
+ <ul id="widget-dropdown" class="dropdown-content">
+ {% for ct, model in widget_types %}
+ <li>
+ <a href="{% url 'create_dashboard_widget' ct.app_label ct.model %}">
+ {% verbose_name_object model as widget_name %}
+ {% blocktrans with name=widget_name %}Create {{ name }}{% endblocktrans %}
+ </a>
+ </li>
+ {% endfor %}
+ </ul>
{% has_perm "core.edit_default_dashboard" user as can_edit_default_dashboard %}
{% if can_edit_default_dashboard %}
--
GitLab