Added include to ejs files

This commit is contained in:
Akif9748 2022-03-26 23:28:10 +03:00
parent 6ca6d13078
commit f5402363f9
16 changed files with 266 additions and 454 deletions

View file

@ -210,3 +210,41 @@ img.logo {
width: 266px; width: 266px;
height: 75px; height: 75px;
} }
/*
*****************************
FOOTER
*****************************
*/
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: var(--col-8);
color: white;
text-align: center;
}
.footer p {
font-size: 16px;
color: white;
}
/*
*****************************
ADMIN TEXT
*****************************
*/
.admin {
position: fixed;
left: 0;
top: 0;
width: 100%;
background-color: var(--col-12);
color: white;
text-align: center;
}

View file

@ -1,2 +1,2 @@
const admin = () => document.getElementById("admin").innerHTML = const admin = () => document.getElementById("admin").innerHTML =
'<a href="/admin"> <h3> You are admin, and you can go your page </h3></a><br>'; '<div class="admin"><a class="admin" href="/admin"> <h3> You are admin, and you can go your page </h3></a></div><hr>';

View file

@ -1,66 +1,28 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <%- include("extra/header", {title: "Admin panel!" }) %>
<link rel="stylesheet" href="/css/styles.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Admin panel!</title>
<meta name="description" content="Admin panel of Akf-forum!">
<meta name="author" content="Akif9748">
<link rel="icon" type="image/x-icon" href="/images/favicon.jpg">
</head> <body>
<%- include("extra/navbar", {user}) %>
<body> <h1>Welcome to the admin panel of the forum, <%= user.name %>!</h1>
<form action="/admin/" method="POST">
<h2>Write an ID for make admin:</h2>
<input name="userid"></input>
<hr>
<button class="buyuk" type="submit">Make admin!</button>
</form>
<!-- Navbar: --> <script>
if (<%= user2.admin %>)
alert("Making admin of '<%= user2.name %>' is success");
</script>
<%- include("extra/footer") %>
<a href="/"><img class="logo" src="/images/logo.jpg" alt="AKF-FORUM"></a> </body>
<div class="navbar" id="navbar">
<a href="/threads">THREADS</a>
<a href="/users">USERS</a>
<a href="/search">SEARCH</a>
<a href="/threads/open/">OPEN THREAD</a>
<div style="float: right;" class="user" id="user">
<a href=<%=user.getLink() %>>
<h1>
<%= user.name %><img class="yuvarlak" src=<%=user.avatar %> alt=<%= user.name %>>
</h1>
</a>
</div>
</div>
<hr>
<!-- Navbar end -->
<h1>Welcome to the admin panel of the forum, <%= user.name %>!</h1>
<form action="/admin/" method="POST">
<h2>Write an ID for make admin:</h2>
<input name="userid"></input>
<hr>
<button class="buyuk" type="submit">Make admin!</button>
</form>
<script>
if (<%= user2.admin %>)
alert("Making admin of '<%= user2.name %>'' is success");
</script>
<!-- This website is powered by AKF-Forum -->
</body>
</html> </html>

View file

@ -31,7 +31,7 @@
<!-- This website is powered by AKF-Forum --> <%- include("extra/footer") %>
</body> </body>
</html> </html>

4
views/extra/footer.ejs Normal file
View file

@ -0,0 +1,4 @@
<!-- This website is powered by AKF-Forum -->
<div class="footer">
<p>This website is powered by AKF-Forum</p>
</div>

10
views/extra/header.ejs Normal file
View file

@ -0,0 +1,10 @@
<head>
<link rel="stylesheet" href="/css/styles.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><%= title ?? "Akf-forum" %> </title>
<meta name="description" content="Akf-forum!">
<meta name="author" content="Akif9748">
<link rel="icon" type="image/x-icon" href="/images/favicon.jpg">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

31
views/extra/navbar.ejs Normal file
View file

@ -0,0 +1,31 @@
<!-- Navbar: -->
<script src="/js/scripts.js"></script>
<div id="admin"></div>
<script> if (<%= user.admin %>) admin(); </script>
<a href="/"><img class="logo" src="/images/logo.jpg" alt="AKF-FORUM"></a>
<div class="navbar" id="navbar">
<a href="/threads">THREADS</a>
<a href="/users">USERS</a>
<a href="/search">SEARCH</a>
<a href="/threads/open/">OPEN THREAD</a>
<div style="float: right;" class="user" id="user">
<a href=<%=user.getLink() %>>
<h1>
<%= user.name %><img class="yuvarlak" src=<%=user.avatar %> alt=<%= user.name %>>
</h1>
</a>
</div>
</div>
<hr>
<!-- Navbar end -->

View file

@ -1,53 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <%- include("extra/header", {title: "Main page!" }) %>
<link rel="stylesheet" href="/css/styles.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Main page!</title>
<meta name="description" content="Main page of Akf-forum!">
<meta name="author" content="Akif9748">
<link rel="icon" type="image/x-icon" href="/images/favicon.jpg">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="/js/scripts.js"></script>
</head>
<body> <body>
<div id="admin"></div>
<script> if (<%= user.admin %>) admin(); </script>
<!-- Navbar: -->
<a href="/"><img class="logo" src="/images/logo.jpg" alt="AKF-FORUM"></a>
<div class="navbar" id="navbar">
<a href="/threads">THREADS</a>
<a href="/users">USERS</a>
<a href="/search">SEARCH</a>
<a href="/threads/open/">OPEN THREAD</a>
<div style="float: right;" class="user" id="user">
<a href=<%=user.getLink() %>>
<h1>
<%= user.name %><img class="yuvarlak" src=<%=user.avatar %> alt=<%= user.name %>>
</h1>
</a>
</div>
</div>
<hr>
<!-- Navbar end -->
<%- include("extra/navbar", {user}) %>
<h1>Welcome, <a href=<%=user.getLink() %>> <%= user.name %></a> <h1>Welcome, <a href=<%=user.getLink() %>> <%= user.name %></a>
@ -84,7 +41,8 @@
</ul> </ul>
<!-- This website is powered by AKF-Forum --> <%- include("extra/footer") %>
</body> </body>
</html> </html>

View file

@ -1,17 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <%- include("extra/header", {title: "Login page!" }) %>
<link rel="stylesheet" href="/css/styles.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>LOGIN</title>
<meta name="description" content="Login to Akf-forum!">
<meta name="author" content="Akif9748">
<link rel="icon" type="image/x-icon" href="/images/favicon.jpg">
</head>
<body> <body>
<!-- Navbar: --> <!-- Navbar: -->
@ -30,7 +20,7 @@
<input type="submit" value="Login"> <input type="submit" value="Login">
</form> </form>
<!-- This website is powered by AKF-Forum --> <%- include("extra/footer") %>
</body> </body>
</html> </html>

View file

@ -1,70 +1,28 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <%- include("extra/header", {title: "Open Thread!" }) %>
<link rel="stylesheet" href="/css/styles.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Open Thread</title>
<meta name="description" content="Open thread in Akf-forum!">
<meta name="author" content="Akif9748">
<link rel="icon" type="image/x-icon" href="/images/favicon.jpg">
</head> <body>
<%- include("extra/navbar", {user}) %>
<body>
<script src="/js/scripts.js"></script>
<div id="admin"></div>
<script> if (<%= user.admin %>) admin(); </script>
<!-- Navbar: -->
<a href="/"><img class="logo" src="/images/logo.jpg" alt="AKF-FORUM"></a>
<div class="navbar" id="navbar">
<a href="/threads">THREADS</a>
<a href="/users">USERS</a>
<a href="/search">SEARCH</a>
<a href="/threads/open/">OPEN THREAD</a>
<div style="float: right;" class="user" id="user">
<a href=<%=user.getLink() %>>
<h1>
<%= user.name %><img class="yuvarlak" src=<%=user.avatar %> alt=<%= user.name %>>
</h1>
</a>
</div>
</div>
<hr> <form action="/threads/" method="POST">
<h2>Title:</h2>
<input name="title"></input>
<!-- Navbar end --> <hr>
<h2>Content:</h2>
<textarea rows="4" cols="50" name="content"></textarea>
<hr>
<button class="buyuk" type="submit">Open Thread!</button>
</form>
<%- include("extra/footer") %>
<form action="/threads/" method="POST"> </body>
<h2>Title:</h2>
<input name="title"></input>
<hr>
<h2>Content:</h2>
<textarea rows="4" cols="50" name="content"></textarea>
<hr>
<button class = "buyuk" type="submit">Open Thread!</button>
</form>
<!-- This website is powered by AKF-Forum -->
</body>
</html> </html>

View file

@ -1,16 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<link rel="stylesheet" href="/css/styles.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Register</title>
<meta name="description" content="Register to Akf-forum!">
<link rel="icon" type="image/x-icon" href="/images/favicon.jpg">
</head>
<%- include("extra/header", {title: "Register!" }) %>
<body> <body>
@ -38,7 +30,7 @@
<input type="submit" value="Register"> <input type="submit" value="Register">
</form> </form>
<!-- This website is powered by AKF-Forum --> <%- include("extra/footer") %>
</body> </body>
</html> </html>

View file

@ -1,99 +1,72 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <%- include("extra/header", {title: "Main page!" }) %>
<link rel="stylesheet" href="/css/styles.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
<%= thread.title %>
</title>
<meta name="description" content="Thread page of Akf-forum!">
<meta name="author" content="Akif9748">
<link rel="icon" type="image/x-icon" href="/images/favicon.jpg">
</head> <body>
<%- include("extra/navbar", {user}) %>
<body> <h1 style="font-size: 35px;">
<script src="/js/scripts.js"></script> <%= thread.title %>
<div id="admin"></div> </h1>
<script> if (<%= user.admin %>) admin(); </script>
<!-- Navbar: -->
<a href="/"><img class="logo" src="/images/logo.jpg" alt="AKF-FORUM"></a>
<div class="navbar" id="navbar">
<a href="/threads">THREADS</a>
<a href="/users">USERS</a>
<a href="/search">SEARCH</a>
<a href="/threads/open/">OPEN THREAD</a>
<div style="float: right;" class="user" id="user">
<a href = <%= user.getLink() %> > <h1> <%= user.name %><img class="yuvarlak" src=<%=user.avatar %> alt=<%= user.name %>> </h1> </a> <br>
<% messages.forEach(message=>{ %>
<div id=<%="message-" + message.id %> style="border: 2px solid #444444; padding: 5px;">
<h2>
<img class="yuvarlak" src=<%=message.author.avatar %> alt=<%= message.author.name %>>
<a style=" color: #bcbcbc; " href=<%="/users/" + message.author.id %>> <%= message.author.name %></a>:
</h2>
<h2>
<%= message.content %>
</h2>
<form style="text-align:right;display:inline;" action="/message/delete/<%= message.id %>" method="post">
<button style="display:inline;" class="button" type="submit">DELETE</button>
</form>
<form style="display:inline;" action="/message/<%= message.id %>" method="delete">
</form>
<form style="text-align:right;" action="/message/react/<%= message.id %>" method="POST">
<h3 style="display:inline;">
<%= Object.values(message.react).filter(Boolean).length - Object.values(message.react).filter(x=>
!x).length %>
</h3>
<button style="display:inline;" class="button" name="like" type="submit">+🔼</button>
<button style="display:inline;" class="button" name="dislike" type="submit">-🔽</button>
<h3 style="display:inline;">
<%=new Date(message.time).toLocaleString() %>
</h3>
</form>
</div> </div>
</div>
<hr>
<!-- Navbar end -->
<h1 style="font-size: 35px;">
<%= thread.title %>
</h1>
<br>
<% messages.forEach(message=>{ %>
<div id= <%= "message-" + message.id %> style="border: 2px solid #444444; padding: 5px;">
<h2>
<img class="yuvarlak" src=<%=message.author.avatar %> alt=<%= message.author.name %>>
<a style=" color: #bcbcbc; " href=<%="/users/" + message.author.id %>> <%= message.author.name %></a>:
</h2>
<h2>
<%= message.content %>
</h2>
<form style="text-align:right;display:inline;" action="/message/delete/<%= message.id %>" method="post">
<button style="display:inline;" class="button" type="submit">DELETE</button>
</form>
<form style="display:inline;" action="/message/<%= message.id %>" method="delete">
</form>
<form style="text-align:right;" action="/message/react/<%= message.id %>" method="POST">
<h3 style="display:inline;">
<%= Object.values(message.react).filter(Boolean).length - Object.values(message.react).filter(x=>!x).length %>
</h3>
<button style="display:inline;" class="button" name="like" type="submit">+🔼</button>
<button style="display:inline;" class="button" name="dislike" type="submit">-🔽</button>
<h3 style="display:inline;">
<%=new Date(message.time).toLocaleString() %>
</h3>
</form>
</div>
<br>
<% }); %>
<hr>
<form action="/message" method="POST">
<textarea rows="4" cols="50" name="content"></textarea>
<input name="threadID" type="hidden" value="<%= thread.id %>"></input>
<br> <br>
<% }); %>
<button class="button" type="submit">Send!</button> <hr>
</form>
<!-- This website is powered by AKF-Forum --> <form action="/message" method="POST">
</body> <textarea rows="4" cols="50" name="content"></textarea>
<input name="threadID" type="hidden" value="<%= thread.id %>"></input>
<br>
<button class="button" type="submit">Send!</button>
</form>
<%- include("extra/footer") %>
</body>
</html> </html>

View file

@ -1,52 +1,26 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <%- include("extra/header", {title: "Main page!" }) %>
<link rel="stylesheet" href="/css/styles.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Threads!</title>
<meta name="description" content="Threads' page of Akf-forum!">
<meta name="author" content="Akif9748">
<link rel="icon" type="image/x-icon" href="/images/favicon.jpg">
</head> <body>
<%- include("extra/navbar", {user}) %>
<body> <h1>Threads:</h1>
<script src="/js/scripts.js"></script> <ul>
<div id="admin"></div> <% threads.forEach(thread=>{ %>
<script> if (<%= user.admin %>) admin(); </script> <li>
<h1><a href=<%=links[threads.indexOf(thread)] %> > <%= thread.title %> by <%= thread.author.name
<!-- Navbar: --> %></a>
<a href="/"><img class="logo" src="/images/logo.jpg" alt="AKF-FORUM"></a> </h1>
<div class="navbar" id="navbar"> </li>
<% }); %>
<a href="/threads">THREADS</a> </ul>
<a href="/users">USERS</a>
<a href="/search">SEARCH</a>
<a href="/threads/open/">OPEN THREAD</a>
<div style="float: right;" class="user" id="user">
<a href = <%= user.getLink() %> > <h1> <%= user.name %><img class="yuvarlak" src=<%=user.avatar %> alt=<%= user.name %>> </h1> </a>
</div>
</div>
<hr>
<!-- Navbar end -->
<h1>Threads:</h1> <%- include("extra/footer") %>
<ul> </body>
<% threads.forEach(thread=>{ %>
<li>
<h1><a href=<%=links[threads.indexOf(thread)] %> > <%= thread.title %> by <%= thread.author.name %></a>
</h1>
</li>
<% }); %>
</ul>
<!-- This website is powered by AKF-Forum -->
</body>
</html> </html>

View file

@ -1,87 +1,58 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <%- include("extra/header", {title: "Main page!" }) %>
<link rel="stylesheet" href="/css/styles.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
<%= member.name %>
</title>
<meta name="description" content="Akf-forum user page!">
<meta name="author" content="Akif9748">
<link rel="icon" type="image/x-icon" href="/images/favicon.jpg">
</head> <body>
<%- include("extra/navbar", {user}) %>
<body> <ul>
<script src="/js/scripts.js"></script> <li>
<div id="admin"></div> <h1>Avatar:</h1>
<script> if (<%= user.admin %>) admin(); </script> <img style="width:256px;height:256px;" src=<%=member.avatar %> alt=<%= member.name %>>
</li>
<!-- Navbar: --> <li>
<a href="/"><img class="logo" src="/images/logo.jpg" alt="AKF-FORUM"></a> <h2>Name: <%= member.name %>
<div class="navbar" id="navbar"> </h2>
</li>
<a href="/threads">THREADS</a> <li>
<a href="/users">USERS</a> <h2>Created at:
<a href="/search">SEARCH</a> <%= new Date(member.time).toLocaleString() %>
<a href="/threads/open/">OPEN THREAD</a> </h2>
<div style="float: right;" class="user" id="user">
<a href = <%= user.getLink() %> > <h1> <%= user.name %><img class="yuvarlak" src=<%=user.avatar %> alt=<%= user.name %>> </h1> </a>
</div>
</div>
<hr>
<!-- Navbar end -->
<ul> </li>
<li> <li>
<h1>Avatar:</h1> <h2>Is admin? <%= member.admin ? "Yes" : "No" %>
<img style="width:256px;height:256px;" src=<%=member.avatar %> alt=<%= member.name %>> </h2>
</li> </li>
<li> <li>
<h2>Name: <%= member.name %> <h2> Message: <%= counts.message %>
</h2> </h2>
</li> </li>
<li> <li>
<h2>Created at: <h2> Thread: <%= counts.thread %>
<%= new Date(member.time).toLocaleString() %> </h2>
</h2> </li>
</ul>
<% if (user.admin) {%>
<form action="/admin/" method="POST">
<input name="userid" type="hidden" value="<%= member.id %>"></input>
<button class="buyuk" type="submit">Make admin!</button>
</li> </form>
<li>
<h2>Is admin? <%= member.admin ? "Yes" : "No" %>
</h2>
</li>
<li> <form action="/users/delete/<%= member.id %>" method="POST">
<h2> Message: <%= counts.message %> <button class="buyuk" type="submit">Delete user!</button>
</h2> </form>
</li> <% }; %>
<li>
<h2> Thread: <%= counts.thread %>
</h2>
</li>
</ul>
<% if (user.admin) {%> <%- include("extra/footer") %>
<form action="/admin/" method="POST"> </body>
<input name="userid" type="hidden" value="<%= member.id %>"></input>
<button class="buyuk" type="submit">Make admin!</button>
</form>
<form action="/users/delete/<%= member.id %>" method="POST">
<button class="buyuk" type="submit">Delete user!</button>
</form>
<% }; %>
<!-- This website is powered by AKF-Forum -->
</body>
</html> </html>

View file

@ -1,42 +1,16 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <%- include("extra/header", {title: "Main page!" }) %>
<link rel="stylesheet" href="/css/styles.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Edit profile</title>
<meta name="description" content="Akf-forum!">
<link rel="icon" type="image/x-icon" href="/images/favicon.jpg">
</head> <body>
<%- include("extra/navbar", {user}) %>
<body> <h1>This page is not ready.</h1>
<script src="/js/scripts.js"></script> <hr>
<div id="admin"></div> <!--- <form action="/userEdit/<%= %>" method="post">
<script> if (<%= user.admin %>) admin(); </script>
<!-- Navbar: -->
<a href="/"><img class="logo" src="/images/logo.jpg" alt="AKF-FORUM"></a>
<div class="navbar" id="navbar">
<a href="/threads">THREADS</a>
<a href="/users">USERS</a>
<a href="/search">SEARCH</a>
<a href="/threads/open/">OPEN THREAD</a>
<div style="float: right;" class="user" id="user">
<a href = <%= user.getLink() %> > <h1> <%= user.name %><img class="yuvarlak" src=<%=user.avatar %> alt=<%= user.name %>> </h1> </a>
</div>
</div>
<hr>
<!-- Navbar end -->
<h1>This page is not ready.</h1>
<hr>
<!--- <form action="/userEdit/<%= %>" method="post">
<input type="text" name="username" placeholder="Username" id="username" required> <input type="text" name="username" placeholder="Username" id="username" required>
@ -48,6 +22,8 @@
<input type="submit" value="Register"> <input type="submit" value="Register">
</form> </form>
--> -->
</body> <%- include("extra/footer") %>
</body>
</html> </html>

View file

@ -1,52 +1,27 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <%- include("extra/header", {title: "Main page!" }) %>
<link rel="stylesheet" href="/css/styles.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Users!</title>
<meta name="description" content="Akf-forum users!">
<meta name="author" content="Akif9748">
<link rel="icon" type="image/x-icon" href="/images/favicon.jpg">
</head> <body>
<%- include("extra/navbar", {user}) %>
<body> <h1>USERS:</h1>
<script src="/js/scripts.js"></script> <ul>
<div id="admin"></div> <% users.forEach(user=>{ %>
<script> if ( <%= user.admin %> ) admin(); </script> <li>
<h1><a href=<%=links[user.id] %> > <%= user.name %></a>
<!-- Navbar: --> <img class="yuvarlak" src=<%=user.avatar %> alt=<%= user.name %>>
<a href="/"><img class="logo" src="/images/logo.jpg" alt="AKF-FORUM"></a> </h1>
<div class="navbar" id="navbar"> </li>
<% }); %>
<a href="/threads">THREADS</a> </ul>
<a href="/users">USERS</a>
<a href="/search">SEARCH</a>
<a href="/threads/open/">OPEN THREAD</a>
<div style="float: right;" class="user" id="user">
<a href = <%= user.getLink() %> > <h1> <%= user.name %><img class="yuvarlak" src=<%=user.avatar %> alt=<%= user.name %>> </h1> </a>
</div>
</div>
<hr>
<!-- Navbar end -->
<h1>USERS:</h1>
<ul>
<% users.forEach(user=>{ %>
<li>
<h1><a href= <%= links[user.id] %> > <%= user.name %></a>
<img class="yuvarlak" src=<%=user.avatar %> alt=<%= user.name %>>
</h1>
</li>
<% }); %>
</ul>
<!-- This website is powered by AKF-Forum --> <%- include("extra/footer") %>
</body> </body>
</html> </html>