You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

90 lines
4.3 KiB

2 years ago
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title></title>
  6. <style>
  7. .outer {
  8. background-color:coral;
  9. }
  10. </style>
  11. </head>
  12. <body>
  13. <div class="row popsrow">
  14. <label class="col-sm-3 control-label wright" for="input-Default"><span data-i18n="common.UserGroupsClass">分組</span></label>
  15. <div class="col-sm-8">
  16. <select class="form-control" id="ProfileClass"></select>
  17. </div>
  18. </div>
  19. <div class="row popsrow">
  20. <label class="col-sm-3 control-label wright" for="input-Default"><span data-i18n="common.UserGroupsClassName">分組名稱</span></label>
  21. <div class="col-sm-8">
  22. <div class="input-group">
  23. <input type="text" class="form-control w100p" id="ProfileName" maxlength="100">
  24. <div class="input-group-btn">
  25. <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
  26. <span data-i18n="common.Action">操作</span> <span class="caret"></span>
  27. </button>
  28. <ul class="dropdown-menu dropdown-menu-right" role="menu">
  29. <li><a class="cusclass-add btn btn-info" data-i18n="common.Toolbar_Add">新增</a></li>
  30. <li><a class="cusclass-upd btn btn-primary" data-i18n="common.Toolbar_Upd">修改</a></li>
  31. <li><a class="cusclass-del btn btn-danger" data-i18n="common.Toolbar_Del">刪除</a></li>
  32. </ul>
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37. <div class="row popsrow">
  38. <label class="col-sm-3 control-label wright" for="input-Default"><span data-i18n="common.Filter">過濾</span></label>
  39. <div class="col-sm-5">
  40. <input type="text" class="form-control w100p col-sm-9" id="ProfileFilter" maxlength="50">
  41. </div>
  42. </div>
  43. <div class="row popsrow">
  44. <div class="col-sm-1"></div>
  45. <div class="col-sm-10">
  46. <table style="width: 100%">
  47. <tr>
  48. <td class="w50p">
  49. <select size="12" name="lstLeft" id="lstLeft" class="form-control w100p" multiple></select>
  50. </td>
  51. <td>
  52. <p>
  53. <button type="button" id="btnToRight" class="btn-custom btn-xs"><i class="fa fa-chevron-right"></i></button>
  54. </p>
  55. <p>
  56. <button type="button" id="btnToLeft" class="btn-custom btn-xs"><i class="fa fa-chevron-left"></i></button>
  57. </p>
  58. </td>
  59. <td class="w50p">
  60. <select size="12" name="lstRight" id="lstRight" class="form-control w100p" multiple></select>
  61. </td>
  62. <td>
  63. <p>
  64. <button type="button" id="btnToUp" class="btn-custom btn-xs"><i class="fa fa-chevron-up"></i></button>
  65. </p>
  66. <p>
  67. <button type="button" id="btnToDown" class="btn-custom btn-xs"><i class="fa fa-chevron-down"></i></button>
  68. </p>
  69. </td>
  70. </tr>
  71. </table>
  72. </div>
  73. </div>
  74. <div class="row popsrow">
  75. <fieldset style="padding:5px 10px 10px 10px !important">
  76. <legend><span data-i18n="common.AddOutGroupUser">新增外部人員</span></legend>
  77. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.FullName">姓名</span></label>
  78. <div class="col-sm-4">
  79. <input type="text" class="form-control w100p col-sm-9" id="OutUserName" maxlength="50">
  80. </div>
  81. <label class="col-sm-1 control-label wright" for="input-Default"><span data-i18n="common.Email">Email</span></label>
  82. <div class="col-sm-4">
  83. <input type="text" class="form-control w100p col-sm-9" id="OutEmail" maxlength="100">
  84. </div>
  85. <div class="col-sm-1">
  86. <button type="button" class="btn-custom blue" id="AddOutGroupUser" title="新增外部人員"><i class="fa fa-plus"></i></button>
  87. </div>
  88. </fieldset>
  89. </div>
  90. </body>
  91. </html>