themeManagement:
    kind: panel
    name: themeManagement
    id: theme-management-panel
    label: Theme Management
    footer: false
    contents:
        themeStyle:
            tag: style
            content: |
                input.theme-uploader { width:244px; display: inline !important; }
                body #theme-management-panel div.element-wrapper { position: relative; top: -5px; }
                body #theme-management-panel div.panel-body{ padding-top: 50px; }
        themeSelectorForm:
            tag: "form|id=theme-selector"
            contents:
                themeSelection:
                    kind: panel.select.single
                    id: theme-selection
                    name: themeSelection
                    label: Select Theme
                    description: Select a new global theme from those available on the system.
                    element:
                        style: "width:230px;margin-right:10px;"
                    afterElement: >
                        <span style="display:inline-block;margin-left:10px"></span>
                        <button id="activate-theme" class="btn btn-sm" type="submit">Set Theme</button>
                        <button id="remove-theme" class="btn btn-sm">Delete</button>
        uploadTheme:
            kind: panel.input.file
            id: xnat-theme-upload
            className: theme-uploader
            name: themePackage
            label: Upload Theme
            description: Upload a zipped theme package for selection above.
        themeScript:
            tag: script|src=/scripts/xnat/admin/themeManagement.js

