123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275 |
- <div data-options="dxView : { name: 'FacilityPopup' } ">
- <div data-bind="dxPopup: popupOptions ">
- <div class="dx-clearfix" data-options="dxTemplate: { name: 'title' } " style="margin: 0 auto;">
- <div data-bind="dxToolbar: { dataSource: toolbarItems }"></div>
- </div>
- <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
- <div id="popupDetail" data-bind="dxscrollview: { }">
- <div data-bind="dxTabs: tabsOptions" class="custom_tabs_wrap"></div>
- <div data-bind="dxMultiView: multiViewOptions">
- <div data-options="dxTemplate: { name: 'facility' }">
- <div class="dx-fieldset">
- <!--<div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left facility_image_wrap">
- <div class="facility_image"><img style="width: 100%; height: 100%" data-bind="attr: { src: $data.imagefileUrl }"/></div>
- </div>-->
- <!-- ko if: $data.viewModel.isEditModeInPopup -->
- <div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left facility_image_wrap">
- <div class="facility_image">
- <form class="dropzone" id="facilityDropZone"></form>
- <!--<div id="facilityDropZone"></div>-->
- <!--<img style="width: 100%; height: 100%" data-bind="attr: { src: $data.imagefileUrl }" />-->
- </div>
- </div>
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityName</div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.Name }"></div>
- </div>
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityNickname</div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.Nickname }"></div>
- </div>
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityUsage</div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.FacilityUsage }"></div>
- </div>
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityManufacturer</div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.Manufacturer }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityManufactureDate</div>
- <div class="dx-field-value" data-bind="dxDateBox: { value: $data.viewModel.dataModel.ManufactureDate, format: 'date' }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label">@isUse</div>
- <div class="dx-field-value cw-multi-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $G.isUse( $data.viewModel.dataModel.IsUse() )"></div>
- <!-- ko if: $data.viewModel.isEditModeInPopup -->
- <div class="dx-field-value cw-multi-field-value" data-bind="dxSwitch: { value: $data.viewModel.dataModel.IsUse, placeholder: '사용 여부' }"></div>
- <!-- /ko -->
- </div>
- </div>
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field-label cw-multi-field-label">@facilityParent</div>
- <div class="dx-field-value cw-multi-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.ParentFacilityName, readOnly: true }"></div>
- <div class="dx-field-value cw-multi-field-value-multiple" data-bind="dxButton: { text: '@search', icon: 'search', clickAction: $data.viewModel.buttonSearchFacility }"></div>
- </div>
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field-label cw-multi-field-label">@facilityClass</div>
- <!-- ko if: $data.viewModel.isEditModeInPopup -->
- <div class="dx-field-value cw-multi-field-value" data-bind="dxSelectBox: {
- dataSource: $data.viewModel.facilityClasses[0],
- displayExpr: 'Name' ,
- valueExpr: 'FacilityClassId' ,
- valueChangeAction: $data.viewModel.handleSelectBoxChangeFirstClass,
- value: $data.viewModel.dataModel.FirstClassId
- }"></div>
- <div class="dx-field-value cw-multi-field-value" data-bind="dxSelectBox: {
- dataSource: $data.viewModel.facilityClasses[1],
- displayExpr: 'Name' ,
- valueExpr: 'FacilityClassId' ,
- valueChangeAction: $data.viewModel.handleSelectBoxChangeSecondClass,
- value: $data.viewModel.dataModel.SecondClassId
- }"></div>
- <div class="dx-field-value cw-multi-field-value" data-bind="dxSelectBox: {
- dataSource: $data.viewModel.facilityClasses[2],
- displayExpr: 'Name' ,
- valueExpr: 'FacilityClassId' ,
- value: $data.viewModel.dataModel.ThirdClassId
- }"></div>
- <!-- /ko -->
- </div>
- <!-- /ko -->
- <!-- ko ifnot: $data.viewModel.isEditModeInPopup -->
- <div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left facility_image_wrap">
- <div class="facility_image"><img style="width: 100%; height: 100%" data-bind="attr: { src: $data.imagefileUrl }" /></div>
- </div>
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityParent</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.viewModel.dataModel.ParentFacilityName"></div>
- </div>
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityName</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup },text: $data.viewModel.dataModel.Name"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.Name }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityNickname</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup },text: $data.viewModel.dataModel.Nickname"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.Nickname }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityUsage</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.viewModel.dataModel.FacilityUsage"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.FacilityUsage }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityManufacturer</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.viewModel.dataModel.Manufacturer"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.Manufacturer }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityManufactureDate</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $G.date( $data.viewModel.dataModel.ManufactureDate() )"></div>
- <div class="dx-field-value" data-bind="dxDateBox: { value: $data.viewModel.dataModel.ManufactureDate, format: 'date' }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- </div>
- <!-- /ko -->
- <!-- div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityRfid</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.viewModel.dataModel.Rfid"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.Rfid }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- </div-->
- <!-- ko ifnot: $data.viewModel.isEditModeInPopup -->
- <div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityClass</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.viewModel.dataModel.ClassName"></div>
- </div>
- </div>
- <!-- /ko -->
- <div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityCapacity</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.viewModel.dataModel.FacilityCapacity"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.FacilityCapacity }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityRfid</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.viewModel.dataModel.Rfid"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.Rfid }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@ratedPowerConsumption</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.viewModel.dataModel.RatedPowerConsumption"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.RatedPowerConsumption }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">@ratedCOP</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.viewModel.dataModel.RatedCOP"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.RatedCOP }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityManufactureSerial</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.viewModel.dataModel.ManufactureSerial"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.ManufactureSerial }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityManufactureModel</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.viewModel.dataModel.ManufactureModel"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.ManufactureModel }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@facilitySupplier</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.viewModel.dataModel.Supplier"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.Supplier }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">@facilitySupplierPhoneNo</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.viewModel.dataModel.SupplierPhoneNo"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.SupplierPhoneNo }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field-label cw-multi-field-label">@facilityInstallLocation</div>
- <!-- ko ifnot: $data.viewModel.isEditModeInPopup -->
- <div class="dx-field-value cw-multi-field-value" data-bind="text: $data.viewModel.dataModel.BuildingName() + ' ' + $data.viewModel.dataModel.FloorName() + ' ' + $data.viewModel.dataModel.ZoneName()"></div>
- <!-- /ko -->
- <!-- ko if: $data.viewModel.isEditModeInPopup -->
- <div class="dx-field-value cw-multi-field-value" data-bind="dxSelectBox: {
- dataSource: $data.viewModel.buildings,
- displayExpr: 'Name' ,
- valueExpr: 'BuildingId' ,
- valueChangeAction: $data.viewModel.handleSelectBoxChangeBuilding,
- value: $data.viewModel.dataModel.BuildingId
- }"></div>
- <div class="dx-field-value cw-multi-field-value" data-bind="dxSelectBox: {
- dataSource: $data.viewModel.floors,
- displayExpr: 'Name' ,
- valueExpr: 'FloorId' ,
- valueChangeAction: $data.viewModel.handleSelectBoxChangeFloor,
- value: $data.viewModel.dataModel.FloorId
- }"></div>
- <div class="dx-field-value cw-multi-field-value" data-bind="dxSelectBox: {
- dataSource: $data.viewModel.zones,
- displayExpr: 'Name' ,
- valueExpr: 'ZoneId' ,
- value: $data.viewModel.dataModel.ZoneId
- }"></div>
- <!-- /ko -->
- </div>
- <div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityInstallDate</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $G.date( $data.viewModel.dataModel.InstallDate() )"></div>
- <div class="dx-field-value" data-bind="dxDateBox: { value: $data.viewModel.dataModel.InstallDate, format: 'date' }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityOperationStartDate</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $G.date( $data.viewModel.dataModel.OperationStartDate() )"></div>
- <div class="dx-field-value" data-bind="dxDateBox: { value: $data.viewModel.dataModel.OperationStartDate, format: 'date' }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityMainContactorUserName</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.viewModel.dataModel.MainContactorUserName"></div>
- <div class="dx-field-value user_bind_input" data-bind="dxTextBox: { value: $data.viewModel.dataModel.MainContactorUserName, readOnly: true }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>
- <div class="dx-field-value cw-multi-field-value-multiple" data-bind="dxButton: { icon: 'search', clickAction: $data.viewModel.buttonSearchMainContactorUser }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">@facilitySubContactorUserName</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.viewModel.dataModel.SubContactorUserName"></div>
- <div class="dx-field-value user_bind_input" data-bind="dxTextBox: { value: $data.viewModel.dataModel.SubContactorUserName, readOnly: true }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>
- <div class="dx-field-value cw-multi-field-value-multiple" data-bind="dxButton: { icon: 'search', clickAction: $data.viewModel.buttonSearchSubContactorUser }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityCost</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $G.money( $data.viewModel.dataModel.FacilityCost() )"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.FacilityCost }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">@facilityCount</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $G.count( $data.viewModel.dataModel.FacilityCount() )"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: $data.viewModel.dataModel.FacilityCount }, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup() == false }"></div>
- </div>
- </div>
- </div>
- </div>
- <div data-options="dxTemplate: { name: 'workOrderHistory' }">
- <div id="workOrderHistoryDataGrid" data-bind="dxDataGrid: $data.dataGridOptions"></div>
- </div>
- <div data-options="dxTemplate: { name: 'childFacilities' }">
- <div id="childFacilitiesDataGrid" data-bind="dxDataGrid: $data.dataGridOptions"></div>
- </div>
- <div data-options="dxTemplate: { name: 'checkItems' }">
- <div id="checkItemDataGrid" data-bind="dxDataGrid: $data.dataGridOptions"></div>
- <div class="dx-field">
- <div class="dx-field-value" data-bind="dxButton: { text: '@delete', icon: 'remove', clickAction: $data.handleButtonDelete }"></div>
- <div class="dx-field-value" data-bind="dxButton: { text: '@insert', icon: 'save', clickAction: $data.handleButtonInsert }"></div>
- </div>
- </div>
- <div data-options="dxTemplate: { name: 'legalCheckItems' }">
- <div id="legalCheckItemDataGrid" data-bind="dxDataGrid: $data.dataGridOptions"></div>
- <div class="dx-field">
- <div class="dx-field-value" data-bind="dxButton: { text: '@delete', icon: 'remove', clickAction: $data.handleButtonDelete }"></div>
- <div class="dx-field-value" data-bind="dxButton: { text: '@insert', icon: 'save', clickAction: $data.handleButtonInsert }"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
|