diff --git a/public/global.js b/public/global.js index c0a5ee25..4f840dd6 100644 --- a/public/global.js +++ b/public/global.js @@ -188,7 +188,6 @@ function runWebSockets() { } conn.onmessage = (event) => { - //console.log("WSMessage:", event.data); if(event.data[0] == "{") { console.log("json message"); let data = ""; diff --git a/public/init.js b/public/init.js index 670ad39c..0d9bab21 100644 --- a/public/init.js +++ b/public/init.js @@ -9,6 +9,8 @@ var hooks = { "pre_init": [], "start_init": [], "end_init": [], + "after_add_alert":[], + "after_update_alert_list":[], }; var ranInitHooks = {} diff --git a/templates/header.html b/templates/header.html index 522a1fec..07a75cb5 100644 --- a/templates/header.html +++ b/templates/header.html @@ -44,8 +44,8 @@
- {{.CurrentUser.Name}} - 21 new alerts + {{.CurrentUser.Name}} + No new alerts
{{end}} diff --git a/themes/cosora/theme.json b/themes/cosora/theme.json index 1710dff7..5a26f874 100644 --- a/themes/cosora/theme.json +++ b/themes/cosora/theme.json @@ -1,7 +1,7 @@ { "Name": "cosora", "FriendlyName": "Cosora", - "Version": "0.0.1", + "Version": "0.1.0", "Creator": "Azareal", "URL": "github.com/Azareal/Gosora", "Tag": "WIP", diff --git a/themes/nox/public/main.css b/themes/nox/public/main.css index 0387af8d..51c58aa3 100644 --- a/themes/nox/public/main.css +++ b/themes/nox/public/main.css @@ -55,9 +55,44 @@ li a { padding-bottom: 21px; color: #dddddd; } -.menu_alerts { +.menu_alerts .alert_bell, .menu_alerts .alert_counter, .menu_alerts:not(.selectedAlert) .alertList { display: none; } +.alertList { + display: flex; + flex-direction: column; + background-color: #444444; + position: absolute; + border: 1px solid #333333; + top: 82px; + border-top: none; + right: 0px; + padding-left: 16px; + padding-right: 16px; +} +.alertItem.withAvatar { + background: none !important; + height: 66px; + padding-top: 4px; + display: flex; + padding: 16px; + padding-left: 0px; + padding-right: 0px; +} +.alertItem.withAvatar:not(:last-child) { + border-bottom: 1px solid #555555; +} +.alertItem.withAvatar .bgsub { + height: 36px; + width: 36px; + border-radius: 32px; +} +.alertItem.withAvatar .text { + margin-left: 12px; + padding-top: 5px; + font-size: 16px; +} + .right_of_nav { float: left; width: 200px; @@ -960,7 +995,6 @@ input[type=checkbox]:checked + label .sel { .user_box { display: none; } - #back { flex-direction: column; } @@ -977,6 +1011,12 @@ input[type=checkbox]:checked + label .sel { } } +@media(min-width: 751px) { + .menu_profile { + display: none; + } +} + @media(max-width: 850px) { /**/ } diff --git a/themes/nox/public/misc.js b/themes/nox/public/misc.js new file mode 100644 index 00000000..d17ce72a --- /dev/null +++ b/themes/nox/public/misc.js @@ -0,0 +1,22 @@ +"use strict"; + +(() => { + addInitHook("after_update_alert_list", () => { + if(alertCount==0) { + $(".alerts").html("No new alerts") + } else { + $(".alerts").html(alertCount + " new alerts") + } + }) +})(); + +$(document).ready(() => { + $(".alerts").click((event) => { + event.stopPropagation(); + var alerts = $(".menu_alerts")[0]; + if($(alerts).hasClass("selectedAlert")) return; + if(!conn) loadAlerts(alerts); + alerts.className += " selectedAlert"; + document.getElementById("back").className += " alertActive" + }); +}); \ No newline at end of file diff --git a/themes/nox/public/profile.css b/themes/nox/public/profile.css index 708b9a6b..2a27025d 100644 --- a/themes/nox/public/profile.css +++ b/themes/nox/public/profile.css @@ -34,6 +34,9 @@ padding: 12px; } +.colstack_right .colstack_head:not(:first-child) { + margin-top: 0px; +} #profile_right_lane { width: 100%; } diff --git a/themes/nox/theme.json b/themes/nox/theme.json index 9ddd6fc6..78696545 100644 --- a/themes/nox/theme.json +++ b/themes/nox/theme.json @@ -27,6 +27,11 @@ "Name":"trumbowyg/ui/trumbowyg.custom.css", "Location":"global", "Loggedin":true + }, + { + "Name":"nox/misc.js", + "Location":"global", + "Loggedin":true } ] }