Sidemenu styling and addition for members only

diff --git a/css/app.css b/css/app.css
index 1128b41..e58506b 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7580,6 +7580,22 @@ body #glm-member-detail-container #glm-locationMap-container {
   margin: 0; }
 body #glm-member-detail-container #MemberDrivingDirectionSubmit {
   background-color: #ecb42f; }
+body .members-only-template #side-links {
+  background-color: #690433;
+  border: 1px solid #ffc742;
+  border-radius: 5px;
+  color: #ffc742;
+  list-style: outside none none;
+  padding: 20px; }
+body .members-only-template #side-links h2 {
+  color: #ffc742; }
+body .members-only-template #side-links li a {
+  color: #fdc540; }
+body .members-only-template #side-links li a:hover {
+  color: #ffc742;
+  border-bottom: 1px solid #ecb42f; }
+body #glm-member-front-header .glm-button.button {
+  background-color: #fdc540; }
 
 #front {
   padding: 20px; }

diff --git a/functions.php b/functions.php
index 8b4d80b..7467c8a 100644 (file)
--- a/functions.php
+++ b/functions.php
@@ -42,6 +42,7 @@ function glm_get_menu_options()
 
 register_nav_menus(array(
   'top-bar' => 'Site Navigation',
+  'members-side-menu' => 'Members Side Menu',
   //'mobile-off-canvas' => 'Mobile',
   'footer' => 'Footer'
 ));
@@ -188,6 +189,27 @@ class Mountpleasantcvb_Offcanvas_Walker extends Walker_Nav_Menu {
 
 }
 endif;
+
+if ( ! function_exists( 'mountpleasantcvb_members_side_menu' ) ) {
+  function mountpleasantcvb_members_side_menu() {
+      wp_nav_menu(array(
+          'container' => false,                           // remove nav container
+          'container_class' => '',                        // class of container
+          'menu' => '',                                   // menu name
+          'menu_class' => 'members-side-menu',              // adding custom nav class
+          'theme_location' => 'members-side-menu',        // where it's located in the theme
+          'before' => '',                                 // before each link <a>
+          'after' => '',                                  // after each link </a>
+          'link_before' => '',                            // before each link text
+          'link_after' => '',                             // after each link text
+          'depth' => 5,                                   // limit the depth of the nav
+          'fallback_cb' => false,                         // fallback function (see below)
+          'items_wrap' => '%3$s',
+          'walker' => new Mountpleasantcvb_Offcanvas_Walker()
+      ));
+      echo '</ul>';
+  }
+}
 /**
  * glm_page_menu
  *

diff --git a/glm-members-only-template.php b/glm-members-only-template.php
index 7980bb8..d11c74e 100644 (file)
--- a/glm-members-only-template.php
+++ b/glm-members-only-template.php
@@ -4,7 +4,7 @@ Template Name: GLM Members Only Template
 */
 ?>
 <?php get_header(); ?>
-<main class="page-inside">
+<main class="page-inside members-only-template">
     <div id="head-img">
         <?php echo glm_get_background(); ?>
     </div>
@@ -19,13 +19,16 @@ Template Name: GLM Members Only Template
     </div>
 
     <div id="content-wrapper">
-        <div class="row">
+<!--        <div class="row">
             <?php
-            get_template_part('parts/bread-crumbs');
+//            get_template_part('parts/bread-crumbs');
             ?>
-        </div>
+        </div>-->
         <div class="row">
-            <div id="main-content" class="small-12 columns">
+            <div id="side-links" class="show-for-large-up left medium-4 columns">
+                <?php get_template_part('parts/members-sidebar');?>
+            </div>
+            <div id="main-content" class="small-8 columns">
                 <?php if (current_user_can("glm_members_member")) { ?>
                     <!-- If user is logged in as a member, display top bar, bread crumbs, & content -->
                     <?php get_template_part('parts/glm-members-only-top-bar'); ?>

diff --git a/parts/members-sidebar.php b/parts/members-sidebar.php
new file mode 100644 (file)
index 0000000..4b56112
--- /dev/null
+++ b/parts/members-sidebar.php
@@ -0,0 +1,7 @@
+<div id="menu-side" class="row collapse">
+    <?php if (is_in_tree(get_option("glm_members_database_option_members_only_id"))) { ?>
+        <h2> Members Only Area </h2>
+    <?php } ?>
+    <?php // glm_side_menu(); ?>
+    <?php mountpleasantcvb_members_side_menu(); ?>
+</div>
\ No newline at end of file

diff --git a/scss/_settings.scss b/scss/_settings.scss
index cfc2eac..9ebfa5f 100644 (file)
--- a/scss/_settings.scss
+++ b/scss/_settings.scss
@@ -123,6 +123,7 @@ $l-blue      : #0093d1;
 $blue        : #1479b0;
 $maroon      : #690433;
 $gold        : #ffc742;
+$m-gold      : #fdc540;
 $d-gold      : #ecb42f;
 $grey        : #939598;
 

diff --git a/scss/plugins/_glm-member-db.scss b/scss/plugins/_glm-member-db.scss
index fcefb81..e1ac904 100644 (file)
--- a/scss/plugins/_glm-member-db.scss
+++ b/scss/plugins/_glm-member-db.scss
@@ -125,5 +125,27 @@ body {
         background-color: $d-gold;
     }
 }
-
+.members-only-template {
+    #side-links {
+        background-color: $maroon;
+        border: 1px solid $gold;
+        border-radius: 5px;
+        color: $gold;
+        list-style: outside none none;
+        padding: 20px;
+    }
+    #side-links h2 {
+        color: $gold;
+    }
+    #side-links li a {
+        color: $m-gold;
+    }
+    #side-links li a:hover {
+        color: $gold;
+        border-bottom: 1px solid $d-gold;
+    }
+}
+#glm-member-front-header .glm-button.button {
+    background-color: $m-gold;
+}
 } // End of global body tag to overwrite existing member db styles
\ No newline at end of file