<div data-options="dxView : { name: 'History', title: 'History' } " >
    <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: goBackHistory }"></div>
                        </td>
                        <td>
                            <div class="logotip"></div>
                        </td>
                    </tr>
                </table>
            </div>
            <div style="margin: 20px;">
                <div class="controllerInfo" data-bind="text: controllerID"></div>
                <div class="controllerInfo" data-bind="text: controllerIP"></div>
            </div>
            <div class="blockGroupHoriz" style="margin-left:20px;">
                <div id="dateTimeHistory" class="blockHoriz" style="width:600px;"></div>
                <div id="updateHistory" class="blockHoriz" style="width:80px;"></div>
            </div>
            <div class="right-side">
                <div class="Title">ИЗМЕНЕНИЯ ТЕМПЕРАТУРЫ</div>
                <div class="dataArea" style="margin: 5px">
                    <div id="gridTempChanges" data-bind="dxDataGrid: gridTempChanges"></div>
                </div>
                <div class="Title">ИЗМЕНЕНИЯ РЕГИСТРОВ</div>
                <div class="dataArea" style="margin: 5px">
                    <div id="gridRegisterChanges" data-bind="dxDataGrid: gridRegisterChanges"></div>
                </div>
            </div>
            <div id="dataRegsPopup" data-bind="dxPopup: dataRegsPopup"></div>
        </div>
    </div>
</div>