<div data-options="dxView : { name: 'PlanCoolerHistory', title: '냉동기 운전이력 분석', pane: 'master' } ">
    <div data-options="dxContent : { targetPlaceholder: 'content' } ">
        <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
        <!--  2018.07.24 : 그리드 도표 작업 : 팝업창 추가 -->
        <div data-options="dxViewPlaceholder: { viewName: 'PlanCoolerHistoryDataGridPopup' }"></div>
        <div data-options="dxView : { name: 'PlanCoolerHistoryDataGridPopup'} ">
            <div data-bind="dxPopup: PlanCoolerHistoryDataGridPopupOptions ">
                <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
                    <div id="popupDetail" data-bind="dxscrollview: { }">
                        <div class="body_sub_title" style="margin-left:10px;margin-top:10px">냉동기 운전이력 분석</div>
                        <div id="PlanCoolerHistoryDataGrid_Container" style="height: auto; width: 100%; "
                             data-bind="dxDataGrid: PlanCoolerHistoryDataGridOptions" />
                    </div>
                </div>
            </div>
        </div>
        <!--  2018.07.24 : 그리드 도표 작업 : 팝업창 추가 -->
        <div id="LoadPanel"></div>
        <p class="body_sub_title">냉동기 운전이력 분석</p>
        <div class="chart_wrap_box" style="width: 100%;height:720px;">
            <div id="cooler_history_calendarPicker" class="fl" style="height:30px; width: 130px;margin-left:10px;" data-bind="dxDateBox: cooler_history_calendarPicker"></div>
            <div class="fr" style="margin-right:10px; line-height:240%;">미가동</div>
            <div class="fr" style="margin-right:10px; line-height:240%;"><img src="/images/gray.png"></div>
            <div class="fr" style="margin-right:30px; line-height:240%;">가동</div>
            <div class="fr" style="margin-right:10px; line-height:240%;"><img src="/images/green.png"></div>
            <div class="fl" style="margin-left: 10px; color:black; background: #fafafa; height: 30px; text-align: center; width: 120px;" id="DateBox"></div>

            <div id="cooler_history_list" class="fl" style="width: 200px; height: 200px" data-bind="dxDataGrid: cooler_history_list"></div>
            <div id="cooler_data_list" class="fl" style="height: 600px; width: 100%; font-size: 12px; margin-top:10px;" data-bind="dxDataGrid: cooler_data_list"></div>
            <!--  2018.07.24 : 그리드 도표 작업 : 팝업창 추가 -->
            <div style="margin-top: 12px;" class="fr" data-bind="dxButton: { text: '도표', onClick: PlanCoolerHistoryDataGridPopup_ButtonClicked}"></div>
        </div>
    </div>
</div>