f14bf105ed62faec0d908c4149428400acd0763a.svn-base 7.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <div data-options="dxView : { name: 'SimulatorIceStoragePopup' } ">
  2. <div data-bind="dxPopup: SimulatorIceStoragePopupOptions ">
  3. <div class="dx-clearfix" data-options="dxTemplate: { name: 'title' } " style="margin-top: 0px;">
  4. <div data-bind="dxToolbar: { dataSource: simulatoricestoragePopupToolbarItems }"></div>
  5. </div>
  6. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' }" style="width: 100%; height: 100%;">
  7. <br />
  8. <div class="dx-field cw-multi-field" style="background-color: white; margin-top: 0px">
  9. <div class=" dx-field-label" style="width: 150px; float: left; background-color: white; ">제어 변수 입력</div>
  10. </div>
  11. <div class="dx-field cw-multi-field" id="FisrtRow" style="background-color: white; margin-left: 5px; margin-top: 0px" data-bind="css:{'dx-state-invisible':false}">
  12. <div class=" dx-field-label cw-multi-field-label-ex">제어 구간(1)</div>
  13. <div class="fl" id="InitialDate1" style="width: 130px; margin-left: 20px"></div>
  14. <div class="fl" id="InitialTime1" style="width: 100px; margin-left: 20px"></div>
  15. <div class="dx-field-value" style="float: right; width: 10px"> ~ </div>
  16. <div class="fl" id="FinalDate1" style="width: 130px; margin-left: 20px"></div>
  17. <div class="fl" id="FinalTime1" style="width: 100px; margin-left: 20px"></div>
  18. <div class="dx-field-label cw-multi-field-label-ex">운전 모드</div>
  19. <div class="dx-field-value" id="OperationMode1" style="width: 120px"></div>
  20. <div class="dx-field-label cw-multi-field-label-ex">냉동기1 상태</div>
  21. <div class="dx-field-value" style="margin-left:2px; margin-top:6px" id="Ref1_Status1"></div>
  22. <div class="dx-field-label cw-multi-field-label-ex">냉동기2 상태</div>
  23. <div class="dx-field-value" style="margin-left:2px; margin-top:6px" id="Ref2_Status1"></div>
  24. </div>
  25. <div class="dx-field cw-multi-field" style="background-color: white; margin-left: 5px; margin-top: 0px" data-bind="css:{'dx-state-invisible': !isSecondRow()}">
  26. <div class="dx-field-label cw-multi-field-label-ex">제어 구간(2)</div>
  27. <div class="fl" id="InitialDate2" style="width: 130px; margin-left: 20px"></div>
  28. <div class="fl" id="InitialTime2" style="width: 100px; margin-left: 20px"></div>
  29. <div class="dx-field-value" style="float: right; width: 10px"> ~ </div>
  30. <div class="fl" id="FinalDate2" style="width: 130px; margin-left: 20px"></div>
  31. <div class="fl" id="FinalTime2" style="width: 100px; margin-left: 20px"></div>
  32. <div class="dx-field-label cw-multi-field-label-ex">운전 모드</div>
  33. <div class="dx-field-value" id="OperationMode2" style="width: 120px"></div>
  34. <div class="dx-field-label cw-multi-field-label-ex">냉동기1 상태</div>
  35. <div class="dx-field-value" style="margin-left:2px; margin-top:6px" id="Ref1_Status2"></div>
  36. <div class="dx-field-label cw-multi-field-label-ex">냉동기2 상태</div>
  37. <div class="dx-field-value" style="margin-left:2px; margin-top:6px" id="Ref2_Status2"></div>
  38. </div>
  39. <div class="dx-field cw-multi-field" style="background-color: white; margin-left: 5px; margin-top: 0px" data-bind="css:{'dx-state-invisible': !isThirdRow()}">
  40. <div class="dx-field-label cw-multi-field-label-ex">제어 구간(3)</div>
  41. <div class="fl" id="InitialDate3" style="width: 130px; margin-left: 20px"></div>
  42. <div class="fl" id="InitialTime3" style="width: 100px; margin-left: 20px"></div>
  43. <div class="dx-field-value" style="float: right; width: 10px"> ~ </div>
  44. <div class="fl" id="FinalDate3" style="width: 130px; margin-left: 20px"></div>
  45. <div class="fl" id="FinalTime3" style="width: 100px; margin-left: 20px"></div>
  46. <div class="dx-field-label cw-multi-field-label-ex">운전 모드</div>
  47. <div class="dx-field-value" id="OperationMode3" style="width: 120px"></div>
  48. <div class="dx-field-label cw-multi-field-label-ex">냉동기1 상태</div>
  49. <div class="dx-field-value" style="margin-left:2px; margin-top:6px" id="Ref1_Status3"></div>
  50. <div class="dx-field-label cw-multi-field-label-ex">냉동기2 상태</div>
  51. <div class="dx-field-value" style="margin-left:2px; margin-top:6px" id="Ref2_Status3"></div>
  52. </div>
  53. <div class="dx-field cw-multi-field" style="background-color: white; margin-left: 5px; margin-top: 0px" data-bind="css:{'dx-state-invisible': !isFourthRow()}">
  54. <div class="dx-field-label cw-multi-field-label-ex">제어 구간(4)</div>
  55. <div class="fl" id="InitialDate4" style="width: 130px; margin-left: 20px"></div>
  56. <div class="fl" id="InitialTime4" style="width: 100px; margin-left: 20px"></div>
  57. <div class="dx-field-value" style="float: right; width: 10px"> ~ </div>
  58. <div class="fl" id="FinalDate4" style="width: 130px; margin-left: 20px"></div>
  59. <div class="fl" id="FinalTime4" style="width: 100px; margin-left: 20px"></div>
  60. <div class="dx-field-label cw-multi-field-label-ex">운전 모드</div>
  61. <div class="dx-field-value" id="OperationMode4" style="width: 120px"></div>
  62. <div class="dx-field-label cw-multi-field-label-ex">냉동기1 상태</div>
  63. <div class="dx-field-value" style="margin-left:2px; margin-top:6px" id="Ref1_Status4"></div>
  64. <div class="dx-field-label cw-multi-field-label-ex">냉동기2 상태</div>
  65. <div class="dx-field-value" style="margin-left:2px; margin-top:6px" id="Ref2_Status4"></div>
  66. </div>
  67. <div class="dx-field cw-multi-field" style="background-color: white; margin-left: 5px; margin-top: 0px" data-bind="css:{'dx-state-invisible': !isFifthRow()}">
  68. <div class="dx-field-label cw-multi-field-label-ex">제어 구간(5)</div>
  69. <div class="fl" id="InitialDate5" style="width: 130px; margin-left: 20px"></div>
  70. <div class="fl" id="InitialTime5" style="width: 100px; margin-left: 20px"></div>
  71. <div class="dx-field-value" style="float: right; width: 10px"> ~ </div>
  72. <div class="fl" id="FinalDate5" style="width: 130px; margin-left: 20px"></div>
  73. <div class="fl" id="FinalTime5" style="width: 100px; margin-left: 20px"></div>
  74. <div class="dx-field-label cw-multi-field-label-ex">운전 모드</div>
  75. <div class="dx-field-value" id="OperationMode5" style="width: 120px"></div>
  76. <div class="dx-field-label cw-multi-field-label-ex">냉동기1 상태</div>
  77. <div class="dx-field-value" style="margin-left:2px; margin-top:6px" id="Ref1_Status5"></div>
  78. <div class="dx-field-label cw-multi-field-label-ex">냉동기2 상태</div>
  79. <div class="dx-field-value" style="margin-left:2px; margin-top:6px" id="Ref2_Status5"></div>
  80. </div>
  81. <div class="dx-field cw-multi-field" style="background-color: #fafafa; text-align: right; float: right; margin-top: 10px; margin-right: 5px; ">
  82. <div data-bind="dxButton: { text: '행 추가', clickAction: handlePopupButtonAdd}, css:{'dx-state-disabled': !isEditModeInPopup()}"></div>
  83. <div data-bind="dxButton: { text: '행 삭제', clickAction: handlePopupButtonDelete}, css:{'dx-state-disabled': !isEditModeInPopup()}"></div>
  84. </div>
  85. </div>
  86. </div>
  87. </div>