Commit 4b009cc9 authored by Rene Saarsoo's avatar Rene Saarsoo
Browse files

Checkbox below class tree to toggle private classes.

parent d4684575

template/app/view/cls/Tree.js

+34 −12
Original line number Diff line number Diff line
@@ -15,9 +15,29 @@ Ext.define('Docs.view.cls.Tree', { 
     */



    initComponent: function() {

        this.setLogic(Docs.view.cls.PackageLogic);

        this.setLogic(Docs.view.cls.PackageLogic, false);



        this.dockedItems = [{

        this.dockedItems = [

            {

                xtype: 'container',

                dock: 'bottom',

                layout: 'hbox',

                items: [

                    {width: 34},

                    {

                        xtype: 'checkbox',

                        boxLabel: 'Show private classes',

                        cls: 'cls-private-cb',

                        listeners: {

                            change: function(cb, checked) {

                                this.setLogic(this.logic, checked);

                            },

                            scope: this

                        }

                    }

                ]

            },

            {

                xtype: 'container',

                dock: 'bottom',

                cls: 'cls-grouping',
@@ -25,13 +45,15 @@ Ext.define('Docs.view.cls.Tree', { 
                    '<button class="by-package selected">By Package</button>',

                    '<button class="by-inheritance">By Inheritance</button>'

                ].join('')

        }];

            }

        ];



        this.callParent();

    },



    setLogic: function(logic) {

        var tree = new logic({classes: this.data, showPrivateClasses: true});

    setLogic: function(logic, showPrivate) {

        this.logic = logic;

        var tree = new logic({classes: this.data, showPrivateClasses: showPrivate});

        if (this.root) {

            // remember the current selection

            var selected = this.getSelectionModel().getLastSelected();

template/resources/sass/_trees.scss

+11 −3
Original line number Diff line number Diff line
@@ -75,6 +75,16 @@ 
  border: solid #bbb;

  border-width: 0 1px 0 0; }





// Shared font styles for both buttons and private classes checkbox

.cls-grouping button, .cls-private-cb {

  font-size: 11px;

  color: #4d4d4d;

  font-weight: bold;

  // Somewhere inside checkbox CSS font-smoothing is turned on,

  // so for consistency we use it for buttons too.

  -webkit-font-smoothing: antialiased; }



// Buttons for choosing class tree grouping:

//   By Package <-> By Inheritance

.cls-grouping {
@@ -82,9 +92,6 @@ 
  text-align: center;

  button {

    display: inline-block;

    color: #4d4d4d;

    font-size: 11px;

    font-weight: bold;

    float: left;

    margin: 0 3px;

    padding: 1px 13px 2px 13px;
@@ -99,3 +106,4 @@ 
      box-shadow: inset #5b6167 0 0 1px;

      @include border-radius(10px);

      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35); } } }