<div data-options="dxView : { name: 'DayYearAnalysis', title: '일자별 에너지 증감 분석', pane: 'master' } ">
    <div data-options="dxContent : { targetPlaceholder: 'content' } ">
        <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
        <div data-options="dxViewPlaceholder: { viewName: 'DayYearAnalysisSearchConditionView' }"></div>

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

        <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.11.29 : 그리드 도표 작업 : 팝업창 추가 -->
        <div data-options="dxView : { name: 'DayYearAnalysisDataGridPopup'} ">
            <div data-bind="dxPopup: DayYearAnalysisDataGridPopupOptions ">
                <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="DayYearAnalysisDataGrid_Container" style="height: auto; width: 100%; "
                             data-bind="dxDataGrid: DayYearAnalysisDataGridOptions" />
                    </div>
                </div>
            </div>
        </div>

        <div data-bind="dxPopup: DayYearAnalysisDataGridPopupOptions1 ">
            <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="DayYearAnalysisDataGrid_Container1" style="height: auto; width: 100%; "
                         data-bind="dxDataGrid: DayYearAnalysisDataGridOptions1" />
                </div>
            </div>
        </div>

        <!--  2017.11.29 : 그리드 도표 작업 : 팝업창 추가 -->

        <p class="body_sub_title">일자별 에너지 증감분석(전년 같은 요일)</p>
        <!--        <div id="chartOutdoorTemperature" style="height: 200px; width: 100%;" />-->
        <div class="chart_wrap_box">
            <div id="chartDYA" style="height: 680px; width: 100%;" />
        </div>

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