From 2e8bbe445a2bc5d8d8a3e46697c1e8e551d5a604 Mon Sep 17 00:00:00 2001 From: Filip Stenbacka Date: Mon, 28 Aug 2023 18:43:49 +0300 Subject: [PATCH 1/2] Added buttons/links to Katalogen/API to the rest of teh admin pages. --- teknologr/members/static/css/style.css | 32 +++++++++++++++++- teknologr/members/static/js/base.js | 7 ++++ teknologr/members/templates/decoration.html | 16 ++++++--- teknologr/members/templates/functionary.html | 16 ++++++--- teknologr/members/templates/group.html | 35 ++++++++++++++++---- 5 files changed, 88 insertions(+), 18 deletions(-) diff --git a/teknologr/members/static/css/style.css b/teknologr/members/static/css/style.css index 554b4a11..e465ebcb 100644 --- a/teknologr/members/static/css/style.css +++ b/teknologr/members/static/css/style.css @@ -104,6 +104,36 @@ tr.active { background-color: rgb(242, 242, 242); } -.katalogen-link { +.clickable { + cursor: pointer; +} + +/* Dropdown content, hidden by default */ +.dropdown-content { + display: none; + position: absolute; + left: 0px; + top: 36px; + min-width: 160px; + z-index: 1; + border: #dddddd 1px solid; +} + +/* Links inside the dropdown */ +.dropdown-content a { + background-color: #ffffff; color: black; + padding: 12px 16px; + text-decoration: none; + display: block; +} + +/* Change color of dropdown links on hover */ +.dropdown-content a:hover { + background-color: #dddddd +} + +/* Show the dropdown menu on hover */ +.dropdown:hover .dropdown-content { + display: block; } diff --git a/teknologr/members/static/js/base.js b/teknologr/members/static/js/base.js index 1fab603f..81892e9b 100644 --- a/teknologr/members/static/js/base.js +++ b/teknologr/members/static/js/base.js @@ -223,6 +223,13 @@ $(document).ready(function () { placement : 'top' }); + /** + * Make elements function as clickable links. + */ + $(".clickable").click(function() { + window.location = $(this).data("href"); + }); + /** * Populate modal for editing a decoration ownership. * Can not be placed in functionary.js because it is needed on the member page too. diff --git a/teknologr/members/templates/decoration.html b/teknologr/members/templates/decoration.html index 6fdc9a68..fa8fe21c 100644 --- a/teknologr/members/templates/decoration.html +++ b/teknologr/members/templates/decoration.html @@ -2,11 +2,17 @@ {% load static %} {% block main %} -