<div data-options="dxView : { name: 'WeekEnergyConsumption', title: '요일별 에너지 사용량 분석', pane: 'master' } ">
    <div data-options="dxContent : { targetPlaceholder: 'content' } ">
        <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
        <div data-options="dxViewPlaceholder: { viewName: 'WeekEnergyConsumptionSearchConditionView' }"></div>

        <!--  2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->
        <div data-options="dxViewPlaceholder: { viewName: 'WeekEnergyConsumptionDataGridPopup' }"></div>
        <!--  2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->

        <div data-options="dxViewPlaceholde: { viewName: 'msgbox ' }">
            <div class="popup" data-bind="dxPopup: popupOptions">
                <div data-options="dxTemplate: { name:'info' }">
                    <div id="large-indicator" style="margin-left: 40%;"></div>
                    <span> </span>
                    <p></p>
                    <p align="center">에너지사용량 조회 중 입니다.</p>
                    <p align="center">잠시만 기다려 주세요! </p>
                </div>
            </div>
        </div>

        <!--  2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->
        <div data-options="dxView : { name: 'WeekEnergyConsumptionDataGridPopup'} ">
            <div data-bind="dxPopup: WeekEnergyConsumptionDataGridPopupOptions ">
                <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="WeekEnergyConsumptionDataGrid_Container" style="height: auto; width: 100%; "
                             data-bind="dxDataGrid: WeekEnergyConsumptionDataGridOptions" />
                    </div>
                </div>
            </div>
        </div>
        <!--  2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->

        <p id="st" class="body_sub_title">요일별 에너지 사용량</p>
        <!--        <div id="chartOutdoorTemperature" style="height: 200px; width: 100%;" />-->
        <div id="chartContext" class="chart_wrap_box">
            <!--
                              <li style="width: 33%;">
                                  <span style="float: left;" data-bind="dxCheckBox: {  value: check_input }" />~~~
                                  <span style="margin-top: 5px;">냉각수 입구 온도</span>
                              </li>
                              <li style="width: 33%;">
                                  <span style="float: left;" data-bind="dxCheckBox: {  value: \2, text: 'sadfsdfsd'}" />
                                  <span style="margin-top: 5px;">냉각수 입구 온도</span>
                              </li>-->
            <div id="chartWEEKA" style="height: 680px; width: 100%;" />
        </div>

        <!--  2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->
        <div style="margin-top: 12px;" class="fr" data-bind="dxButton: { text: '도표', onClick: WeekEnergyConsumptionDataGridPopup_ButtonClicked}"></div>
        <!--  2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->

        <div data-bind="dxContextMenu: { items: menuItems, itemClickAction: handleMenuItemClick, target: '#chartContext'}"></div>
    </div>
</div>