mailbox.twig 42 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559
  1. {% extends 'edit.twig' %}
  2. {% block inner_content %}
  3. {% if result %}
  4. <div id="mailbox-content" class="responsive-tabs">
  5. <ul class="nav nav-tabs" role="tablist">
  6. <li role="presentation" class="nav-item"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#medit">{{ lang.edit.mailbox }}</button></li>
  7. <li role="presentation" class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#mattr">{{ lang.edit.custom_attributes }}</button></li>
  8. <li role="presentation" class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#mpushover">{{ lang.edit.pushover }}</button></li>
  9. <li role="presentation" class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#macl">{{ lang.edit.acl }}</button></li>
  10. <li role="presentation" class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#mrl">{{ lang.edit.ratelimit }}</button></li>
  11. <li role="presentation" class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#mrename">⚠️ {{ lang.edit.mailbox_rename }}</button></li>
  12. </ul>
  13. <hr class="d-none d-md-block">
  14. <div class="tab-content">
  15. <div id="medit" class="tab-pane fade show active" role="tabpanel" aria-labelledby="mailbox-edit">
  16. <div class="card mb-4">
  17. <div class="card-header d-flex d-md-none fs-5">
  18. <button class="btn flex-grow-1 text-start" data-bs-target="#collapse-tab-medit" data-bs-toggle="collapse" aria-controls="collapse-tab-medit">
  19. {{ lang.edit.mailbox }} <span class="badge bg-info table-lines"></span>
  20. </button>
  21. </div>
  22. <div id="collapse-tab-medit" class="card-body collapse show" data-bs-parent="#mailbox-content">
  23. <form class="form-horizontal" data-id="editmailbox" role="form" method="post">
  24. <input type="hidden" value="default" name="sender_acl">
  25. <input type="hidden" value="0" name="force_pw_update">
  26. <input type="hidden" value="0" name="sogo_access">
  27. <input type="hidden" value="0" name="protocol_access">
  28. <div class="row mb-2">
  29. <label class="control-label col-sm-2">{{ lang.admin.iam }}</label>
  30. <div class="col-sm-10">
  31. <select
  32. data-style="btn btn-secondary"
  33. name="authsource" class="full-width-select form-control" required>
  34. <option value="mailcow" {% if result.authsource == "mailcow" %}selected{% endif %}>mailcow</option>
  35. {% if iam_settings.authsource == 'keycloak' %}
  36. <option value="keycloak" {% if result.authsource == "keycloak" %}selected{% endif %}>Keycloak</option>
  37. {% endif %}
  38. {% if iam_settings.authsource == 'generic-oidc' %}
  39. <option value="generic-oidc" {% if result.authsource == "generic-oidc" %}selected{% endif %}>Generic-OIDC</option>
  40. {% endif %}
  41. {% if iam_settings.authsource == 'ldap' %}
  42. <option value="ldap" {% if result.authsource == "ldap" %}selected{% endif %}>LDAP</option>
  43. {% endif %}
  44. </select>
  45. </div>
  46. </div>
  47. <div class="row mb-2">
  48. <label class="control-label col-sm-2" for="name">{{ lang.edit.full_name }}</label>
  49. <div class="col-sm-10">
  50. <input type="text" class="form-control" name="name" value="{{ result.name }}">
  51. </div>
  52. </div>
  53. <div class="row mb-4">
  54. <label class="control-label col-sm-2">{{ lang.add.tags }}</label>
  55. <div class="col-sm-10">
  56. <div class="form-control tag-box">
  57. {% for tag in mailbox_details.tags %}
  58. <span data-action='delete_selected' data-item="{{ tag }}" data-id="mailbox_tag_{{ tag }}" data-api-url='delete/mailbox/tag/{{ mailbox }}' class="badge bg-primary tag-badge btn-badge">
  59. <i class="bi bi-tag-fill"></i>
  60. {{ tag }}
  61. </span>
  62. {% endfor %}
  63. <input type="text" class="tag-input">
  64. <span class="btn tag-add"><i class="bi bi-plus-lg"></i></span>
  65. <input type="hidden" value="" name="tags" class="tag-values" />
  66. </div>
  67. </div>
  68. </div>
  69. <div class="row mb-2">
  70. <label class="control-label col-sm-2" for="quota">{{ lang.edit.quota_mb }}
  71. <br><span id="quotaBadge" class="badge bg-info">max. {{ (result.max_new_quota / 1048576) }} MiB</span>
  72. </label>
  73. <div class="col-sm-10">
  74. <input type="number" name="quota" style="width:100%" min="0" max="{{ (result.max_new_quota / 1048576) }}" value="{{ (result.quota / 1048576) }}" class="form-control">
  75. <small class="text-muted">0 = ∞</small>
  76. </div>
  77. </div>
  78. <div class="row mb-2">
  79. <label class="control-label col-sm-2" for="sender_acl">{{ lang.edit.sender_acl }}</label>
  80. <div class="col-sm-10">
  81. <select data-live-search="true" data-width="100%" style="width:100%" id="editSelectSenderACL" name="sender_acl" size="10" multiple>
  82. {% for domain in sender_acl_handles.sender_acl_domains.ro %}
  83. <option data-subtext="Admin" value="{{ domain }}" disabled selected>
  84. {{ lang.edit.dont_check_sender_acl|format(domain) }}
  85. </option>
  86. {% endfor %}
  87. {% for alias in sender_acl_handles.sender_acl_addresses.ro %}
  88. <option data-subtext="Admin" disabled selected>
  89. {{ alias }}
  90. </option>
  91. {% endfor %}
  92. {% for alias in sender_acl_handles.fixed_sender_aliases %}
  93. <option data-subtext="Alias" disabled selected>{{ alias }}</option>
  94. {% endfor %}
  95. {% for domain in sender_acl_handles.sender_acl_domains.rw %}
  96. <option value="{{ domain }}" selected>
  97. {{ lang.edit.dont_check_sender_acl|format(domain) }}
  98. </option>
  99. {% endfor %}
  100. {% for domain in sender_acl_handles.sender_acl_domains.selectable %}
  101. <option value="{{ domain }}">
  102. {{ lang.edit.dont_check_sender_acl|format(domain) }}
  103. </option>
  104. {% endfor %}
  105. {% for address in sender_acl_handles.sender_acl_addresses.rw %}
  106. <option selected>{{ address }}</option>
  107. {% endfor %}
  108. {% for address in sender_acl_handles.sender_acl_addresses.selectable %}
  109. <option>{{ address }}</option>
  110. {% endfor %}
  111. </select>
  112. <div id="sender_acl_disabled"><i class="bi bi-shield-exclamation"></i> {{ lang.edit.sender_acl_disabled|raw }}</div>
  113. <small class="text-muted d-block">{{ lang.edit.sender_acl_info|raw }}</small>
  114. </div>
  115. </div>
  116. <div class="row mb-2">
  117. <label class="control-label col-sm-2" for="relayhost">{{ lang.edit.relayhost }}</label>
  118. <div class="col-sm-10">
  119. <select data-acl="{{ acl.mailbox_relayhost }}" data-live-search="true" id="relayhost" name="relayhost" class="form-control mb-4">
  120. {% for rlyhost in rlyhosts %}
  121. <option
  122. style="{% if rlyhost.active != '1' %}background: #ff4136; color: #fff{% endif %}"
  123. {% if result.attributes.relayhost == rlyhost.id %} selected{% endif %}
  124. value="{{ rlyhost.id }}">
  125. ID {{ rlyhost.id }}: {{ rlyhost.hostname }} ({{ rlyhost.username }})
  126. </option>
  127. {% endfor %}
  128. <option value=""{% if not result.attributes.relayhost %} selected{% endif %}>
  129. {{ lang.edit.none_inherit }}
  130. </option>
  131. </select>
  132. <p class="d-block d-sm-none" style="margin: 0;padding: 0">&nbsp;</p>
  133. <small class="text-muted d-block">{{ lang.edit.mailbox_relayhost_info }}</small>
  134. </div>
  135. </div>
  136. <div class="row mb-2">
  137. <label class="control-label col-sm-2">{{ lang.user.quarantine_notification }}</label>
  138. <div class="col-sm-10">
  139. <div class="btn-group" data-acl="{{ acl.quarantine_notification }}">
  140. <button type="button" class="btn btn-sm btn-xs-quart d-block d-sm-inline{% if quarantine_notification == 'never' %} btn-dark{% else %} btn-light{% endif %}"
  141. data-action="edit_selected"
  142. data-item="{{ mailbox }}"
  143. data-id="quarantine_notification"
  144. data-api-url='edit/quarantine_notification'
  145. data-api-attr='{"quarantine_notification":"never"}'>{{ lang.user.never }}</button>
  146. <button type="button" class="btn btn-sm btn-xs-quart d-block d-sm-inline{% if quarantine_notification == 'hourly' %} btn-dark{% else %} btn-light{% endif %}"
  147. data-action="edit_selected"
  148. data-item="{{ mailbox }}"
  149. data-id="quarantine_notification"
  150. data-api-url='edit/quarantine_notification'
  151. data-api-attr='{"quarantine_notification":"hourly"}'>{{ lang.user.hourly }}</button>
  152. <button type="button" class="btn btn-sm btn-xs-quart d-block d-sm-inline{% if quarantine_notification == 'daily' %} btn-dark{% else %} btn-light{% endif %}"
  153. data-action="edit_selected"
  154. data-item="{{ mailbox }}"
  155. data-id="quarantine_notification"
  156. data-api-url='edit/quarantine_notification'
  157. data-api-attr='{"quarantine_notification":"daily"}'>{{ lang.user.daily }}</button>
  158. <button type="button" class="btn btn-sm btn-xs-quart d-block d-sm-inline{% if quarantine_notification == 'weekly' %} btn-dark{% else %} btn-light{% endif %}"
  159. data-action="edit_selected"
  160. data-item="{{ mailbox }}"
  161. data-id="quarantine_notification"
  162. data-api-url='edit/quarantine_notification'
  163. data-api-attr='{"quarantine_notification":"weekly"}'>{{ lang.user.weekly }}</button>
  164. </div>
  165. <p class="text-muted"><small>{{ lang.user.quarantine_notification_info }}</small></p>
  166. </div>
  167. </div>
  168. <div class="row mb-2">
  169. <label class="control-label col-sm-2">{{ lang.user.quarantine_category }}</label>
  170. <div class="col-sm-10">
  171. <div class="btn-group" data-acl="{{ acl.quarantine_category }}">
  172. <button type="button" class="btn btn-sm btn-xs-third d-block d-sm-inline{% if quarantine_category == 'reject' %} btn-dark{% else %} btn-light{% endif %}"
  173. data-action="edit_selected"
  174. data-item="{{ mailbox }}"
  175. data-id="quarantine_category"
  176. data-api-url='edit/quarantine_category'
  177. data-api-attr='{"quarantine_category":"reject"}'>{{ lang.user.q_reject }}</button>
  178. <button type="button" class="btn btn-sm btn-xs-third d-block d-sm-inline{% if quarantine_category == 'add_header' %} btn-dark{% else %} btn-light{% endif %}"
  179. data-action="edit_selected"
  180. data-item="{{ mailbox }}"
  181. data-id="quarantine_category"
  182. data-api-url='edit/quarantine_category'
  183. data-api-attr='{"quarantine_category":"add_header"}'>{{ lang.user.q_add_header }}</button>
  184. <button type="button" class="btn btn-sm btn-xs-third d-block d-sm-inline{% if quarantine_category == 'all' %} btn-dark{% else %} btn-light{% endif %}"
  185. data-action="edit_selected"
  186. data-item="{{ mailbox }}"
  187. data-id="quarantine_category"
  188. data-api-url='edit/quarantine_category'
  189. data-api-attr='{"quarantine_category":"all"}'>{{ lang.user.q_all }}</button>
  190. </div>
  191. <p class="text-muted"><small>{{ lang.user.quarantine_category_info }}</small></p>
  192. </div>
  193. </div>
  194. <div class="row mb-4">
  195. <label class="control-label col-sm-2" for="sender_acl">{{ lang.user.tls_policy }}</label>
  196. <div class="col-sm-10">
  197. <div class="btn-group" data-acl="{{ acl.tls_policy }}">
  198. <button type="button" class="btn btn-sm btn-xs-half d-block d-sm-inline{% if get_tls_policy.tls_enforce_in == '1' %} btn-dark{% else %} btn-light{% endif %}"
  199. data-action="edit_selected"
  200. data-item="{{ mailbox }}"
  201. data-id="tls_policy"
  202. data-api-url='edit/tls_policy'
  203. data-api-attr='{"tls_enforce_in": {% if get_tls_policy.tls_enforce_in == '1' %}0{% else %}1{% endif %} }'>{{ lang.user.tls_enforce_in }}</button>
  204. <button type="button" class="btn btn-sm btn-xs-half d-block d-sm-inline{% if get_tls_policy.tls_enforce_out == '1' %} btn-dark{% else %} btn-light{% endif %}"
  205. data-action="edit_selected"
  206. data-item="{{ mailbox }}"
  207. data-id="tls_policy"
  208. data-api-url='edit/tls_policy'
  209. data-api-attr='{"tls_enforce_out": {% if get_tls_policy.tls_enforce_out == '1' %}0{% else %}1{% endif %} }'>{{ lang.user.tls_enforce_out }}</button>
  210. </div>
  211. </div>
  212. </div>
  213. {% if not result.authsource or result.authsource == 'mailcow' %}
  214. <div class="row">
  215. <label class="control-label col-sm-2" for="password">{{ lang.edit.password }} (<a href="#" class="generate_password">{{ lang.edit.generate }}</a>)</label>
  216. <div class="col-sm-10">
  217. <input type="password" data-pwgen-field="true" data-hibp="true" class="form-control" name="password" placeholder="{{ lang.edit.unchanged_if_empty }}" autocomplete="new-password">
  218. </div>
  219. </div>
  220. <div class="row mb-4">
  221. <label class="control-label col-sm-2" for="password2">{{ lang.edit.password_repeat }}</label>
  222. <div class="col-sm-10">
  223. <input type="password" data-pwgen-field="true" class="form-control" name="password2" autocomplete="new-password">
  224. </div>
  225. </div>
  226. <div class="row mb-4">
  227. <label class="control-label col-sm-2" for="pw_recovery_email">{{ lang.edit.password_recovery_email }}</label>
  228. <div class="col-sm-10">
  229. <input type="email" class="form-control" name="pw_recovery_email" value="{{ result.attributes.recovery_email }}">
  230. <small class="text-muted">{{ lang.admin.password_reset_info }}</small>
  231. </div>
  232. </div>
  233. <div data-acl="{{ acl.extend_sender_acl }}" class="row mb-4">
  234. <label class="control-label col-sm-2" for="extended_sender_acl">{{ lang.edit.extended_sender_acl }}</label>
  235. <div class="col-sm-10">
  236. {% if sender_acl_handles.external_sender_aliases %}
  237. {% set ext_sender_acl = sender_acl_handles.external_sender_aliases|join(', ') %}
  238. {% endif %}
  239. {% if acl.extend_sender_acl and acl.extend_sender_acl == 1 %}
  240. <input type="text" class="form-control" name="extended_sender_acl" value="{{ ext_sender_acl }}" placeholder="user1@example.com, user2@example.org, @example.com, ...">
  241. <small class="text-muted">{{ lang.edit.extended_sender_acl_info|raw }}</small>
  242. {% endif %}
  243. </div>
  244. </div>
  245. {% endif %}
  246. <div class="row">
  247. <label class="control-label col-sm-2" for="protocol_access">{{ lang.edit.allowed_protocols }}</label>
  248. <div class="col-sm-10">
  249. <select data-acl="{{ acl.protocol_access }}" name="protocol_access" multiple class="form-control">
  250. <option value="imap"{% if result.attributes.imap_access == '1' %} selected{% endif %}>IMAP</option>
  251. <option value="pop3"{% if result.attributes.pop3_access == '1' %} selected{% endif %}>POP3</option>
  252. <option value="smtp"{% if result.attributes.smtp_access == '1' %} selected{% endif %}>SMTP</option>
  253. <option value="sieve"{% if result.attributes.sieve_access == '1' %} selected{% endif %}>Sieve</option>
  254. </select>
  255. </div>
  256. </div>
  257. <div hidden data-acl="{{ acl.smtp_ip_access }}" class="row">
  258. <label class="control-label col-sm-2" for="allow_from_smtp">{{ lang.edit.allow_from_smtp }}</label>
  259. <div class="col-sm-10">
  260. <input type="text" class="form-control" name="allow_from_smtp" value="{{ allow_from_smtp }}" placeholder="1.1.1.1, 10.2.0.0/24, ...">
  261. <small class="text-muted">{{ lang.edit.allow_from_smtp_info }}</small>
  262. </div>
  263. </div>
  264. <hr>
  265. <div class="row">
  266. <div class="offset-sm-2 col-sm-10">
  267. <select name="active" class="form-control">
  268. <option value="1"{% if result.active == '1' %} selected{% endif %}>{{ lang.edit.active }}</option>
  269. <option value="2"{% if result.active == '2' %} selected{% endif %}>{{ lang.edit.disable_login }}</option>
  270. <option value="0"{% if result.active == '0' %} selected{% endif %}>{{ lang.edit.inactive }}</option>
  271. </select>
  272. </div>
  273. </div>
  274. <div class="row mt-2">
  275. <div class="offset-sm-2 col-sm-10">
  276. <div class="form-check">
  277. <label><input type="checkbox" class="form-check-input" value="1" name="force_pw_update"{% if result.attributes.force_pw_update == '1' %} checked{% endif %}> {{ lang.edit.force_pw_update }}</label>
  278. <small class="text-muted">{{ lang.edit.force_pw_update_info|format(ui_texts.main_name) }}</small>
  279. </div>
  280. </div>
  281. </div>
  282. {% if not skip_sogo %}
  283. <div data-acl="{{ acl.sogo_access }}" class="row">
  284. <div class="offset-sm-2 col-sm-10">
  285. <div class="form-check">
  286. <label><input type="checkbox" class="form-check-input" value="1" name="sogo_access"{% if result.attributes.sogo_access == '1' %} checked{% endif %}> {{ lang.edit.sogo_access }}</label>
  287. <small class="text-muted">{{ lang.edit.sogo_access_info }}</small>
  288. </div>
  289. </div>
  290. </div>
  291. {% endif %}
  292. <div class="row mt-2 mb-2">
  293. <div class="offset-sm-2 col-sm-10">
  294. <button class="btn btn-xs-lg d-block d-sm-inline btn-success" data-action="edit_selected" data-id="editmailbox" data-item="{{ result.username }}" data-api-url='edit/mailbox' data-api-attr='{}' href="#">{{ lang.edit.save }}</button>
  295. </div>
  296. </div>
  297. <div class="row">
  298. <div class="offset-sm-2 col-sm-10">
  299. <small class="fst-italic d-block">{{ lang.edit.created_on }}: {{ result.created }}</small>
  300. <small class="fst-italic d-block">{{ lang.edit.last_modified }}: {{ result.modified }}</small>
  301. </div>
  302. </div>
  303. </form>
  304. </div>
  305. </div>
  306. </div>
  307. <div id="mattr" class="tab-pane fade" role="tabpanel" aria-labelledby="mailbox-attr">
  308. <div class="card mb-4">
  309. <div class="card-header d-flex d-md-none fs-5">
  310. <button class="btn flex-grow-1 text-start" data-bs-target="#collapse-tab-mattr" data-bs-toggle="collapse" aria-controls="collapse-tab-mattr">
  311. {{ lang.edit.custom_attributes }} <span class="badge bg-info table-lines"></span>
  312. </button>
  313. </div>
  314. <div id="collapse-tab-mattr" class="card-body collapse" data-bs-parent="#mailbox-content">
  315. <form class="form-inline" data-id="mbox_attr" role="form" method="post">
  316. <table class="table table-condensed" style="white-space: nowrap;" id="mbox_attr_table">
  317. <tr>
  318. <th>{{ lang.user.attribute }}</th>
  319. <th>{{ lang.user.value }}</th>
  320. <th style="width:100px;">&nbsp;</th>
  321. </tr>
  322. {% for key, val in result.custom_attributes %}
  323. <tr>
  324. <td><input class="input-sm input-xs-lg form-control" data-id="mbox_attr" type="text" name="attribute" required value="{{ key }}"></td>
  325. <td><input class="input-sm input-xs-lg form-control" data-id="mbox_attr" type="text" name="value" required value="{{ val }}"></td>
  326. <td><a href="#" role="button" class="btn btn-sm btn-xs-lg btn-secondary h-100 w-100" type="button">{{ lang.admin.remove_row }}</a></td>
  327. </tr>
  328. {% endfor %}
  329. </table>
  330. <p><div class="btn-group">
  331. <button class="btn btn-sm btn-xs-half d-block d-sm-inline btn-success" data-action="edit_selected" data-item="{{ mailbox }}" data-id="mbox_attr" data-api-url='edit/mailbox/custom-attribute' data-api-attr='{}' href="#"><i class="bi bi-check-lg"></i> {{ lang.admin.save }}</button>
  332. <button class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary" type="button" id="add_mbox_attr_row">{{ lang.admin.add_row }}</button>
  333. </div></p>
  334. </form>
  335. </div>
  336. </div>
  337. </div>
  338. <div id="mpushover" class="tab-pane fade" role="tabpanel" aria-labelledby="mailbox-pushover">
  339. <div class="card mb-4">
  340. <div class="card-header d-flex d-md-none fs-5">
  341. <button class="btn flex-grow-1 text-start" data-bs-target="#collapse-tab-mpushover" data-bs-toggle="collapse" aria-controls="collapse-tab-mpushover">
  342. {{ lang.edit.pushover }} <span class="badge bg-info table-lines"></span>
  343. </button>
  344. </div>
  345. <div id="collapse-tab-mpushover" class="card-body collapse" data-bs-parent="#mailbox-content">
  346. <form data-id="pushover" class="form well" method="post">
  347. <input type="hidden" value="0" name="evaluate_x_prio">
  348. <input type="hidden" value="0" name="only_x_prio">
  349. <input type="hidden" value="0" name="active">
  350. <div class="row">
  351. <div class="col-sm-1">
  352. <p class="text-muted"><a href="https://pushover.net" target="_blank"><img src="data:image/png;base64,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" class="img img-fluid"></a></p>
  353. </div>
  354. <div class="col-sm-10">
  355. <p class="text-muted">{{ lang.user.pushover_info|format(mailbox)|raw }}</p>
  356. <p class="text-muted">{{ lang.edit.pushover_vars|raw }}: <code>{SUBJECT}</code>, <code>{SENDER}</code>, <code>{SENDER_ADDRESS}</code>, <code>{SENDER_NAME}</code>, <code>{TO_NAME}</code>, <code>{TO_ADDRESS}</code>, <code>{MSG_ID}</code></p>
  357. <div class="row">
  358. <div class="col-sm-6 mb-2">
  359. <label for="token">API Token/Key (Application)</label>
  360. <input type="text" class="form-control" name="token" maxlength="30" value="{{ pushover_data.token }}" required>
  361. </div>
  362. <div class="col-sm-6 mb-2">
  363. <label for="key">User/Group Key</label>
  364. <input type="text" class="form-control" name="key" maxlength="30" value="{{ pushover_data.key }}" required>
  365. </div>
  366. <div class="col-sm-6 mb-4">
  367. <label for="title">{{ lang.edit.pushover_title }}</label>
  368. <input type="text" class="form-control" name="title" value="{{ pushover_data.title }}" placeholder="Mail">
  369. </div>
  370. <div class="col-sm-6 mb-4">
  371. <label for="text">{{ lang.edit.pushover_text }}</label>
  372. <input type="text" class="form-control" name="text" value="{{ pushover_data.text }}" placeholder="You've got mail 📧">
  373. </div>
  374. <div class="col-sm-12 mb-4">
  375. <label for="text">{{ lang.edit.pushover_sender_array|raw }}</label>
  376. <input type="text" class="form-control" name="senders" value="{{ pushover_data.senders }}" placeholder="sender1@example.com, sender2@example.com">
  377. </div>
  378. <div class="col-sm-12 mb-2">
  379. <div class="form-group">
  380. <label for="sound">{{ lang.edit.pushover_sound }}</label><br>
  381. <select name="sound" class="form-control">
  382. <option value="pushover"{% if pushover_data.attributes.sound == 'pushover' %} selected{% endif %}>Pushover (default)</option>
  383. <option value="bike"{% if pushover_data.attributes.sound == 'bike' %} selected{% endif %}>Bike</option>
  384. <option value="bugle"{% if pushover_data.attributes.sound == 'bugle' %} selected{% endif %}>Bugle</option>
  385. <option value="cashregister"{% if pushover_data.attributes.sound == 'cashregister' %} selected{% endif %}>Cash Register</option>
  386. <option value="classical"{% if pushover_data.attributes.sound == 'classical' %} selected{% endif %}>Classical</option>
  387. <option value="cosmic"{% if pushover_data.attributes.sound == 'cosmic' %} selected{% endif %}>Cosmic</option>
  388. <option value="falling"{% if pushover_data.attributes.sound == 'falling' %} selected{% endif %}>Falling</option>
  389. <option value="gamelan"{% if pushover_data.attributes.sound == 'gamelan' %} selected{% endif %}>Gamelan</option>
  390. <option value="incoming"{% if pushover_data.attributes.sound == 'incoming' %} selected{% endif %}>Incoming</option>
  391. <option value="intermission"{% if pushover_data.attributes.sound == 'intermission' %} selected{% endif %}>Intermission</option>
  392. <option value="magic"{% if pushover_data.attributes.sound == 'magic' %} selected{% endif %}>Magic</option>
  393. <option value="mechanical"{% if pushover_data.attributes.sound == 'mechanical' %} selected{% endif %}>Mechanical</option>
  394. <option value="pianobar"{% if pushover_data.attributes.sound == 'pianobar' %} selected{% endif %}>Piano Bar</option>
  395. <option value="siren"{% if pushover_data.attributes.sound == 'siren' %} selected{% endif %}>Siren</option>
  396. <option value="spacealarm"{% if pushover_data.attributes.sound == 'spacealarm' %} selected{% endif %}>Space Alarm</option>
  397. <option value="tugboat"{% if pushover_data.attributes.sound == 'tugboat' %} selected{% endif %}>Tug Boat</option>
  398. <option value="alien"{% if pushover_data.attributes.sound == 'alien' %} selected{% endif %}>Alien Alarm (long)</option>
  399. <option value="climb"{% if pushover_data.attributes.sound == 'climb' %} selected{% endif %}>Climb (long)</option>
  400. <option value="persistent"{% if pushover_data.attributes.sound == 'persistent' %} selected{% endif %}>Persistent (long)</option>
  401. <option value="echo"{% if pushover_data.attributes.sound == 'echo' %} selected{% endif %}>Pushover Echo (long)</option>
  402. <option value="updown"{% if pushover_data.attributes.sound == 'updown' %} selected{% endif %}>Up Down (long)</option>
  403. <option value="vibrate"{% if pushover_data.attributes.sound == 'vibrate' %} selected{% endif %}>Vibrate Only</option>
  404. <option value="none"{% if pushover_data.attributes.sound == 'none' %} selected{% endif %}> None (silent) </option>
  405. </select>
  406. </div>
  407. </div>
  408. <div class="col-sm-12">
  409. <div class="form-check">
  410. <label><input type="checkbox" class="form-check-input" value="1" name="active"{% if pushover_data.active == '1' %} checked{% endif %}> {{ lang.edit.active }}</label>
  411. </div>
  412. </div>
  413. <div class="col-sm-12">
  414. <legend style="cursor:pointer;margin-top:10px" data-bs-target="#po_advanced" unselectable="on" data-bs-toggle="collapse">
  415. <i class="bi bi-plus"></i> {{ lang.edit.advanced_settings }}
  416. </legend>
  417. <hr />
  418. </div>
  419. <div class="col-sm-12 mb-4">
  420. <div id="po_advanced" class="collapse">
  421. <label for="text">{{ lang.edit.pushover_sender_regex }}</label>
  422. <input type="text" class="form-control mt-2" name="senders_regex" value="{{ pushover_data.senders_regex }}" placeholder="/(.*@example\.org$|^foo@example\.com$)/i" regex="true">
  423. <div class="form-check mt-4">
  424. <label><input type="checkbox" class="form-check-input" value="1" name="evaluate_x_prio"{% if pushover_data.attributes.evaluate_x_prio == '1' %} checked{% endif %}> {{ lang.edit.pushover_evaluate_x_prio|raw }}</label>
  425. </div>
  426. <div class="form-check mt-2">
  427. <label><input type="checkbox" class="form-check-input" value="1" name="only_x_prio"{% if pushover_data.attributes.only_x_prio == '1' %} checked{% endif %}> {{ lang.edit.pushover_only_x_prio|raw }}</label>
  428. </div>
  429. </div>
  430. </div>
  431. </div>
  432. <div class="btn-group" data-acl="{{ acl.pushover }}">
  433. <a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-success" data-action="edit_selected" data-id="pushover" data-item="{{ mailbox }}" data-api-url='edit/pushover' data-api-attr='{}' href="#">{{ lang.edit.save }}</a>
  434. <a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary" data-action="edit_selected" data-id="pushover-test" data-item="{{ mailbox }}" data-api-url='edit/pushover-test' data-api-attr='{}' href="#"><i class="bi bi-check-lg"></i> {{ lang.edit.pushover_verify }}</a>
  435. <a id="pushover_delete" class="btn btn-sm d-block d-sm-inline btn-danger" data-action="edit_selected" data-id="pushover-delete" data-item="{{ mailbox }}" data-api-url='edit/pushover' data-api-attr='{"delete":"true"}' href="#"><i class="bi bi-trash"></i> {{ lang.edit.remove }}</a>
  436. </div>
  437. </div>
  438. </div>
  439. </form>
  440. </div>
  441. </div>
  442. </div>
  443. <div id="macl" class="tab-pane fade" role="tabpanel" aria-labelledby="mailbox-acl">
  444. <div class="card mb-4">
  445. <div class="card-header d-flex d-md-none fs-5">
  446. <button class="btn flex-grow-1 text-start" data-bs-target="#collapse-tab-macl" data-bs-toggle="collapse" aria-controls="collapse-tab-macl">
  447. {{ lang.edit.acl }} <span class="badge bg-info table-lines"></span>
  448. </button>
  449. </div>
  450. <div id="collapse-tab-macl" class="card-body collapse" data-bs-parent="#mailbox-content">
  451. <form data-id="useracl" class="form-inline well" method="post">
  452. <div class="row">
  453. <div class="col-sm-1">
  454. <p class="text-muted">ACL</p>
  455. </div>
  456. <div class="col-sm-10">
  457. <select id="user_acl" name="user_acl" size="10" multiple>
  458. {% for acl, val in user_acls %}
  459. <option value="{{ acl }}"{% if val == 1 %} selected{% endif %}>{{ lang.acl[acl] }}</option>
  460. {% endfor %}
  461. </select>
  462. <button class="btn btn-xs-lg d-block d-sm-inline btn-secondary" data-action="edit_selected" data-id="useracl" data-item="{{ mailbox }}" data-api-url='edit/user-acl' data-api-attr='{}' href="#">{{ lang.edit.save }}</button>
  463. </div>
  464. </div>
  465. </form>
  466. </div>
  467. </div>
  468. </div>
  469. <div id="mrl" class="tab-pane fade" role="tabpanel" aria-labelledby="mailbox-rl">
  470. <div class="card mb-4">
  471. <div class="card-header d-flex d-md-none fs-5">
  472. <button class="btn flex-grow-1 text-start" data-bs-target="#collapse-tab-mrl" data-bs-toggle="collapse" aria-controls="collapse-tab-mrl">
  473. {{ lang.edit.ratelimit }} <span class="badge bg-info table-lines"></span>
  474. </button>
  475. </div>
  476. <div id="collapse-tab-mrl" class="card-body collapse" data-bs-parent="#mailbox-content">
  477. <form data-id="mboxratelimit" class="well" method="post">
  478. <div class="row mb-2">
  479. <div class="col-sm-2">
  480. <p class="text-muted">{{ lang.acl.ratelimit }}</p>
  481. </div>
  482. <div class="col-sm-10">
  483. <div class="input-group">
  484. <input name="rl_value" type="number" autocomplete="off" value="{{ rl.value }}" class="form-control" placeholder="{{ lang.ratelimit.disabled }}">
  485. <select name="rl_frame" class="form-control">
  486. {% include 'mailbox/rl-frame.twig' %}
  487. </select>
  488. </div>
  489. </div>
  490. </div>
  491. <div class="row mb-2">
  492. <div class="offset-sm-2 col-sm-10">
  493. <button class="btn btn-xs-lg d-block d-sm-inline btn-secondary" data-action="edit_selected" data-id="mboxratelimit" data-item="{{ mailbox }}" data-api-url='edit/rl-mbox' data-api-attr='{}' href="#">{{ lang.edit.save }}</button>
  494. <p class="text-muted mt-2">{{ lang.edit.mbox_rl_info }}</p>
  495. </div>
  496. </div>
  497. </form>
  498. </div>
  499. </div>
  500. </div>
  501. <div id="mrename" class="tab-pane fade" role="tabpanel" aria-labelledby="mailbox-rename">
  502. <div class="card mb-4">
  503. <div class="card-header d-flex d-md-none fs-5">
  504. <button class="btn flex-grow-1 text-start" data-bs-target="#collapse-tab-mrename" data-bs-toggle="collapse" aria-controls="collapse-tab-mrename">
  505. ⚠️ {{ lang.edit.mailbox_rename }}<span class="badge bg-info table-lines"></span>
  506. </button>
  507. </div>
  508. <div id="collapse-tab-mrename" class="card-body collapse" data-bs-parent="#mailbox-content">
  509. <div class="well">
  510. <div id="rename_warning">
  511. <p>{{ lang.edit.mailbox_rename_warning }}</p>
  512. <div id="confirm_show_rspamd_global_filters">
  513. <div class="row">
  514. <div class="offset-sm-2 col-sm-10">
  515. <label>
  516. <input type="checkbox" class="form-check-input" id="show_mailbox_rename_form"> {{ lang.edit.mailbox_rename_agree }}
  517. </label>
  518. </div>
  519. </div>
  520. </div>
  521. </div>
  522. <div id="rename_form" class="d-none">
  523. <form data-id="mboxrename" method="post">
  524. <input name="domain" type="hidden" value="{{ result.domain }}">
  525. <input name="old_local_part" type="hidden" value="{{ result.local_part }}">
  526. <div class="row mb-2">
  527. <div class="col-sm-12 col-md-2">
  528. <span>{{ lang.edit.mailbox_rename_title }}</span>
  529. </div>
  530. <div class="col-sm-12 col-md-10 col-xl-8">
  531. <div class="input-group mb-2">
  532. <input type="text" class="form-control" name="new_local_part" autocomplete="off" value="{{ result.local_part }}">
  533. <span class="input-group-text">@{{ result.domain }}</span>
  534. </div>
  535. </div>
  536. </div>
  537. <div class="row mb-4">
  538. <div class="col-sm-12 offset-md-2 col-md-10 col-xl-8">
  539. <label><input type="checkbox" class="form-check-input" value="1" name="create_alias" checked> {{ lang.edit.mailbox_rename_alias }}</label>
  540. </div>
  541. </div>
  542. <div class="row mb-2">
  543. <div class="col-sm-12 offset-md-2 col-md-10 col-xl-8">
  544. <button class="btn btn-xs-lg d-block d-sm-inline btn-secondary" data-action="edit_selected" data-id="mboxrename" data-item="{{ mailbox }}" data-api-url='edit/rename-mbox' data-api-attr='{}' data-api-reload-location="/{{mailcow_cc_role}}/mailbox" href="#">{{ lang.edit.save }}</button>
  545. </div>
  546. </div>
  547. </form>
  548. </div>
  549. </div>
  550. </div>
  551. </div>
  552. </div>
  553. </div>
  554. </div>
  555. {% else %}
  556. {{ parent() }}
  557. {% endif %}
  558. {% endblock %}