Post visibility flairs
Signed-off-by: Armored Dragon <publicmail@armoreddragon.com>pull/1/head
parent
c1c5e5ca1d
commit
64c49dca11
|
@ -9,7 +9,6 @@ async function getDefaults(req) {
|
||||||
let user;
|
let user;
|
||||||
if (req.session.user) user = await core.getUser({ user_id: req.session.user.id });
|
if (req.session.user) user = await core.getUser({ user_id: req.session.user.id });
|
||||||
if (user?.success) user = user.data;
|
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 };
|
return { logged_in_user: user, website_name: core.settings.WEBSITE_NAME || "Yet-Another-Blog", settings: core.settings };
|
||||||
}
|
}
|
||||||
async function index(request, response) {
|
async function index(request, response) {
|
||||||
|
|
|
@ -203,6 +203,40 @@ body {
|
||||||
box-sizing: border-box;
|
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) {
|
@media screen and (max-width: 1280px) {
|
||||||
.page-center {
|
.page-center {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
|
|
|
@ -217,7 +217,47 @@ body {
|
||||||
box-sizing: border-box;
|
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) {
|
@media screen and (max-width: 1280px) {
|
||||||
.page-center {
|
.page-center {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
|
|
|
@ -4,8 +4,17 @@
|
||||||
<div class="description"><%= post.description %></div>
|
<div class="description"><%= post.description %></div>
|
||||||
<div class="badges">
|
<div class="badges">
|
||||||
<div class="info">
|
<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>
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue