From e1418dd1a1236c142c2ed5d8329fca79efd9eacc Mon Sep 17 00:00:00 2001 From: Ro Date: Wed, 24 Jun 2020 19:32:19 -0700 Subject: [PATCH] added option labels to dash recent items --- brain/views/partials/front.pug | 9 ++++++++- src/libraries/FipamoAPI.js | 1 + src/styles/main/_index.styl | 26 +++++++++++++++++++++++--- 3 files changed, 32 insertions(+), 4 deletions(-) diff --git a/brain/views/partials/front.pug b/brain/views/partials/front.pug index 72ecf52..e5b8ce7 100644 --- a/brain/views/partials/front.pug +++ b/brain/views/partials/front.pug @@ -15,6 +15,13 @@ - for ( index; index < pages.length; index++) a.post-link(href="/@/dashboard/page/edit/"+pages[index].page.metadata.uuid id=pages[index].page.metadata.uuid style="background:url("+pages[index].page.metadata.feature+") no-repeat center center / cover") div - label= pages[index].page.metadata.title span= pages[index].date + label= pages[index].page.metadata.title + #options + - var menu = String(pages[index].page.metadata.menu) + - var published = String(pages[index].page.metadata.published) + - var featured = String(pages[index].page.metadata.featured) + span.item-options(data-active=menu) MENU ITEM + span.item-options(data-active=published) PUBLISHED + span.item-options(data-active=featured) FEATURED diff --git a/src/libraries/FipamoAPI.js b/src/libraries/FipamoAPI.js index 33eb93d..74bee86 100644 --- a/src/libraries/FipamoAPI.js +++ b/src/libraries/FipamoAPI.js @@ -38,6 +38,7 @@ export default class APIUtils { //-------------------------- // methods //-------------------------- + //TODO: Make 'private' class request( requestURL, eventType, diff --git a/src/styles/main/_index.styl b/src/styles/main/_index.styl index f1c9cd8..f4172b9 100644 --- a/src/styles/main/_index.styl +++ b/src/styles/main/_index.styl @@ -122,23 +122,25 @@ position relative label - font-size 0.7em + font-size 1.2em font-weight 700 color $primary - 60% padding 5px vertical-align top display inline-block word-wrap break-word - width 60% + width 100% + text-align center span - float right vertical-align top + width 100% display inline-block font-family $monoType font-size 0.5em padding 7px color $primary - 60% + text-align: center div width 100% @@ -146,6 +148,24 @@ position absolute bottom 0 border-radius 0 0 3px 3px + #options + display inline-block + vertical-align: top + width: 100% + position relative + text-align: center + .item-options[data-active='false'] + width 65px + background $primary - 60% + color $white + border-radius 3px + margin 5px + .item-options[data-active='true'] + width 70px + background $tertiary + 50% + color $primary - 60% + border-radius 3px + margin 5px a:nth-child(3) width 100%