004_comission/_resources
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update,

Browse Source
This commit is contained in:
louiscklaw
2025-02-01 01:58:47 +08:00
parent b3da7aaef5
commit 04dbefcbaf
1259 changed files with 280657 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
_tecky/party-planner/backend/public/functions/addLoginNavbar.js Normal file
View File

@@ -0,0 +1,28 @@
export function addLoginNavbar() {
document.querySelector('head').innerHTML += `
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Pacifico&display=swap"
rel="stylesheet" />
<link rel="stylesheet" href="/addNavbar.css" />
`;
document.querySelector('.navbar-container').innerHTML = `
<div class="row">
<div class="col-12 header-nav">
<nav class="navbar">
<a class="navbar-brand" href="/index.html">
<img src="/asset/party_icon.jpg" width="54" height="54" class="d-inline-block align-top">
Party Planner
</a>
</nav>
<div class="login-part">
<div class="user-login">
<button type="button" class="btn landing-Page-login-btn" data-bs-toggle="modal" data-bs-target="#login-modal">
<i class="bi bi-person-circle"></i>
Login
</button>
</div>
</div>
</div>
</div>
`;
}

56
_tecky/party-planner/backend/public/functions/addNavbar.js Normal file
View File

@@ -0,0 +1,56 @@
export function addNavbar() {
// innerHTML only works for link and img and text, not Script tag
document.querySelector('head').innerHTML += `
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Pacifico&display=swap"
rel="stylesheet" />
<link rel="stylesheet" href="/addNavbar.css" />
`;
document.querySelector('.navbar-container').innerHTML = `
<div class="row">
<div class="col-12 header-nav">
<nav class="navbar">
<a class="navbar-brand" href="/index.html">
<img src="/asset/party_icon.jpg" width="54" height="54" class="d-inline-block align-top">
<div class="navbar-logo-text">
Party Planner
</div>
</a>
</nav>
<div class="login-part">
<div class="user-login dropdown">
<button type="button" class="btn landing-Page-login-btn dropdown-toggle"
data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-person-circle"></i>
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/personalPage/personalPage.html">Edit Profile</a></li>
<li><a class="dropdown-item" href="/comment/comment.html">Comments</a></li>
<li><a class="dropdown-item logout">Log out</a></li>
</ul>
</div>
</div>
</div>
</div>
`;
document.querySelector('.logout').addEventListener('click', async () => {
const res = await fetch('/login/logout', {
method: 'POST'
});
if (res.status !== 200) {
const data = await res.json();
alert(data.msg);
return;
}
const result = await res.json();
if (result.status) {
window.location.href = '/';
} else {
alert('Unable to log out!');
}
});
}

13
_tecky/party-planner/backend/public/functions/loadName.js Normal file
View File

@@ -0,0 +1,13 @@
export async function loadName() {
const res = await fetch(`/login/name`);
if (res.status !== 200) {
const data = await res.json();
alert(data.msg);
return;
}
const result = await res.json();
if (result.status) {
const nameHTML = document.querySelector('.user-login button');
nameHTML.innerHTML = `<i class="bi bi-person-circle"></i>${result.user}`;
}
}