From e1418dd1a1236c142c2ed5d8329fca79efd9eacc Mon Sep 17 00:00:00 2001
From: Ro <ro@playvicio.us>
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%