sfja.skp/maotube
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

usable application #1

Merged
sfja.skp merged 7 commits from :main into main 2024-01-19 07:27:08 +00:00
Conversation 0 Commits 7 Files Changed 18 +53 -63
6 changed files with 53 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 7d830830f6 - Show all commits

37
public/header.js Normal file
View File

@ -0,0 +1,37 @@
function displayHeader() {
const links = [
{
href: "/",
name: "Home",
},
{
href: "/register/",
name: "Register",
},
{
href: "/login/",
name: "Login",
},
{
href: "/upload/",
name: "Upload",
},
].map(({name, href}) => {
if (href === window.location.pathname) {
return `<a href="${href}"><b>${name}</b></a>`
} else {
return `<a href="${href}">${name}</a>`
}
}).join(" - ");
document.querySelector("h1").outerHTML = `
<header>
<h1>MaoTube</h1>
<nav>
${links}
</nav>
</header>
`
}
displayHeader();

17
public/index.html
View File

@ -6,26 +6,17 @@
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>MaoTube</h1>
<nav>
<a href="/"><b>Home</b></a> -
<a href="/search">Search</a> -
<a href="/register">Register</a> -
<a href="/login">Login</a> -
<a href="/upload">Upload</a>
</nav>
<br>
<br>
</header>
<h1>MaoTube</h1>
<form method="GET" target="_self" action="/search">
<input type="text" name="query" placeholder="...">
<label for="query"><p>Search</p></label>
<input type="text" id="query" name="query" placeholder="...">
<input type="submit" value="Search">
</form>
<br>
<img src="chairman_1.jpg" alt="The chairman" height="600">
<img src="chairman_2.jpg" alt="The chairman" height="600">
<img src="chairman_3.jpg" alt="The chairman" height="600">
<script src="/header.js"></script>
</body>
</html>

14
public/login/index.html
View File

@ -6,18 +6,7 @@
<link rel="stylesheet" href="/style.css">
</head>
<body>
<header>
<h1>MaoTube</h1>
<nav>
<a href="/"><b>Home</b></a> -
<a href="/search">Search</a> -
<a href="/register">Register</a> -
<a href="/login">Login</a> -
<a href="/upload">Upload</a>
</nav>
<br>
<br>
</header>
<h1>MaoTube</h1>
<div>
<label for="username"><p>Username</p></label>
<input type="text" name="username" id="username">
@ -41,6 +30,7 @@
</div>
</div>
<script src="script.js"></script>
<script src="/header.js"></script>
</body>
</html>

14
public/register/index.html
View File

@ -6,18 +6,7 @@
<link rel="stylesheet" href="/style.css">
</head>
<body>
<header>
<h1>MaoTube</h1>
<nav>
<a href="/"><b>Home</b></a> -
<a href="/search">Search</a> -
<a href="/register">Register</a> -
<a href="/login">Login</a> -
<a href="/upload">Upload</a>
</nav>
<br>
<br>
</header>
<h1>MaoTube</h1>
<div>
<label for="username"><p>Username</p></label>
<input type="text" name="username" id="username">
@ -41,6 +30,7 @@
</div>
</div>
<script src="script.js"></script>
<script src="/header.js"></script>
</body>
</html>

20
public/search/index.html
View File

@ -6,23 +6,14 @@
<link rel="stylesheet" href="/style.css">
</head>
<body>
<header>
<h1>MaoTube</h1>
<nav>
<a href="/"><b>Home</b></a> -
<a href="/search">Search</a> -
<a href="/register">Register</a> -
<a href="/login">Login</a> -
<a href="/upload">Upload</a>
</nav>
<br>
<br>
</header>
<form method="GET" action="/search" target="_self">
<input type="text" name="query" placeholder="...">
<h1>MaoTube</h1>
<form method="GET" target="_self" action="/search">
<label for="query"><p>Search</p></label>
<input type="text" id="query" name="query" placeholder="...">
<input type="submit" value="Search">
</form>
<br>
<br>
<div id="result">
<noscript>
<div class="mao-error">
@ -36,6 +27,7 @@
</div>
</div>
<script src="script.js"></script>
<script src="/header.js"></script>
</body>
</html>

14
public/upload/index.html
View File

@ -6,18 +6,7 @@
<link rel="stylesheet" href="/style.css">
</head>
<body>
<header>
<h1>MaoTube</h1>
<nav>
<a href="/"><b>Home</b></a> -
<a href="/search">Search</a> -
<a href="/register">Register</a> -
<a href="/login">Login</a> -
<a href="/upload">Upload</a>
</nav>
<br>
<br>
</header>
<h1>MaoTube</h1>
<form action="/api/upload_video" method="POST" enctype="multipart/form-data">
<label for="username"><p>Title</p></label>
<input type="text" name="title">
@ -27,6 +16,7 @@
<br>
<input type="submit" id="submit" value="Upload">
</form>
<script src="/header.js"></script>
</body>
</html>