yet-another-blog/frontend/views/themes/default/ejs/postNew.ejs

80 lines
3.0 KiB
Plaintext

<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="/css/newPost.css" />
<link rel="stylesheet" type="text/css" href="/css/generic.css" />
<script src="/js/generic.js"></script>
<title>Yet-Another-Blog</title>
</head>
<body>
<%- include("partials/header.ejs") %>
<div class="page">
<div class="page-center">
<div class="page-title">New Post</div>
<div class="info-container">
<div class="title">Title</div>
<input id="post-title" value="<%= existing_blog.title %>" type="text" />
</div>
<div class="info-container">
<div class="title">Description</div>
<textarea id="post-description"><%= existing_blog.description %></textarea>
</div>
<div class="info-container">
<div class="title">Tags</div>
<input id="post-tags" type="text" value="<%= existing_blog.tags %>" />
</div>
<div class="separator"></div>
<div class="info-container">
<div class="title">Content</div>
<div class="rich-text-editor">
<div class="controls">
<div class="left">
<a id="insert-h1"><span>H1</span></a>
<a id="insert-h2"><span>H2</span></a>
<a id="insert-h3"><span>H3</span></a>
<a id="insert-h4"><span>H4</span></a>
<a id="insert-underline">
<span><u>U</u></span>
</a>
<a id="insert-italics">
<span><i>i</i></span>
</a>
<a id="insert-bold">
<span><strong>B</strong></span>
</a>
<a id="insert-strike">
<span><del>S</del></span>
</a>
<a id="insert-sup">
<span><sup>Sup</sup></span>
</a>
</div>
<div class="right">
<a id="insert-sidebyside"><img src="/img/textarea/sidebyside.svg" /></a>
<a id="insert-video"><img src="/img/textarea/video.svg" /></a>
</div>
</div>
<textarea id="post-content"><%= existing_blog.raw_content %></textarea>
</div>
</div>
<div class="info-container">
<div class="title">Post Date</div>
<div class="side-by-side-info">
<input id="date" type="date" value="<%= existing_blog.publish_date %>" />
<input id="time" type="time" value="<%= existing_blog.publish_time %>" />
</div>
</div>
<div class="info-container">
<div class="side-by-side-info">
<button class="button caution">Unlisted</button>
<button onclick="publish()" class="button">Publish</button>
</div>
</div>
</div>
</div>
<%- include("partials/footer.ejs") %>
</body>
</html>
<script defer src="/js/newPost.js"></script>