123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145 |
- <div data-options="dxView : { name: 'SitePopup' } ">
- <div data-bind="dxPopup: popupOptions" >
- <!--<div class="dx-clearfix" data-options="dxTemplate: { name: 'title' } " style="margin: 0 auto;">-->
- <div class="dx-clearfix" data-options="dxTemplate: { name: 'title' } " style="margin: 0 auto;">
- <div data-bind="dxToolbar: { dataSource: toolbarItems }"></div>
- </div>
- <div class="dx-clearfix" style="height:869px;" data-options="dxTemplate: { name: 'content' } ">
- <div id="popupDetail" style="height: 869px;" data-bind="dxscrollview: { }">
- <div class="dx-fieldset" style="height: 869px;">
- <img src="./images/site.jpg" alt="사이트이미지" />
- <br />
- <br />
- <div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">사이트명</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Name"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.Name, placeholder: '사이트명' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">전화번호</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.PhoneNo"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.PhoneNo, placeholder: '전화 번호' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label">@companyAddressZip</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.AddressZip1() "></div>
- <!-- ko if: isEditModeInPopup -->
- <!-- jks-2015-12-30 우편번호 칸 80px -->
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.AddressZip1, maxLength: 5, placeholder: '00000' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- <!--<div class="dx-field-value cw-multi-field-value">-</div> 이거 뒤에 있는 widget의 보더가 먹질 않는다.-->
- <!-- jks-2015-12-30 우편번호 칸 80px -->
- <!-- <div class="dx-field-value cw-multi-field-value dxbox_zip" style="width: 80px;" data-bind="dxTextBox: { value: dataModel.AddressZip2, maxLength: 3, placeholder: '000' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>-->
- <!-- /ko -->
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">준공연도</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.CompletionDate"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.CompletionDate, placeholder: '준공연도'}, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field-label cw-multi-field-label">@companyAddress</div>
- <!-- <div class="dx-field-value cw-multi-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Address1() + dataModel.Adderss2()"></div>-->
- <div class="dx-field-value cw-multi-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Address1() + ' ' + dataModel.Adderss2()"></div>
- <div class="dx-field-value" style="width: 235px;" data-bind="dxTextBox: { value: dataModel.Address1, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- <div class="dx-field-value" style="width:240px;margin-left:6px" data-bind="dxTextBox: { value: dataModel.Adderss2, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field-label cw-multi-field-label">건축규모</div>
- <div class="dx-field-value" style="width:480px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.BuildingSize"></div>
- <div class="dx-field-value" style="width:480px" data-bind="dxTextBox: { value: dataModel.BuildingSize, placeholder: '건축규모' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- <!--<div class="dx-field-value cw-multi-field-value" style="width: 220px;" data-bind="dxTextBox: { value: dataModel.Address1, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- <div class="dx-field-value cw-multi-field-value" style="width: 220px;" data-bind="dxTextBox: { value: dataModel.Adderss2, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>-->
- </div>
- <div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">연면적</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.GrossArea"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.GrossArea, placeholder: '연면적' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">건축면적</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.BuildingArea"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.BuildingArea, placeholder: '건축면적' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">용적율/건폐율</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.FloorAreaRatio() + '/' + dataModel.BuildingCoverageRatio()"></div>
- <div class="dx-field-value" style="width:80px" data-bind="dxTextBox: { value: dataModel.FloorAreaRatio, placeholder: '용적율' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- <div class="dx-field-value" style="margin-left:4px;width:80px" data-bind="dxTextBox: { value: dataModel.BuildingCoverageRatio, placeholder: '건폐율' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">주용도</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.MainUse"></div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup ,'hidden':true}, text: dataModel.MainUseIndex"></div>
- <div id="mainUseSelect" class="dx-field-value" data-bind="dxSelectBox: { dataSource:[{'MainUseIndex':0, 'MainUse':'업무시설'},{'MainUseIndex':1, 'MainUse':'문화및집회시설'},{'MainUseIndex':2, 'MainUse':'운수시설'},{'MainUseIndex':3, 'MainUse':'의료시설'},{'MainUseIndex':4, 'MainUse':'교육연구시설'},{'MainUseIndex':5, 'MainUse':'수련시설'}], value: dataModel.MainUseIndex, valueExpr:'MainUseIndex', displayExpr:'MainUse', placeholder: '주용도', onSelectionChanged:function(e){ var select = $('#mainUseSelect').dxSelectBox('instance').option('selectedItem'); $('#mainUseText').dxTextBox('instance').option('value', select.MainUse);} }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- <div id="mainUseText" class="dx-field-value" data-bind="dxTextBox: { value: dataModel.MainUse, placeholder: '주용도' }, css: {'dx-state-invisible': isEditModeInPopup() == false, 'hidden':true }"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">제어스케줄</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.IsControlSchedule() )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.IsControlSchedule, onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- <!-- /ko -->
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">스케줄알림시간</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.ScheduleCheckHour"></div>
- <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.ScheduleCheckHour, min: 0, max: 23, showSpinButtons: true }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">용도별 표준값</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Standard"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.Standard, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">HDD/CDD기준온도</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.HDD() + '/' + dataModel.CDD()"></div>
- <div class="dx-field-value" style="width:80px" data-bind="dxTextBox: { value: dataModel.HDD, placeholder: 'HDD기준온도' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- <div class="dx-field-value" style="margin-left:2px;width:80px" data-bind="dxTextBox: { value: dataModel.CDD, placeholder: 'CDD기준온도' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field-label cw-multi-field-label">@companyHomepage</div>
- <div class="dx-field-value" style="width:480px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.URL"></div>
- <div class="dx-field-value" style="width:480px" data-bind="dxTextBox: { value: dataModel.URL, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field-label cw-multi-field-label">@comment</div>
- <div class="dx-field-value" style="width:480px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Comment"></div>
- <div class="dx-field-value" style="width:480px" data-bind="dxTextBox: { value: dataModel.Comment, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <!--<div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@isUse</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.IsUse() )"></div>-->
- <!-- ko if: isEditModeInPopup -->
- <!--<div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.IsUse, onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>-->
- <!-- /ko -->
- <!--</div>
- </div>-->
- </div>
- </div>
- </div>
- </div>
- </div>
|