traxys/mail-accounts
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Allow to add emails

Browse source
This commit is contained in:
traxys 2023-08-28 23:33:57 +02:00
parent d016f2e95e
commit 026374fd7c
5 changed files with 126 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

46
templates/home.html
View file

@ -8,6 +8,7 @@
{% block content %}
<div class="container">
<h1 class="title is-1">Mail management</h1>
{% if user_error %}<div class="alert alert-danger">{{ user_error }}</div>{% endif %}
<h2 class="title is-2">Mails</h2>
<ul class="list-group">
{% for mail in mails %}
@ -43,5 +44,50 @@
</li>
{% endfor %}
</ul>
<button type="button"
class="btn btn-primary mt-2"
data-bs-toggle="modal"
data-bs-target="#mailAdd">Add new mail</button>
<div class="modal fade"
tabindex="-1"
id="mailAdd"
aria-labelledby="mailAddLabel">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="mailAddLabel">Add new mail</h1>
<button type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="/mail/add" method="post" id="mailAddForm">
<div class="form-floating mb-3">
<input type="email"
class="form-control"
id="floatingAddMail"
placeholder="mail@{{ mail_domain }}"
name="mail"
value="@{{ mail_domain }}">
<label for="floatingAddMail">Email address</label>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-primary" form="mailAddForm">Add</button>
</div>
</div>
</div>
</div>
</div>
<script>
const addModal = document.getElementById('mailAdd')
const addInput = document.getElementById('floatingAddMail')
addModal.addEventListener('shown.bs.modal', () => {
addInput.focus()
})
</script>
{% endblock content %}