'use strict';
'require fs';
'require ui';

return L.Class.extend({
    app_name: 'ruantiblock',
    exec_path: '/usr/bin/ruantiblock',
    init_path: '/etc/init.d/ruantiblock',
    token_file: '/var/run/ruantiblock.token',
    parsers_dir: '/usr/bin',
    torrc_file: '/etc/tor/torrc',
    user_entries_file: '/etc/ruantiblock/user_entries',
    fqdn_filter_file: '/etc/ruantiblock/fqdn_filter',
    ip_filter_file: '/etc/ruantiblock/ip_filter',
    crontab_file: '/etc/crontabs/root',
    info_label_starting: '<span class="label-status starting">' + _('Starting') + '</span>',
    info_label_running: '<span class="label-status running">' + _('Enabled') + '</span>',
    info_label_updating: '<span class="label-status updating">' + _('Updating') + '</span>',
    info_label_stopped: '<span class="label-status stopped">' + _('Disabled') + '</span>',
    info_label_error: '<span class="label-status error">' + _('Error') + '</span>',

    blacklist_sources: {
        'rublacklist': 'https://rublacklist.net',
        'zapret-info': 'https://github.com/zapret-info/z-i',
        'antifilter': 'https://antifilter.download',
    },

    css: `
.label-status {
    display: inline;
    margin: 0px 2px 0px 0 !important;
    padding: 1px 4px 2px 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
    color: #fff !important;
}
.starting {
    background-color: #a7b668 !important;
}
.running {
    background-color: #2ea256 !important;
}
.updating {
    background-color: #1e82ff !important;
}
.stopped {
    background-color: #acacac !important;
}
.error {
    background-color: #ff4e54 !important;
}
.total-proxy {
    background-color: #ffb937 !important;
}`,

    normalize_value: function(v) {
        return (v && typeof(v) === 'string') ? v.trim().replace(/\r?\n/g, '') : v;
    },

    make_status_string: function(
                                app_status_code,
                                proxy_mode,
                                bllist_mode,
                                bllist_module,
                                bllist_source,
                                tp_status_code,
                                vpn_route_status_code) {
        let app_status_label;
        let spinning = '';

        switch(app_status_code) {
            case 0:
                app_status_label = this.info_label_running;
                break;
            case 2:
                app_status_label = this.info_label_stopped;
                break;
            case 3:
                app_status_label = this.info_label_starting;
                spinning = ' spinning';
                break;
            case 4:
                app_status_label = this.info_label_updating;
                spinning = ' spinning';
                break;
            default:
                app_status_label = this.info_label_error;
                return `<div class="table">
                            <div class="tr">
                                <div class="td left" style="width:33%">
                                    ${_('Status')}
                                </div>
                                <div class="td left">
                                    ${app_status_label}
                                </div>
                            </div>
                        </div>`
        };

        return `<div class="table">
                    <div class="tr">
                        <div class="td left" style="width:33%%">
                            ${_('Status')}
                        </div>
                        <div class="td left%s">
                            %s %s %s
                        </div>
                    </div>
                    <div class="tr">
                        <div class="td left" style="width:33%%">
                            ${_('Proxy mode')}
                        </div>
                        <div class="td left">
                            %s
                        </div>
                    </div>
                    <div class="tr">
                        <div class="td left" style="width:33%%">
                            ${_('Blacklist update mode')}
                        </div>
                        <div class="td left">
                            %s
                        </div>
                    </div>
                    %s
                </div>
        `.format(
            spinning,
            app_status_label,
            (tp_status_code == 0) ? '<span class="label-status total-proxy">'
                + _('Total-proxy is on') + '</span>' : '',
            (app_status_code != 2 && proxy_mode == 2 && vpn_route_status_code != 0)
                ? '<span class="label-status error">'
                    + _('VPN routing error! Need restart') + '</span>' : '',
            (proxy_mode == 1) ? 'Tor' : 'VPN',
            (!bllist_module || bllist_module === '') ? _('user entries only') : bllist_mode,
            (!bllist_module || bllist_module === '') ? '' : `<div class="tr">
                <div class="td left" style="width:33%%">
                    ${_('Blacklist source')}
                </div>
                <div class="td left">
                    <span style="cursor:help; border-bottom:1px dotted" data-tooltip="${this.blacklist_sources[bllist_source]}">
                        ${bllist_source}
                    </span>
                </div>
            </div>`
        );
    },

    file_edit_dialog: L.Class.extend({
        __init__: function(file, title, description, callback, file_exists=false) {
            this.file = file;
            this.title = title;
            this.description = description;
            this.callback = callback;
            this.file_exists = file_exists;
        },

        load: function() {
            return fs.read(this.file);
        },

        render: function(content) {
            ui.showModal(this.title, [
                E('div', { 'class': 'cbi-section' }, [
                    E('div', { 'class': 'cbi-section-descr' }, this.description),
                    E('div', { 'class': 'cbi-section' },
                        E('p', {},
                            E('textarea', {
                                'id': 'widget.modal_content',
                                'class': 'cbi-input-textarea',
                                'style': 'width:100% !important',
                                'rows': 10,
                                'wrap': 'off',
                                'spellcheck': 'false',
                            },
                            content || '')
                        )
                    ),
                ]),
                E('div', { 'class': 'right' }, [
                    E('button', {
                        'class': 'btn',
                        'click': ui.hideModal,
                    }, _('Dismiss')),
                    ' ',
                    E('button', {
                        'id': 'btn_save',
                        'class': 'btn cbi-button-positive important',
                        'click': ui.createHandlerFn(this, this.handleSave),
                    }, _('Save')),
                ]),
            ]);
        },

        handleSave: function(ev) {
            let textarea = document.getElementById('widget.modal_content');
            let value = textarea.value.trim().replace(/\r\n/g, '\n') + '\n';

            return fs.write(this.file, value).then(async rc => {
                textarea.value = value;
                ui.addNotification(null, E('p', _('Contents have been saved.')),
                    'info');
                if(this.callback) {
                    return this.callback(rc);
                };
            }).catch(e => {
                ui.addNotification(null, E('p', _('Unable to save the contents')
                    + ': %s'.format(e.message)));
            }).finally(() => {
                ui.hideModal();
            });
        },

        error: function(e) {
            if(!this.file_exists && e instanceof Error && e.name === 'NotFoundError') {
                return this.render();
            } else {
                ui.showModal(this.title, [
                    E('div', { 'class': 'cbi-section' },
                        E('p', {}, _('Unable to read the contents')
                            + ': %s'.format(e.message))
                    ),
                    E('div', { 'class': 'right' },
                        E('button', {
                            'class': 'btn',
                            'click': ui.hideModal,
                        }, _('Dismiss'))
                    ),
                ]);
            };
        },

        show: function() {
            ui.showModal(null,
                E('p', { 'class': 'spinning' }, _('Loading'))
            );
            this.load().then(content => {
                ui.hideModal();
                return this.render(content);
            }).catch(e => {
                ui.hideModal();
                return this.error(e);
            })
        },
    }),
});