<li><button id="ctdl-ungoto-button" style="display:none" onClick="gotonext(0);">ungoto</button></li>
<li><button id="ctdl-skip-button" style="display:none" onClick="gotonext(1);">skip</button></li>
<li><button id="ctdl-goto-button" style="display:none" onClick="gotonext(2);">goto</button></li>
+ <li><button id="ctdl-delete-button" style="display:none" onClick="delete_dispatcher(2);">delete</button></li>
</div>
<div id="ctdl-banner-right" class="ctdl-banner-right">
<li><button id="lilo">Login</button></li>
};
+// Delete the selected messages (can be activated by mouse click or keypress)
+function mail_delete_selected() {
+ var table = document.getElementById("ctdl-onscreen-mailbox");
+ var i, m, row;
+ for (i=0; row=table.rows[i]; ++i) {
+ if (row.classList.contains("ctdl-mail-selected")) {
+ console.log("delete " + row["id"]);
+ }
+ }
+}
+
+
// Handler function for keypresses detected while the mail view is displayed. Mainly for deleting messages.
function mail_keypress(event) {
const key = event.key.toLowerCase();
if (key == "delete") {
- console.log("delete key was pressed (FIXME do something with this)");
+ mail_delete_selected();
}
}
// RENDERER FOR THIS VIEW
function view_render_mail() {
- // Put the "enter new message" button into the sidebar
+ // Put the "enter new message" button into the topbar
document.getElementById("ctdl-newmsg-button").innerHTML = "<i class=\"fa fa-edit\"></i>" + _("Write mail");
document.getElementById("ctdl-newmsg-button").style.display = "block";
+ // Put the "delete message(s)" button into the topbar
+ if (can_delete_messages) {
+ let d = document.getElementById("ctdl-delete-button");
+ d.innerHTML = "<i class=\"fa fa-trash\"></i>" + _("Delete");
+ d.style.display = "block";
+ d.addEventListener("click", mail_delete_selected);
+ }
+
document.getElementById("ctdl-main").innerHTML
= "<div id=\"ctdl-mailbox-grid-container\" class=\"ctdl-mailbox-grid-container\">"
+ "<div id=\"ctdl-mailbox-pane\" class=\"ctdl-mailbox-pane\"></div>"
function render_room_view() {
// The view renderer will set its own room navigation buttons
- for (const d of ["ctdl-newmsg-button", "ctdl-ungoto-button", "ctdl-skip-button", "ctdl-goto-button"]) {
+ for (const d of ["ctdl-newmsg-button", "ctdl-ungoto-button", "ctdl-skip-button", "ctdl-goto-button", "ctdl-delete-button"]) {
document.getElementById(d).style.display = "none";
}