Commit c13702f7 authored by Rene Saarsoo's avatar Rene Saarsoo
Browse files

Make expand/collapse of members work. 

In addition to expandable class, added not-expandable class for
links that should do nothing when clicked.
parent 725f55d4

template/js/OverviewPanel.js

+10 −3
Original line number Diff line number Diff line
@@ -29,19 +29,25 @@ Ext.define('Docs.OverviewPanel', { 


    listeners: {

        afterrender: function(cmp) {

            // Expand member when clicked

            cmp.el.addListener('click', function(cmp, el) {

                Ext.get(Ext.get(el).up('.member')).toggleCls('open');

            }, this, {

                preventDefault: true,

                delegate: '.expand'

                delegate: '.expandable'

            });

            // Do nothing when clicking on not-expandable items

            cmp.el.addListener('click', Ext.emptyFn, this, {

                preventDefault: true,

                delegate: '.not-expandable'

            });



            cmp.el.addListener('click', function(cmp, el) {

                getDocClass(el.rel);

            }, this, {

                preventDefault: true,

                delegate: '.docClass'

            });

            prettyPrint();

        }

    },
@@ -72,6 +78,7 @@ Ext.define('Docs.OverviewPanel', { 
      this.addDocked(this.toolbar);



      this.update(this.renderClass(docClass));

      prettyPrint();

    },



    renderClass: function(cls) {
@@ -157,7 +164,7 @@ Ext.define('Docs.OverviewPanel', { 
            // use classname "first-child" when it's first member in its category

            firstChild: (index === 0) ? "first-child" : "",

            // use classname "expandable" when member has shortened description

            expandable: member.shortDoc ? "expandable" : ""

            expandable: member.shortDoc ? "expandable" : "not-expandable"

        }, member));

    }

});

template/resources/sass/style.scss

+1 −1
Original line number Diff line number Diff line
@@ -646,7 +646,7 @@ pre, code, kbd, samp, tt { 
          color: rgba(128, 128, 128, 1);

          -webkit-transition: color 0.2s linear; } }

      &.open {

        a.expandable {

        a.side.expandable {

          @include horizontal-gradient(#ebf3fe, #d9e8fc);

          span {

            background: url(../images/member-expanded.gif) no-repeat 1px 2px; } }