123456789101112131415161718192021222324252627282930313233343536373839 |
- <div data-options="dxView : { name: 'FloorPlanPopup', title: 'floor_plan-popup' } ">
- <div data-bind="dxPopup: popupOptions_floorplan ">
- <div class="dx-clearfix" data-options="dxTemplate: { name: 'title' } " style="margin-top: 0px;">
- <div data-bind="dxToolbar: { dataSource: floorplanPopupToolbarItems }"></div>
- </div>
- <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' }">
- <br>
- <div id="popupDetail">
- <div class="dx-field cw-multi-field" style="background-color: white; margin-top: 0px">
- <div class="dx-field-value" style="float: left; width:450px; margin-top:0px"> * 이미지 최대 크기는 가로 748px X 세로 680px 으로 제한됩니다.</div>
- <div class="dx-field-value" style="float: right;" data-bind="css:{'dx-state-invisible': !isNewInPopup()}">층 선택 : </div>
- <div class="dx-field-value" style="float: right;" data-bind="css:{'dx-state-invisible': isNewInPopup()}">층 명칭 : </div>
- <div class="dx-field-value" style="float: right; margin-right:0px" data-bind="text: dataModel.Name(), css: {'dx-state-invisible': isNewInPopup() && enableDataBoxInPopup()}"></div>
- <div class="dx-field-value" style="float: right;" id="Floor_Info" data-bind="dxSelectBox: {
- disabled: !isNewInPopup(),
- visible: isNewInPopup(),
- dataSource: FloorInPopUp,
- displayExpr: 'Name' ,
- valueExpr: 'FloorId' ,
- value: dataModel.FloorId
- }"></div>
- </div>
- <div class="dx-field cw-multi-field" style="background-color: #fafafa">
- <form class="dropzone" id="FloorPlanDropZone" style="width: 100%; height: 680px" data-bind="css: {'dx-state-invisible': !isImageUpload()}"></form>
- <div id="viewIndoor" style="width:100%; height: 680px; display: table;" data-bind="css: {'dx-state-invisible': isImageUpload()}">
- <div style="display: table-cell; text-align: center; vertical-align: middle; ">
- <svg id="imageContext">
- <image id="image" preserveAspectRatio="none" style="width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0;"></image>
- </svg>
- </div>
- </div>
- <form class="dropzone" id="FloorPlanDropZone1" data-bind="css: {'dx-state-invisible':true }"></form><!--2019-10-14 변경-->
- </div>
- </div>
- </div>
- </div>
- </div>
|