55e4a2ca0070045bc837766a39ab8a0e8dcf97c0.svn-base 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. <div data-options="dxView : { name: 'UserLoginPopup'} ">
  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">
  8. <div class="dx-fieldset" data-bind="dxScrollView: { }">
  9. <div class="dx-field cw-multi-field">
  10. <div class="dx-field cw-multi-field-left">
  11. <div class="dx-field-label cw-multi-field-label-ex">@userId (*)</div>
  12. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isNewInPopup() }, text: dataModel.UserId"></div>
  13. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.UserId, placeholder: '아이디' }, css: {'dx-state-invisible': isNewInPopup() == false }"></div>
  14. </div>
  15. <div class="dx-field cw-multi-field-right">
  16. <div class="dx-field-label cw-multi-field-label-ex">@userPassword (*)</div>
  17. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: '********'"></div>
  18. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.Passwd, mode: 'password' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  19. </div>
  20. </div>
  21. <div class="dx-field cw-multi-field">
  22. <div class="dx-field cw-multi-field-left">
  23. <div class="dx-field-label cw-multi-field-label-ex">@userName (*)</div>
  24. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Name"></div>
  25. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.Name, onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  26. </div>
  27. <div class="dx-field cw-multi-field-right">
  28. <div class="dx-field-label cw-multi-field-label-ex">@userPosition (*)</div>
  29. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.PositionName"></div>
  30. <!-- ko if: isEditModeInPopup -->
  31. <!-- /ko -->
  32. </div>
  33. </div>
  34. <div class="dx-field cw-multi-field">
  35. <div class="dx-field cw-multi-field-left">
  36. <div class="dx-field-label cw-multi-field-label-ex">@userCompany (*)</div>
  37. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.CompanyName"></div>
  38. <!-- ko if: isEditModeInPopup -->
  39. <!-- /ko -->
  40. </div>
  41. <div class="dx-field cw-multi-field-right">
  42. <div class="dx-field-label cw-multi-field-label-ex">@userDepartment (*)</div>
  43. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.DepartmentName"></div>
  44. <!-- ko if: isEditModeInPopup -->
  45. <!-- /ko -->
  46. </div>
  47. </div>
  48. <div class="dx-field cw-multi-field">
  49. <div class="dx-field cw-multi-field-left">
  50. <div class="dx-field-label cw-multi-field-label-ex">@businessField (*)</div>
  51. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.BusinessFieldName"></div>
  52. <!-- ko if: isEditModeInPopup -->
  53. <!-- /ko -->
  54. </div>
  55. <div class="dx-field cw-multi-field-right">
  56. <div class="dx-field-label cw-multi-field-label-ex">@permission (*)</div>
  57. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.UserGroupName"></div>
  58. <!-- ko if: isEditModeInPopup -->
  59. <!-- /ko -->
  60. </div>
  61. </div>
  62. <div class="dx-field cw-multi-field">
  63. <div class="dx-field cw-multi-field-left">
  64. <div class="dx-field-label cw-multi-field-label-ex">@userEmploymentType</div>
  65. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $Name( employmentTypeNames, dataModel.EmploymentType() )"></div>
  66. <!-- ko if: isEditModeInPopup -->
  67. <!-- /ko -->
  68. </div>
  69. <div class="dx-field cw-multi-field-right">
  70. <div class="dx-field-label cw-multi-field-label-ex">@userEmploymentStatus</div>
  71. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $Name( employmentStatusNames, dataModel.EmploymentStatus() )"></div>
  72. <!-- ko if: isEditModeInPopup -->
  73. <!-- /ko -->
  74. </div>
  75. </div>
  76. <div class="dx-field cw-multi-field">
  77. <div class="dx-field cw-multi-field-left">
  78. <div class="dx-field-label cw-multi-field-label-ex">@userMobilePhoneNo</div>
  79. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.MobilePhoneNo"></div>
  80. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.MobilePhoneNo, mode: 'tel', placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  81. </div>
  82. <div class="dx-field cw-multi-field-right">
  83. <div class="dx-field-label cw-multi-field-label-ex">@userOfficePhoneNo</div>
  84. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.OfficePhoneNo"></div>
  85. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.OfficePhoneNo, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  86. </div>
  87. </div>
  88. <div class="dx-field cw-multi-field-merge">
  89. <div class="dx-field-label cw-multi-field-label-ex">@userEmail</div>
  90. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Email"></div>
  91. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.Email, mode: 'email', placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  92. </div>
  93. <div class="dx-field cw-multi-field">
  94. <div class="dx-field cw-multi-field-left">
  95. <div class="dx-field-label cw-multi-field-label-ex">@userEnterDate</div>
  96. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.date( dataModel.EnterDate())"></div>
  97. <div class="dx-field-value" data-bind="dxDateBox: { value: dataModel.EnterDate, format: 'date' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  98. </div>
  99. <div class="dx-field cw-multi-field-right">
  100. <div class="dx-field-label cw-multi-field-label-ex">@userRetireDate</div>
  101. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.date( dataModel.RetireDate())"></div>
  102. <div class="dx-field-value" data-bind="dxDateBox: { value: dataModel.RetireDate, format: 'date' , min: dataModel.EnterDate }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  103. </div>
  104. </div>
  105. <div class="dx-field cw-multi-field-merge">
  106. <div class="dx-field-label cw-multi-field-label-ex">자격증</div>
  107. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup } , text: dataModel.Certificated"></div>
  108. <div class="dx-field-value" style="width: 450px;" data-bind="dxTextBox: { value: dataModel.Certificated }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  109. </div>
  110. <div class="dx-field cw-multi-field-merge">
  111. <div class="dx-field-label cw-multi-field-label-ex">제어스케줄담당자</div>
  112. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.IsScheduleUser() )"></div>
  113. <!-- ko if: isEditModeInPopup -->
  114. <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.IsScheduleUser, onText: $G('yes'), offText: $G('no') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  115. <!-- /ko -->
  116. </div>
  117. <div class="result_popup_table_wrap" style="border:0; padding:0 0 10px 0">
  118. <table>
  119. <caption class="skip">비고</caption>
  120. <tbody>
  121. <tr>
  122. <td class="result_item result_item_var minimal_height">비고</td>
  123. </tr>
  124. <tr>
  125. <td class="result_con">
  126. <div class="dx-field-value cw-wordwrap" style="height: 100px;" data-bind="text: dataModel.Comment, css: {'dx-state-invisible': isEditModeInPopup }"></div>
  127. <div class="dx-field-value" data-bind="dxTextArea: { value: dataModel.Comment , height: 100 }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
  128. </td>
  129. </tr>
  130. </tbody>
  131. </table>
  132. </div>
  133. <!--<div class="dx-field">
  134. <div class="dx-field-label">Image filename</div>
  135. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.ImageFilename"></div>
  136. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.ImageFilename, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  137. </div>-->
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>