10d0c2d5cbfb9a27116e06b4f39ca81b29c2cabe.svn-base 2.1 KB

123456789101112131415161718192021222324252627282930313233
  1. <div data-options="dxView : { name: 'MaterialCodeClassPopup' } ">
  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: toolbarItems }"></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">
  9. <div class="dx-field">
  10. <div class="dx-field-label">@abbreviation</div>
  11. <div class="dx-field-value" data-bind="text: dataModel.Abbreviation, css: { 'dx-state-invisible': isEditModeInPopup }"></div>
  12. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.Abbreviation, placeholder: '' }, css: { 'dx-state-invisible': !isEditModeInPopup() }"></div>
  13. </div>
  14. <div class="dx-field">
  15. <div class="dx-field-label">@className</div>
  16. <div class="dx-field-value" data-bind="text: dataModel.Name(), css: {'dx-state-invisible': isEditModeInPopup }"></div>
  17. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.Name, placeholder: '' }, css: { 'dx-state-invisible': !isEditModeInPopup() }"></div>
  18. </div>
  19. <!-- ko if: isClass3 -->
  20. <div class="dx-field">
  21. <div class="dx-field-label">@isUse</div>
  22. <div class="dx-field-value" data-bind="text: $G.isUse(dataModel.IsUse()), css: {'dx-state-invisible': isEditModeInPopup }"></div>
  23. <!-- ko if: isEditModeInPopup -->
  24. <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.IsUse, placeholder: '사용 여부' }, css: { 'dx-state-invisible': !isEditModeInPopup() }"></div>
  25. <!-- /ko -->
  26. </div>
  27. <!-- /ko -->
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. </div>