sails-hook-adminpanel/assets/polymer/menu-collapse/menu-collapse.html

Implements the basic admin panel for Sails

<dom-module id="menu-collapse">
    <style>
        paper-item {
            background-color: #f3f3f3;
        }
    </style>

    <template>
        <paper-item on-click="toggle">
            <iron-icon icon="{{icon}}" item-icon></iron-icon>
            <content select="header, .header"></content>
        </paper-item>
        <iron-collapse id="collapse">
            <div>
                <content select=":not(header):not(.header)"></content>
            </div>
        </iron-collapse>
    </template>

    <script>
        Polymer({
            is: 'menu-collapse',

            properties: {
                icon: {
                    type: String,
                    value: 'expand-more'
                }
            },
            toggle: function() {
                this.$.collapse.toggle();
                this.icon = this.$.collapse.opened && 'expand-less' || 'expand-more';
            }
        });
    </script>
</dom-module>