diff options
Diffstat (limited to 'static/ejs')
| -rw-r--r-- | static/ejs/pages/home.ejs | 81 | ||||
| -rw-r--r-- | static/ejs/pages/me.ejs | 88 | ||||
| -rw-r--r-- | static/ejs/partials/bar.ejs | 7 | ||||
| -rw-r--r-- | static/ejs/partials/meta.ejs | 1 |
4 files changed, 177 insertions, 0 deletions
diff --git a/static/ejs/pages/home.ejs b/static/ejs/pages/home.ejs new file mode 100644 index 0000000..340c563 --- /dev/null +++ b/static/ejs/pages/home.ejs @@ -0,0 +1,81 @@ +<!-- + Copyright 2022 NotDankEnough (ilotterytea) + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. +--> + +<!DOCTYPE html> +<html> + <head> + <title>Picbin</title> + <%- include("../partials/meta") %> + + </head> + <body> + <nav> + <% if (!user) {%> + <a href="https://id.twitch.tv/oauth2/authorize?response_type=code&redirect_uri=<%= uri %>&client_id=<%= cid %>" class="button twitch"> + <span class="fa-brands fa-twitch" style="margin-right:8px;"></span> + <p>Log in with Twitch</p> + </a> + <% } else { %> + <a href="/me" class="button twitch"> + <img src="<%= user.pic %>"> + <p><%= user.name %></p> + </a> + <button onclick="logout()" class="button twitch"> + <span class="fa-solid fa-arrow-right-from-bracket"></span> + </button> + <% } %> + + <a href="https://github.com/notdankenough/picbin" class="button twitch"> + <span class="fa-brands fa-github"></span> + </a> + </nav> + <div class="container"> + <div class="wrapper"> + <section id="brand"> + <div id="logo"> + <img src="../img/favicon.png"> + </div> + <div id="summary"> + <p id="name"><span style="font-weight:800;font-family:'Manrope', sans-serif;">Pic</span>ture<span style="font-weight:800;font-family:'Manrope',sans-serif;">Bin</span></p> + </div> + </section> + <section id="form"> + <form action="/upload" method="post" id="uploadform"> + <label>Select file to upload:</label><br> + <input accept="image/*" type="file" name="file" id="file"> + <button type="submit" id="submit" class="button">Upload!</button> + </form> + </section> + </div> + </div> + </body> + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> + <script src="https://malsup.github.io/jquery.form.js"></script> + <script type="text/javascript"> + function logout() { + document.cookie = "id=;Max-Age=-999999"; + document.cookie = "key=;Max-Age=-999999"; + window.location.reload(); + } + + $("#uploadform").ajaxForm({ + dataType: "text", + success: (response) => { + window.location.replace(response.split('/')[response.split('/').length - 1]); + } + }); + </script> +</html>
\ No newline at end of file diff --git a/static/ejs/pages/me.ejs b/static/ejs/pages/me.ejs new file mode 100644 index 0000000..0c69ef5 --- /dev/null +++ b/static/ejs/pages/me.ejs @@ -0,0 +1,88 @@ +<!-- + Copyright 2022 NotDankEnough (ilotterytea) + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. +--> + +<!DOCTYPE html> +<html> + <head> + <title><%= user.name %> - Image Hoster</title> + <%- include("../partials/meta") %> + </head> + <body> + <div class="container"> + <div class="wrapper"> + <section class="infoblock"> + <a href="/" class="button">Go back...</a> + </section> + <section class="infoblock"> + <div class="user_summary"> + <div class="pfp"> + <img src="<%= user.pic %>"> + </div> + <div class="summary"> + <h2 id="name"><%= user.name%> (<%= user.alias_id %>)</h2> + <p id="desc"><%= user.desc %></p> + </div> + </div> + <div class="action_buttons"> + + </div> + </section> + <section class="infoblock" id="authk"> + <h2 id="name"> + <span class="fa-solid fa-key"></span> Authentication Key + </h2> + <p>An authentication key is required if you want to upload images under your account <soontm>and be able to delete them.</soontm></p> + <div class="action_buttons"> + <button value="<%= authKey %>" id="authkey" class="button" onclick="copyAuthkey()">Copy to Clipboard</button> + </div> + </section> + <section class="infoblock"> + <h2 id="name"> + Files (<%= images.length %>) + </h2> + <div class="items"> + <% images.forEach((image, index) => { %> + <div class="item"> + <div id="info"> + <div id="numeration"> + <p><%= index + 1 %></p> + </div> + <div id="thumbnail"> + <img src="../images/<%= image.storage_id %>"> + </div> + <div id="summary"> + <!--<p id="desc"><% if (!image.description) {%> No description provided. <% } else { %> <%= image.description %> <%}%></p>--> + <p id="timestamp" title="Timestamp"><span class="fa-solid fa-stamp"></span> <%= image.timestamp %></p> + </div> + <div id="actions"> + <a href="/<%= image.id %>" class="button">View</a> + </div> + </div> + </div> + <%})%> + </div> + </section> + </div> + </div> + </body> + <script> + function copyAuthkey() { + var text = document.getElementById("authkey"); + navigator.clipboard.writeText(text.value); + alert("Copied the authentication key!"); + } + </script> +</html>
\ No newline at end of file diff --git a/static/ejs/partials/bar.ejs b/static/ejs/partials/bar.ejs new file mode 100644 index 0000000..550d9e2 --- /dev/null +++ b/static/ejs/partials/bar.ejs @@ -0,0 +1,7 @@ +<nav> + <div class="content"> + <a href="#"> + API + </a> + </div> +</nav>
\ No newline at end of file diff --git a/static/ejs/partials/meta.ejs b/static/ejs/partials/meta.ejs new file mode 100644 index 0000000..38aa1df --- /dev/null +++ b/static/ejs/partials/meta.ejs @@ -0,0 +1 @@ +<link rel="stylesheet" href="../css/style.css">
\ No newline at end of file |