Issues-487:Home page redesign

Author: atelomycterus

vanilla/applications/vanilla/controllers/class.categoriescontroller.php

@@ -150,12 +150,21 @@ private function getCategoryTree($category = null, $displayAs = null, $recent =
             case 'Default':
             case 'Nested':
             default:
-            $categoryTree = $this->CategoryModel
-                    ->setJoinUserCategory(true)
-                    ->getChildTree(
-                        $categoryIdentifier ?: null,
-                        ['depth' => CategoryModel::instance()->getMaxDisplayDepth() ?: 10]
-                    );
+                // FIX: https://github.com/topcoder-platform/forums/issues/487
+                if( $categoryIdentifier != -1 && $categoryIdentifier != null) {
+                    $categoryTree = $this->CategoryModel
+                        ->setJoinUserCategory(true)
+                        ->getChildTree(
+                            $categoryIdentifier,
+                            ['depth' => CategoryModel::instance()->getMaxDisplayDepth() ?: 10]
+                        );
+                } else {
+                    $categoryTree =  $this->CategoryModel
+                        ->setJoinUserCategory(true)
+                        ->getChildTree(-1,  ['maxdepth' => 3,
+                            'collapsecategories' => false,
+                            'permission' => 'PermsDiscussionsView']);
+                }
         }
 
         if ($recent) {
@@ -293,6 +302,9 @@ public function index($categoryIdentifier = '', $page = '0') {
         $this->setData('CategorySort', $sort);
 
         if ($categoryIdentifier == '') {
+            // Add jquery-accordion ui
+            $this->addJsFile('jquery-ui-1.10.0.custom.min.js');
+            $this->addJsFile('home.js');
             $this->fireEvent('EnableFollowingFilter', [
                 'CategoryIdentifier' => $categoryIdentifier,
                 'EnableFollowingFilter' => &$this->enableFollowingFilter

vanilla/applications/vanilla/controllers/class.discussioncontroller.php

@@ -125,7 +125,10 @@ public function index($DiscussionID = '', $DiscussionStub = '', $Page = '') {
             Gdn_Theme::section($CategoryCssClass);
         }
 
-        $this->setData('Breadcrumbs', $this->buildBreadcrumbs($this->CategoryID));
+        $ancestors = $this->buildBreadcrumbs($this->CategoryID);
+        array_push($ancestors, ['Name' => $this->Discussion->Name]);
+
+        $this->setData('Breadcrumbs', $ancestors);
 
         // Setup
         $this->title($this->Discussion->Name);

vanilla/applications/vanilla/controllers/class.vanillacontroller.php

@@ -102,7 +102,6 @@ protected function buildBreadcrumbs($CategoryID) {
                 }
             }
 
-            array_unshift($ancestors, self::ROOT_CATEGORY);
             return $ancestors;
         }
     }

vanilla/applications/vanilla/js/home.js

@@ -0,0 +1,8 @@
+jQuery(document).ready(function($) {
+  $(".CategoryAccordion").accordion({ header: ".CategoryAccordionHeader",
+    animate:false,
+    collapsible: true,
+    active: 0,  heightStyle: "content" ,
+    icons: { "header": "icon icon-chevron-down", "activeHeader": "icon icon-chevron-up" }});
+
+ });

vanilla/applications/vanilla/views/categories/all.php

@@ -19,4 +19,8 @@
 }
 echo '</div>';
 $categories = $this->data('CategoryTree');
-writeCategoryList($categories, 1);
+if(!is_null($this->Category)) {
+    writeCategoryList($categories, 1);
+} else {
+    writeCategoryAccordion($categories, 1);
+}

vanilla/applications/vanilla/views/categories/helper_functions.php

@@ -363,6 +363,68 @@ function writeTableRow($row, $depth = 1) {
     }
 endif;
 
+if (!function_exists('writeCategoryAccordion')):
+    /**
+     * Renders a category list (modern view).
+     *
+     * @param $categories
+     * @param int $depth
+     */
+    function writeCategoryAccordion($categories, $depth = 1) {
+        if (empty($categories)) {
+            echo '<div class="Empty">'.t('No categories were found.').'</div>';
+            return;
+        }
+
+        ?>
+        <div class="DataListWrap DataAccordionWrap">
+            <div id="CategoryAccordion" class="CategoryAccordion">
+                <?php
+                foreach ($categories as $category) {
+                    writeAccordionItem($category, $depth);
+                }
+                ?>
+            </div>
+        </div>
+        <?php
+    }
+endif;
+
+if (!function_exists('writeAccordionItem')):
+    /**
+     * Renders a accordion item in a category list (modern view).
+     *
+     * @param $category
+     * @param $depth
+     * @throws Exception
+     */
+    function writeAccordionItem($category, $depth) {
+        $urlcode = $category['UrlCode'];
+        // FIX: https://github.com/topcoder-platform/forums/issues/477: Don't show 'Challenge Forums'
+        if($urlcode == VanillaController::CHALLENGE_FORUMS_URLCODE) {
+            return;
+        }
+        $children = val('Children',$category);
+        $categoryID = val('CategoryID', $category);
+        $cssClass = cssClass($category, true);
+?>
+        <div id="Category_<?php echo $categoryID; ?>" class="CategoryAccordionItem">
+            <div class="<?php echo $cssClass; ?> CategoryAccordionHeader">
+                <a class="toggle" href="javascript:void(0);"><?php echo Gdn_Format::text(val('Name', $category)); ?></a>
+            </div>
+            <ul id="Category_<?php echo $categoryID; ?>_child" class="DataList CategoryList CategoryAccordionCollapse">
+               <?php
+                 foreach ($children as $child) {
+                    writeListItem($child, $depth + 1);
+                 }
+                ?>
+            </ul>
+        </div>
+
+<?php
+    }
+endif;
+
 if (!function_exists('writeCategoryList')):
     /**
      * Renders a category list (modern view).