jadowyne/pantry-track
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Implemented darkmode in shopping lists module

Browse Source
This commit is contained in:
Jadowyne Ulve 2025-08-09 17:34:19 -05:00
parent bac9427457
commit c50802917e
6 changed files with 21 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
application/shoppinglists/static/js/shoppingListEditHandler.js
View File

@ -1,18 +1,3 @@
var mode = false
async function toggleDarkMode() {
let darkMode = document.getElementById("dark-mode");
darkMode.disabled = !darkMode.disabled;
mode = !mode;
if(mode){
document.getElementById('modeToggle').innerHTML = "light_mode"
document.getElementById('main_html').classList.add('uk-light')
} else {
document.getElementById('modeToggle').innerHTML = "dark_mode"
document.getElementById('main_html').classList.remove('uk-light')
}
}
document.addEventListener('DOMContentLoaded', async function() { document.addEventListener('DOMContentLoaded', async function() {
let shopping_list = await fetchShoppingList() let shopping_list = await fetchShoppingList()
await replenishForm(shopping_list) await replenishForm(shopping_list)

15
application/shoppinglists/static/js/shoppingListViewHandler.js
View File

@ -1,18 +1,3 @@
var mode = false
async function toggleDarkMode() {
let darkMode = document.getElementById("dark-mode");
darkMode.disabled = !darkMode.disabled;
mode = !mode;
if(mode){
document.getElementById('modeToggle').innerHTML = "light_mode"
document.getElementById('main_html').classList.add('uk-light')
} else {
document.getElementById('modeToggle').innerHTML = "dark_mode"
document.getElementById('main_html').classList.remove('uk-light')
}
}
document.addEventListener('DOMContentLoaded', async function() { document.addEventListener('DOMContentLoaded', async function() {
let shopping_list = await fetchShoppingList() let shopping_list = await fetchShoppingList()
await replenishForm(shopping_list) await replenishForm(shopping_list)

15
application/shoppinglists/static/js/shoppingListsHandler.js
View File

@ -229,18 +229,3 @@ async function setPage(pageNumber){
await replenishShoppingListCards(lists) await replenishShoppingListCards(lists)
await updatePaginationElement() await updatePaginationElement()
} }
var mode = false
async function toggleDarkMode() {
let darkMode = document.getElementById("dark-mode");
darkMode.disabled = !darkMode.disabled;
mode = !mode;
if(mode){
document.getElementById('modeToggle').innerHTML = "light_mode"
document.getElementById('main_html').classList.add('uk-light')
} else {
document.getElementById('modeToggle').innerHTML = "dark_mode"
document.getElementById('main_html').classList.remove('uk-light')
}
}

8
application/shoppinglists/templates/edit.html
View File

@ -15,14 +15,20 @@
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp" rel="stylesheet" />
<link rel="stylesheet" href="{{ url_for('static', filename='css/uikit.min.css') }}"/> <link rel="stylesheet" href="{{ url_for('static', filename='css/uikit.min.css') }}"/>
<link id="dark-mode" rel="stylesheet" href="{{ url_for('static', filename='css/dark-mode.css') }}" disabled/> {% if session['user']['flags']['darkmode'] %}
<link id="dark-mode" rel="stylesheet" href="{{ url_for('static', filename='css/dark-mode.css') }}"/>
{% endif %}
<script src="{{ url_for('static', filename='js/uikit.min.js') }}"></script> <script src="{{ url_for('static', filename='js/uikit.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script> <script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script>
</head> </head>
{% if session['user']['flags']['darkmode'] %}
<body class="uk-light">
{% else %}
<body> <body>
{% endif %}
<nav class="uk-navbar-container"> <nav class="uk-navbar-container">
<div class="uk-container uk-container-expand"> <div class="uk-container uk-container-expand">
<div class="uk-navbar uk-navbar-primary"> <div class="uk-navbar uk-navbar-primary">

8
application/shoppinglists/templates/lists.html
View File

@ -15,14 +15,20 @@
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp" rel="stylesheet" />
<link rel="stylesheet" href="{{ url_for('static', filename='css/uikit.min.css') }}"/> <link rel="stylesheet" href="{{ url_for('static', filename='css/uikit.min.css') }}"/>
<link id="dark-mode" rel="stylesheet" href="{{ url_for('static', filename='css/dark-mode.css') }}" disabled/> {% if session['user']['flags']['darkmode'] %}
<link id="dark-mode" rel="stylesheet" href="{{ url_for('static', filename='css/dark-mode.css') }}"/>
{% endif %}
<script src="{{ url_for('static', filename='js/uikit.min.js') }}"></script> <script src="{{ url_for('static', filename='js/uikit.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script> <script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script>
</head> </head>
{% if session['user']['flags']['darkmode'] %}
<body class="uk-light">
{% else %}
<body> <body>
{% endif %}
<nav class="uk-navbar-container"> <nav class="uk-navbar-container">
<div class="uk-container uk-container-expand"> <div class="uk-container uk-container-expand">
<div class="uk-navbar uk-navbar-primary"> <div class="uk-navbar uk-navbar-primary">

8
application/shoppinglists/templates/view.html
View File

@ -15,14 +15,20 @@
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp" rel="stylesheet" />
<link rel="stylesheet" href="{{ url_for('static', filename='css/uikit.min.css') }}"/> <link rel="stylesheet" href="{{ url_for('static', filename='css/uikit.min.css') }}"/>
<link id="dark-mode" rel="stylesheet" href="{{ url_for('static', filename='css/dark-mode.css') }}" disabled/> {% if session['user']['flags']['darkmode'] %}
<link id="dark-mode" rel="stylesheet" href="{{ url_for('static', filename='css/dark-mode.css') }}"/>
{% endif %}
<script src="{{ url_for('static', filename='js/uikit.min.js') }}"></script> <script src="{{ url_for('static', filename='js/uikit.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script> <script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script>
</head> </head>
{% if session['user']['flags']['darkmode'] %}
<body class="uk-light">
{% else %}
<body> <body>
{% endif %}
<nav class="uk-navbar-container"> <nav class="uk-navbar-container">
<div class="uk-container uk-container-expand"> <div class="uk-container uk-container-expand">
<div class="uk-navbar uk-navbar-primary"> <div class="uk-navbar uk-navbar-primary">