Themes folder update

- discord better auth system with email
- module updates
- Cache is working now
- avatar.js extruted
- pagination++
- ban and password change button on interface

README.md

@@ -60,7 +60,9 @@ permissions: ["see_deleted_message"]
 
 #### Fixes:
 - Admin deleting other admins.
-- disable caching
+- theme.js, change theme js code to a file.
+- same email discord???? direct err
+- IMPORTANT: add user/member id to file so scripts can access
 
 #### ETC:
 - Rewrite apidocs
@@ -73,21 +75,26 @@ permissions: ["see_deleted_message"]
 - add support for switch around gravatar and upload photo
 - old contents / titles add to forum interface
 - who liked a message
-- add ban button to user profile
 
 #### Fixes:
 - BETTER SETUP PAGE: use setup everytime
-- add threads, messages etc. to extra folder
+- add threads, messages etc. to "extra" folder
 - add category to thread list page
 - working reset button
-- better pagination
 - text alling center body
 - thread.js unfuction only listener
+- show error on modal
+- send delete, ban to user settings (edit user) menu and fix edit user menu
 
 ## Special Thanks:
 https://github.com/akashgiricse/Online-Forum for bootstrap theme.
+
 @Tokmak for old frontend.
+
 https://fengyuanchen.github.io/cropperjs/examples/crop-a-round-image.html for avatar upload panel.
+
+https://github.com/mdbootstrap/bootstrap-profiles for profile page of bootstrap theme.
+
 ## Major Version History
 - V5: Enchanted Themes
 - V4: Caching

package.json

@@ -5,6 +5,8 @@
   "main": "src/index.js",
   "scripts": {
     "start": "node .",
+    "reset":"node util/reset",
+    "admin":"node util/admin",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {
@@ -21,24 +23,23 @@
     "url": "https://github.com/Akif9748/akf-forum/issues"
   },
   "engines": {
-    "node": ">=16"
+    "node": ">=18 >=17.5 >=16.15"
   },
   "homepage": "https://akf-forum.glitch.me/",
   "dependencies": {
-    "bcrypt": "^5.1.0",
-    "connect-mongo": "^4.6.0",
-    "dotenv": "^16.0.3",
-    "ejs": "^3.1.6",
+    "bcrypt": "^5.1.1",
+    "connect-mongo": "^5.1.0",
+    "dotenv": "^16.4.2",
+    "ejs": "^3.1.9",
     "express": "^4.18.2",
-    "express-rate-limit": "^6.6.0",
-    "express-session": "^1.17.2",
-    "mongoose": "^6.6.5",
+    "express-rate-limit": "^7.1.5",
+    "express-session": "^1.18.0",
+    "mongoose": "^8.1.1",
     "multer": "^1.4.5-lts.1",
-    "node-fetch": "^2.6.7",
-    "nodemailer": "^6.8.0",
+    "nodemailer": "^6.9.9",
     "request-ip": "^3.3.0"
   },
   "devDependencies": {
-    "eslint": "^8.25.0"
+    "eslint": "^8.56.0"
   }
 }

src/index.js

@@ -32,9 +32,8 @@ setInterval(() => {
 app.set("view engine", "ejs");
 app.set("limits", limits);
 
-for (const theme of fs.readdirSync(join(__dirname, "themes")))
-    app.use(`/themes/${theme}`, express.static(join(__dirname, "themes", theme, "public")));
-
+for (const theme of themes)
+    app.use(`/themes/${theme.codename}`, express.static(join(__dirname, "themes", theme.codename, "public")));
 
 app.use(express.static(join(__dirname, "public")), express.json(), express.urlencoded({ extended: true }), IP(),
     SES({ secret: process.env.SECRET, store: MS.create({ clientPromise: DB, stringify: false }), resave: false, saveUninitialized: false }),
@@ -56,7 +55,7 @@ app.use(express.static(join(__dirname, "public")), express.json(), express.urlen
 
         res.reply = (page, options = {}, status = 200) => {
             const road = join(__dirname, "themes", theme.codename, "views", `${page}.ejs`);
-            const renderpage = fs.existsSync(road) ? road : join(__dirname, "themes", "common", "views", `${page}.ejs`);
+            const renderpage = fs.existsSync(road) ? road : join(__dirname, "themes", def_theme, "views", `${page}.ejs`);
             return res.status(status).render(renderpage, {
                 dataset: {
                     themes, theme, forum_name, description,

src/lib.js

@@ -6,7 +6,7 @@ const { readdirSync } = require('fs');
 const { join } = require('path');
 require("dotenv").config();
 module.exports = {
-    themes: readdirSync(join(__dirname, "themes")).filter(f => f !== "common").map(f => require(`./themes/${f}`)),
+    themes: readdirSync(join(__dirname, "themes")).map(f => require(`./themes/${f}`)),
     threadEnum: ["OPEN", "APPROVAL", "DELETED"],
     userEnum: ["ACTIVE", "APPROVAL", "DELETED", "BANNED"],
     RL(windowMs = 60_000, max = 1) {

src/models/Category.js

@@ -7,8 +7,10 @@ const schema = new mongoose.Schema({
     authorID: { type: String }
 
 });
-schema.methods.takeId = async function () {
-    this.id = String(await model.count() || 0);
+
+schema.methods.takeId = async function () {    
+    // eslint-disable-next-line no-use-before-define
+    this.id = await model.countDocuments() || 0;
     return this;
 }
 

src/models/Message.js

@@ -27,8 +27,9 @@ const schema = new mongoose.Schema({
 
 schema.methods.get_author = cache.getAuthor
 
-schema.methods.takeId = async function () {
-    this.id = String(await model.count() || 0);
+schema.methods.takeId = async function () {    
+    // eslint-disable-next-line no-use-before-define
+    this.id = await model.countDocuments() || 0;
     return this;
 }
 

src/models/Thread.js

@@ -43,7 +43,7 @@ schema.methods.get_category = async function () {
 schema.methods.messageCount = async function (admin = false) {
     const query = { threadID: this.id };
     if (!admin) query.deleted = false;
-    return await MessageModel.count(query) || 0;
+    return await MessageModel.countDocuments(query) || 0;
 };
 
 schema.methods.push = function (messageID) {
@@ -51,8 +51,9 @@ schema.methods.push = function (messageID) {
     return this;
 }
 
-schema.methods.takeId = async function () {
-    this.id = await model.count() || 0;
+schema.methods.takeId = async function () {    
+    // eslint-disable-next-line no-use-before-define
+    this.id = await model.countDocuments() || 0;
     return this;
 }
 

src/models/User.js

@@ -36,7 +36,7 @@ schema.virtual("active").get(function () {
 
 schema.methods.takeId = async function () {
     // eslint-disable-next-line no-use-before-define
-    this.id = String(await model.count() || 0);
+    this.id = String(await model.countDocuments() || 0);
     return this;
 }
 

src/models/cache.js

@@ -4,7 +4,7 @@ module.exports.getAuthor = async function () {
     const id = this.authorID || this.author?.id;
     let user = UserCache.get(id);
     if (!user)
-        UserCache.set(user = await UserModel.findOne({ id }));
+        UserCache.set(id, user = await UserModel.findOne({ id }));
 
     if (!this.get('authorID', null, { getters: false })) {
         this.authorID = user.id;

src/public/js/avatar.js

@@ -0,0 +1,63 @@
+function b64toBlob(b64Data, contentType = "", sliceSize = 512) {
+
+    const byteCharacters = atob(b64Data);
+    const byteArrays = [];
+
+    for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {
+        const slice = byteCharacters.slice(offset, offset + sliceSize);
+
+        const byteNumbers = new Array(slice.length);
+        for (let i = 0; i < slice.length; i++)
+            byteNumbers[i] = slice.charCodeAt(i);
+        const byteArray = new Uint8Array(byteNumbers);
+        byteArrays.push(byteArray);
+    }
+    const blob = new Blob(byteArrays, {
+        type: contentType
+    });
+    return blob;
+}
+
+const image = document.getElementById('image');
+const button = document.getElementById('button');
+const reader = new FileReader();
+
+document.getElementById("file-input")
+    .addEventListener("change", function () {
+        reader.onload = () => {
+            image.src = reader.result;
+
+            let croppable = false;
+            // eslint-disable-next-line no-undef
+            const cropper = new Cropper(image, {
+                aspectRatio: 1,
+                viewMode: 1,
+                ready: function () {
+                    croppable = true;
+                },
+            });
+
+            button.onclick = async () => {
+                if (!croppable) return;
+
+                const croppedCanvas = cropper.getCroppedCanvas();
+                // const croppedImage = document.getElementById('cropped-image');
+                const body = new FormData(document.createElement('form'))
+                const block = croppedCanvas.toDataURL().split(";");
+                const contentType = block[0].split(":")[1];
+                const realData = block[1].split(",")[1];
+                body.append('avatar', b64toBlob(realData, contentType));
+
+                // eslint-disable-next-line no-undef
+                const res = await fetch('/api/users/'+MEM_ID+'/avatar', {
+                    method: 'POST',
+                    body
+                }).then(res => res.json());
+
+                if (res.error) return alert(res.error);
+                alert('Success!');
+                location.reload();
+            };
+        }
+        reader.readAsDataURL(event.target.files[0]);
+    });

src/routes/.js

@@ -7,14 +7,14 @@ app.get("/", async (req, res) => {
     const [
         categories, users, threads, messages, newestMember, newestMessages, newestThreads, onlineMemberCount, onlineMembers
     ] = await Promise.all([
-        CategoryModel.count(),
-        UserModel.count({ deleted: false }),
-        ThreadModel.count({ state: "OPEN" }),
-        MessageModel.count({ deleted: false }),
+        CategoryModel.countDocuments(),
+        UserModel.countDocuments({ deleted: false }),
+        ThreadModel.countDocuments({ state: "OPEN" }),
+        MessageModel.countDocuments({ deleted: false }),
         UserModel.findOne({ deleted: false }, "name id").sort({ time: -1 }),
         MessageModel.find({ deleted: false }).sort({ time: -1 }).limit(10),
         ThreadModel.find({ state: "OPEN" }).sort({ time: -1 }).limit(10),
-        UserModel.count({ deleted: false, lastSeen: { $gt: Date.now() - 1000 * 60 * 5 } }),
+        UserModel.countDocuments({ deleted: false, lastSeen: { $gt: Date.now() - 1000 * 60 * 5 } }),
         UserModel.find({ deleted: false, hideLastSeen: false, lastSeen: { $gt: Date.now() - 1000 * 60 * 5 } }, "name id")
     ]),
         onlineTotal = req.app.onlines.size,

src/routes/api/routes/users.js

@@ -5,7 +5,7 @@ const { themes, emailRegEx } = require("../../../lib")
 const app = Router();
 const { join } = require("path");
 app.param("id", async (req, res, next, id) => {
-    if (id === "me")
+    if (id === "me") //
         id = req.user.id;
 
     req.member = await UserModel.get(id, req.user.admin ? "+lastSeen +ips" : "");

src/routes/auth.js

@@ -1,6 +1,5 @@
 const { Router } = require("express")
 const { UserModel } = require("../models");
-const fetch = require("node-fetch");
 const app = Router();
 const { host, email_auth } = require("../../config.json")
 
@@ -17,7 +16,7 @@ app.get("/discord", async (req, res) => {
                 client_secret: process.env.DISCORD_SECRET,
                 grant_type: 'authorization_code',
                 redirect_uri: host + "/auth/discord",
-                scope: 'identify',
+                scope: 'identify+email',
             }).toString(),
             headers: {
                 'Content-Type': 'application/x-www-form-urlencoded',
@@ -58,8 +57,9 @@ app.get("/discord", async (req, res) => {
             name += Math.floor(Math.random() * 2);
 
         const user2 = new UserModel({
-            name, discordID: discord.id, discord_code: code,
-            avatar: `https://cdn.discordapp.com/avatars/${discord.id}/${discord.avatar}.png?size=256`
+            name, email: discord.email,
+            discordID: discord.id, discord_code: code,
+            avatar: `https://cdn.discordapp.com/avatars/${discord.id}/${discord.avatar}.png?size=256`,
         });
 
         await user2.takeId();

src/routes/categories.js

@@ -9,7 +9,7 @@ app.get("/", async (req, res) => {
     const categories = await CategoryModel.find({}).limit(10).skip(page * 10).sort({ time: -1 });
     res.reply("categories", {
         categories, page,
-        pages: Math.ceil(await CategoryModel.count({}) / 10)
+        pages: Math.ceil(await CategoryModel.countDocuments({}) / 10)
     });
 });
 
@@ -24,7 +24,7 @@ app.get("/:id", async (req, res) => {
     let threads = await ThreadModel.find(query).limit(10).skip(page * 10).sort({ time: -1 });
     threads = await Promise.all(threads.map(thread => thread.get_author()));
 
-    res.reply("threads", { threads, page, title: `Threads in ${category.name}`, desp: category.desp, pages: Math.ceil(await ThreadModel.count(query) / 10) });
+    res.reply("threads", { threads, page, title: `Threads in ${category.name}`, desp: category.desp, pages: Math.ceil(await ThreadModel.countDocuments(query) / 10) });
 });
 
 module.exports = app;

src/routes/search.js

@@ -19,7 +19,7 @@ app.get("/users", async (req, res) => {
     const users = await UserModel.find({ ...req.sq, name: { $regex: req.query.q, $options: "i" } }, null, req.so)
     res.reply("users", {
         users, page: req.page,
-        pages: Math.ceil(await UserModel.count(req.sq) / 10)
+        pages: Math.ceil(await UserModel.countDocuments(req.sq) / 10)
     });
 });
 
@@ -31,7 +31,7 @@ app.get("/messages", async (req, res) => {
     const messages = await MessageModel.find(query, null, req.so)
     res.reply("messages", {
         messages, page: req.page,
-        pages: Math.ceil(await MessageModel.count(query) / 10)
+        pages: Math.ceil(await MessageModel.countDocuments(query) / 10)
     });
 });
 
@@ -45,7 +45,7 @@ app.get("/threads", async (req, res) => {
     const threads = await ThreadModel.find(query, null, req.so)
     res.reply("threads", {
         threads, page: req.page, title: `Threads with query '${req.query.q}'`,
-        pages: Math.ceil(await ThreadModel.count(query) / 10), desp: `${threads.length} threads are listed`
+        pages: Math.ceil(await ThreadModel.countDocuments(query) / 10), desp: `${threads.length} threads are listed`
     });
 });
 

src/routes/threads.js

@@ -8,7 +8,7 @@ app.get("/", async (req, res) => {
     let threads = await ThreadModel.find(query).limit(10).skip(page * 10).sort({ time: -1 });
     threads = await Promise.all(threads.map(thread => thread.get_author()));
 
-    return res.reply("threads", { threads, page, title: "Threads", desp: threads.length + " threads are listed", pages: Math.ceil(await ThreadModel.count(query) / 10) });
+    return res.reply("threads", { threads, page, title: "Threads", desp: threads.length + " threads are listed", pages: Math.ceil(await ThreadModel.countDocuments(query) / 10) });
 });
 
 

src/routes/users.js

@@ -6,7 +6,7 @@ app.get("/", async (req, res) => {
     const page = Number(req.query.page) || 0;
     const query = req.user?.admin ? {} : { deleted: false };
     let users = await UserModel.find(query).limit(10).skip(page * 10);
-    return res.reply("users", { users, page, pages: Math.ceil(await UserModel.count(query) / 10) });
+    return res.reply("users", { users, page, pages: Math.ceil(await UserModel.countDocuments(query) / 10) });
 });
 
 app.get("/:id/avatar", async (req, res) => {
@@ -26,8 +26,8 @@ app.get("/:id", async (req, res) => {
 
     if (member && (user?.admin || !member.deleted)) {
 
-        const message = await MessageModel.count({ authorID: id });
-        const thread = await ThreadModel.count({ authorID: id });
+        const message = await MessageModel.countDocuments({ authorID: id });
+        const thread = await ThreadModel.countDocuments({ authorID: id });
         res.reply("user", { member, counts: { message, thread }, discord: req.app.get("DISCORD_AUTH_URL") })
     }
     else res.error(404, `We don't have any user with id ${id}.`);

src/themes/bootstrap_black/views/avatar_upload.ejs

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Avatar Upload Panel!" }) %>
+
+<body style="text-align: center;">
+  <link rel="stylesheet" href="/libs/cropper/cropper.css">
+  <style>
+    .container {
+      margin: 20px auto;
+      max-width: 640px;
+    }
+
+    img {
+      max-width: 100%;
+    }
+
+    .cropper-view-box,
+    .cropper-face {
+      border-radius: 50%;
+    }
+
+    .cropper-view-box {
+      outline: 0;
+      box-shadow: 0 0 0 1px #39f;
+    }
+  </style>
+  <script src="/libs/cropper/cropper.js"></script>
+
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
+
+
+
+  <div class="container">
+    <h1>Upload avatar for <%= member.name %></h1>
+
+    <input type="file" id="file-input">
+    <img id="image" src="<%= member.avatar %>">
+    <p>
+      <button type="button" id="button">Upload</button>
+    </p>
+    <file id="cropped-image" name="avatar">
+      <form id="form"></form>
+
+  </div>
+  <script>
+    const MEM_ID="<%= member.id %>";
+  </script>
+  <script src="/js/avatar.js"></script>
+
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
+
+</body>
+
+</html>

src/themes/bootstrap_black/views/categories.ejs

@@ -47,21 +47,23 @@
 
     <% if(typeof page === "number"){ %>
     <div class="mb-3 clearfix">
-      <nav aria-label="Navigate post pages" class="float-lg-right">
-        <ul class="pagination pagination-sm mb-lg-0">
-          <% if (page > 0){ %>
-          <li class="page-item"><a href="/categories?page=<%= page-1 %>" class="page-link">Back</a></li>
-          <% } %>
+      <nav aria-label="Navigate post pages">
+        <ul class="pagination justify-content-center">
+          <li class="page-item <%= page > 0 ?"": "disabled" %>">
+            <a class="page-link" href="/categories?page=<%= page-1 %>" tabindex="-1">Back</a>
+          </li>
           <% for(let i=0; i < pages; i++){ %>
-          <li class="page-item <%= i==page?'active':'' %>"><a href="/categories?page=<%= i %>" class="page-link"><%= i+1 %>
+          <li class="page-item">
+            <a class="page-link <%= i==page?'active':'' %>" href="/categories?page=<%= i %>"><%= i+1 %>
               <% if (i==page){ %>
               <span class="sr-only">(current)</span>
               <% } %>
-            </a></li>
-          <% } %>
-          <% if (pages-1 > page) { %>
-          <li class="page-item"><a href="/categories?page=<%= page+1 %>" class="page-link">Next</a></li>
+            </a>
+          </li>
           <% } %>
+          <li class="page-item <%= pages-1 > page ?"": "disabled" %>">
+            <a class="page-link" href="/categories?page=<%= page+1 %>">Next</a>
+          </li>
         </ul>
       </nav>
     </div>

src/themes/bootstrap_black/views/edit_user.ejs

@@ -12,6 +12,8 @@
 
   <div class="container my-3">
     <div class="col-12">
+      <a class="btn-primary" href="/security" >Change your own password</a>
+
       <h2 class="h4 text-white  bg-info mb-3 p-4 rounded">Edit User</h2>
       <form id="form" class="mb-3">
         <input type="text" name="name" placeholder="<%= member.name %>" class="input">

src/themes/bootstrap_black/views/index.ejs

@@ -104,7 +104,7 @@
                 <div class="card-body">
                   <h2 class="h4 card-title">Members online</h2>
                   <style>
-                    li.d-inline ~ li.d-inline::before {
+                    li.d-inline~li.d-inline::before {
                       content: ', ';
                     }
                   </style>
@@ -115,9 +115,9 @@
                     </li>
                     <% }); %>
                     <% if (onlineMemberCount > 30) { %>
-                      <li>
-                        <a href="/users/"><%= onlineMemberCount - 30 %></a> more...
-                      </li>
+                    <li>
+                      <a href="/users/"><%= onlineMemberCount - 30 %></a> more...
+                    </li>
                     <% } %>
                   </ul>
                 </div>
@@ -157,11 +157,13 @@
                     <dt class="col-8">Total members:</dt>
                     <dd class="col-4 mb-0"><%= users %></dd>
                   </dl>
-                </div>
+                </div> 
+                <% if(newestMember) {%>
                 <div class="card-footer">
                   <div>Newest member:</div>
                   <div><a href="/users/<%= newestMember.id %>"><%= newestMember.name %></a></div>
                 </div>
+                <% }%>
               </div>
             </div>
           </div>

src/themes/bootstrap_black/views/login.ejs

@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Log in!" }) %>
+
+<body style="text-align: center;">
+
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
+
+  <div class="jumbotron jumbotron-fluid">
+    <div class="container">
+      <div class="row">
+        <div class="col-12 col-sm-8 col-md-6 col-lg-4 offset-sm-4 offset-sd-3 offset-lg-4">
+          <h1 class="mb-3 text-center">Please log in</h1>
+          <form action="/login?redirect=<%= redirect !== "/register" ? redirect : "/"  %>" method="post" class="mb-3">
+            <div class="form-group">
+              <label for="name">Email/Username:</label>
+              <input name="name" class="form-control" placeholder="example@email.com" id="email" required />
+            </div>
+            <div class="form-group">
+              <label for="password">Password:</label>
+              <input type="password" class="form-control" id="password" required />
+            </div>
+            <button type="submit" class="btn btn-primary btn-block">
+              Login
+            </button>
+          </form>
+          <div class="text-center">
+            <p>or..</p>
+            <a href="/register" class="btn btn-outline-primary">Create account</a>
+
+            <% if(discord) { %>
+            <a href="<%=discord%>" class="btn btn-outline-primary">Auth with discord</a>
+            <% } %>
+
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+
+
+
+
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
+
+</body>
+
+</html>

src/themes/bootstrap_black/views/security.ejs

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Change Password!" }) %>
+
+<body style="text-align: center;">
+
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
+
+
+  <h1 class="title">Change password</h1>
+
+  <form class="login" action="/security" method="post">
+    <input type="password" name="old_password" placeholder="Old Password" class="input" required>
+    <input type="password" name="password" placeholder="Password" class="input" required>
+    <input type="submit" style="width:100%" class="btn-primary" value="Change it">
+  </form>
+
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
+
+</body>
+
+</html>

src/themes/bootstrap_black/views/thread.ejs

@@ -142,21 +142,23 @@
   <% }%>
 
   <div class="mb-3 clearfix">
-    <nav aria-label="Navigate post pages" class="float-lg-right">
-      <ul class="pagination pagination-sm mb-lg-0">
-        <% if (page > 0){ %>
-        <li class="page-item"><a href="/<%= thread.getLink() %>?page=<%= page-1 %>" class="page-link">Back</a></li>
-        <% } %>
+    <nav aria-label="Navigate post pages">
+      <ul class="pagination justify-content-center">
+        <li class="page-item <%= page > 0 ?"": "disabled" %>">
+          <a class="page-link" href="/<%= thread.getLink() %>?page=<%= page-1 %>" tabindex="-1">Back</a>
+        </li>
         <% for(let i=0; i < thread.pages; i++){ %>
-        <li class="page-item <%= i==page?'active':'' %>"><a href="/<%= thread.getLink() %>?page=<%= i %>" class="page-link"><%= i+1 %>
+        <li class="page-item">
+          <a class="page-link <%= i==page?'active':'' %>" href="/<%= thread.getLink() %>?page=<%= i %>"><%= i+1 %>
             <% if (i==page){ %>
             <span class="sr-only">(current)</span>
             <% } %>
-          </a></li>
-        <% } %>
-        <% if (thread.pages-1 > page) { %>
-        <li class="page-item"><a href="/<%= thread.getLink() %>?page=<%= page+1 %>" class="page-link">Next</a></li>
+          </a>
+        </li>
         <% } %>
+        <li class="page-item <%= thread.pages-1 > page ?"": "disabled" %>">
+          <a class="page-link" href="/<%= thread.getLink() %>?page=<%= page+1 %>">Next</a>
+        </li>
       </ul>
     </nav>
   </div>

src/themes/bootstrap_black/views/threads.ejs

@@ -55,21 +55,23 @@
       </div>
     </div>
     <div class="mb-3 clearfix">
-      <nav aria-label="Navigate post pages" class="float-lg-right">
-        <ul class="pagination pagination-sm mb-lg-0">
-          <% if (page > 0){ %>
-          <li class="page-item"><a href="/threads?page=<%= page-1 %>" class="page-link">Back</a></li>
-          <% } %>
+      <nav aria-label="Navigate post pages">
+        <ul class="pagination justify-content-center">
+          <li class="page-item <%= page > 0 ?"": "disabled" %>">
+            <a class="page-link" href="/threads?page=<%= page-1 %>" tabindex="-1">Back</a>
+          </li>
           <% for(let i=0; i < pages; i++){ %>
-          <li class="page-item <%= i==page?'active':'' %>"><a href="/threads?page=<%= i %>" class="page-link"><%= i+1 %>
+          <li class="page-item">
+            <a class="page-link <%= i==page?'active':'' %>" href="/threads?page=<%= i %>"><%= i+1 %>
               <% if (i==page){ %>
               <span class="sr-only">(current)</span>
               <% } %>
-            </a></li>
-          <% } %>
-          <% if (pages-1 > page) { %>
-          <li class="page-item"><a href="/threads?page=<%= page+1 %>" class="page-link">Next</a></li>
+            </a>
+          </li>
           <% } %>
+          <li class="page-item <%= pages-1 > page ?"": "disabled" %>">
+            <a class="page-link" href="/threads?page=<%= page+1 %>">Next</a>
+          </li>
         </ul>
       </nav>
     </div>

src/themes/bootstrap_black/views/user.ejs

@@ -47,7 +47,7 @@
                 <img onclick="location.href='/users/<%=member.id%>/avatar'" src="<%=member.avatar %>" alt="Generic placeholder image" class="img-fluid img-thumbnail mt-4 mb-2" style="width: 150px; z-index: 1">
                 <% if(user?.admin || user?.id === member.id){ %>
                 <a href="/users/<%=member.id%>/edit" type="button" class="btn btn-outline-dark" data-mdb-ripple-color="dark" style="z-index: 1;">
-                  Edit profile
+                  Profile Settings
                 </a>
                 <% if (member.deleted) {%>
                 <a id="undelete" class="btn btn-outline-dark">Undelete user</a>
@@ -83,28 +83,29 @@
 
 
 
-            <% if (member.about?.length) { %>
 
             <div class="card-body p-4 text-black">
               <div class="mb-5">
                 <p class="lead fw-normal mb-1" style="color: aliceblue;">About</p>
+                <% if (member.about?.length) { %>
                 <div class="p-4" style="background-color: #f8f9fa;">
                   <p id="about" class="font-italic mb-1"><%= member.about %></p>
                 </div>
                 <script src="/libs/showdown/showdown.min.js"></script>
                 <script>
                   const converter = new showdown.Converter();
-                  const about = document.getElementById("about")
+                  const about = document.getElementById("about");
                   about.innerHTML = converter.makeHtml(about.innerText);
                 </script>
+                <% } %>
               </div>
-              <% } %>
 
               <div class="d-flex justify-content-between align-items-center mb-4">
                 <!--
                 <p class="lead fw-normal mb-0">Recent photos</p>
                 <p class="mb-0"><a href="#!" class="text-muted">Show all</a></p>
               -->
+
                 <% if (!member.discordID && discord && user?.id === member.id) { %>
                 <a href="<%=discord%>" class="btn-outline-primary">Discord auth</a>
                 <% } else if(member.discordID && user?.id === member.id) { %>
@@ -117,9 +118,8 @@
                   <option><%= ip %></option>
                   <% } %>
                 </select>
+                <a id="ban" class="btn-outline-primary">Ban All IPs</a>
                 <% } %>
-
-
               </div>
             </div>
           </div>
@@ -128,53 +128,38 @@
     </div>
   </section>
 
+  <% if(user?.admin || user?.id === member.id){ %>
+  <script type="module">
+    import request from "../../js/request.js";
 
-
-
-
-  <div class="usercontent">
-    <% if(user?.admin || user?.id === member.id){ %>
-    <nav class="navbar navbar-expand-lg navbar-light bg-light">
-
-      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-
-      </ul>
-
-      <script type="module">
-        import request from "../../js/request.js";
-
-
-        document.addEventListener("click", async e => {
-          if (e.target.id == "delete") {
-            const response = await request("/api/users/<%= member.id %>", "DELETE");
-            if (response.state !== "DELETED") return
-            alert("User is deleted!");
-            location.reload()
-          } else if (e.target.id == "undelete") {
-            const response = await request("/api/users/<%= member.id %>/", "PATCH", {
-              deleted: false
-            });
-            if (response.state == "DELETED") return;
-            alert("User is undeleted successfully!");
-            location.reload()
-          } else if (e.target.id == "un_discord") {
-            const response = await fetch("/auth/discord/", {
-              method: "DELETE"
-            });
-            alert(await response.text());
-            location.reload()
-          } else if (e.target.id == "toogle")
-            document.getElementById('user-edit').classList.toggle('no-active')
-
+    document.addEventListener("click", async e => {
+      if (e.target.id == "delete") {
+        const response = await request("/api/users/<%= member.id %>", "DELETE");
+        if (response.state !== "DELETED") return
+        alert("User is deleted!");
+        location.reload()
+      } else if (e.target.id == "undelete") {
+        const response = await request("/api/users/<%= member.id %>/", "PATCH", {
+          deleted: false
         });
-      </script>
-    </nav>
+        if (response.state == "DELETED") return;
+        alert("User is undeleted successfully!");
+        location.reload()
+      } else if (e.target.id == "un_discord") {
+        const response = await fetch("/auth/discord/", {
+          method: "DELETE"
+        });
+        alert(await response.text());
+        location.reload()
+      } else if (e.target.id == "ban") {
+        const response = await fetch("/api/users/<%= member.id %>/ban", { method: "POST" });
+        alert("All IPs of user is banned.");
+      }
+    });
+  </script>
 
-    <% } %>
+  <% } %>
 
-
-
-  </div>
   <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
 
 </body>

src/themes/bootstrap_black/views/users.ejs

@@ -24,21 +24,23 @@
   </div>
   <% if(typeof page === "number"){ %>
     <div class="mb-3 clearfix">
-      <nav aria-label="Navigate post pages" class="float-lg-right">
-        <ul class="pagination pagination-sm mb-lg-0">
-          <% if (page > 0){ %>
-          <li class="page-item"><a href="/users?page=<%= page-1 %>" class="page-link">Back</a></li>
-          <% } %>
+      <nav aria-label="Navigate post pages">
+        <ul class="pagination justify-content-center">
+          <li class="page-item <%= page > 0 ?"": "disabled" %>">
+            <a class="page-link" href="/users?page=<%= page-1 %>" tabindex="-1">Back</a>
+          </li>
           <% for(let i=0; i < pages; i++){ %>
-          <li class="page-item <%= i==page?'active':'' %>"><a href="/users?page=<%= i %>" class="page-link"><%= i+1 %>
+          <li class="page-item">
+            <a class="page-link <%= i==page?'active':'' %>" href="/users?page=<%= i %>"><%= i+1 %>
               <% if (i==page){ %>
               <span class="sr-only">(current)</span>
               <% } %>
-            </a></li>
-          <% } %>
-          <% if (pages-1 > page) { %>
-          <li class="page-item"><a href="/users?page=<%= page+1 %>" class="page-link">Next</a></li>
+            </a>
+          </li>
           <% } %>
+          <li class="page-item <%= pages-1 > page ?"": "disabled" %>">
+            <a class="page-link" href="/users?page=<%= page+1 %>">Next</a>
+          </li>
         </ul>
       </nav>
     </div>

src/themes/common/views/avatar_upload.ejs

@@ -1,115 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Avatar Upload Panel!" }) %>
-
-<body style="text-align: center;">
-  <link rel="stylesheet" href="/libs/cropper/cropper.css">
-  <style>
-    .container {
-      margin: 20px auto;
-      max-width: 640px;
-    }
-
-    img {
-      max-width: 100%;
-    }
-
-    .cropper-view-box,
-    .cropper-face {
-      border-radius: 50%;
-    }
-
-    .cropper-view-box {
-      outline: 0;
-      box-shadow: 0 0 0 1px #39f;
-    }
-  </style>
-  <script src="/libs/cropper/cropper.js"></script>
-
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
-
-
-
-  <div class="container">
-    <h1>Upload avatar for <%= member.name %></h1>
-
-    <input type="file" id="file-input">
-    <img id="image" src="<%= member.avatar %>">
-    <p>
-      <button type="button" id="button">Upload</button>
-    </p>
-    <file id="cropped-image" name="avatar">
-      <form id="form"></form>
-
-  </div>
-  <script>
-    function b64toBlob(b64Data, contentType = "", sliceSize = 512) {
-
-      const byteCharacters = atob(b64Data);
-      const byteArrays = [];
-
-      for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {
-        const slice = byteCharacters.slice(offset, offset + sliceSize);
-
-        const byteNumbers = new Array(slice.length);
-        for (let i = 0; i < slice.length; i++)
-          byteNumbers[i] = slice.charCodeAt(i);
-        const byteArray = new Uint8Array(byteNumbers);
-        byteArrays.push(byteArray);
-      }
-      const blob = new Blob(byteArrays, {
-        type: contentType
-      });
-      return blob;
-    }
-  </script>
-  <script>
-    const image = document.getElementById('image');
-    const button = document.getElementById('button');
-    const reader = new FileReader();
-
-    document.getElementById("file-input")
-      .addEventListener("change", function() {
-        reader.onload = () => {
-          image.src = reader.result;
-
-          let croppable = false;
-          const cropper = new Cropper(image, {
-            aspectRatio: 1,
-            viewMode: 1,
-            ready: function() {
-              croppable = true;
-            },
-          });
-
-          button.onclick = async () => {
-            if (!croppable) return;
-
-            const croppedCanvas = cropper.getCroppedCanvas();
-            const croppedImage = document.getElementById('cropped-image');
-            const body = new FormData(document.createElement('form'))
-            const block = croppedCanvas.toDataURL().split(";");
-            const contentType = block[0].split(":")[1];
-            const realData = block[1].split(",")[1];
-            body.append('avatar', b64toBlob(realData, contentType));
-
-            const res = await fetch('/api/users/<%= member.id %>/avatar', {
-              method: 'POST',
-              body
-            }).then(res => res.json());
-
-            if (res.error) return alert(res.error);
-            alert('Success!');
-            location.reload();
-          };
-        }
-        reader.readAsDataURL(event.target.files[0]);
-      });
-  </script>
-
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
-
-</body>
-
-</html>

src/themes/common/views/extra/navbar.ejs

@@ -1,44 +0,0 @@
-<% if (user?.admin){ %>
-    <div class="admin-bar">
-      <a href="/admin" class="admin-bar">Click here to reach admin panel</a>
-    </div>
-    <% } %>
-    
-    <div class="header">
-      <a class="logo" href="/"><%= dataset.forum_name.toUpperCase() %></a>
-      <div class="buttons">
-    
-        <% if (user){ %>
-        <a href="<%=user.getLink() %>" class="btn-outline-primary">
-          <div class="box-username"><%= user.name %>
-            <div class="avatar"><img src="<%=user.avatar %>"></div>
-          </div>
-        </a>
-        <a id="logout" href="/login" class="btn-primary">Logout</a>
-        <% } else { %>
-    
-        <a id="login" href="/login" class="btn-primary">Login</a>
-        <a href="/register" class="btn-outline-primary">Register</a>
-        <script>
-          document.getElementById("login").href += "?redirect=" + location.pathname;
-        </script>
-        <% } %>
-    
-      </div>
-    </div>
-    <div class="menu">
-      <a href="/threads/create/" class="menu-item">Create Thread</a>
-      <a href="/categories" class="menu-item">Categories</a>
-      <a href="/threads" class="menu-item">Threads</a>
-      <a href="/users" class="menu-item">Users</a>
-      <a href="/search" class="menu-item">Search</a>
-      <script>
-        const menuItems = document.getElementsByClassName("menu-item");
-    
-        for (let i = 0; i < menuItems.length; i++)
-          if (window.location.pathname.includes(menuItems[i].getAttribute("href"))) {
-            menuItems[i].classList.add("active-menu");
-            break;
-          }
-      </script>
-    </div>

src/themes/default/index.js

@@ -1,6 +1,6 @@
 module.exports = {
     name: "Default White",
-    codename: "default_white",
+    codename: "default",
     description: "Default white theme created by Tokmak.",
     author: "Tokmak"
 }

src/themes/default/public/main.css

@@ -1,5 +1,21 @@
+/* akf-forum default theme config file */
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
+:root {
+    --main: #4d18e6;
+    --btn-clr-1: #e8e8e8;
+    --menu-item: #ffffff;
+    --borders: #d9d9d9;
+    --input-clr: #414141;
+    --box-shadow: #c3c3c3;
+    --second: #747474;
+    --anti: #151515;
+    --t-username: #555;
+    --important: red;
+    background-color: #ffffff;
+}
+
+
 * {
     box-sizing: border-box;
 }
@@ -640,4 +656,4 @@ USER
     border-radius: 5px;
     min-width: 50px;
     text-align: center;
-}
+}

src/themes/default/views/avatar_upload.ejs

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Avatar Upload Panel!" }) %>
+
+<body style="text-align: center;">
+  <link rel="stylesheet" href="/libs/cropper/cropper.css">
+  <style>
+    .container {
+      margin: 20px auto;
+      max-width: 640px;
+    }
+
+    img {
+      max-width: 100%;
+    }
+
+    .cropper-view-box,
+    .cropper-face {
+      border-radius: 50%;
+    }
+
+    .cropper-view-box {
+      outline: 0;
+      box-shadow: 0 0 0 1px #39f;
+    }
+  </style>
+  <script src="/libs/cropper/cropper.js"></script>
+
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
+
+
+
+  <div class="container">
+    <h1>Upload avatar for <%= member.name %></h1>
+
+    <input type="file" id="file-input">
+    <img id="image" src="<%= member.avatar %>">
+    <p>
+      <button type="button" id="button">Upload</button>
+    </p>
+    <file id="cropped-image" name="avatar">
+      <form id="form"></form>
+
+  </div>
+  <script>
+    const MEM_ID="<%= member.id %>";
+  </script>
+  <script src="/js/avatar.js"></script>
+
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
+
+</body>
+
+</html>

src/themes/default/views/config.ejs

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Edit Forum Config!" }) %>
+
+<body style="text-align: center;">
+    <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
+
+    <h1>Edit forum config</h1>
+    <textarea rows="30" cols="75"><%= config %></textarea>
+    <a onclick="send();" class="btn-primary">Edit config</a>
+    <script>
+        const textarea = document.querySelector('textarea');
+        async function send() {
+            const res = await fetch('/api/config?text', {
+                method: 'PUT',
+                body: textarea.value,
+                headers: {
+                    'Content-Type': 'application/json'
+                }
+            })
+            if (res.error) return alert(res.error);
+            alert('Success!');
+            textarea.value=JSON.stringify( await res.json(),null,4)
+        
+        }
+  </script>
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
+
+</body>
+
+</html>

src/themes/default/views/error.ejs

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: type+" error!" }) %>
+
+
+<body style="text-align: center;">
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
+
+
+  <h1 style="color: var(--main);"><%= type %></h1>
+  <h2 style="color: var(--second);"><%= error %></h2>
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
+  
+</body>
+
+</html>

src/themes/default/views/extra/footer.ejs

@@ -4,7 +4,8 @@
       <% for(const theme of dataset.themes){%>
       <option value="<%= theme.codename %>"><%= theme.name %></option>
       <% } %>
-    </select>
+    </select>  <script src="/js/theme.js"></script>
+
     <script>
       const theme_select = document.getElementById("theme_select");
       theme_select.querySelector(`option[value=<%= user.theme.codename %>]`).selected = true;

src/themes/default/views/extra/meta.ejs

@@ -4,6 +4,5 @@
   <title><%= title || dataset.forum_name %></title>
   <meta name="description" content="<%= dataset.description %>">
   <link rel="icon" type="image/x-icon" href="/favicon.ico">
-  <link rel="stylesheet" href="/themes/default_black/main.css" />
-  <link rel="stylesheet" href="/themes/common/main.css" />
+  <link rel="stylesheet" href="/themes/default/main.css" />
 </head>

src/themes/default/views/extra/navbar.ejs

@@ -0,0 +1,44 @@
+<% if (user?.admin){ %>
+<div class="admin-bar">
+  <a href="/admin" class="admin-bar">Click here to reach admin panel</a>
+</div>
+<% } %>
+
+<div class="header">
+  <a class="logo" href="/"><%= dataset.forum_name.toUpperCase() %></a>
+  <div class="buttons">
+
+    <% if (user){ %>
+    <a href="<%=user.getLink() %>" class="btn-outline-primary">
+      <div class="box-username"><%= user.name %>
+        <div class="avatar"><img src="<%=user.avatar %>"></div>
+      </div>
+    </a>
+    <a id="logout" href="/login" class="btn-primary">Logout</a>
+    <% } else { %>
+
+    <a id="login" href="/login" class="btn-primary">Login</a>
+    <a href="/register" class="btn-outline-primary">Register</a>
+    <script>
+      document.getElementById("login").href += "?redirect=" + location.pathname;
+    </script>
+    <% } %>
+
+  </div>
+</div>
+<div class="menu">
+  <a href="/threads/create/" class="menu-item">Create Thread</a>
+  <a href="/categories" class="menu-item">Categories</a>
+  <a href="/threads" class="menu-item">Threads</a>
+  <a href="/users" class="menu-item">Users</a>
+  <a href="/search" class="menu-item">Search</a>
+  <script>
+    const menuItems = document.getElementsByClassName("menu-item");
+
+    for (let i = 0; i < menuItems.length; i++)
+      if (window.location.pathname.includes(menuItems[i].getAttribute("href"))) {
+        menuItems[i].classList.add("active-menu");
+        break;
+      }
+  </script>
+</div>

src/themes/default/views/messages.ejs

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title:"Message search!" }) %>
+
+
+<body style="text-align: center;">
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
+
+
+  <div id="messages">
+
+    <% messages.filter(Boolean).forEach(message=>{ %>
+
+    <div class="message" id="message-<%= message.id %>">
+      <div class="left">
+        <img src="<%= message.author.avatar %>" />
+        <div class="username"><a href="/users/<%=message.authorID %>"><%=message.author.name %></a></div>
+        <div class="date">
+          <%= new Date(message.time).toLocaleDateString() %>
+        </div>
+        <div class="date">
+          <%= new Date(message.time).toLocaleTimeString() %>
+        </div>
+      </div>
+      <div class="content"><%- message.content %></div>
+    </div>
+
+    <% }); %>
+  </div>
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
+
+</body>
+
+</html>

src/themes/default/views/register.ejs

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Register!" }) %>
+
+
+<body style="text-align: center;">
+
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
+
+
+  <h1 class="title">Register</h1>
+
+
+  <form class="login" action="/register" method="post">
+    <input type="email" name="email" placeholder="Email" class="input" required>
+    <input type="text" name="name" placeholder="Username" class="input" required>
+    <input type="password" name="password" placeholder="Password" class="input" required>
+    <textarea class="input" name="about" rows="4" placeholder="About you... You can use markdown"></textarea>
+    <input type="submit" class="btn-primary" style="width:100%;" value="Register">
+  </form>
+  <% if(discord) { %>
+    <a href="<%=discord%>" class="btn-outline-primary">Auth with discord</a>
+    <% } %>
+    <a href="/login" class="btn-outline-primary">Login</a>
+
+
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
+
+</body>
+
+</html>

src/themes/default/views/search.ejs

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Search page!" }) %>
+
+
+<body style="text-align: center;">
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
+
+
+  <h1 class="title">Search</h1>
+
+  <div class="search">
+    <form action="/search/users" method="GET">
+      <input type="text" class="input" name="q" placeholder="Search for users" />
+      <input type="submit" class="btn-primary" value="Search" />
+    </form>
+
+    <form action="/search/messages" method="GET">
+      <input type="text" class="input" name="q" placeholder="Search for messages" />
+      <input type="text" class="input" name="authorID" placeholder="(Not Required) Author id" />
+      <input type="submit" value="Search" class="btn-primary" />
+    </form>
+
+    <form action="/search/threads" method="GET">
+      <input type="text" class="input" name="q" placeholder="Search for threads" />
+      <input type="text" class="input" name="authorID" placeholder="(Not Required) Author id" />
+      <input type="submit" value="Search" class="btn-primary" />
+    </form>
+  </div>
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
+
+</body>
+
+</html>

src/themes/default/views/setup.ejs

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Setup the Akf-forum!" }) %>
+
+
+<body style="text-align: center;">
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
+
+
+  <h1 style="color: var(--main);">Setup</h1>
+  <h2 style="color: var(--second);">There is default settings for akf-forum, you not need to edit them, but you can! And, the first registered user will be admin.</h2>
+  <form class="search" method="POST">
+    Forum name:
+    <input class="input" type="text" name="forum_name" value="akf-forum" required>
+    Forum description:
+    <input class="input" type="text" name="description" value="Akf-forum!" required>
+    Default state for new threads, change with "APPROVAL" for approval system:
+    <input class="input" type="text" name="default_thread_state" value="OPEN" required>
+    Default state for new users, change with "APPROVAL" for approval system:
+    <input class="input" type="text" name="default_user_state" value="ACTIVE" required>
+    Domain of the forum, defaulty setted:
+    <input class="input" type="text" name="host" id="domain" value="Akf-forum!" required>
+   
+    <input type="submit" class="btn-primary" value="Setup">
+  </form>
+  <script>
+    document.getElementById("domain").value = location.origin;
+  </script>
+</body>
+
+</html>

src/themes/default_black/index.js

@@ -1,6 +0,0 @@
-module.exports = {
-    name: "Default Black",
-    codename: "default_black",
-    description: "A black theme over the default white theme. Edited by Akif9748, Created by Tokmak.",
-    author: "Akif9748 & Tokmak"
-}

src/themes/default_black/public/main.css

@@ -1,15 +0,0 @@
-/*
-akf-forum black theme config file
-*/
-:root {
-    --main: #ac8fff;
-    --btn-clr-1: #e8e8e8;
-    --menu-item: #ffffff;
-    --borders: #d9d9d9;
-    --input-clr: #dcdcdc;
-    --box-shadow: #c3c3c3;
-    --second: #9f9f9f;
-    --anti: #ebebeb;
-    --t-username: rgb(236 236 236);
-    background-color: #000000;
-}

src/themes/default_black/views/extra/footer.ejs

@@ -1 +0,0 @@
-<%- include(dataset.getFile("common/views/extra/footer")) %>

src/themes/default_black/views/extra/navbar.ejs

@@ -1 +0,0 @@
-<%- include(dataset.getFile("common/views/extra/navbar")) %>

src/themes/default_black/views/extra/usermenu.ejs

@@ -1 +0,0 @@
-<%- include(dataset.getFile("common/views/extra/usermenu")) %>

src/themes/default_white/public/main.css

@@ -1,15 +0,0 @@
-/* akf-forum default theme config file */
-
-:root {
-    --main: #4d18e6;
-    --btn-clr-1: #e8e8e8;
-    --menu-item: #ffffff;
-    --borders: #d9d9d9;
-    --input-clr: #414141;
-    --box-shadow: #c3c3c3;
-    --second: #747474;
-    --anti: #151515;
-    --t-username: #555;
-    --important: red;
-    background-color: #ffffff;
-}

src/themes/default_white/views/extra/footer.ejs

@@ -1 +0,0 @@
-<%- include(dataset.getFile("common/views/extra/footer")) %>

src/themes/default_white/views/extra/meta.ejs

@@ -1,9 +0,0 @@
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title><%= title || dataset.forum_name %></title>
-  <meta name="description" content="<%= dataset.description %>">
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
-  <link rel="stylesheet" href="/themes/default_white/main.css" />
-  <link rel="stylesheet" href="/themes/common/main.css" />
-</head>

src/themes/default_white/views/extra/navbar.ejs

@@ -1 +0,0 @@
-<%- include(dataset.getFile("common/views/extra/navbar")) %>

src/themes/default_white/views/extra/usermenu.ejs

@@ -1 +0,0 @@
-<%- include(dataset.getFile("common/views/extra/usermenu")) %>

util/admin.js

@@ -1,7 +1,7 @@
 const mongoose = require("mongoose");
 require("dotenv").config();
 
-mongoose.connect(process.env.MONGO_DB_URL, () => console.log("Database is connected"));
+mongoose.connect(process.env.MONGO_DB_URL);
 
 const { UserModel } = require("../src/models");
 (async () => {

util/reset.js

@@ -1,7 +1,7 @@
 const mongoose = require("mongoose");
 require("dotenv").config();
 
-mongoose.connect(process.env.MONGO_DB_URL, () => console.log("Database is connected"));
+mongoose.connect(process.env.MONGO_DB_URL);
 
 const Models = require("../src/models");