<div data-options="dxView : { name: 'EnergyUsageFactorAnalysis', title: '에너지 소비 요인 분석', pane: 'master' } ">
    <div data-options="dxContent : { targetPlaceholder: 'content' } ">
        <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
        <div data-options="dxViewPlaceholder: { viewName: 'EnergyUsageFactorAnalysisPopup' }"></div>
        <p class="body_sub_title">에너지 소비 요인 분석</p>

        <!-- 2019.04.16 : 그리드 도표 작업 : 팝업창 추가~~~ -->
        <div data-options="dxViewPlaceholder: { viewName: 'EnergyUsageFactorPopup' }"></div>
        <div data-options="dxView : { name: 'EnergyUsageFactorPopup'} ">
            <div data-bind="dxPopup: EnergyUsageFactorPopupOptions ">
                <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="EnergyUsageFactor_Container" style="height: auto; width: 100%; "
                             data-bind="dxDataGrid: EnergyUsageFactorOptions" />
                    </div>
                </div>
            </div>
        </div>
        <div data-bind="dxPopup: EnergyUsageFactorPopupOptions1 ">
            <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="EnergyUsageFactor_Container1" style="height: auto; width: 100%; "
                         data-bind="dxDataGrid: EnergyUsageFactorOptions1" />
                </div>
            </div>
        </div>
        <div data-bind="dxPopup: EnergyUsageFactorPopupOptions2 ">
            <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="EnergyUsageFactor_Container2" style="height: auto; width: 100%; "
                         data-bind="dxDataGrid: EnergyUsageFactorOptions2" />
                </div>
            </div>
        </div>
        <!-- ~~~2019.04.16 : 그리드 도표 작업 : 팝업창 추가 -->

        <!--전체 레이아웃-->
        <div class="chart_wrap_box" style="width: 100%; height: 750px;">
            <div class="fl" style="margin-left: 10px; margin-right: 5px; font-size: 14px; line-height: 240%;">기준 년도</div><div id="standardDatePicker" class="fl" data-bind="dxDateBox: standardDatePicker"></div>
            <div id="insertTxt" class="fl" style="margin-left: 10px; margin-right: 5px; font-size: 14px; line-height: 240%;">소비 요인</div><div id="factorSelect" class="fl" style="width: 150px; margin-left: 5px; margin-right: 5px;" data-bind="dxSelectBox: factorSelect"></div>
            <div id="insertBtn" class="fl" style="margin-left:10px;visibility:hidden;" data-bind="dxButton: {text: '월별 자료 입력', onClick: InsertButtonClicked}"></div>
            <div id="textHDD" class="fl" style="margin-left: 10px; margin-right: 5px; font-size: 14px; line-height: 240%;">HDD기준온도</div><div id="inputHDD" class="fl" style="width: 100px; line-height: 200%;" data-bind="dxTextBox: inputHDD"></div>
            <div id="textCDD" class="fl" style="margin-left: 10px; margin-right: 5px; font-size: 14px; line-height: 240%;">CDD기준온도</div><div id="inputCDD" class="fl" style="width: 100px; line-height: 200%;" data-bind="dxTextBox: inputCDD"></div>
            <br />
            <br />
            <div id="compareChart" class="fl" style="height: 700px; width: 100%;" data-bind="dxChart: compareChart"></div>
            <div id="loadIndicator" style="position:absolute;left:50%;top:50%;" data-bind="dxLoadIndicator: loadIndicator"></div>
        </div>
        <!--  2019.04.16 : 그리드 도표 작업 : 팝업창 추가 -->
        <div style="margin-top: 12px;" class="fr" data-bind="dxButton: { text: '도표', onClick: EnergyUsageFactorPopup_ButtonClicked}"></div>
    </div>
</div>