cluster_app_assign_manage.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. <div class="row" style="margin-left: 1px; margin-top:10px; height: 50px;">
  2. <div class="col-md-6" style="margin-bottom: 10px;">
  3. <span style="font-size: 30px;font-weight: bold;">{{app}}</span>
  4. </div>
  5. </div>
  6. <div class="separator"></div>
  7. <div class="container-fluid">
  8. <div class="row" style="margin-top: 20px; margin-bottom: 20px;">
  9. <div class="col-md-12">
  10. <div class="card">
  11. <div class="inputs-header">
  12. <span class="brand" style="font-size: 13px;">集群限流 - 机器分配/管控</span>
  13. </div>
  14. <!-- error panel -->
  15. <div class="row clearfix" ng-if="loadError">
  16. <div class="col-md-6 col-md-offset-3">
  17. <div class="panel panel-default">
  18. <div class="panel-body">
  19. <center>
  20. <p>{{loadError.message}}</p>
  21. </center>
  22. </div>
  23. </div>
  24. </div>
  25. </div>
  26. <!--.tools-header -->
  27. <div class="card-body" style="padding: 0px 0px;" ng-if="!loadError">
  28. <form role="form" class="form-horizontal">
  29. <div class="form-group">
  30. <label class="col-sm-2 control-label">Server 列表</label>
  31. <div class="col-sm-4">
  32. <select ng-model="tmp.curChosenServer" ng-change="onCurrentServerChange()" size="8"
  33. ng-options="serverGroup.machineId for serverGroup in clusterMap"
  34. class="form-control"></select>
  35. </div>
  36. <button type="button" class="btn btn-outline-warning" ng-click="removeFromServerList()">移除
  37. </button>
  38. </div>
  39. <div class="form-group">
  40. <label class="col-sm-2 control-label">Token Server 端口</label>
  41. <div class="col-sm-4">
  42. <input type="number" class="form-control highlight-border"
  43. ng-disabled="!tmp.curChosenServer.belongToApp"
  44. ng-model='tmp.curChosenServer.port' placeholder='port' min="1" max="65535"/>
  45. </div>
  46. </div>
  47. <div class="form-group">
  48. <label class="col-sm-2 control-label">命名空间集合</label>
  49. <div class="col-sm-4">
  50. <input type="text" required class="form-control highlight-border"
  51. ng-disabled="!tmp.curChosenServer.belongToApp"
  52. ng-model='tmp.curChosenServer.namespaceSetStr'
  53. placeholder='请指定服务端服务的命名空间集合(以,分隔)'/>
  54. </div>
  55. </div>
  56. </form>
  57. <form role="form" class="form-inline" style="margin-top: 30px; margin-left: 20px;">
  58. <div>
  59. <div class="form-group">
  60. <div class="col-sm-12">
  61. <label class="control-label" style="width: 200px; text-align: center;">当前对应客户端列表</label>
  62. <select size="8" multiple="multiple" ng-model="tmp.curClientChosen"
  63. ng-options="ip for ip in tmp.curChosenServer.clientSet"
  64. class="form-control" style="width: 100%;"></select>
  65. </div>
  66. </div>
  67. <div class="form-group">
  68. <div class="col-sm-12">
  69. <button type="button" class="btn btn-outline-primary"
  70. ng-disabled="!tmp.curChosenServer || !tmp.curChosenServer.machineId"
  71. ng-click="moveToServerGroup()">←
  72. </button>
  73. <button type="button" class="btn btn-outline-primary"
  74. ng-click="moveToRemainingSharePool()">→
  75. </button>
  76. </div>
  77. </div>
  78. <div class="form-group">
  79. <div class="col-sm-12">
  80. <label class="control-label" style="width: 220px; text-align: center;">未分配机器列表</label>
  81. <div>
  82. <select size="8" multiple="multiple" ng-model="tmp.curRemainingClientChosen"
  83. ng-options="ip for ip in remainingClientAddressList"
  84. class="form-control" style="width: 100%;">
  85. </select>
  86. </div>
  87. </div>
  88. </div>
  89. <div class="form-group">
  90. <div class="col-sm-6">
  91. <button type="button" class="btn btn-outline-primary"
  92. ng-click="addToServerList()">添加为 server
  93. </button>
  94. </div>
  95. </div>
  96. </div>
  97. </form>
  98. <div class="separator"></div>
  99. <div style="margin-top: 20px;">
  100. <button type="button" style="margin: 0 10px 10px 10px;" class="btn btn-outline-success"
  101. ng-click="saveAndApplyAssign()">保存并执行分配
  102. </button>
  103. </div>
  104. </div>
  105. <!-- .card-body -->
  106. </div>
  107. <!-- .card -->
  108. </div>
  109. <!-- .col-md-12 -->
  110. </div>
  111. <!-- -->
  112. </div>
  113. <!-- .container-fluid -->