ArmoredDragon
/
yet-another-blog
mirror of https://github.com/Armored-Dragon/yet-another-blog
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Post visibility flairs 

Signed-off-by: Armored Dragon <publicmail@armoreddragon.com>
pull/1/head
Armored Dragon 2024-04-24 08:29:28 -05:00
parent c1c5e5ca1d
commit 64c49dca11
Signed by: ArmoredDragon
GPG Key ID: C7207ACC3382AD8B
4 changed files with 84 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
backend/page_scripts.js
View File

@ -9,7 +9,6 @@ async function getDefaults(req) {
let user;
if (req.session.user) user = await core.getUser({ user_id: req.session.user.id });
if (user?.success) user = user.data;
console.log(user);
return { logged_in_user: user, website_name: core.settings.WEBSITE_NAME || "Yet-Another-Blog", settings: core.settings };
}
async function index(request, response) {

34
frontend/views/themes/default/css/generic.css
View File

@ -203,6 +203,40 @@ body {
box-sizing: border-box;
}
.info .info-blip.visibility-flag {
margin-left: auto;
font-size: 0.9rem;
display: flex;
padding: 0 0.5rem;
border-radius: 5px;
border: 2px solid;
}
.info .info-blip.visibility-flag span {
margin: auto;
color: black;
}
.info .visibility-flag.published {
border-color: #21b525;
background-color: #a0ffa0;
}
.info .visibility-flag.unlisted {
border-color: #bec10f;
background-color: #e8ffa0;
}
.info .visibility-flag.private {
border-color: #c10f0f;
background-color: #ffd7d7;
}
.info .visibility-flag.draft {
border-color: black;
background-color: rgba(0, 0, 0, 0.0588235294);
}
.info .visibility-flag.scheduled {
border-color: #0f77c1;
background-color: #d7e9ff;
margin-left: inherit;
}
@media screen and (max-width: 1280px) {
.page-center {
width: 95%;

40
frontend/views/themes/default/css/generic.scss
View File

@ -217,7 +217,47 @@ body {
box-sizing: border-box;
}
}
.info {
.info-blip.visibility-flag {
margin-left: auto;
font-size: 0.9rem;
display: flex;
padding: 0 0.5rem;
border-radius: 5px;
border: 2px solid;
span {
margin: auto;
color: black;
}
}
.visibility-flag.published {
border-color: #21b525;
background-color: #a0ffa0;
}
.visibility-flag.unlisted {
border-color: #bec10f;
background-color: #e8ffa0;
}
.visibility-flag.private {
border-color: #c10f0f;
background-color: #ffd7d7;
}
.visibility-flag.draft {
border-color: black;
background-color: #0000000f;
}
.visibility-flag.scheduled {
border-color: #0f77c1;
background-color: #d7e9ff;
margin-left: inherit;
}
}
@media screen and (max-width: 1280px) {
.page-center {
width: 95%;

11
frontend/views/themes/default/ejs/partials/post.ejs
View File

@ -4,8 +4,17 @@
<div class="description"><%= post.description %></div>
<div class="badges">
<div class="info">
<div class="info-blip icon publish-date"><%= post.publish_date ? post.publish_date.toLocaleString('en-US', { dateStyle:'medium'}) : "Null" %></div>
<div class="info-blip icon publish-date"><%= post.publish_date ? post.publish_date.toLocaleString('en-US', { dateStyle:'medium'}) : "Unknown Publish Date" %></div>
<div class="info-blip icon reading-time">Null minute read</div>
<% if (logged_in_user) { %>
<!-- -->
<div class="info-blip visibility-flag <%= post.visibility.toLowerCase() %>"><span><%= post.visibility %></span></div>
<!-- -->
<% if (new Date(post.publish_date) > new Date() && post.visibility !== 'PRIVATE') {%>
<div class="info-blip visibility-flag scheduled"><span>Scheduled</span></div>
<% } %>
<!-- -->
<% } %>
</div>
</div>
</div>