f5078c4193e8c71120ad0c5d806f08d5ef006744.svn-base 37 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499
  1. <div data-options="dxView : { name: 'SetChartPopup' } ">
  2. <div data-bind="dxPopup: popupOptions ">
  3. <div class="dx-clearfix" data-options="dxTemplate: { name: 'title' } " style="margin: 0 auto;">
  4. <div data-bind="dxToolbar: { dataSource: toolbarItems }"></div>
  5. </div>
  6. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  7. <div id="popupDetail" data-bind="dxscrollview: { }">
  8. <div class="dx-fieldset">
  9. <div class="dx-field cw-multi-field">
  10. <div class="dx-field cw-multi-field-left">
  11. <div class="dx-field-label cw-multi-field-label-ex">설비타입 (*)</div>
  12. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( facilityTypes(), 'FacilityTypeId', dataModel.FacilityTypeId(), 'Name' )"></div>
  13. <!-- ko if: isEditModeInPopup -->
  14. <div class="dx-field-value" data-bind="dxSelectBox: {
  15. disabled: !isNewInPopup(),
  16. dataSource: facilityTypes,
  17. displayExpr: 'Name' ,
  18. valueExpr: 'FacilityTypeId' ,
  19. valueChangeAction: handleSelectBoxChangeFacilityType,
  20. value: dataModel.FacilityTypeId}">
  21. </div>
  22. <!-- /ko -->
  23. </div>
  24. <div class="dx-field cw-multi-field-left">
  25. <div class="dx-field-label cw-multi-field-label-ex">차트타이틀 (*)</div>
  26. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Title"></div>
  27. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.Title, placeholder: '타이틀' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  28. </div>
  29. </div>
  30. <div class="dx-field cw-multi-field">
  31. <div class="dx-field cw-multi-field-left">
  32. <div class="dx-field cw-field-50_50" style="width:100%;">
  33. <div class="dx-field cw-multi-field-left" style="width:62.8%;">
  34. <div class="dx-field-label cw-multi-field-label-ex">차트ID (*)</div>
  35. <div class="dx-field-value" style="width:150px;" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.ChartId"></div>
  36. <div class="dx-field-value" style="width:90px; height:27px" data-bind="dxNumberBox: {showSpinButtons: true, max:1000, min:1, value: dataModel.ChartId, disabled: !isNewInPopup() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  37. </div>
  38. <div class="dx-field cw-multi-field-right" style="width:37.2%;">
  39. <div class="dx-field-label cw-multi-field-label-ex" style="width:90px !important;">차트 사용</div>
  40. <div class="dx-field-value" style="width:80px;" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.UseChart() )"></div>
  41. <!-- ko if: isEditModeInPopup -->
  42. <div class="dx-field-value" style="width:85px" data-bind="dxSwitch: { value: dataModel.UseChart, onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  43. <!-- /ko -->
  44. </div>
  45. </div>
  46. </div>
  47. <div class="dx-field cw-multi-field-right">
  48. <div class="dx-field-label cw-multi-field-label-ex">차트 색상</div>
  49. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Palette"></div>
  50. <!-- ko if: isEditModeInPopup -->
  51. <div class="dx-field-value" data-bind="dxSelectBox: {
  52. items:palettes,
  53. value:dataModel.Palette }">
  54. </div>
  55. <!-- /ko -->
  56. </div>
  57. </div>
  58. <div class="chart_set_sub_title">* 좌 Y축 설정</div>
  59. <div class="dx-field cw-multi-field">
  60. <div class="dx-field cw-multi-field-left">
  61. <div class="dx-field-label cw-multi-field-label-ex">Y축 타이틀 (*)</div>
  62. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LAxTitle"></div>
  63. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.LAxTitle, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  64. </div>
  65. <div class="dx-field cw-multi-field-right">
  66. <div class="dx-field-label cw-multi-field-label-ex">Y축 최대최소값</div>
  67. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.UseLAxMinMax() )"></div>
  68. <!-- ko if: isEditModeInPopup -->
  69. <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.UseLAxMinMax, onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  70. <!-- /ko -->
  71. </div>
  72. </div>
  73. <div class="dx-field cw-multi-field">
  74. <div class="dx-field cw-multi-field-left">
  75. <div class="dx-field-label cw-multi-field-label-ex">Y축 최소값</div>
  76. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LAxMin"></div>
  77. <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.LAxMin, placeholder: '',disabled: !dataModel.UseLAxMinMax() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  78. </div>
  79. <div class="dx-field cw-multi-field-right">
  80. <div class="dx-field-label cw-multi-field-label-ex">Y축 최대값</div>
  81. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LAxMax"></div>
  82. <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.LAxMax, placeholder: '', disabled: !dataModel.UseLAxMinMax() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  83. </div>
  84. </div>
  85. <div class="dx-field cw-field-3">
  86. <div class="dx-field cw-field-50_50" style="width:31.6%;">
  87. <div class="dx-field-label cw-multi-field-label-ex">기준선 사용</div>
  88. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.UseLCTLine() )"></div>
  89. <!-- ko if: isEditModeInPopup -->
  90. <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.UseLCTLine, onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  91. <!-- /ko -->
  92. </div>
  93. <div class="dx-field cw-field-50_50" style="width:31.8%;">
  94. <div class="dx-field-label cw-multi-field-label-ex">기준선 타이틀</div>
  95. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LCTLineTitle"></div>
  96. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.LCTLineTitle, placeholder: '', disabled: !dataModel.UseLCTLine() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  97. </div>
  98. <div class="dx-field cw-field-50_50" style="width:33%;">
  99. <div class="dx-field-label cw-multi-field-label-ex">기준선 값</div>
  100. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LCTLineValue"></div>
  101. <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.LCTLineValue, placeholder: '', disabled: !(dataModel.UseLCTLine()) }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  102. </div>
  103. </div>
  104. <div class="dx-field cw-field-3">
  105. <div class="dx-field cw-field-50_50">
  106. <div class="dx-field-label cw-multi-field-label-ex">항목1(*)</div>
  107. <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.LSFmId1(), 'Name' )"></div>
  108. <!-- ko if: isEditModeInPopup -->
  109. <div class="dx-field-value" data-bind="dxSelectBox: {
  110. dataSource: formulaListByFacilityType,
  111. displayExpr: 'Name' ,
  112. valueExpr: 'FormulaId' ,
  113. value: dataModel.LSFmId1}">
  114. </div>
  115. <!-- /ko -->
  116. </div>
  117. <div class="dx-field cw-field-50_50">
  118. <div class="dx-field-label cw-multi-field-label-ex">항목1 표시명(*)</div>
  119. <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LSName1"></div>
  120. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.LSName1, placeholder: '', }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  121. </div>
  122. <div class="dx-field cw-field-50_50">
  123. <div class="dx-field-label cw-multi-field-label-ex">항목1 차트타입(*)</div>
  124. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LSType1"></div>
  125. <!-- ko if: isEditModeInPopup -->
  126. <div class="dx-field-value" data-bind="dxSelectBox: {
  127. items:chartTypes,
  128. value:dataModel.LSType1 }">
  129. </div>
  130. <!-- /ko -->
  131. </div>
  132. </div>
  133. <div class="dx-field cw-field-3">
  134. <div class="dx-field cw-field-50_50">
  135. <div class="dx-field-label cw-multi-field-label-ex">항목2</div>
  136. <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.LSFmId2(), 'Name' )"></div>
  137. <!-- ko if: isEditModeInPopup -->
  138. <div class="dx-field-value" data-bind="dxSelectBox: {
  139. disabled: dataModel.UseX(),
  140. dataSource: formulaListByFacilityType,
  141. displayExpr: 'Name' ,
  142. valueExpr: 'FormulaId' ,
  143. value: dataModel.LSFmId2}">
  144. </div>
  145. <!-- /ko -->
  146. </div>
  147. <div class="dx-field cw-field-50_50">
  148. <div class="dx-field-label cw-multi-field-label-ex">항목2 표시명</div>
  149. <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LSName2"></div>
  150. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.LSName2, placeholder: '', disabled: dataModel.UseX(), }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  151. </div>
  152. <div class="dx-field cw-field-50_50">
  153. <div class="dx-field-label cw-multi-field-label-ex">항목2 차트타입</div>
  154. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LSType2"></div>
  155. <!-- ko if: isEditModeInPopup -->
  156. <div class="dx-field-value" data-bind="dxSelectBox: {
  157. disabled: dataModel.UseX(),
  158. items:chartTypes,
  159. value:dataModel.LSType2 }">
  160. </div>
  161. <!-- /ko -->
  162. </div>
  163. </div>
  164. <div class="dx-field cw-field-3">
  165. <div class="dx-field cw-field-50_50">
  166. <div class="dx-field-label cw-multi-field-label-ex">항목3</div>
  167. <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.LSFmId3(), 'Name' )"></div>
  168. <!-- ko if: isEditModeInPopup -->
  169. <div class="dx-field-value" data-bind="dxSelectBox: {
  170. disabled: dataModel.UseX(),
  171. dataSource: formulaListByFacilityType,
  172. displayExpr: 'Name' ,
  173. valueExpr: 'FormulaId' ,
  174. value: dataModel.LSFmId3}">
  175. </div>
  176. <!-- /ko -->
  177. </div>
  178. <div class="dx-field cw-field-50_50">
  179. <div class="dx-field-label cw-multi-field-label-ex">항목3 표시명</div>
  180. <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LSName3"></div>
  181. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.LSName3, placeholder: '', disabled: dataModel.UseX(),}, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  182. </div>
  183. <div class="dx-field cw-field-50_50">
  184. <div class="dx-field-label cw-multi-field-label-ex">항목3 차트타입</div>
  185. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LSType3"></div>
  186. <!-- ko if: isEditModeInPopup -->
  187. <div class="dx-field-value" data-bind="dxSelectBox: {
  188. disabled: dataModel.UseX(),
  189. items:chartTypes,
  190. value:dataModel.LSType3 }">
  191. </div>
  192. <!-- /ko -->
  193. </div>
  194. </div>
  195. <div class="dx-field cw-field-3">
  196. <div class="dx-field cw-field-50_50">
  197. <div class="dx-field-label cw-multi-field-label-ex">항목4</div>
  198. <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.LSFmId4(), 'Name' )"></div>
  199. <!-- ko if: isEditModeInPopup -->
  200. <div class="dx-field-value" data-bind="dxSelectBox: {
  201. disabled: dataModel.UseX(),
  202. dataSource: formulaListByFacilityType,
  203. displayExpr: 'Name' ,
  204. valueExpr: 'FormulaId' ,
  205. value: dataModel.LSFmId4}">
  206. </div>
  207. <!-- /ko -->
  208. </div>
  209. <div class="dx-field cw-field-50_50">
  210. <div class="dx-field-label cw-multi-field-label-ex">항목4 표시명</div>
  211. <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LSName4"></div>
  212. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.LSName4, placeholder: '', disabled: dataModel.UseX(),}, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  213. </div>
  214. <div class="dx-field cw-field-50_50">
  215. <div class="dx-field-label cw-multi-field-label-ex">항목4 차트타입</div>
  216. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LSType4"></div>
  217. <!-- ko if: isEditModeInPopup -->
  218. <div class="dx-field-value" data-bind="dxSelectBox: {
  219. disabled: dataModel.UseX(),
  220. items:chartTypes,
  221. value:dataModel.LSType4 }">
  222. </div>
  223. <!-- /ko -->
  224. </div>
  225. </div>
  226. <div class="chart_set_sub_title">* 우 Y축 설정</div>
  227. <div class="dx-field cw-multi-field">
  228. <div class="dx-field cw-multi-field-left">
  229. <div class="dx-field-label cw-multi-field-label-ex">우Y축 타이틀</div>
  230. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RAxTitle"></div>
  231. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.RAxTitle, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  232. </div>
  233. <div class="dx-field cw-multi-field-right">
  234. <div class="dx-field-label cw-multi-field-label-ex">우Y축 최대최소값</div>
  235. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.UseRAxMinMax() )"></div>
  236. <!-- ko if: isEditModeInPopup -->
  237. <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.UseRAxMinMax, onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  238. <!-- /ko -->
  239. </div>
  240. </div>
  241. <div class="dx-field cw-multi-field">
  242. <div class="dx-field cw-multi-field-left">
  243. <div class="dx-field-label cw-multi-field-label-ex">우Y축 최소값</div>
  244. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RAxMin"></div>
  245. <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.RAxMin, placeholder: '',disabled: !dataModel.UseRAxMinMax() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  246. </div>
  247. <div class="dx-field cw-multi-field-right">
  248. <div class="dx-field-label cw-multi-field-label-ex">우Y축 최대값</div>
  249. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RAxMax"></div>
  250. <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.RAxMax, placeholder: '', disabled: !dataModel.UseRAxMinMax() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  251. </div>
  252. </div>
  253. <div class="dx-field cw-field-3">
  254. <div class="dx-field cw-field-50_50" style="width:31.6%;">
  255. <div class="dx-field-label cw-multi-field-label-ex">기준선 사용</div>
  256. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.UseRCTLine() )"></div>
  257. <!-- ko if: isEditModeInPopup -->
  258. <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.UseRCTLine, disabled: dataModel.UseX(), onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  259. <!-- /ko -->
  260. </div>
  261. <div class="dx-field cw-field-50_50" style="width:31.8%;">
  262. <div class="dx-field-label cw-multi-field-label-ex">기준선 타이틀</div>
  263. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RCTLineTitle"></div>
  264. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.RCTLineTitle, placeholder: '', disabled: (dataModel.UseX() || !dataModel.UseRCTLine() ) }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  265. </div>
  266. <div class="dx-field cw-field-50_50" style="width:33%;">
  267. <div class="dx-field-label cw-multi-field-label-ex">기준선 값</div>
  268. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RCTLineValue"></div>
  269. <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.RCTLineValue, placeholder: '', disabled: (dataModel.UseX() || !dataModel.UseRCTLine()) }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  270. </div>
  271. </div>
  272. <div class="dx-field cw-field-3">
  273. <div class="dx-field cw-field-50_50">
  274. <div class="dx-field-label cw-multi-field-label-ex">항목1</div>
  275. <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.RSFmId1(), 'Name' )"></div>
  276. <!-- ko if: isEditModeInPopup -->
  277. <div class="dx-field-value" data-bind="dxSelectBox: {
  278. disabled: dataModel.UseX(),
  279. dataSource: formulaListByFacilityType,
  280. displayExpr: 'Name' ,
  281. valueExpr: 'FormulaId' ,
  282. value: dataModel.RSFmId1}">
  283. </div>
  284. <!-- /ko -->
  285. </div>
  286. <div class="dx-field cw-field-50_50">
  287. <div class="dx-field-label cw-multi-field-label-ex">항목1 표시명</div>
  288. <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RSName1"></div>
  289. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.RSName1, placeholder: '', disabled: dataModel.UseX(), }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  290. </div>
  291. <div class="dx-field cw-field-50_50">
  292. <div class="dx-field-label cw-multi-field-label-ex">항목1 차트타입</div>
  293. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RSType1"></div>
  294. <!-- ko if: isEditModeInPopup -->
  295. <div class="dx-field-value" data-bind="dxSelectBox: {
  296. disabled: dataModel.UseX(),
  297. items:chartTypes,
  298. value:dataModel.RSType1 }">
  299. </div>
  300. <!-- /ko -->
  301. </div>
  302. </div>
  303. <div class="dx-field cw-field-3">
  304. <div class="dx-field cw-field-50_50">
  305. <div class="dx-field-label cw-multi-field-label-ex">항목2</div>
  306. <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.RSFmId2(), 'Name' )"></div>
  307. <!-- ko if: isEditModeInPopup -->
  308. <div class="dx-field-value" data-bind="dxSelectBox: {
  309. disabled: dataModel.UseX(),
  310. dataSource: formulaListByFacilityType,
  311. displayExpr: 'Name' ,
  312. valueExpr: 'FormulaId' ,
  313. value: dataModel.RSFmId2}">
  314. </div>
  315. <!-- /ko -->
  316. </div>
  317. <div class="dx-field cw-field-50_50">
  318. <div class="dx-field-label cw-multi-field-label-ex">항목2 표시명</div>
  319. <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RSName2"></div>
  320. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.RSName2, placeholder: '', disabled: dataModel.UseX(), }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  321. </div>
  322. <div class="dx-field cw-field-50_50">
  323. <div class="dx-field-label cw-multi-field-label-ex">항목2 차트타입</div>
  324. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RSType2"></div>
  325. <!-- ko if: isEditModeInPopup -->
  326. <div class="dx-field-value" data-bind="dxSelectBox: {
  327. disabled: dataModel.UseX(),
  328. items:chartTypes,
  329. value:dataModel.RSType2 }">
  330. </div>
  331. <!-- /ko -->
  332. </div>
  333. </div>
  334. <div class="dx-field cw-field-3">
  335. <div class="dx-field cw-field-50_50">
  336. <div class="dx-field-label cw-multi-field-label-ex">항목3</div>
  337. <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.RSFmId3(), 'Name' )"></div>
  338. <!-- ko if: isEditModeInPopup -->
  339. <div class="dx-field-value" data-bind="dxSelectBox: {
  340. disabled: dataModel.UseX(),
  341. dataSource: formulaListByFacilityType,
  342. displayExpr: 'Name' ,
  343. valueExpr: 'FormulaId' ,
  344. value: dataModel.RSFmId3}">
  345. </div>
  346. <!-- /ko -->
  347. </div>
  348. <div class="dx-field cw-field-50_50">
  349. <div class="dx-field-label cw-multi-field-label-ex">항목3 표시명</div>
  350. <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RSName3"></div>
  351. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.RSName3, placeholder: '', disabled: dataModel.UseX() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  352. </div>
  353. <div class="dx-field cw-field-50_50">
  354. <div class="dx-field-label cw-multi-field-label-ex">항목3 차트타입</div>
  355. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RSType3"></div>
  356. <!-- ko if: isEditModeInPopup -->
  357. <div class="dx-field-value" data-bind="dxSelectBox: {
  358. disabled: dataModel.UseX(),
  359. items:chartTypes,
  360. value:dataModel.RSType3 }">
  361. </div>
  362. <!-- /ko -->
  363. </div>
  364. </div>
  365. <div class="dx-field cw-field-3">
  366. <div class="dx-field cw-field-50_50">
  367. <div class="dx-field-label cw-multi-field-label-ex">항목4</div>
  368. <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.RSFmId4(), 'Name' )"></div>
  369. <!-- ko if: isEditModeInPopup -->
  370. <div class="dx-field-value" data-bind="dxSelectBox: {
  371. disabled: dataModel.UseX(),
  372. dataSource: formulaListByFacilityType,
  373. displayExpr: 'Name' ,
  374. valueExpr: 'FormulaId' ,
  375. value: dataModel.RSFmId4}">
  376. </div>
  377. <!-- /ko -->
  378. </div>
  379. <div class="dx-field cw-field-50_50">
  380. <div class="dx-field-label cw-multi-field-label-ex">항목4 표시명</div>
  381. <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RSName4"></div>
  382. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.RSName4, placeholder: '', disabled: dataModel.UseX() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  383. </div>
  384. <div class="dx-field cw-field-50_50">
  385. <div class="dx-field-label cw-multi-field-label-ex">항목4 차트타입</div>
  386. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RSType4"></div>
  387. <!-- ko if: isEditModeInPopup -->
  388. <div class="dx-field-value" data-bind="dxSelectBox: {
  389. disabled: dataModel.UseX(),
  390. items:chartTypes,
  391. value:dataModel.RSType4 }">
  392. </div>
  393. <!-- /ko -->
  394. </div>
  395. </div>
  396. <div class="chart_set_sub_title">* X축 값 설정</div>
  397. <div class="dx-field cw-multi-field">
  398. <div class="dx-field cw-multi-field-right">
  399. <div class="dx-field-label cw-multi-field-label-ex">X축 값 사용</div>
  400. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.UseX() )"></div>
  401. <!-- ko if: isEditModeInPopup -->
  402. <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.UseX, onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  403. <!-- /ko -->
  404. </div>
  405. <div class="dx-field cw-multi-field-left">
  406. </div>
  407. </div>
  408. <div class="dx-field cw-multi-field">
  409. <div class="dx-field cw-multi-field-left">
  410. <div class="dx-field-label cw-multi-field-label-ex">X축 타이틀</div>
  411. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.XAxTitle"></div>
  412. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.XAxTitle, placeholder: '', disabled: !dataModel.UseX() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  413. </div>
  414. <div class="dx-field cw-multi-field-right">
  415. <div class="dx-field-label cw-multi-field-label-ex">X축 최대최소값</div>
  416. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.UseXAxMinMax() )"></div>
  417. <!-- ko if: isEditModeInPopup -->
  418. <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.UseXAxMinMax, onText: $G('use'), offText: $G('nonUse'), disabled: !dataModel.UseX() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  419. <!-- /ko -->
  420. </div>
  421. </div>
  422. <div class="dx-field cw-multi-field">
  423. <div class="dx-field cw-multi-field-left">
  424. <div class="dx-field-label cw-multi-field-label-ex">X축 최소값</div>
  425. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.XAxMin"></div>
  426. <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.XAxMin, placeholder: '',disabled: !(dataModel.UseXAxMinMax() && dataModel.UseX()) }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  427. </div>
  428. <div class="dx-field cw-multi-field-right">
  429. <div class="dx-field-label cw-multi-field-label-ex">X축 최대값</div>
  430. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.XAxMax"></div>
  431. <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.XAxMax, placeholder: '', disabled: !(dataModel.UseXAxMinMax() && dataModel.UseX()) }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  432. </div>
  433. </div>
  434. <div class="dx-field cw-multi-field">
  435. <div class="dx-field cw-multi-field-left">
  436. <div class="dx-field-label cw-multi-field-label-ex">항목</div>
  437. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.XSFmId(), 'Name' )"></div>
  438. <!-- ko if: isEditModeInPopup -->
  439. <div class="dx-field-value" data-bind="dxSelectBox: {
  440. disabled: !dataModel.UseX(),
  441. dataSource: formulaListByFacilityType,
  442. displayExpr: 'Name' ,
  443. valueExpr: 'FormulaId' ,
  444. value: dataModel.XSFmId}">
  445. </div>
  446. <!-- /ko -->
  447. </div>
  448. <div class="dx-field cw-multi-field-right">
  449. <div class="dx-field-label cw-multi-field-label-ex">항목 차트타입</div>
  450. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.XSType"></div>
  451. <!-- ko if: isEditModeInPopup -->
  452. <div class="dx-field-value" data-bind="dxSelectBox: {
  453. disabled: !dataModel.UseX(),
  454. items:chartTypes,
  455. value:dataModel.XSType }">
  456. </div>
  457. <!-- /ko -->
  458. </div>
  459. </div>
  460. </div>
  461. </div>
  462. </div>
  463. </div>
  464. </div>