go/mailpit
1
0
Fork 0
mirror of https://github.com/axllent/mailpit.git synced 2025-12-22 00:19:19 +02:00
Code Issues Releases Activity

Chore: Apply linting to all JavaScript/Vue files with eslint & prettier

Browse Source
This commit is contained in:
Ralph Slooten
2025-06-20 23:26:06 +12:00
parent 7dee371721
commit 3fff79e29f
45 changed files with 8690 additions and 3458 deletions
Download Patch File Download Diff File Expand all files Collapse all files

189
server/ui-src/mixins/CommonMixins.js
View File

@@ -1,19 +1,18 @@
import axios from 'axios'
import dayjs from 'dayjs'
import ColorHash from 'color-hash'
import { Modal, Offcanvas } from 'bootstrap'
import axios from "axios";
import dayjs from "dayjs";
import ColorHash from "color-hash";
import { Modal, Offcanvas } from "bootstrap";
import { limitOptions } from "../stores/pagination";
// BootstrapElement is used to return a fake Bootstrap element
// if the ID returns nothing to prevent errors.
class BootstrapElement {
constructor() { }
hide() { }
show() { }
hide() {}
show() {}
}
// Set up the color hash generator lightness and hue to ensure darker colors
const colorHash = new ColorHash({ lightness: 0.3, saturation: [0.35, 0.5, 0.65] })
const colorHash = new ColorHash({ lightness: 0.3, saturation: [0.35, 0.5, 0.65] });
/* Common mixin functions used in apps */
export default {
@@ -21,89 +20,89 @@ export default {
return {
loading: 0,
tagColorCache: {},
}
};
},
methods: {
resolve(u) {
return this.$router.resolve(u).href
return this.$router.resolve(u).href;
},
searchURI(s) {
return this.resolve('/search') + '?q=' + encodeURIComponent(s)
return this.resolve("/search") + "?q=" + encodeURIComponent(s);
},
getFileSize(bytes) {
if (bytes == 0) {
return '0B'
if (bytes === 0) {
return "0B";
}
var i = Math.floor(Math.log(bytes) / Math.log(1024))
return (bytes / Math.pow(1024, i)).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]
const i = Math.floor(Math.log(bytes) / Math.log(1024));
return (bytes / Math.pow(1024, i)).toFixed(1) * 1 + " " + ["B", "kB", "MB", "GB", "TB"][i];
},
formatNumber(nr) {
return new Intl.NumberFormat().format(nr)
return new Intl.NumberFormat().format(nr);
},
messageDate(d) {
return dayjs(d).format('ddd, D MMM YYYY, h:mm a')
return dayjs(d).format("ddd, D MMM YYYY, h:mm a");
},
secondsToRelative(d) {
return dayjs().subtract(d, 'seconds').fromNow()
return dayjs().subtract(d, "seconds").fromNow();
},
tagEncodeURI(tag) {
if (tag.match(/ /)) {
tag = `"${tag}"`
tag = `"${tag}"`;
}
return encodeURIComponent(`tag:${tag}`)
return encodeURIComponent(`tag:${tag}`);
},
getSearch() {
if (!window.location.search) {
return false
return false;
}
const urlParams = new URLSearchParams(window.location.search)
const q = urlParams.get('q')?.trim()
const urlParams = new URLSearchParams(window.location.search);
const q = urlParams.get("q")?.trim();
if (!q) {
return false
return false;
}
return q
return q;
},
getPaginationParams() {
if (!window.location.search) {
return null
return null;
}
const urlParams = new URLSearchParams(window.location.search)
const start = parseInt(urlParams.get('start')?.trim(), 10)
const limit = parseInt(urlParams.get('limit')?.trim(), 10)
const urlParams = new URLSearchParams(window.location.search);
const start = parseInt(urlParams.get("start")?.trim(), 10);
const limit = parseInt(urlParams.get("limit")?.trim(), 10);
return {
start: Number.isInteger(start) && start >= 0 ? start : null,
limit: limitOptions.includes(limit) ? limit : null,
}
};
},
// generic modal get/set function
modal(id) {
const e = document.getElementById(id)
const e = document.getElementById(id);
if (e) {
return Modal.getOrCreateInstance(e)
return Modal.getOrCreateInstance(e);
}
// in case there are open/close actions
return new BootstrapElement()
return new BootstrapElement();
},
// close mobile navigation
hideNav() {
const e = document.getElementById('offcanvas')
const e = document.getElementById("offcanvas");
if (e) {
Offcanvas.getOrCreateInstance(e).hide()
Offcanvas.getOrCreateInstance(e).hide();
}
},
@@ -117,23 +116,24 @@ export default {
*/
get(url, values, callback, errorCallback, hideLoader) {
if (!hideLoader) {
this.loading++
this.loading++;
}
axios.get(url, { params: values })
axios
.get(url, { params: values })
.then(callback)
.catch((err) => {
if (typeof errorCallback == 'function') {
return errorCallback(err)
if (typeof errorCallback === "function") {
return errorCallback(err);
}
this.handleError(err)
this.handleError(err);
})
.then(() => {
// always executed
if (!hideLoader && this.loading > 0) {
this.loading--
this.loading--;
}
})
});
},
/**
@@ -144,16 +144,17 @@ export default {
* @params function callback function
*/
post(url, data, callback) {
this.loading++
axios.post(url, data)
this.loading++;
axios
.post(url, data)
.then(callback)
.catch(this.handleError)
.then(() => {
// always executed
if (this.loading > 0) {
this.loading--
this.loading--;
}
})
});
},
/**
@@ -164,16 +165,17 @@ export default {
* @params function callback function
*/
delete(url, data, callback) {
this.loading++
axios.delete(url, { data: data })
this.loading++;
axios
.delete(url, { data })
.then(callback)
.catch(this.handleError)
.then(() => {
// always executed
if (this.loading > 0) {
this.loading--
this.loading--;
}
})
});
},
/**
@@ -184,16 +186,17 @@ export default {
* @params function callback function
*/
put(url, data, callback) {
this.loading++
axios.put(url, data)
this.loading++;
axios
.put(url, data)
.then(callback)
.catch(this.handleError)
.then(() => {
// always executed
if (this.loading > 0) {
this.loading--
this.loading--;
}
})
});
},
// Ajax error message
@@ -203,87 +206,87 @@ export default {
// The request was made and the server responded with a status code
// that falls out of the range of 2xx
if (error.response.data.Error) {
alert(error.response.data.Error)
alert(error.response.data.Error);
} else {
alert(error.response.data)
alert(error.response.data);
}
} else if (error.request) {
// The request was made but no response was received
alert('Error sending data to the server. Please try again.')
alert("Error sending data to the server. Please try again.");
} else {
// Something happened in setting up the request that triggered an Error
alert(error.message)
alert(error.message);
}
},
allAttachments(message) {
let a = []
for (let i in message.Attachments) {
a.push(message.Attachments[i])
const a = [];
for (const i in message.Attachments) {
a.push(message.Attachments[i]);
}
for (let i in message.OtherParts) {
a.push(message.OtherParts[i])
for (const i in message.OtherParts) {
a.push(message.OtherParts[i]);
}
for (let i in message.Inline) {
a.push(message.Inline[i])
for (const i in message.Inline) {
a.push(message.Inline[i]);
}
return a.length ? a : false
return a.length ? a : false;
},
isImage(a) {
return a.ContentType.match(/^image\//)
return a.ContentType.match(/^image\//);
},
attachmentIcon(a) {
let ext = a.FileName.split('.').pop().toLowerCase()
const ext = a.FileName.split(".").pop().toLowerCase();
if (a.ContentType.match(/^image\//)) {
return 'bi-file-image-fill'
return "bi-file-image-fill";
}
if (a.ContentType.match(/\/pdf$/) || ext == 'pdf') {
return 'bi-file-pdf-fill'
if (a.ContentType.match(/\/pdf$/) || ext === "pdf") {
return "bi-file-pdf-fill";
}
if (['doc', 'docx', 'odt', 'rtf'].includes(ext)) {
return 'bi-file-word-fill'
if (["doc", "docx", "odt", "rtf"].includes(ext)) {
return "bi-file-word-fill";
}
if (['xls', 'xlsx', 'ods'].includes(ext)) {
return 'bi-file-spreadsheet-fill'
if (["xls", "xlsx", "ods"].includes(ext)) {
return "bi-file-spreadsheet-fill";
}
if (['ppt', 'pptx', 'key', 'ppt', 'odp'].includes(ext)) {
return 'bi-file-slides-fill'
if (["ppt", "pptx", "key", "ppt", "odp"].includes(ext)) {
return "bi-file-slides-fill";
}
if (['zip', 'tar', 'rar', 'bz2', 'gz', 'xz'].includes(ext)) {
return 'bi-file-zip-fill'
if (["zip", "tar", "rar", "bz2", "gz", "xz"].includes(ext)) {
return "bi-file-zip-fill";
}
if (['ics'].includes(ext)) {
return 'bi-calendar-event'
if (["ics"].includes(ext)) {
return "bi-calendar-event";
}
if (a.ContentType.match(/^audio\//)) {
return 'bi-file-music-fill'
return "bi-file-music-fill";
}
if (a.ContentType.match(/^video\//)) {
return 'bi-file-play-fill'
return "bi-file-play-fill";
}
if (a.ContentType.match(/\/calendar$/)) {
return 'bi-file-check-fill'
return "bi-file-check-fill";
}
if (a.ContentType.match(/^text\//) || ['txt', 'sh', 'log'].includes(ext)) {
return 'bi-file-text-fill'
if (a.ContentType.match(/^text\//) || ["txt", "sh", "log"].includes(ext)) {
return "bi-file-text-fill";
}
return 'bi-file-arrow-down-fill'
return "bi-file-arrow-down-fill";
},
// Returns a hex color based on a string.
// Values are stored in an array for faster lookup / processing.
colorHash(s) {
if (this.tagColorCache[s] != undefined) {
return this.tagColorCache[s]
if (this.tagColorCache[s] !== undefined) {
return this.tagColorCache[s];
}
this.tagColorCache[s] = colorHash.hex(s)
this.tagColorCache[s] = colorHash.hex(s);
return this.tagColorCache[s]
return this.tagColorCache[s];
},
}
}
},
};