<div data-options="dxView : { name: 'HomeControllers', title: 'HomeControllers' } ">
    <div data-options="dxContent : { targetPlaceholder: 'content' } " >
        <div data-bind="dxScrollView: { }" class="mainBackground">
            <div class="Toolbar">
                <table style="width:100%; height:100%">
                    <tr style="width:100%; height:100%">
                        <td style="width:40px" align="left" valign="middle">
                            <div class="toolbarButton" data-bind="dxButton: { icon: 'back', type: 'danger', onClick: goBackHomeControllers }"></div>
                        </td>
                        <td style="width:80%">
                            <div class="logotip"></div>
                        </td>
                        <td align="left" valign="middle">
                            <div class="toolbarButton" id="OpenPanel" data-bind="dxButton: { text: 'Панель администратора', type: 'danger'}"></div>
                        </td>
                        <td align="right" valign="middle">
                            <div class="toolbarButton" id="AddController" data-bind="dxButton: { text: 'Добавить контроллер' , type:'danger' }"></div>
                        </td>
                        <td align="right" valign="middle">
                            <div class="toolbarButton" id="DeleteAccount" data-bind="dxButton: { text: 'Удалить аккаунт', type: 'danger'}"></div>
                        </td>

                    </tr>
                </table>
            </div>
            <div id="loadingPanel"></div>
            <div id="tileviewControllers"></div>
            <div id="addControllerPopup"></div>
            <div id="addNamePopup"></div>
            <div id="action-sheet"></div>
        </div>
    </div>
</div>