43b7ffde346109b007fd39044aad723278cc6157.svn-base 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  1. <div data-options="dxView : { name: 'UserPopup' } ">
  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: $NameInStore( positionDataSource(), 'PositionId', dataModel.PositionId(), 'Name' )"></div>
  30. <!-- ko if: isEditModeInPopup -->
  31. <div class="dx-field-value" data-bind="dxSelectBox: {
  32. dataSource: positionDataSource,
  33. displayExpr: 'Name' ,
  34. valueExpr: 'PositionId' ,
  35. value: dataModel.PositionId
  36. }"></div>
  37. <!-- /ko -->
  38. </div>
  39. </div>
  40. <div class="dx-field cw-multi-field">
  41. <div class="dx-field cw-multi-field-left">
  42. <div class="dx-field-label cw-multi-field-label-ex">@userCompany (*)</div>
  43. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.CompanyName()"></div>
  44. <!-- ko if: isEditModeInPopup -->
  45. <div class="dx-field-value" data-bind="dxSelectBox: {
  46. dataSource: companyDataSource,
  47. displayExpr: 'Name' ,
  48. valueExpr: 'CompanyId' ,
  49. valueChangeAction: handleSelectBoxChangeCompanyInPopup,
  50. value: dataModel.CompanyId
  51. }"></div>
  52. <!-- /ko -->
  53. </div>
  54. <div class="dx-field cw-multi-field-right">
  55. <div class="dx-field-label cw-multi-field-label-ex">@userDepartment (*)</div>
  56. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.DepartmentName()"></div>
  57. <!-- ko if: isEditModeInPopup -->
  58. <div class="dx-field-value" data-bind="dxSelectBox: {
  59. dataSource: departmentDataSource,
  60. displayExpr: 'Name' ,
  61. valueExpr: 'DepartmentId' ,
  62. value: dataModel.DepartmentId
  63. }"></div>
  64. <!-- /ko -->
  65. </div>
  66. </div>
  67. <div class="dx-field cw-multi-field">
  68. <div class="dx-field cw-multi-field-left">
  69. <div class="dx-field-label cw-multi-field-label-ex">@businessField (*)</div>
  70. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.BusinessFieldName()"></div>
  71. <!-- ko if: isEditModeInPopup -->
  72. <div class="dx-field-value" data-bind="dxSelectBox: {
  73. dataSource: businessFieldDataSource,
  74. displayExpr: 'Name' ,
  75. valueExpr: 'BusinessFieldId' ,
  76. value: dataModel.BusinessFieldId
  77. }"></div>
  78. <!-- /ko -->
  79. </div>
  80. <div class="dx-field cw-multi-field-right">
  81. <div class="dx-field-label cw-multi-field-label-ex">@permission (*)</div>
  82. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.UserGroupName()"></div>
  83. <!-- ko if: isEditModeInPopup -->
  84. <div class="dx-field-value" data-bind="dxSelectBox: {
  85. dataSource: userGroupDataSource,
  86. displayExpr: 'Name' ,
  87. valueExpr: 'UserGroupId' ,
  88. value: dataModel.UserGroupId
  89. }"></div>
  90. <!-- /ko -->
  91. </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">@userEmploymentType</div>
  96. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $Name( employmentTypeNames, dataModel.EmploymentType() )"></div>
  97. <!-- ko if: isEditModeInPopup -->
  98. <div class="dx-field-value" data-bind="dxSelectBox: {
  99. dataSource: $G.EmploymentTypeNames,
  100. displayExpr: 'Name' ,
  101. valueExpr: 'Id' ,
  102. value: dataModel.EmploymentType
  103. }"></div>
  104. <!-- /ko -->
  105. </div>
  106. <div class="dx-field cw-multi-field-right">
  107. <div class="dx-field-label cw-multi-field-label-ex">@userEmploymentStatus</div>
  108. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $Name( employmentStatusNames, dataModel.EmploymentStatus() )"></div>
  109. <!-- ko if: isEditModeInPopup -->
  110. <div class="dx-field-value" data-bind="dxSelectBox: {
  111. dataSource: $G.EmploymentStatusNames,
  112. displayExpr: 'Name' ,
  113. valueExpr: 'Id' ,
  114. value: dataModel.EmploymentStatus
  115. }"></div>
  116. <!-- /ko -->
  117. </div>
  118. </div>
  119. <div class="dx-field cw-multi-field">
  120. <div class="dx-field cw-multi-field-left">
  121. <div class="dx-field-label cw-multi-field-label-ex">@userMobilePhoneNo</div>
  122. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.MobilePhoneNo"></div>
  123. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.MobilePhoneNo, mode: 'tel', placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  124. </div>
  125. <div class="dx-field cw-multi-field-right">
  126. <div class="dx-field-label cw-multi-field-label-ex">@userOfficePhoneNo</div>
  127. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.OfficePhoneNo"></div>
  128. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.OfficePhoneNo, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  129. </div>
  130. </div>
  131. <div class="dx-field cw-multi-field-merge">
  132. <div class="dx-field-label cw-multi-field-label-ex">@userEmail</div>
  133. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Email"></div>
  134. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.Email, mode: 'email', placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  135. </div>
  136. <div class="dx-field cw-multi-field">
  137. <div class="dx-field cw-multi-field-left">
  138. <div class="dx-field-label cw-multi-field-label-ex">@userEnterDate</div>
  139. <!--jks-2015-12-24 달력아이콘 위치 수정-->
  140. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.date( dataModel.EnterDate())"></div>
  141. <div class="dx-field-value dxDateBox_IconLocation" data-bind="dxDateBox: { value: dataModel.EnterDate, format: 'date' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  142. </div>
  143. <div class="dx-field cw-multi-field-right">
  144. <div class="dx-field-label cw-multi-field-label-ex">@userRetireDate</div>
  145. <!--jks-2015-12-24 달력아이콘 위치 수정-->
  146. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.date( dataModel.RetireDate())"></div>
  147. <!-- <div class="dx-field-value dxDateBox_IconLocation" data-bind="dxDateBox: { value: dataModel.RetireDate, format: 'date', min: dataModel.EnterDate }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>-->
  148. <div id="enddate" class="dx-field-value dxDateBox_IconLocation" data-bind="dxDateBox: { value: dataModel.RetireDate, format: 'date' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  149. </div>
  150. </div>
  151. <div class="dx-field cw-multi-field-merge">
  152. <div class="dx-field-label cw-multi-field-label-ex">자격증</div>
  153. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup } , text: dataModel.Certificated"></div>
  154. <!-- jks-2016-01-04 넓이168px로 맞추기 -->
  155. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.Certificated }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  156. </div>
  157. <div class="dx-field cw-multi-field-merge">
  158. <div class="dx-field-label cw-multi-field-label-ex">제어스케줄담당자</div>
  159. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.IsScheduleUser() )"></div>
  160. <!-- ko if: isEditModeInPopup -->
  161. <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.IsScheduleUser, onText: $G('yes'), offText: $G('no') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  162. <!-- /ko -->
  163. </div>
  164. <div class="dx-field cw-multi-field-merge">
  165. <div class="dx-field-label cw-multi-field-label-ex">SI 접근 권한</div>
  166. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.IsSI() )"></div>
  167. <!-- ko if: isEditModeInPopup -->
  168. <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.IsSI, onText: $G('yes'), offText: $G('no') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  169. <!-- /ko -->
  170. </div>
  171. <div class="dx-field cw-multi-field-merge">
  172. <div class="dx-field-label cw-multi-field-label-ex">모바일 접근 권한</div>
  173. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.isUse( dataModel.IsMobile() )"></div>
  174. <!-- ko if: isEditModeInPopup -->
  175. <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.IsMobile, onText: $G('yes'), offText: $G('no') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  176. <!-- /ko -->
  177. </div>
  178. <div class="result_popup_table_wrap" style="border:0; padding:0 0 10px 0">
  179. <table>
  180. <caption class="skip">비고</caption>
  181. <tbody>
  182. <tr>
  183. <td class="result_item result_item_var minimal_height">비고</td>
  184. </tr>
  185. <tr>
  186. <td class="result_con">
  187. <div class="dx-field-value cw-wordwrap" style="height: 100px;" data-bind="text: dataModel.Comment, css: {'dx-state-invisible': isEditModeInPopup }"></div>
  188. <!--jks-2015-12-24 내용 입력 영역 확대100%-->
  189. <div class="dx-field-value dxTextArea_InputArea" data-bind="dxTextArea: { value: dataModel.Comment , height: 100 }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
  190. </td>
  191. </tr>
  192. </tbody>
  193. </table>
  194. </div>
  195. <!--<div class="dx-field">
  196. <div class="dx-field-label">Image filename</div>
  197. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.ImageFilename"></div>
  198. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.ImageFilename, placeholder: '' }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  199. </div>-->
  200. </div>
  201. </div>
  202. </div>
  203. </div>
  204. </div>