page-manager.html

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../node-manager/node-manager.html">
<link rel="import" href="../paper-dropdown-menu/paper-dropdown-menu.html">
<link rel="import" href="../paper-listbox/paper-listbox.html">
<link rel="import" href="../paper-item/paper-item.html">
<link rel="import" href="../paper-button/paper-button.html">
<link rel="import" href="../polymerfire/firebase-document.html">

<dom-module id="page-manager">
    <template>
        <style type="text/css">
            :host {
                display: none;
            }
            :host([active]){
                display: block;
                margin: 0 auto;
                width: 80%;
            }
            .center: {
                text-align: center;
            }
        </style>
        <firebase-document
            path="/locales"
            data="{{locales}}">
        </firebase-document>
        <div class="center">
            <paper-dropdown-menu label="Locale">
                <paper-listbox class="dropdown-content">
                    <template is="dom-repeat" items="[[locales]]">
                        <paper-item>{{item}}</paper-item>
                    </template>
                </paper-listbox>
            </paper-dropdown-menu>
            <paper-button on-click="_updateFBNode">Get Page List</paper-button>
        </div>
        <node-manager fbnode$="{{fbnode}}" route="{{route}}" is-approvals-page$="[[isApprovalsPage]]"></node-manager>
    </template>
    <script>
        Polymer({
            is: 'page-manager',

            properties: {
                isApprovalsPage: {
                    type: Boolean,
                    value: false,
                    notify: true,
                    reflectToAttribute: true
                }
            },

            _updateFBNode: function() {
                var approvalsPage = '';

                if(this.isApprovalsPage) {
                    approvalsPage = 'approvals/'
                }

                this.fbnode = approvalsPage + 'pages/' + this.$$('paper-dropdown-menu').selectedItemLabel;
            }
        });
    </script>
</dom-module>