chylex/Discord-History-Tracker
1
0
Fork 0
mirror of https://github.com/chylex/Discord-History-Tracker.git synced 2025-04-19 13:15:44 +02:00
Code

Compare commits

base: chylex:41cb25f15d196be7a5d6d94f7f369377c60f3e85
Branches Tags
chylex:master
chylex:master-browser-only
chylex:wip-viewer-messages
chylex:app-json-2
chylex:app-raw-messages
chylex:v46.0
chylex:v45.0
chylex:v44.0
chylex:v43.1
chylex:v43.0
chylex:v42.1
chylex:v42.0
chylex:v41.2
chylex:v41.1
chylex:v41.0
chylex:v40.0
chylex:v39.1
chylex:v39
chylex:v38
chylex:v37.2
chylex:v37.1
chylex:v37
chylex:v36.2.beta
chylex:v36.1.beta
chylex:v36.beta
chylex:v35.3
chylex:v35.2
chylex:v35.1
chylex:v35
chylex:v34
chylex:v33.2
chylex:v33.1
chylex:v33
chylex:v32.1
chylex:v32
chylex:v31
..
compare: chylex:868ba38bd349b49c421fdf432461cce0edde5f18
Branches Tags
chylex:master
chylex:master-browser-only
chylex:wip-viewer-messages
chylex:app-json-2
chylex:app-raw-messages
chylex:v46.0
chylex:v45.0
chylex:v44.0
chylex:v43.1
chylex:v43.0
chylex:v42.1
chylex:v42.0
chylex:v41.2
chylex:v41.1
chylex:v41.0
chylex:v40.0
chylex:v39.1
chylex:v39
chylex:v38
chylex:v37.2
chylex:v37.1
chylex:v37
chylex:v36.2.beta
chylex:v36.1.beta
chylex:v36.beta
chylex:v35.3
chylex:v35.2
chylex:v35.1
chylex:v35
chylex:v34
chylex:v33.2
chylex:v33.1
chylex:v33
chylex:v32.1
chylex:v32
chylex:v31

1 Commits
41cb25f15d ... 868ba38bd3

Author SHA1 Message Date
Bertogim
868ba38bd3
Merge c52572b387 into b2276600c7 2025-03-18 23:18:44 +01:00
10 changed files with 129 additions and 126 deletions
Show Stats Expand all files Collapse all files

19
app/Resources/Viewer/index.html
View File

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="referrer" content="no-referrer"> <meta name="referrer" content="no-referrer">
@ -10,8 +11,8 @@
<link rel="stylesheet" href="styles/main.css"> <link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/menu.css"> <link rel="stylesheet" href="styles/menu.css">
<link rel="stylesheet" href="styles/servers.css">
<link rel="stylesheet" href="styles/channels.css"> <link rel="stylesheet" href="styles/channels.css">
<link rel="stylesheet" href="styles/servers.css">
<link rel="stylesheet" href="styles/messages.css"> <link rel="stylesheet" href="styles/messages.css">
<link rel="stylesheet" href="styles/modal.css"> <link rel="stylesheet" href="styles/modal.css">
@ -21,8 +22,9 @@
window.DHT_SERVER_SESSION = query.get("session"); window.DHT_SERVER_SESSION = query.get("session");
</script> </script>
<script type="module" src="scripts/bootstrap.mjs"></script> <script type="module" src="scripts/bootstrap.mjs"></script>
</head> </head>
<body>
<body>
<div id="menu"> <div id="menu">
<button id="btn-settings">Settings</button> <button id="btn-settings">Settings</button>
@ -42,7 +44,8 @@
<div class="nav"> <div class="nav">
<button id="nav-first" data-nav="first" class="icon">&laquo;</button> <button id="nav-first" data-nav="first" class="icon">&laquo;</button>
<button id="nav-prev" data-nav="prev" class="icon">&lsaquo;</button> <button id="nav-prev" data-nav="prev" class="icon">&lsaquo;</button>
<button id="nav-pick" data-nav="pick">Page <span id="nav-page-current">1</span>/<span id="nav-page-total">?</span></button> <button id="nav-pick" data-nav="pick">Page <span id="nav-page-current">1</span>/<span
id="nav-page-total">?</span></button>
<button id="nav-next" data-nav="next" class="icon">&rsaquo;</button> <button id="nav-next" data-nav="next" class="icon">&rsaquo;</button>
<button id="nav-last" data-nav="last" class="icon">&raquo;</button> <button id="nav-last" data-nav="last" class="icon">&raquo;</button>
</div> </div>
@ -76,7 +79,8 @@
</div> </div>
<div id="app"> <div id="app">
<div id="servers"></div> <div id="servers">
</div>
<div id="channels"> <div id="channels">
<div class="loading"></div> <div class="loading"></div>
</div> </div>
@ -87,5 +91,6 @@
<div id="overlay"></div> <div id="overlay"></div>
<div id="dialog"></div> <div id="dialog"></div>
</div> </div>
</body> </body>
</html> </html>

2
app/Resources/Viewer/scripts/state.mjs
View File

@ -187,7 +187,7 @@ export default (function () {
"nsfw": channels[key].nsfw || false, "nsfw": channels[key].nsfw || false,
"icon": getServer(channels[key].server).type === "group" "icon": getServer(channels[key].server).type === "group"
? `<!--<span>${channels[key].name.split(" ").map(word => word[0]).join("")}</span>-->` //Discord default naming without a icon ? `<!--<span>${channels[key].name.split(" ").map(word => word[0]).join("")}</span>-->` //Discord default naming without a icon
: `<img src='${fileUrlProcessor("https://cdn.discordapp.com/avatars/" + getUserIDByName(channels[key].name) + "/" + getUserByName(channels[key].name).avatar+".webp")}'>` : `<img src='${fileUrlProcessor("https://cdn.discordapp.com/avatars/" + getUserIDByName(channels[key].name) + "/" + getUserByName(channels[key].name).avatar)}'>`
})).sort((ac, bc) => { })).sort((ac, bc) => {
return channelOrder[ac.id] - channelOrder[bc.id]; return channelOrder[ac.id] - channelOrder[bc.id];
}); });

2
app/Resources/Viewer/scripts/template.mjs
View File

@ -6,7 +6,7 @@ export default class {
constructor(contents) { constructor(contents) {
this.contents = contents; this.contents = contents;
}; };
7
apply(obj, processor) { apply(obj, processor) {
//Keys to not escape //Keys to not escape

30
app/Resources/Viewer/styles/channels.css
View File

@ -9,22 +9,22 @@
padding: 2px; padding: 2px;
} }
#channels > div.loading { #channels>div.loading {
margin: 0 auto; margin: 0 auto;
width: 150px; width: 150px;
height: 150px; height: 150px;
} }
#channels > div.loading { #channels>div.loading {
background-color: rgba(0, 0, 0, 0) !important; background-color: rgba(0, 0, 0, 0) !important;
} }
#channels > div.channel.visible { #channels>div.channel.visible {
display: flex !important; display: flex !important;
} }
#channels > div.channel { #channels>div.channel {
display: none !important; display: none !important;
cursor: pointer; cursor: pointer;
@ -50,12 +50,12 @@
padding: 8px 8px !important; padding: 8px 8px !important;
} }
#channels > div.channel:hover, #channels>div.channel:hover,
#channels > div.channel.active { #channels>div.channel.active {
background-color: rgba(78, 80, 88, 0.6); background-color: rgba(78, 80, 88, 0.6);
} }
#channels > div.channel.active > .info > .name { #channels>div.channel.active>.info>.name {
color: oklab(0.999994 0.0000455678 0.0000200868); color: oklab(0.999994 0.0000455678 0.0000200868);
} }
@ -65,11 +65,11 @@
width: 100%; width: 100%;
} }
.ServerChannel > .info { .ServerChannel>.info {
padding: 0px !important; padding: 0px !important;
} }
.UserChannel > .info { .UserChannel>.info {
align-self: center; align-self: center;
padding-left: 6px !important; padding-left: 6px !important;
align-items: center; align-items: center;
@ -78,13 +78,13 @@
} }
[server-type="group"] > .info { [server-type="group"]>.info {
padding: 6px; padding: 6px;
width: 172px !important; width: 172px !important;
} }
.UserChannel > .info > .name { .UserChannel>.info>.name {
min-height: 18px; min-height: 18px;
} }
@ -115,17 +115,17 @@
} }
#channels > div:hover, #channels>div:hover,
#channels > div.active { #channels>div.active {
background-color: #404249 background-color: #404249
} }
#channels > div > .avatar { #channels>div>.avatar {
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
#channels > div > .avatar > * { #channels>div>.avatar>* {
width: 30px; width: 30px;
min-width: 30px; min-width: 30px;

16
app/Resources/Viewer/styles/menu.css
View File

@ -5,7 +5,7 @@
gap: 8px; gap: 8px;
padding: 8px; padding: 8px;
background-color: #313338; background-color: #313338;
border-bottom: 2px solid #27292D; border-bottom: 2px solid #27292D
} }
#menu .splitter { #menu .splitter {
@ -56,27 +56,27 @@
flex-direction: row; flex-direction: row;
} }
#menu .nav > button { #menu .nav>button {
font-size: 14px; font-size: 14px;
} }
#menu .nav > button.icon { #menu .nav>button.icon {
font-family: Lucida Console, monospace; font-family: Lucida Console, monospace;
font-size: 17px; font-size: 17px;
padding: 0 8px; padding: 0 8px;
} }
#menu .nav > button, #menu .nav>button,
#menu .nav > p { #menu .nav>p {
margin: 0 1px; margin: 0 1px;
} }
#opt-filter-list > select, #opt-filter-list>select,
#opt-filter-list > input { #opt-filter-list>input {
display: none; display: none;
} }
#opt-filter-list > .active { #opt-filter-list>.active {
display: block; display: block;
} }

6
app/Resources/Viewer/styles/messages.css
View File

@ -4,14 +4,14 @@
background-color: #36393e; background-color: #36393e;
} }
#messages > div { #messages>div {
padding: 0 4px 0 24px; padding: 0 4px 0 24px;
margin-bottom: 17px; margin-bottom: 17px;
} }
#messages > div:hover { #messages>div:hover {
background-color: oklab(0.0846607 0.00000385568 0.00000169128 / 0.06); background-color: oklab(0.0846607 0.00000385568 0.00000169128 / 0.06);
} }
@ -30,7 +30,7 @@
#messages .avatar-wrapper > div { #messages .avatar-wrapper>div {
flex: 1 1 auto; flex: 1 1 auto;
} }

2
app/Resources/Viewer/styles/servers.css
View File

@ -15,7 +15,6 @@
background-color: #313338; background-color: #313338;
display: flex; display: flex;
align-items: center; align-items: center;
overflow: hidden;
} }
.Server:hover { .Server:hover {
@ -45,7 +44,6 @@ svg.ServerImg {
font-size: 1.5em; font-size: 1.5em;
text-align: center; text-align: center;
word-wrap: break-word; word-wrap: break-word;
word-break: break-all;
white-space: normal; white-space: normal;
overflow: hidden; overflow: hidden;
display: flex; display: flex;