12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- <div data-options="dxView : { name: 'EquipRentInfoPopup'} ">
- <div data-bind="dxPopup: popupOptions ">
- <div class="dx-clearfix" data-options="dxTemplate: { name: 'title' } " style="margin: 0 auto;">
- <div data-bind="dxToolbar: { dataSource: equipPopupToolbarItems }"></div>
- </div>
- <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' }">
- <div id="popupDetail" data-bind="dxScrollView: { }">
- <div class="dx-fieldset" style="float: left; width: 480px">
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field-label cw-multi-field-label">제목</div>
- <div class="dx-field-value cw-multi-field-value" data-bind="text: dataModel.Title, css: {'dx-state-invisible': isEditModeInPopup }"></div>
- <div class="dx-field-value cw-multi-field-value" data-bind="dxTextBox: { value: dataModel.Title }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
- </div>
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field-label cw-multi-field-label-ex">대여일</div>
- <div class="dx-field-value" data-bind="text: $G.date( dataModel.RentDate() )"></div>
- </div>
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field-label cw-multi-field-label-ex">반납예정일</div>
- <div class="dx-field-value" data-bind="text: $G.date(dataModel.ReturnDueDate()), css: {'dx-state-invisible': isEditModeInPopup }"></div>
- <!-- ko if: isEditModeInPopup -->
- <!--<div class="dx-field-value" data-bind="dxDateBox: { value: dataModel.ReturnDueDate, format: 'date' }"></div>-->
- <!--jks-2015-12-22 달력아이콘 위치 수정-->
- <div class="dx-field-value dxDateBox_IconLocation" data-bind="dxDateBox: { value: dataModel.ReturnDueDate, format: 'date' , min: new Date(moment().add(-1,'d')) }"></div>
- <!-- /ko -->
- </div>
- <div class="dx-field cw-multi-field-merge">
- <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.RentUser"></div>
- <div class="dx-field-value user_bind_input" data-bind="dxTextBox: { value: dataModel.RentUser }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
- <!--<div class="dx-field-value cw-multi-field-value-multiple" data-bind="dxButton: { icon: 'search', clickAction: buttonSearchMainContactorUser }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>-->
- </div>
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field-label cw-multi-field-label-ex">상태</div>
- <div class="dx-field-value" data-bind="text: $NameInStore( codeStateTypes(), 'EquipmentStateTypeId', dataModel.EquipmentStateTypeId(), 'Name' )"></div>
- <!-- ko if: isEditModeInPopup -->
- <!--<div class="dx-field-value" data-bind="dxSelectBox: {
- dataSource: codeStateTypes,
- displayExpr: 'Name' ,
- valueExpr: 'EquipmentStateTypeId' ,
- value: dataModel.EquipmentStateTypeId
- }">
- </div>-->
- <!-- /ko -->
- </div>
- <div class="result_popup_table_wrap" style="border:0; padding:0 0 10px 0">
- <table>
- <caption class="skip">대여사유</caption>
- <tbody>
- <tr>
- <td class="result_item result_item_var minimal_height">대여사유</td>
- </tr>
- <tr>
- <td class="result_con">
- <!--jks-2015-12-22 내용 입력 영역 확대100%-->
- <div class="dx-field-value dxTextArea_InputArea" data-bind="dxTextArea: { value: dataModel.Comment, height: 200 }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
- <div class="dx-field-value cw-wordwrap" style="height: 200px;" data-bind="text: dataModel.Comment, css: {'dx-state-invisible': isEditModeInPopup }"></div>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <div class="dx-fieldset" style="float: left; padding-left: 0px !important; width:710px;">
- <p class="body_sub_title_2depth">공기구 목록</p>
- <!-- ko ifnot: isEditModeInPopup -->
- <div id="gridContainer2" class="dx-field-value" style="height: 375px; width:700px;" data-bind="dxDataGrid: equipmentDataGridOptions"></div>
- <!-- /ko -->
- <!-- ko if: isEditModeInPopup -->
- <div id ="gridContainer3" class="dx-field-value" style="height: 400px; width:700px;" data-bind="dxDataGrid: modifiableEquipmentDataGridOptions"></div>
- <!-- /ko -->
- </div>
- </div>
- </div>
- </div>
- </div>
|