From 7091f75c5cf685b79309e75fb319f86204ccd938 Mon Sep 17 00:00:00 2001
From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Wed, 17 Apr 2019 13:20:25 -0400
Subject: [PATCH] organizing categories for the shortcode builder by the parent
 child and styling them so they are discernible

---
 models/admin/pages/shortcode.php | 12 +++++++++++-
 views/admin/pages/shortcode.html | 19 ++++++++++++++++++-
 2 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/models/admin/pages/shortcode.php b/models/admin/pages/shortcode.php
index 675c1053..746be424 100644
--- a/models/admin/pages/shortcode.php
+++ b/models/admin/pages/shortcode.php
@@ -149,7 +149,17 @@ class GlmMembersAdmin_pages_shortcode
         $detailAttr = $this->config['addOns']['glm-member-db']['shortcodes']['glm-member-detail']['attributes'];
         $featuredAttr = $this->config['addOns']['glm-member-db']['shortcodes']['glm-member-featured']['attributes'];
         $glmcat     = new GlmDataCategories( $this->wpdb, $this->config );
-        $categories = $glmcat->getList('', 'T.name');
+        // $categories = $glmcat->getList('', 'T.name');
+        $cats = $glmcat->getListSortedParentChild();
+        $categories = [];
+        foreach($cats as $cat){
+            if( !$cat['parent']['value'] ){
+                $cat['class'] = "glma-category-parent";
+            }else{
+                $cat['class'] = "glma-category-child";
+            }
+            $categories[$cat['id']] = $cat;
+        }
 
         // get the each addOn slugs to pass to the config array later
         $addOns = $this->config['addOns'];
diff --git a/views/admin/pages/shortcode.html b/views/admin/pages/shortcode.html
index 22761005..f6028457 100644
--- a/views/admin/pages/shortcode.html
+++ b/views/admin/pages/shortcode.html
@@ -9,7 +9,12 @@
         <select id="shortcode-categories" class="shortcode-selection" data-type="categories">
             <option disabled selected> Select Category </option>
             {foreach $categories as $key => $value}
-                <option data-type="categories" value="{$key}">{$value.name}</option>
+                <option class="{$value.class}" data-type="categories" value="{$key}">
+                    {if $value.class == 'glma-category-child'}
+                        &nbsp;&nbsp;&nbsp;
+                    {/if}
+                    {$value.name}
+                </option>
             {/foreach}
         </select>
         <select id="shortcode-blankstart" class="shortcode-selection" data-type="blankstart">
@@ -60,3 +65,15 @@
 </div>
 
 
+<style>
+    .glma-category-parent{
+        font-weight: bold;
+    }
+    .glma-category-child{
+        font-style:italic;
+        padding-left: 10px;
+    }
+    .glma-category-child::before{
+        content: "-";
+    }
+</style>
\ No newline at end of file
-- 
2.17.1