client_bulk_modal.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. {{define "clientsBulkModal"}}
  2. <a-modal id="client-bulk-modal" v-model="clientsBulkModal.visible" :title="clientsBulkModal.title" @ok="clientsBulkModal.ok"
  3. :confirm-loading="clientsBulkModal.confirmLoading" :closable="true" :mask-closable="false"
  4. :class="siderDrawer.isDarkTheme ? darkClass : ''"
  5. :ok-text="clientsBulkModal.okText" cancel-text='{{ i18n "close" }}'>
  6. <a-form layout="inline">
  7. <a-form-item label='{{ i18n "pages.client.method" }}'>
  8. <a-select v-model="clientsBulkModal.emailMethod" buttonStyle="solid" style="width: 350px" :dropdown-class-name="siderDrawer.isDarkTheme ? 'ant-card-dark' : ''">
  9. <a-select-option :value="0">Random</a-select-option>
  10. <a-select-option :value="1">Random+Prefix</a-select-option>
  11. <a-select-option :value="2">Random+Prefix+Num</a-select-option>
  12. <a-select-option :value="3">Random+Prefix+Num+Postfix</a-select-option>
  13. <a-select-option :value="4">Prefix+Num+Postfix [ BE CAREFUL! ]</a-select-option>
  14. </a-select>
  15. </a-form-item><br />
  16. <a-form-item v-if="clientsBulkModal.emailMethod>1">
  17. <span slot="label">{{ i18n "pages.client.first" }}</span>
  18. <a-input-number v-model="clientsBulkModal.firstNum" :min="1"></a-input-number>
  19. </a-form-item>
  20. <a-form-item v-if="clientsBulkModal.emailMethod>1">
  21. <span slot="label">{{ i18n "pages.client.last" }}</span>
  22. <a-input-number v-model="clientsBulkModal.lastNum" :min="clientsBulkModal.firstNum"></a-input-number>
  23. </a-form-item>
  24. <a-form-item v-if="clientsBulkModal.emailMethod>0">
  25. <span slot="label">{{ i18n "pages.client.prefix" }}</span>
  26. <a-input v-model="clientsBulkModal.emailPrefix" style="width: 120px"></a-input>
  27. </a-form-item>
  28. <a-form-item v-if="clientsBulkModal.emailMethod>2">
  29. <span slot="label">{{ i18n "pages.client.postfix" }}</span>
  30. <a-input v-model="clientsBulkModal.emailPostfix" style="width: 120px"></a-input>
  31. </a-form-item>
  32. <a-form-item v-if="clientsBulkModal.emailMethod < 2">
  33. <span slot="label">{{ i18n "pages.client.clientCount" }}</span>
  34. <a-input-number v-model="clientsBulkModal.quantity" :min="1" :max="100"></a-input-number>
  35. </a-form-item>
  36. <a-form-item label="Subscription">
  37. <a-input v-model.trim="clientsBulkModal.subId"></a-input>
  38. </a-form-item>
  39. <a-form-item label="Telegram ID">
  40. <a-input v-model.trim="clientsBulkModal.tgId"></a-input>
  41. </a-form-item>
  42. <a-form-item>
  43. <span slot="label">
  44. <span >{{ i18n "pages.inbounds.totalFlow" }}</span>(GB)
  45. <a-tooltip>
  46. <template slot="title">
  47. 0 <span>{{ i18n "pages.inbounds.meansNoLimit" }}</span>
  48. </template>
  49. <a-icon type="question-circle" theme="filled"></a-icon>
  50. </a-tooltip>
  51. </span>
  52. <a-input-number v-model="clientsBulkModal.totalGB" :min="0"></a-input-number>
  53. </a-form-item>
  54. <a-form-item label="{{ i18n "pages.client.delayedStart" }}">
  55. <a-switch v-model="clientsBulkModal.delayedStart" @click="clientsBulkModal.expiryTime=0"></a-switch>
  56. </a-form-item>
  57. <a-form-item label="{{ i18n "pages.client.expireDays" }}" v-if="clientsBulkModal.delayedStart">
  58. <a-input type="number" v-model.number="delayedExpireDays" :min="0"></a-input>
  59. </a-form-item>
  60. <a-form-item v-else>
  61. <span slot="label">
  62. <span >{{ i18n "pages.inbounds.expireDate" }}</span>
  63. <a-tooltip>
  64. <template slot="title">
  65. <span>{{ i18n "pages.inbounds.leaveBlankToNeverExpire" }}</span>
  66. </template>
  67. <a-icon type="question-circle" theme="filled"></a-icon>
  68. </a-tooltip>
  69. </span>
  70. <a-date-picker :show-time="{ format: 'HH:mm' }" format="YYYY-MM-DD HH:mm"
  71. :dropdown-class-name="siderDrawer.isDarkTheme ? 'ant-card-dark' : ''"
  72. v-model="clientsBulkModal.expiryTime" style="width: 300px;"></a-date-picker>
  73. </a-form-item>
  74. </a-form>
  75. </a-modal>
  76. <script>
  77. const clientsBulkModal = {
  78. visible: false,
  79. confirmLoading: false,
  80. title: '',
  81. okText: '',
  82. confirm: null,
  83. dbInbound: new DBInbound(),
  84. inbound: new Inbound(),
  85. clients: [],
  86. quantity: 1,
  87. totalGB: 0,
  88. expiryTime: '',
  89. emailMethod: 0,
  90. firstNum: 1,
  91. lastNum: 1,
  92. emailPrefix: "",
  93. emailPostfix: "",
  94. subId: "",
  95. tgId: "",
  96. delayedStart: false,
  97. ok() {
  98. method=clientsBulkModal.emailMethod;
  99. if(method>1){
  100. start=clientsBulkModal.firstNum;
  101. end=clientsBulkModal.lastNum + 1;
  102. } else {
  103. start=0;
  104. end=clientsBulkModal.quantity;
  105. }
  106. prefix = (method>0 && clientsBulkModal.emailPrefix.length>0) ? clientsBulkModal.emailPrefix : "";
  107. useNum=(method>1);
  108. postfix = (method>2 && clientsBulkModal.emailPostfix.length>0) ? clientsBulkModal.emailPostfix : "";
  109. for (let i = start; i < end; i++) {
  110. newClient = clientsBulkModal.newClient(clientsBulkModal.dbInbound.protocol);
  111. if(method==4) newClient.email = "";
  112. newClient.email += useNum ? prefix + i.toString() + postfix : prefix + postfix;
  113. newClient.subId = clientsBulkModal.subId;
  114. newClient.tgId = clientsBulkModal.tgId;
  115. newClient._totalGB = clientsBulkModal.totalGB;
  116. newClient._expiryTime = clientsBulkModal.expiryTime;
  117. clientsBulkModal.clients.push(newClient);
  118. }
  119. ObjectUtil.execute(clientsBulkModal.confirm, clientsBulkModal.inbound, clientsBulkModal.dbInbound);
  120. },
  121. show({ title='', okText='{{ i18n "sure" }}', dbInbound=null, confirm=(inbound, dbInbound)=>{} }) {
  122. this.visible = true;
  123. this.title = title;
  124. this.okText = okText;
  125. this.confirm = confirm;
  126. this.quantity = 1;
  127. this.totalGB = 0;
  128. this.expiryTime = 0;
  129. this.emailMethod= 0;
  130. this.firstNum= 1;
  131. this.lastNum= 1;
  132. this.emailPrefix= "";
  133. this.emailPostfix= "";
  134. this.subId= "";
  135. this.tgId= "";
  136. this.dbInbound = new DBInbound(dbInbound);
  137. this.inbound = dbInbound.toInbound();
  138. this.clients = this.getClients(this.inbound.protocol, this.inbound.settings);
  139. this.delayedStart = false;
  140. },
  141. getClients(protocol, clientSettings) {
  142. switch(protocol){
  143. case Protocols.VMESS: return clientSettings.vmesses;
  144. case Protocols.VLESS: return clientSettings.vlesses;
  145. case Protocols.TROJAN: return clientSettings.trojans;
  146. default: return null;
  147. }
  148. },
  149. newClient(protocol) {
  150. switch (protocol) {
  151. case Protocols.VMESS: return new Inbound.VmessSettings.Vmess();
  152. case Protocols.VLESS: return new Inbound.VLESSSettings.VLESS();
  153. case Protocols.TROJAN: return new Inbound.TrojanSettings.Trojan();
  154. default: return null;
  155. }
  156. },
  157. close() {
  158. clientsBulkModal.visible = false;
  159. clientsBulkModal.loading(false);
  160. },
  161. loading(loading) {
  162. clientsBulkModal.confirmLoading = loading;
  163. },
  164. };
  165. const clientsBulkModalApp = new Vue({
  166. delimiters: ['[[', ']]'],
  167. el: '#client-bulk-modal',
  168. data: {
  169. clientsBulkModal,
  170. get inbound() {
  171. return this.clientsBulkModal.inbound;
  172. },
  173. get delayedExpireDays() {
  174. return this.clientsBulkModal.expiryTime < 0 ? this.clientsBulkModal.expiryTime / -86400000 : 0;
  175. },
  176. set delayedExpireDays(days){
  177. this.clientsBulkModal.expiryTime = -86400000 * days;
  178. },
  179. },
  180. });
  181. </script>
  182. {{end}}