<div class="dialog-inner" style='height: 100%;'>
    <div class='ui-layout-north'>
        <label class='resource-dialog-label'>name</label>
        <input class='resource-dialog-input resource-name ui-widget-content ui-corner-all'
        />
    </div>
    <div class='ui-layout-west dialog-left'>
        <div class='ui-layout-north'>
            <label class='resource-dialog-label'>moments</label>
        </div>
        <div class='ui-layout-south'>
            <table>
                <tbody>
                    <tr>
                        <td>
                            <button class="dialogButton add-timeline">add</button>
                        </td>
                        <td>
                            <button class="dialogButton clear-timeline">clear_</button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class='ui-layout-center moments'></div>
    </div>
    <div class='ui-layout-east movements'></div>
    <div class = 'ui-layout-south ui-layout-bottom-wxh' style = 'padding: 0px;overflow: hidden;'><p class = 'ui-layout-bottom-text'></p></div>
    <div class='ui-layout-center dialog-center'>
        <div class='ui-layout-north'>
            <label class='resource-dialog-label'>actions</label>
        </div>
        <div class='ui-layout-center actions'></div>
    </div>
</div>