khairul169/honey
1
0
Fork 0
mirror of https://github.com/khairul169/honey.git synced 2025-04-28 14:59:32 +07:00
Code Issues Actions Packages Projects Releases Wiki Activity

config: Make 'open_new_tab' functional

Browse Source
This commit is contained in:
Daniel 2023-01-15 16:53:23 +01:00
parent 1baead7804
commit a196061d05
5 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -12,7 +12,7 @@ This will be a dashboard hosted on my homeserver with self-hosted stuff. But, fo
- [ ] Security screen on/off - [ ] Security screen on/off
- [ ] CSS global color variables for easier theming - [ ] CSS global color variables for easier theming
- [ ] Fix blur flicker on showing/hiding pages - [ ] Fix blur flicker on showing/hiding pages
- [ ] Open in new tab setting - [x] Open in new tab setting
- [ ] Better icon colors in 'More' page - [ ] Better icon colors in 'More' page
- [ ] Minor code optimizations - [ ] Minor code optimizations

3
css/main.css
View File

@ -353,7 +353,7 @@ a.box {
padding: 12px; padding: 12px;
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
transition: background .2s, box-shadow .2s; transition: background .2s, box-shadow .2s, color .2s;
} }
.setting:hover { .setting:hover {
background: #DDD8; background: #DDD8;
@ -369,7 +369,6 @@ a.box {
color: #EEE; color: #EEE;
background: #56F; background: #56F;
box-shadow: 2px 2px 8px #56F8; box-shadow: 2px 2px 8px #56F8;
transition: all .2s;
} }
.hostedby { .hostedby {
font-size: 13px; font-size: 13px;

4
index.html
View File

@ -93,7 +93,7 @@
</div> </div>
<div class="screen hidden"> <div class="screen hidden">
<div class="settings"> <div class="settings">
<div class="setting checked" onclick="switch_theme()" id="setting-theme"> <div class="setting" onclick="switch_theme()" id="setting-theme">
<div class="icon">dark_mode</div> <div class="icon">dark_mode</div>
<div class="text"> <div class="text">
<div class="name">Dark mode</div> <div class="name">Dark mode</div>
@ -101,7 +101,7 @@
</div> </div>
<div class="value"></div> <div class="value"></div>
</div> </div>
<div class="setting"> <div class="setting" onclick="new_tab_toggle(this)">
<div class="icon">open_in_new</div> <div class="icon">open_in_new</div>
<div class="text"> <div class="text">
<div class="name">Open in new tab</div> <div class="name">Open in new tab</div>

3
js/dom.js
View File

@ -35,8 +35,9 @@ function safe_text(text) {
} }
function mk_entry(app) { function mk_entry(app) {
let new_tab = get_bool("open_new_tab") ? ` target="_blank"` : "";
return ` return `
<a class="box" href="${safe_text(app["href"])}"> <a class="box" href="${safe_text(app["href"])}"${new_tab}>
<img src="${safe_text(app["icon"])}"> <img src="${safe_text(app["icon"])}">
<div> <div>
<div class="name">${safe_text(app["name"])}</div> <div class="name">${safe_text(app["name"])}</div>

8
js/main.js
View File

@ -59,6 +59,14 @@ function load_apps() {
get("applist").innerHTML = final; get("applist").innerHTML = final;
} }
function new_tab_toggle(setting) {
let v = !get_bool("open_new_tab");
config("open_new_tab", v);
setting = setting.classList;
v ? setting.add("checked") : setting.remove("checked");
load_apps();
}
let S_TAP_LOCK; let S_TAP_LOCK;
function open_screen(button) { function open_screen(button) {
if (S_TAP_LOCK) return; if (S_TAP_LOCK) return;