41735922a5739cacf2b7fa6f2ae05740776fae0b.svn-base 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <div data-options="dxView : { name: 'SitePopup' } ">
  2. <div data-bind="dxPopup: popupOptions" >
  3. <!--<div class="dx-clearfix" data-options="dxTemplate: { name: 'title' } " style="margin: 0 auto;">-->
  4. <div class="dx-clearfix" data-options="dxTemplate: { name: 'title' } " style="margin: 0 auto;">
  5. <div data-bind="dxToolbar: { dataSource: toolbarItems }"></div>
  6. </div>
  7. <div class="dx-clearfix" style="height:869px;" data-options="dxTemplate: { name: 'content' } ">
  8. <div id="popupDetail" style="height: 869px;" data-bind="dxscrollview: { }">
  9. <div class="dx-fieldset" style="height: 869px;">
  10. <img src="./images/site.jpg" alt="사이트이미지" />
  11. <br />
  12. <br />
  13. <div class="dx-field cw-multi-field">
  14. <div class="dx-field cw-multi-field-left">
  15. <div class="dx-field-label cw-multi-field-label-ex">사이트명</div>
  16. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Name"></div>
  17. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.Name, placeholder: '사이트명' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  18. </div>
  19. <div class="dx-field cw-multi-field-right">
  20. <div class="dx-field-label cw-multi-field-label-ex">전화번호</div>
  21. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.PhoneNo"></div>
  22. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.PhoneNo, placeholder: '전화 번호' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  23. </div>
  24. </div>
  25. <div class="dx-field cw-multi-field">
  26. <div class="dx-field cw-multi-field-left">
  27. <div class="dx-field-label cw-multi-field-label">@companyAddressZip</div>
  28. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.AddressZip1() "></div>
  29. <!-- ko if: isEditModeInPopup -->
  30. <!-- jks-2015-12-30 우편번호 칸 80px -->
  31. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.AddressZip1, maxLength: 5, placeholder: '00000' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  32. <!--<div class="dx-field-value cw-multi-field-value">-</div> 이거 뒤에 있는 widget의 보더가 먹질 않는다.-->
  33. <!-- jks-2015-12-30 우편번호 칸 80px -->
  34. <!-- <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>-->
  35. <!-- /ko -->
  36. </div>
  37. <div class="dx-field cw-multi-field-right">
  38. <div class="dx-field-label cw-multi-field-label-ex">준공연도</div>
  39. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.CompletionDate"></div>
  40. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.CompletionDate, placeholder: '준공연도'}, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  41. </div>
  42. </div>
  43. <div class="dx-field cw-multi-field-merge">
  44. <div class="dx-field-label cw-multi-field-label">@companyAddress</div>
  45. <!-- <div class="dx-field-value cw-multi-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Address1() + dataModel.Adderss2()"></div>-->
  46. <div class="dx-field-value cw-multi-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Address1() + ' ' + dataModel.Adderss2()"></div>
  47. <div class="dx-field-value" style="width: 235px;" data-bind="dxTextBox: { value: dataModel.Address1, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  48. <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>
  49. </div>
  50. <div class="dx-field cw-multi-field-merge">
  51. <div class="dx-field-label cw-multi-field-label">건축규모</div>
  52. <div class="dx-field-value" style="width:480px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.BuildingSize"></div>
  53. <div class="dx-field-value" style="width:480px" data-bind="dxTextBox: { value: dataModel.BuildingSize, placeholder: '건축규모' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  54. <!--<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>
  55. <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>-->
  56. </div>
  57. <div class="dx-field cw-multi-field">
  58. <div class="dx-field cw-multi-field-left">
  59. <div class="dx-field-label cw-multi-field-label-ex">연면적</div>
  60. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.GrossArea"></div>
  61. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.GrossArea, placeholder: '연면적' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  62. </div>
  63. <div class="dx-field cw-multi-field-right">
  64. <div class="dx-field-label cw-multi-field-label-ex">건축면적</div>
  65. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.BuildingArea"></div>
  66. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.BuildingArea, placeholder: '건축면적' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  67. </div>
  68. </div>
  69. <div class="dx-field cw-multi-field">
  70. <div class="dx-field cw-multi-field-left">
  71. <div class="dx-field-label cw-multi-field-label-ex">용적율/건폐율</div>
  72. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.FloorAreaRatio() + '/' + dataModel.BuildingCoverageRatio()"></div>
  73. <div class="dx-field-value" style="width:80px" data-bind="dxTextBox: { value: dataModel.FloorAreaRatio, placeholder: '용적율' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  74. <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>
  75. </div>
  76. <div class="dx-field cw-multi-field-right">
  77. <div class="dx-field-label cw-multi-field-label-ex">주용도</div>
  78. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.MainUse"></div>
  79. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup ,'hidden':true}, text: dataModel.MainUseIndex"></div>
  80. <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>
  81. <div id="mainUseText" class="dx-field-value" data-bind="dxTextBox: { value: dataModel.MainUse, placeholder: '주용도' }, css: {'dx-state-invisible': isEditModeInPopup() == false, 'hidden':true }"></div>
  82. </div>
  83. </div>
  84. <div class="dx-field cw-multi-field">
  85. <div class="dx-field cw-multi-field-left">
  86. <div class="dx-field-label cw-multi-field-label-ex">제어스케줄</div>
  87. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.IsControlSchedule() )"></div>
  88. <!-- ko if: isEditModeInPopup -->
  89. <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.IsControlSchedule, onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  90. <!-- /ko -->
  91. </div>
  92. <div class="dx-field cw-multi-field-right">
  93. <div class="dx-field-label cw-multi-field-label-ex">스케줄알림시간</div>
  94. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.ScheduleCheckHour"></div>
  95. <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.ScheduleCheckHour, min: 0, max: 23, showSpinButtons: true }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  96. </div>
  97. </div>
  98. <div class="dx-field cw-multi-field-merge">
  99. <div class="dx-field cw-multi-field-left">
  100. <div class="dx-field-label cw-multi-field-label-ex">용도별 표준값</div>
  101. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Standard"></div>
  102. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.Standard, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  103. </div>
  104. <div class="dx-field cw-multi-field-right">
  105. <div class="dx-field-label cw-multi-field-label-ex">HDD/CDD기준온도</div>
  106. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.HDD() + '/' + dataModel.CDD()"></div>
  107. <div class="dx-field-value" style="width:80px" data-bind="dxTextBox: { value: dataModel.HDD, placeholder: 'HDD기준온도' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  108. <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>
  109. </div>
  110. </div>
  111. <div class="dx-field cw-multi-field-merge">
  112. <div class="dx-field-label cw-multi-field-label">@companyHomepage</div>
  113. <div class="dx-field-value" style="width:480px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.URL"></div>
  114. <div class="dx-field-value" style="width:480px" data-bind="dxTextBox: { value: dataModel.URL, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  115. </div>
  116. <div class="dx-field cw-multi-field-merge">
  117. <div class="dx-field-label cw-multi-field-label">@comment</div>
  118. <div class="dx-field-value" style="width:480px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Comment"></div>
  119. <div class="dx-field-value" style="width:480px" data-bind="dxTextBox: { value: dataModel.Comment, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  120. </div>
  121. <!--<div class="dx-field cw-multi-field">
  122. <div class="dx-field cw-multi-field-left">
  123. <div class="dx-field-label cw-multi-field-label-ex">@isUse</div>
  124. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.IsUse() )"></div>-->
  125. <!-- ko if: isEditModeInPopup -->
  126. <!--<div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.IsUse, onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>-->
  127. <!-- /ko -->
  128. <!--</div>
  129. </div>-->
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. </div>