creations/profilePage
1
2
Fork 2
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

Activity Buttons

Browse source
This commit is contained in:
John husxdev 2025-04-06 17:06:27 -05:00
parent f649adba5f
commit 41eb09e882
7 changed files with 118 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
.env.example
View file

@ -1,7 +0,0 @@
# NODE_ENV=development
HOST=0.0.0.0
PORT=8080
# this is only the default value if non is give in /id
LANYARD_USER_ID=id-here
LANYARD_INSTANCE=https://lanyard.rest

3
.vscode/settings.json vendored Normal file
View file

@ -0,0 +1,3 @@
{
"github-enterprise.uri": "https://git.creations.works"
}

16
logs/2025-4-6.log Normal file
View file

@ -0,0 +1,16 @@
2025-04-06 21:35:30.351 [INFO] (server.ts:40:10) Server running at http://0.0.0.0:8080
2025-04-06 21:35:30.402 [INFO] (server.ts:49:10) Available routes:
2025-04-06 21:35:30.410 [INFO] (server.ts:58:11) Route: /[id], File: C:/Users/exode/Documents/profilePage/src/routes/[id].ts
2025-04-06 21:35:30.409 [INFO] (server.ts:58:11) Route: /, File: C:/Users/exode/Documents/profilePage/src/routes/index.ts
2025-04-06 21:36:00.076 [INFO] (server.ts:40:10) Server running at http://0.0.0.0:8080
2025-04-06 21:36:00.081 [INFO] (server.ts:58:11) Route: /[id], File: C:/Users/exode/Documents/profilePage/src/routes/[id].ts
2025-04-06 21:36:00.080 [INFO] (server.ts:49:10) Available routes:
2025-04-06 21:36:00.081 [INFO] (server.ts:58:11) Route: /, File: C:/Users/exode/Documents/profilePage/src/routes/index.ts
2025-04-06 21:36:35.063 [INFO] (server.ts:40:10) Server running at http://0.0.0.0:8080
2025-04-06 21:36:35.066 [INFO] (server.ts:49:10) Available routes:
2025-04-06 21:36:35.067 [INFO] (server.ts:58:11) Route: /[id], File: C:/Users/exode/Documents/profilePage/src/routes/[id].ts
2025-04-06 21:36:35.067 [INFO] (server.ts:58:11) Route: /, File: C:/Users/exode/Documents/profilePage/src/routes/index.ts
2025-04-06 21:37:16.785 [INFO] (server.ts:40:10) Server running at http://0.0.0.0:8080
2025-04-06 21:37:16.789 [INFO] (server.ts:58:11) Route: /[id], File: C:/Users/exode/Documents/profilePage/src/routes/[id].ts
2025-04-06 21:37:16.789 [INFO] (server.ts:58:11) Route: /, File: C:/Users/exode/Documents/profilePage/src/routes/index.ts
2025-04-06 21:37:16.788 [INFO] (server.ts:49:10) Available routes:

43
public/css/index.css
View file

@ -224,6 +224,38 @@ ul {
color: #f0b232; color: #f0b232;
} }
.activity-buttons {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 0.75rem;
}
.activity-button {
background-color: #5865f2;
color: white;
border: none;
border-radius: 3px;
padding: 0.5rem 1rem;
font-size: 0.9rem;
cursor: pointer;
text-decoration: none;
transition: background-color 0.2s ease;
display: inline-block;
}
.activity-button:hover {
background-color: #4752c4;
text-decoration: none;
}
.activity-button.disabled {
background-color: #4e5058;
cursor: default;
pointer-events: none;
opacity: 0.8;
}
@media (max-width: 600px) { @media (max-width: 600px) {
html { html {
font-size: clamp(14px, 2vw, 16px); font-size: clamp(14px, 2vw, 16px);
@ -338,6 +370,17 @@ ul {
margin-top: 0.25rem; margin-top: 0.25rem;
width: 100%; width: 100%;
} }
.activity-buttons {
justify-content: center;
margin-top: 0.5rem;
width: 100%;
}
.activity-button {
font-size: 0.85rem;
padding: 0.4rem 0.8rem;
}
} }
/* readme :p */ /* readme :p */

21
public/js/index.js
View file

@ -156,6 +156,26 @@ function buildActivityHTML(activity) {
` `
: ""; : "";
const activityButtons = activity.buttons && activity.buttons.length > 0
? `<div class="activity-buttons">
${activity.buttons.map((button, index) => {
const buttonLabel = typeof button === 'string' ? button : button.label;
let buttonUrl = null;
if (typeof button === 'object' && button.url) {
buttonUrl = button.url;
}
else if (index === 0 && activity.url) {
buttonUrl = activity.url;
}
if (buttonUrl) {
return `<a href="${buttonUrl}" class="activity-button" target="_blank" rel="noopener noreferrer">${buttonLabel}</a>`;
} else {
return `<span class="activity-button disabled">${buttonLabel}</span>`;
}
}).join('')}
</div>`
: '';
return ` return `
<li class="activity"> <li class="activity">
${art ? `<img class="activity-art" src="${art}" alt="Art">` : ""} ${art ? `<img class="activity-art" src="${art}" alt="Art">` : ""}
@ -166,6 +186,7 @@ function buildActivityHTML(activity) {
</div> </div>
${activity.details ? `<div class="activity-detail">${activity.details}</div>` : ""} ${activity.details ? `<div class="activity-detail">${activity.details}</div>` : ""}
${activity.state ? `<div class="activity-detail">${activity.state}</div>` : ""} ${activity.state ? `<div class="activity-detail">${activity.state}</div>` : ""}
${activityButtons}
${progressBar} ${progressBar}
</div> </div>
</li> </li>

18
src/server.ts
View file

@ -34,13 +34,23 @@ class ServerHandler {
open: webSocketHandler.handleOpen.bind(webSocketHandler), open: webSocketHandler.handleOpen.bind(webSocketHandler),
message: webSocketHandler.handleMessage.bind(webSocketHandler), message: webSocketHandler.handleMessage.bind(webSocketHandler),
close: webSocketHandler.handleClose.bind(webSocketHandler), close: webSocketHandler.handleClose.bind(webSocketHandler),
error(error) {
logger.error(`Server error: ${error.message}`);
return new Response(`Server Error: ${error.message}`, {
status: 500,
});
},
}, },
}); });
logger.info( const accessUrls = [
`Server running at http://${server.hostname}:${server.port}`, `http://${server.hostname}:${server.port}`,
true, `http://localhost:${server.port}`,
); `http://127.0.0.1:${server.port}`,
];
logger.info(`Server running at ${accessUrls[0]}`, true);
logger.info(`Access via: ${accessUrls[1]} or ${accessUrls[2]}`, true);
this.logRoutes(); this.logRoutes();
} }

21
src/views/index.ejs
View file

@ -102,6 +102,27 @@
<div class="activity-detail"><%= activity.state %></div> <div class="activity-detail"><%= activity.state %></div>
<% } %> <% } %>
<% if (activity.buttons && activity.buttons.length > 0) { %>
<div class="activity-buttons">
<% activity.buttons.forEach((button, index) => {
const buttonLabel = typeof button === 'string' ? button : button.label;
let buttonUrl = null;
if (typeof button === 'object' && button.url) {
buttonUrl = button.url;
}
else if (index === 0 && activity.url) {
buttonUrl = activity.url;
}
%>
<% if (buttonUrl) { %>
<a href="<%= buttonUrl %>" class="activity-button" target="_blank" rel="noopener noreferrer"><%= buttonLabel %></a>
<% } else { %>
<span class="activity-button disabled"><%= buttonLabel %></span>
<% } %>
<% }); %>
</div>
<% } %>
<% if (progress !== null) { %> <% if (progress !== null) { %>
<div class="progress-bar" data-start="<%= start %>" data-end="<%= end %>"> <div class="progress-bar" data-start="<%= start %>" data-end="<%= end %>">
<div class="progress-fill" <%= progress !== null ? `style="width: ${progress}%"` : '' %>></div> <div class="progress-fill" <%= progress !== null ? `style="width: ${progress}%"` : '' %>></div>