0ccec107a578ddbb0978df4d86e542b542184554.svn-base 5.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <div data-options="dxView : { name: 'EquipRentInfoPopup'} ">
  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: equipPopupToolbarItems }"></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" style="float: left; width: 480px">
  9. <div class="dx-field cw-multi-field-merge">
  10. <div class="dx-field-label cw-multi-field-label">제목</div>
  11. <div class="dx-field-value cw-multi-field-value" data-bind="text: dataModel.Title, css: {'dx-state-invisible': isEditModeInPopup }"></div>
  12. <div class="dx-field-value cw-multi-field-value" data-bind="dxTextBox: { value: dataModel.Title }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
  13. </div>
  14. <div class="dx-field cw-multi-field-merge">
  15. <div class="dx-field-label cw-multi-field-label-ex">대여일</div>
  16. <div class="dx-field-value" data-bind="text: $G.date( dataModel.RentDate() )"></div>
  17. </div>
  18. <div class="dx-field cw-multi-field-merge">
  19. <div class="dx-field-label cw-multi-field-label-ex">반납예정일</div>
  20. <div class="dx-field-value" data-bind="text: $G.date(dataModel.ReturnDueDate()), css: {'dx-state-invisible': isEditModeInPopup }"></div>
  21. <!-- ko if: isEditModeInPopup -->
  22. <!--<div class="dx-field-value" data-bind="dxDateBox: { value: dataModel.ReturnDueDate, format: 'date' }"></div>-->
  23. <!--jks-2015-12-22 달력아이콘 위치 수정-->
  24. <div class="dx-field-value dxDateBox_IconLocation" data-bind="dxDateBox: { value: dataModel.ReturnDueDate, format: 'date' , min: new Date(moment().add(-1,'d')) }"></div>
  25. <!-- /ko -->
  26. </div>
  27. <div class="dx-field cw-multi-field-merge">
  28. <div class="dx-field-label cw-multi-field-label-ex">대여자</div>
  29. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RentUser"></div>
  30. <div class="dx-field-value user_bind_input" data-bind="dxTextBox: { value: dataModel.RentUser }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
  31. <!--<div class="dx-field-value cw-multi-field-value-multiple" data-bind="dxButton: { icon: 'search', clickAction: buttonSearchMainContactorUser }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>-->
  32. </div>
  33. <div class="dx-field cw-multi-field-merge">
  34. <div class="dx-field-label cw-multi-field-label-ex">상태</div>
  35. <div class="dx-field-value" data-bind="text: $NameInStore( codeStateTypes(), 'EquipmentStateTypeId', dataModel.EquipmentStateTypeId(), 'Name' )"></div>
  36. <!-- ko if: isEditModeInPopup -->
  37. <!--<div class="dx-field-value" data-bind="dxSelectBox: {
  38. dataSource: codeStateTypes,
  39. displayExpr: 'Name' ,
  40. valueExpr: 'EquipmentStateTypeId' ,
  41. value: dataModel.EquipmentStateTypeId
  42. }">
  43. </div>-->
  44. <!-- /ko -->
  45. </div>
  46. <div class="result_popup_table_wrap" style="border:0; padding:0 0 10px 0">
  47. <table>
  48. <caption class="skip">대여사유</caption>
  49. <tbody>
  50. <tr>
  51. <td class="result_item result_item_var minimal_height">대여사유</td>
  52. </tr>
  53. <tr>
  54. <td class="result_con">
  55. <!--jks-2015-12-22 내용 입력 영역 확대100%-->
  56. <div class="dx-field-value dxTextArea_InputArea" data-bind="dxTextArea: { value: dataModel.Comment, height: 200 }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
  57. <div class="dx-field-value cw-wordwrap" style="height: 200px;" data-bind="text: dataModel.Comment, css: {'dx-state-invisible': isEditModeInPopup }"></div>
  58. </td>
  59. </tr>
  60. </tbody>
  61. </table>
  62. </div>
  63. </div>
  64. <div class="dx-fieldset" style="float: left; padding-left: 0px !important; width:710px;">
  65. <p class="body_sub_title_2depth">공기구 목록</p>
  66. <!-- ko ifnot: isEditModeInPopup -->
  67. <div id="gridContainer2" class="dx-field-value" style="height: 375px; width:700px;" data-bind="dxDataGrid: equipmentDataGridOptions"></div>
  68. <!-- /ko -->
  69. <!-- ko if: isEditModeInPopup -->
  70. <div id ="gridContainer3" class="dx-field-value" style="height: 400px; width:700px;" data-bind="dxDataGrid: modifiableEquipmentDataGridOptions"></div>
  71. <!-- /ko -->
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>