123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499 |
- <div data-options="dxView : { name: 'SetChartPopup' } ">
- <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 class="dx-fieldset">
- <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">설비타입 (*)</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( facilityTypes(), 'FacilityTypeId', dataModel.FacilityTypeId(), 'Name' )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: !isNewInPopup(),
- dataSource: facilityTypes,
- displayExpr: 'Name' ,
- valueExpr: 'FacilityTypeId' ,
- valueChangeAction: handleSelectBoxChangeFacilityType,
- value: dataModel.FacilityTypeId}">
- </div>
- <!-- /ko -->
- </div>
- <div class="dx-field cw-multi-field-left">
- <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.Title"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.Title, placeholder: '타이틀' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field cw-field-50_50" style="width:100%;">
- <div class="dx-field cw-multi-field-left" style="width:62.8%;">
- <div class="dx-field-label cw-multi-field-label-ex">차트ID (*)</div>
- <div class="dx-field-value" style="width:150px;" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.ChartId"></div>
- <div class="dx-field-value" style="width:90px; height:27px" data-bind="dxNumberBox: {showSpinButtons: true, max:1000, min:1, value: dataModel.ChartId, disabled: !isNewInPopup() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right" style="width:37.2%;">
- <div class="dx-field-label cw-multi-field-label-ex" style="width:90px !important;">차트 사용</div>
- <div class="dx-field-value" style="width:80px;" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.UseChart() )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" style="width:85px" data-bind="dxSwitch: { value: dataModel.UseChart, onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- <!-- /ko -->
- </div>
- </div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <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.Palette"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- items:palettes,
- value:dataModel.Palette }">
- </div>
- <!-- /ko -->
- </div>
- </div>
- <div class="chart_set_sub_title">* 좌 Y축 설정</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">Y축 타이틀 (*)</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LAxTitle"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.LAxTitle, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">Y축 최대최소값</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.UseLAxMinMax() )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.UseLAxMinMax, onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- <!-- /ko -->
- </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">Y축 최소값</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LAxMin"></div>
- <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.LAxMin, placeholder: '',disabled: !dataModel.UseLAxMinMax() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">Y축 최대값</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LAxMax"></div>
- <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.LAxMax, placeholder: '', disabled: !dataModel.UseLAxMinMax() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- </div>
- <div class="dx-field cw-field-3">
- <div class="dx-field cw-field-50_50" style="width:31.6%;">
- <div class="dx-field-label cw-multi-field-label-ex">기준선 사용</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.UseLCTLine() )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.UseLCTLine, onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- <!-- /ko -->
- </div>
- <div class="dx-field cw-field-50_50" style="width:31.8%;">
- <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.LCTLineTitle"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.LCTLineTitle, placeholder: '', disabled: !dataModel.UseLCTLine() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-field-50_50" style="width:33%;">
- <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.LCTLineValue"></div>
- <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.LCTLineValue, placeholder: '', disabled: !(dataModel.UseLCTLine()) }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- </div>
- <div class="dx-field cw-field-3">
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목1(*)</div>
- <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.LSFmId1(), 'Name' )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- dataSource: formulaListByFacilityType,
- displayExpr: 'Name' ,
- valueExpr: 'FormulaId' ,
- value: dataModel.LSFmId1}">
- </div>
- <!-- /ko -->
- </div>
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목1 표시명(*)</div>
- <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LSName1"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.LSName1, placeholder: '', }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목1 차트타입(*)</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LSType1"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- items:chartTypes,
- value:dataModel.LSType1 }">
- </div>
- <!-- /ko -->
- </div>
- </div>
- <div class="dx-field cw-field-3">
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목2</div>
- <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.LSFmId2(), 'Name' )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: dataModel.UseX(),
- dataSource: formulaListByFacilityType,
- displayExpr: 'Name' ,
- valueExpr: 'FormulaId' ,
- value: dataModel.LSFmId2}">
- </div>
- <!-- /ko -->
- </div>
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목2 표시명</div>
- <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LSName2"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.LSName2, placeholder: '', disabled: dataModel.UseX(), }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목2 차트타입</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LSType2"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: dataModel.UseX(),
- items:chartTypes,
- value:dataModel.LSType2 }">
- </div>
- <!-- /ko -->
- </div>
- </div>
- <div class="dx-field cw-field-3">
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목3</div>
- <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.LSFmId3(), 'Name' )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: dataModel.UseX(),
- dataSource: formulaListByFacilityType,
- displayExpr: 'Name' ,
- valueExpr: 'FormulaId' ,
- value: dataModel.LSFmId3}">
- </div>
- <!-- /ko -->
- </div>
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목3 표시명</div>
- <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LSName3"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.LSName3, placeholder: '', disabled: dataModel.UseX(),}, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목3 차트타입</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LSType3"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: dataModel.UseX(),
- items:chartTypes,
- value:dataModel.LSType3 }">
- </div>
- <!-- /ko -->
- </div>
- </div>
- <div class="dx-field cw-field-3">
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목4</div>
- <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.LSFmId4(), 'Name' )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: dataModel.UseX(),
- dataSource: formulaListByFacilityType,
- displayExpr: 'Name' ,
- valueExpr: 'FormulaId' ,
- value: dataModel.LSFmId4}">
- </div>
- <!-- /ko -->
- </div>
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목4 표시명</div>
- <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LSName4"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.LSName4, placeholder: '', disabled: dataModel.UseX(),}, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목4 차트타입</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.LSType4"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: dataModel.UseX(),
- items:chartTypes,
- value:dataModel.LSType4 }">
- </div>
- <!-- /ko -->
- </div>
- </div>
- <div class="chart_set_sub_title">* 우 Y축 설정</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">우Y축 타이틀</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RAxTitle"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.RAxTitle, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">우Y축 최대최소값</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.UseRAxMinMax() )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.UseRAxMinMax, onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- <!-- /ko -->
- </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">우Y축 최소값</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RAxMin"></div>
- <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.RAxMin, placeholder: '',disabled: !dataModel.UseRAxMinMax() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">우Y축 최대값</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RAxMax"></div>
- <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.RAxMax, placeholder: '', disabled: !dataModel.UseRAxMinMax() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- </div>
- <div class="dx-field cw-field-3">
- <div class="dx-field cw-field-50_50" style="width:31.6%;">
- <div class="dx-field-label cw-multi-field-label-ex">기준선 사용</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.UseRCTLine() )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.UseRCTLine, disabled: dataModel.UseX(), onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- <!-- /ko -->
- </div>
- <div class="dx-field cw-field-50_50" style="width:31.8%;">
- <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.RCTLineTitle"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.RCTLineTitle, placeholder: '', disabled: (dataModel.UseX() || !dataModel.UseRCTLine() ) }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-field-50_50" style="width:33%;">
- <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.RCTLineValue"></div>
- <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.RCTLineValue, placeholder: '', disabled: (dataModel.UseX() || !dataModel.UseRCTLine()) }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- </div>
- <div class="dx-field cw-field-3">
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목1</div>
- <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.RSFmId1(), 'Name' )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: dataModel.UseX(),
- dataSource: formulaListByFacilityType,
- displayExpr: 'Name' ,
- valueExpr: 'FormulaId' ,
- value: dataModel.RSFmId1}">
- </div>
- <!-- /ko -->
- </div>
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목1 표시명</div>
- <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RSName1"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.RSName1, placeholder: '', disabled: dataModel.UseX(), }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목1 차트타입</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RSType1"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: dataModel.UseX(),
- items:chartTypes,
- value:dataModel.RSType1 }">
- </div>
- <!-- /ko -->
- </div>
- </div>
- <div class="dx-field cw-field-3">
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목2</div>
- <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.RSFmId2(), 'Name' )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: dataModel.UseX(),
- dataSource: formulaListByFacilityType,
- displayExpr: 'Name' ,
- valueExpr: 'FormulaId' ,
- value: dataModel.RSFmId2}">
- </div>
- <!-- /ko -->
- </div>
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목2 표시명</div>
- <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RSName2"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.RSName2, placeholder: '', disabled: dataModel.UseX(), }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목2 차트타입</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RSType2"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: dataModel.UseX(),
- items:chartTypes,
- value:dataModel.RSType2 }">
- </div>
- <!-- /ko -->
- </div>
- </div>
- <div class="dx-field cw-field-3">
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목3</div>
- <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.RSFmId3(), 'Name' )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: dataModel.UseX(),
- dataSource: formulaListByFacilityType,
- displayExpr: 'Name' ,
- valueExpr: 'FormulaId' ,
- value: dataModel.RSFmId3}">
- </div>
- <!-- /ko -->
- </div>
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목3 표시명</div>
- <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RSName3"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.RSName3, placeholder: '', disabled: dataModel.UseX() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목3 차트타입</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RSType3"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: dataModel.UseX(),
- items:chartTypes,
- value:dataModel.RSType3 }">
- </div>
- <!-- /ko -->
- </div>
- </div>
- <div class="dx-field cw-field-3">
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목4</div>
- <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.RSFmId4(), 'Name' )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: dataModel.UseX(),
- dataSource: formulaListByFacilityType,
- displayExpr: 'Name' ,
- valueExpr: 'FormulaId' ,
- value: dataModel.RSFmId4}">
- </div>
- <!-- /ko -->
- </div>
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목4 표시명</div>
- <div class="dx-field-value" style="width:163px" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RSName4"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.RSName4, placeholder: '', disabled: dataModel.UseX() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-field-50_50">
- <div class="dx-field-label cw-multi-field-label-ex">항목4 차트타입</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.RSType4"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: dataModel.UseX(),
- items:chartTypes,
- value:dataModel.RSType4 }">
- </div>
- <!-- /ko -->
- </div>
- </div>
- <div class="chart_set_sub_title">* X축 값 설정</div>
- <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">X축 값 사용</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.UseX() )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.UseX, onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- <!-- /ko -->
- </div>
- <div class="dx-field cw-multi-field-left">
- </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">X축 타이틀</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.XAxTitle"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.XAxTitle, placeholder: '', disabled: !dataModel.UseX() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">X축 최대최소값</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.UseXAxMinMax() )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.UseXAxMinMax, onText: $G('use'), offText: $G('nonUse'), disabled: !dataModel.UseX() }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- <!-- /ko -->
- </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">X축 최소값</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.XAxMin"></div>
- <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.XAxMin, placeholder: '',disabled: !(dataModel.UseXAxMinMax() && dataModel.UseX()) }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">X축 최대값</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.XAxMax"></div>
- <div class="dx-field-value" data-bind="dxNumberBox: { value: dataModel.XAxMax, placeholder: '', disabled: !(dataModel.UseXAxMinMax() && dataModel.UseX()) }, css: {'dx-state-invisible': 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">항목</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $NameInStore( formulaListByFacilityType(), 'FormulaId', dataModel.XSFmId(), 'Name' )"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: !dataModel.UseX(),
- dataSource: formulaListByFacilityType,
- displayExpr: 'Name' ,
- valueExpr: 'FormulaId' ,
- value: dataModel.XSFmId}">
- </div>
- <!-- /ko -->
- </div>
- <div class="dx-field cw-multi-field-right">
- <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.XSType"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: !dataModel.UseX(),
- items:chartTypes,
- value:dataModel.XSType }">
- </div>
- <!-- /ko -->
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
|