js/mobile: fix eslint and enable linting on build

[pmg-gui.git] / js / mobile / quarantineview.js

diff --git a/js/mobile/quarantineview.js b/js/mobile/quarantineview.js
index 7113214223e0a3184df05f15b00f7ad4227c7cb3..4a3ad5462b17aa49a7e12b58355c306428e1933c 100644 (file)
--- a/js/mobile/quarantineview.js
+++ b/js/mobile/quarantineview.js
@@ -6,18 +6,19 @@ class QuarantineView extends Component {
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="left">
-                           <img class="logo-navbar" style="padding: 0 10px" src="pve2/images/logo-128.png" height=32 />
+                           <img class="logo-navbar" style="padding: 0 10px"
+                               src="pve2/images/logo-128.png" height=32 />
                        </div>
                        <div class="title">Mail Gateway</div>
                    </div>
                </div>
                <div class="settings-form elevation-5 fab-morph-target">
-                   <div class="block-title block-title-medium">{{gettext "Range"}}</div>
+                   <div class="block-title block-title-medium">` + gettext("Range") + `</div>
                    <div class="list no-hairlines-md">
                        <ul>
                            <li class="item-content item-input">
                                <div class="item-inner">
-                                   <div class="item-title item-label">{{gettext "From"}}</div>
+                                   <div class="item-title item-label">` + gettext("From") + `</div>
                                    <div class="item-input-wrap">
                                        <input type="date" name="from" placeholder="from" required validate>
                                    </div>
@@ -25,14 +26,14 @@ class QuarantineView extends Component {
                            </li>
                            <li class="item-content item-input">
                                <div class="item-inner">
-                                   <div class="item-title item-label">{{gettext "To"}}</div>
+                                   <div class="item-title item-label">` + gettext("To") + `</div>
                                    <div class="item-input-wrap">
                                        <input type="date" name="to" placeholder="to" required validate>
                                    </div>
                                </div>
                            </li>
                        </ul>
-                       <a class="button fab-close range-form">{{gettext "OK"}}</a>
+                       <a class="button fab-close range-form">` + gettext("OK") + `</a>
                    </div>
                </div>
                <div class="fab fab-morph fab-right-bottom" data-morph-to=".settings-form">
@@ -47,7 +48,7 @@ class QuarantineView extends Component {
                            <i class="icon f7-icons ios-only color-yellow">alert</i>
                            <i class="icon material-icons md-only color-yellow">warning</i>
                            <span class="subscription-text">
-                           {{gettext "No valid subscription"}}
+                           ` + gettext("No valid subscription") + `
                            </span>
                        </a>
                        </div>
@@ -78,24 +79,24 @@ class QuarantineView extends Component {
                    <a href="/mail/{{id}}/deliver" class="color-green swipeout-close">
                        <i class="icon f7-icons ios-only">paper_plane</i>
                        <i class="icon material-icons md-only">send</i>
-                       &nbsp;{{gettext "Deliver"}}
+                       &nbsp;` + gettext("Deliver") + `
                    </a>
                    <a href="/mail/{{id}}/whitelist" class="swipeout-close">
                        <i class="icon f7-icons ios-only">check</i>
                        <i class="icon material-icons md-only">check</i>
-                       &nbsp;{{gettext "Whitelist"}}
+                       &nbsp;` + gettext("Whitelist") + `
                    </a>
                </div>
                <div class="swipeout-actions-right">
                    <a href="/mail/{{id}}/blacklist" class="color-orange swipeout-close">
                        <i class="icon f7-icons ios-only">close</i>
                        <i class="icon material-icons md-only">close</i>
-                       &nbsp;{{gettext "Blacklist"}}
+                       &nbsp;` + gettext("Blacklist") + `
                    </a>
                    <a href="/mail/{{id}}/delete" class="color-red swipeout-close">
                        <i class="icon f7-icons ios-only">trash</i>
                        <i class="icon material-icons md-only">delete</i>
-                       &nbsp;{{gettext "Delete"}}
+                       &nbsp;` + gettext("Delete") + `
                    </a>
                </div>
            </li>`;
@@ -138,11 +139,11 @@ class QuarantineView extends Component {
                height: function(item) {
                    return me._calculateHeight(item);
                },
-               emptyTemplate: '<div class="empty">No data in database</div>'
+               emptyTemplate: '<div class="empty">No data in database</div>',
            });
 
            // setup pull to refresh
-           $$('.ptr-content').on('ptr:refresh', (e) => {
+           $$('.ptr-content').on('ptr:refresh', (ev) => {
                me.setItems([
                    { skel: true, divider: true },
                    { skel: true },
@@ -162,12 +163,12 @@ class QuarantineView extends Component {
                        sorter: {
                            property: 'time',
                            numeric: true,
-                           direction: 'DESC'
+                           direction: 'DESC',
                        },
-                       grouperFn: (val) => PMG.Utils.unixToIso(val['time'])
+                       grouperFn: (val) => PMG.Utils.unixToIso(val.time),
                    });
                }).catch(PMG.Utils.showError).then(() => {
-                   e.detail();
+                   ev.detail();
                });
            });
 
@@ -199,9 +200,7 @@ class QuarantineView extends Component {
                me._loginScreen.close();
                PMG.Utils.setLoginInfo(data);
                return PMG.Utils.getSubscriptionInfo();
-           }).then(data => {
-               return PMG.Utils.checkSubscription(data, showPopup);
-           }).then(data => {
+           }).then(data => PMG.Utils.checkSubscription(data, showPopup)).then(data => {
                app.ptr.refresh();
                if (mail) {
                    let url = "/mail/" + mail + "/" + (action || "");
@@ -214,7 +213,7 @@ class QuarantineView extends Component {
            main: me.config.mainView !== undefined ? me.config.mainView : true,
            url: '/',
            pushState: true,
-           pushStateAnimateOnLoad: true
+           pushStateAnimateOnLoad: true,
        });
     }
     setStarttime(starttime) {
@@ -222,26 +221,26 @@ class QuarantineView extends Component {
        let date = starttime;
        if (!(starttime instanceof Date)) {
            // we assume an ISO string
-           if (starttime == '') {
-               return;
+           if (starttime === '') {
+               return null;
            }
            date = new Date(PMG.Utils.isoToUnix(starttime)*1000);
        }
        // starttime is at beginning of date
-       date.setHours(0,0,0,0);
+       date.setHours(0, 0, 0, 0);
        let result = Math.round(date.getTime()/1000);
        if (result !== me.starttime) {
            me.starttime = result;
            return true;
        }
-       return false
+       return false;
     }
     setEndtime(endtime) {
        var me = this;
        let date = endtime;
        if (!(endtime instanceof Date)) {
-           if (endtime == '') {
-               return;
+           if (endtime === '') {
+               return null;
            }
            // we assume an ISO string
            date = new Date(PMG.Utils.isoToUnix(endtime)*1000);
@@ -275,7 +274,7 @@ class QuarantineView extends Component {
                case 'ios-item':
                    height = 53;
                    break;
-               default: ;
+               default:
            }
        }
 
@@ -284,7 +283,7 @@ class QuarantineView extends Component {
     _renderItem(item) {
        var me = this;
 
-       if(typeof item === 'object') {
+       if (typeof item === 'object') {
            if (item.skel) {
                return item.divider? me.skelDividerTpl : me.skelTpl;
            } else if (item.divider) {
@@ -305,13 +304,13 @@ class QuarantineView extends Component {
                let prop = options.sorter.property;
                let numeric = options.sorter.numeric;
                let dir = options.sorter.direction === "ASC" ? 1 : -1;
-               items.sort((a,b) => {
+               items.sort((a, b) => {
                    let result;
 
                    if (numeric) {
                        result = a[prop] - b[prop];
                    } else {
-                       result = a[prop] === b[prop] ? 0 : (a[prop] < b[prop] ? 1 : -1);
+                       result = a[prop] === b[prop] ? 0 : a[prop] < b[prop] ? 1 : -1;
                    }
 
                    return result * dir;
@@ -325,10 +324,10 @@ class QuarantineView extends Component {
            for (let i = 0; i+offset < items.length; i++) {
                let item = items[i+offset];
                let curgroup = options.grouperFn(item);
-               if (curgroup != lastgroup) {
-                   me.vList.insertItemBefore(i+(offset++), {
+               if (curgroup !== lastgroup) {
+                   me.vList.insertItemBefore(i+offset++, {
                        divider: true,
-                       group: curgroup
+                       group: curgroup,
                    });
                    lastgroup = curgroup;
                }
@@ -342,7 +341,7 @@ class QuarantineView extends Component {
                url: '/api2/json/quarantine/spam',
                data: {
                    starttime: me.starttime,
-                   endtime: me.endtime
+                   endtime: me.endtime,
                },
                dataType: 'json',
                success: (response, status, xhr) => {
@@ -350,7 +349,7 @@ class QuarantineView extends Component {
                },
                error: xhr => {
                    reject(xhr);
-               }
+               },
            });
        });
     }