console.log();
let uchip = null;
let apps_table = null;
let app_list = JSON.parse('{{mod.app_list|json_encode|raw}}');
let domain_list = JSON.parse('{{mod.domain_list|json_encode|raw}}');
let version_list = JSON.parse('{{mod.version_list|json_encode|raw}}');
$(document).ready(function () {
    {% if mod.isie == 1 %}
    uchip = new $.Uchip();
    {% else %}
    uchip = new Uchip();
    {% endif %}
    renderDomainSelect();
    renderNodeJSAppList();
    renderNodeJSList();
    // emptyEnvVarsAppRender();
});
// function emptyEnvVarsAppRender() {
//     $('#_nodejs_envars_list_header').slideUp('fast');
//     $('#_nodejs_envars_list_container').html('');
// }
function addInitialEnvVar() {
    uchip.slideToggle('#_filled_envars_nodejs_form', '#_nofilled_envars_nodejs_form', function () {
        $('#_nodejs_envars_list_container').html('');
        newEnvVarApp();
    });
}
function newEnvVarApp() {
    $('#_nodejs_envars_list_header').slideDown('fast');
    let index = $('#_nodejs_envars_list_container .row-app-form').length + 1;
    let html_vars = envVarTemplateHTML(index);
    $('#_nodejs_envars_list_container').append(html_vars);
}
function envVarTemplateHTML(index, key, val) {
    return '<div class="row row-app-form app-env-var-item" id="_nodejs_apps_envar_' + index + '">' +
        '<div class="col-md-5">' +
        '<input type="text" value="' + (key === undefined ? '' : key) + '" class="form-control env-var-key">' +
        '</div>' +
        '<div class="col-md-5">' +
        '<input type="text" value="' + (val === undefined ? '' : val) + '" class="form-control env-var-value"">' +
        '</div>' +
        '<div class="col-md-2 env-vars-btn-container">' +
        '<button class="btn btn-danger" onclick="deleteEnvVarApp(this)"><i class="fa fa-trash"></i></button>' +
        '<button class="btn btn-primary" onclick="newEnvVarApp(this)"><i class="fa fa-plus"></i></button>' +
        '</div>' +
        '</div>';
}
function renderNodeJSList() {
    if (version_list.length > 0) {
        let html_select = '';
        version_list.forEach(function (version) {
            html_select += '<option value="' + version.ver + '"' + (version.default === true ? ' selected' : '') + '>' + version.ver + '</option>';
        });
        $('#_nodejs_app_form_node').html('<select id="_nodejs_app_form_node_select" data-required="true" class="form-control nodejs-req">' + html_select + '</select>');

    } else {
        let html_install_ver_first = '<span class="nodejs-select-user-empty" onclick="installNodeJSVerFromAppForm()" id="_apps_form_install_nodejs">' +
            '<span>First install a NodeJS version</span>' +
            '<input type="hidden" class="required-data" data-error-place="#_apps_form_install_nodejs" value="">' +
            '</span>';
        $('#_nodejs_app_form_node').html(html_install_ver_first);
    }
}
function renderNodeJSAppList() {
    let html_list = '';
    console.log('app_list',app_list);
    if (app_list.length > 0) {
        let html_content = '';
        index = 1;
        app_list.forEach(function (app) {
            let status_btn = '<button id="_nodejs_apps_status_btn_' + index + '" title="Stop application" data-status="running" onclick="nodeJSAppStatus(this, ' + index + ')" data-toggle="tooltip" data-placement="top" class="btn btn-danger btn-xs btn-status_main"><i class="fa fa-stop"></i></button>';
            let status_class = 'text-running';
            let btn_restart = '';
            if (app.status != 'running') {
                status_class = 'text-danger';
                btn_restart = 'style="display:none"';
                status_btn = '<button id="_nodejs_apps_status_btn_' + index + '" title="Start application" data-status="stoped" onclick="nodeJSAppStatus(this, ' + index + ')" data-toggle="tooltip" data-placement="top" class="btn btn-primary btn-xs btn-status_main"><i class="fa fa-play"></i></button>';
            }
            html_content += '<tr class="app-tr-' + app.key + '" id="_nodejs_apps_item_' + index + '" data-key="' + app.key + '" data-cwpkey="' + app.cwp_key + '">' +
                '<td>' + app.name + '</td>' +
                '<td>' + app.version + '</td>' +
                '<td>/home/{{users}}' + app.path + '</td>' +
                '<td>' + app.extra_info.port + 'x</td>' +
                '<td class="status-app-container">' +
                '<i class="fa fa-circle ' + status_class + '" aria-hidden="true"></i> ' +
                '<span>' + app.status + '</span>' +
                '</td>' +
                '<td>' + app.mode + '</td>' +
                '<td>' +
                '<div class="nodejs-apps-actions">' +
                '<button title="{{langmod.LABNODEJS99}}" data-toggle="tooltip" data-placement="top" onclick="editNodeJSApp(\'' + app.key + '\')" class="btn btn-success btn-xs"><i class="fa fa-cogs"></i></button>' +
                status_btn +
                '<button ' + btn_restart + ' id="_nodejs_apps_restart_btn_' + index + '" onclick="restartApplication(this, ' + index + ')" title="Restart application" data-toggle="tooltip" data-placement="top" class="btn btn-default btn-xs btn-restart-app"><i class="fa fa-refresh"></i></button>' +
                '<button class="btn btn-warning btn-xs" title="Delete application" data-toggle="tooltip" data-key="' + app.key + '" data-placement="top" onclick="confirmAppDeletion(this, \'' + app.name + '\',' + index + ')"><i class="fa fa-trash"></i></button>' +
                '<button class="btn btn-default btn-xs" title="View application log" data-toggle="tooltip" data-placement="top" onclick="viewNodeJSAppLog(\'' + app.name + '\', ' + app.key + ')"><i class="fa fa-file-text-o"></i></button>' +
                '</div>' +
                '</td>' +
                '</tr>';
            index++;
        });
        html_list = '<table style="margin-bottom:" class="table nodejs_apps_table table-striped table-bordered table-hover">' +
            '<thead>' +
            '<tr role="row">' +
            '<th>App name</th>' +
            '<th style="width:100px">Version</th>' +
            '<th>Path</th>' +
            '<th>Port</th>' +
            '<th style="width:85px">Status</th>' +
            '<th style="width:85px">Mode</th>' +
            '<th style="width:160px">Action</th>' +
            '</tr>' +
            '</thead>' +
            '<tbody id="contenttr">' +
            html_content +
            '</tbody>' +
            '</table>';
        $('#table_nodejs_apps_container').html(html_list);
        apps_table = $('.nodejs_apps_table').DataTable();
    } else {
        html_list = '<div class="nodejs-empty-list-version">' +
            '<h4>{{langmod.LABNODEJS129}}</h4>' +
            '</div>';
        $('#table_nodejs_apps_container').html(html_list);
    }
    $('[data-toggle="tooltip"]').tooltip();
}
function nodeJSAppStatus(elem, index) {
    let status = $(elem).data('status');
    let action = 'stop';
    let curr_ico = 'fa-stop';
    let next_ico = 'fa-play';
    let curr_btn = 'btn-primary';
    let next_btn = 'btn-danger';
    let next_status = 'stoped';
    let next_title = '{{langmod.LABNODEJS101}}';
    let message = 'stoped';
    if (status !== 'running') {
        action = 'start';
        next_ico = 'fa-stop';
        curr_ico = 'fa-play';
        next_btn = 'btn-primary';
        curr_btn = 'btn-danger';
        next_status = 'running';
        next_title = '{{langmod.LABNODEJS102}}';
        message = 'started'
    }
    let tr_app = $('#_nodejs_apps_item_' + index);
    tr_app.addClass('deleting_tr');
    tr_app.find('.btn').prop('disabled', true);
    function resetTR() {
        tr_app.removeClass('deleting_tr');
        tr_app.find('.btn').prop('disabled', false);
    }
    let app_key = tr_app.data('key');
    let cwp_key = tr_app.data('cwpkey');
    uchip.handleButton(elem, curr_ico);
    handleAppStatus(action + '&cwp_key=' + cwp_key + '&key=' + app_key, function (resp_data) {
        if (action == 'stop' || (action == 'start' && resp_data.app_status === 'running')) {
            $(elem).addClass(next_btn).removeClass(curr_btn);
            $(elem).data('status', next_status);
            $(elem).attr('title', next_title);
            $(elem).attr('data-original-title', next_title);
            updateStatusAppTr(app_key, resp_data.app_status);
            noti_bubble('{{langmod.LABNODEJS83}}', '{{langmod.LABNODEJS103}} ' + message + ' {{langmod.LABNODEJS104}}', 'success', true, false, '5500', true);
            uchip.handleButton(elem, next_ico, true);
        } else {
            noti_bubble('{{langmod.LABNODEJS82}}', '{{langmod.LABNODEJS105}}', 'error', true, false, '3000', true);
            uchip.handleButton(elem, curr_ico, true);
        }
        resetTR();
    }, function () {
        resetTR();
        uchip.handleButton(elem, curr_ico, true);
    });
}
function showNodeJSForm() {
    $('#_nodejs_form_title').text('{{langmod.LABNODEJS95}}');
    uchip.slideToggle('#nodejs_form_window', '#nodejs_app_list', function () {
        $('#_nodejs_app_form_type').val('new');
    });
}
function cancelNodeJSForm() {
    if ($('#_nodejs_envars_list_container').is(':visible')) {
        $('#_nodejs_envvars_collapse').trigger('click');
    }
    uchip.slideToggle('#nodejs_app_list', '#nodejs_form_window', function () {
        $('#nodejs_url_selector_domain').val('');
        uchip.validator('.nodejs-req', true);
        $('#nodejs_url_selector_domain').trigger('change');
        $('#_nodejs_form_domain_selected_').val('');
        $('#_filled_envars_nodejs_form').hide();
        $('#_nodejs_envars_list_container').html('');
        $('#_nofilled_envars_nodejs_form').show();
        // LEGACY
        $('#_nodejs_app_desc_name').val('');
        $('#_nodejs_app_mode').val('development');
        $('#_nodejs_app_start_file').val('');
        $('#_nodejs_app_uri').val('');
        $('#nodejs_app_quick_actions_container').hide();
        let def_ver = version_list.find(function (version) {
            return version.default === true;
        });
        $('#dirsel').text('/');
        $('#nodejs_app_quick_actions_container').removeClass('is-running');
        $('#_nodejs_envars_list_container').html('');
        if (def_ver !== undefined) {
            $('#_nodejs_app_form_node_select').val(def_ver.ver);
        }
    });
}
function deleteEnvVarApp(elem) {
    if ($('.app-env-var-item').length == 1) {
        uchip.slideToggle('#_nofilled_envars_nodejs_form', '#_filled_envars_nodejs_form', function () {
            $(elem).closest('.row-app-form').remove();
            $('#_nodejs_envars_list_container').html('');
        });
    } else {
        $(elem).closest('.row-app-form').slideUp('fast', function () {
            $(this).remove();
        });
    }
}
function renderDomainSelect() {
    let html_select = '<select class="nodejs-req" data-required="true" id="nodejs_url_selector_domain">' +
        '<option value="">{{langmod.LABNODEJS119}}</option>';
    // let found = false;
    domain_list.forEach(function (dom) {
        html_select += '<option value="' + dom.domain_label + '">' + dom.domain_label + '</option>';
    });
    html_select += '</select>';
    $('#nodejs_url_selector_select').html(html_select);
    $("#nodejs_url_selector_domain").select2({
        placeholder: "{{langmod.LABNODEJS119}}",
        allowClear: true
    }).on('select2:select', function (e) {
        let data = e.params.data;
        $('#_nodejs_form_domain_selected_').val(data.text);
    });
}
function editNodeJsAppWindow(app_data) {
    // renderDomainForApps(app_data.user);
    $('#_nodejs_form_domain_selected_').val(app_data.url);
    $('#nodejs_url_selector_domain').val(app_data.url);
    $('#nodejs_url_selector_domain').trigger('change');
    $('#dirsel').text(app_data.path);
    $('#_nodejs_path_wrapper .nodejs-select-user-empty').fadeOut('fast', function () {
        $('#_nodejs_path_selector_wrapper').fadeIn('fast');
    });
    $('#_nodejs_app_desc_name').val(app_data.name);
    $('#_nodejs_app_mode').val(app_data.mode);
    // $('#_nodejs_app_uri').val(app_data.extra_info.uri === undefined ? '' : app_data.extra_info.uri);
    // $('#_nodejs_app_port').val(app_data.extra_info.port);

    if (app_data.status === 'running') {
        $('#nodejs_app_quick_actions_container').addClass('is-running');
    }
    if (app_data.npm_install_running === true) {
        uchip.handleButton('#_npm_install_btn_form', 'fa-angle-right');
        // resetNPMInstallModal();
        // $('#modal_npm_install_log').modal('show');
        // npmInstallLogger(app_data.key);
    }
    $('#nodejs_app_quick_actions_container').data('key', app_data.key);
    $('#nodejs_app_quick_actions_container').data('name', app_data.name);
    $('#nodejs_app_quick_actions_container').data('cwp-key', app_data.cwp_key);
    $('#nodejs_app_quick_actions_container').show();
    $('#_nodejs_app_form_node_select').val(app_data.version);
    $('#_nodejs_app_start_file').val(app_data.extra_info.startup_file);
    renderEnvVars(app_data.extra_info.env_vars);
    uchip.slideToggle('#nodejs_form_window', '#nodejs_loader_window');
}
function saveNewNodeJSApp() {
    if (!uchip.validator('.required-data')) {
        noti_bubble('{{langmod.LABNODEJS92}}', '{{langmod.LABNODEJS93}}', 'error', true, false, '3000', true);
    } else {
        let data_app = getAppDataFromForm();
        let type_val = $('#_nodejs_app_form_type').val();
        let data_request = 'type=' + (type_val !== 'new' ? 'editing&key_id=' + type_val : 'new') + '&app=' + JSON.stringify(data_app);
        $('#_nodejs_apps_loader_title').text('{{langmod.LABNODEJS94}}...');
        slideToggle('#_nodejs_apps_loader', '#_nodejs_apps_newform_window', function () {
            sendRequestSaveApp(data_request, function (resp_data) {
                app_list = resp_data.list;
                renderNodeJSAppList();
                cancelFormNodeJSApp();
            }, function () {
                slideToggle('#_nodejs_apps_newform_window', '#_nodejs_apps_loader');
            });
        });
    }
}
function getAppDataFromForm() {
    let env_variables = [];
    $('#_nodejs_envars_list_container .app-env-var-item').each(function () {
        let key = $(this).find('.env-var-key').val();
        if (key !== '') {
            env_variables.push({
                key: key,
                value: $(this).find('.env-var-value').val(),
            });
        }
    });
    return {
        type: 'node',
        version: $('#_nodejs_app_form_node_select').val(),
        name: $('#_nodejs_app_desc_name').val(),
        mode: $('#_nodejs_app_mode').val(),
        path: $('#dirsel').text(),
        user: $("#nodejs_user_selector_").val(),
        url: $('#nodejs_url_selector_domain').val(),
        extra_info: {
            startup_file: $('#_nodejs_app_start_file').val(),
            uri: $('#_nodejs_app_uri').val(),
            port: $('#_nodejs_app_port').val(),
            env_vars: env_variables
        }
    }
}
function renderEnvVars(env_vars) {
    let html_vars = '';
    if (env_vars === undefined || env_vars.length < 1) {
        $('#_filled_envars_nodejs_form').hide();
        $('#_nofilled_envars_nodejs_form').show();
        $('#_nodejs_envars_list_container').html('');
    } else {
        $('#_nodejs_envvars_collapse').trigger('click');
        let index = 1;
        env_vars.forEach(function (env_var) {
            // console.log(`${property}: ${env_vars[property]}`);
            html_vars += envVarTemplateHTML(index, env_var.key, env_var.value);
            index++;
        });
        $('#_nodejs_envars_list_container').html(html_vars);
        $('#_nofilled_envars_nodejs_form').hide();
        $('#_filled_envars_nodejs_form').show();
        // if(!$('#_nodejs_envars_list_container').is(':visible')){
        //     $('#_nodejs_envvars_collapse').trigger('click');
        // }
    }
}
function editNodeJSApp(app_key) {
    $('#_nodejs_apps_loader_title').text('Loading application info, please wait...');
    $('#_nodejs_app_form_type').val(app_key);
    uchip.slideToggle('#nodejs_loader_window', '#nodejs_app_list', function () {
        loadNodeJSAppInfo(app_key, function (resp_data) {
            $('#_nodejs_form_title').text('{{langmod.LABNODEJS99}}');
            editNodeJsAppWindow(resp_data.info);
        }, function () {
            slideToggle('#_nodejs_apps_list_container', '#_nodejs_apps_loader');
        });
    });

}
function nodeJSAppViewLogInForm() {
    let key = $('#nodejs_app_quick_actions_container').data('key');
    let name = $('#nodejs_app_quick_actions_container').data('name');
    viewNodeJSAppLog(name, key);
}
function viewNodeJSAppLog(name, key) {
    $('#_nodejs_app_logger_lines_qty').val(20);
    $('#_nodejs_app_logger_refresh_btn').data('key', key);
    $('#modal_nodejs_app_log_title').text(name + ' log');
    $('#nodejs_app_log_loader').show();
    $('#nodejs_app_log_wrapper').hide();
    $('#modal_nodejs_app_log').modal('show');
    requestAppLog(key, 20, function (resp) {
        $('#nodejs_app_log_container').html(resp.log.map(function (log_line) {
            return '<p>' + log_line + '</p>';
        }).join(''));
        $('#nodejs_app_log_loader').fadeOut('fast', function () {
            $('#nodejs_app_log_wrapper').fadeIn('fast', function () {
                $("#nodejs_app_log_container p").last().attr("tabindex", -1).focus();
            });
        });
    }, function () {
        $('#modal_nodejs_app_log').modal('hide');
    });
}
function refeshNodeJSAppLog(elem) {
    $('#nodejs_app_log_wrapper').fadeOut('fast', function () {
        $('#nodejs_app_log_loader').fadeIn('fast');
        let key = $(elem).data('key');
        let lines = $('#_nodejs_app_logger_lines_qty').val();
        requestAppLog(key, lines, function (resp) {
            $('#nodejs_app_log_container').html(resp.log.map(function (log_line) {
                return '<p>' + log_line + '</p>';
            }).join(''));
            $('#nodejs_app_log_loader').fadeOut('fast', function () {
                $('#nodejs_app_log_wrapper').fadeIn('fast');
            });
        }, function () {
            $('#modal_nodejs_app_log').modal('hide');
        });
    });
}

function confirmAppDeletion(elem, app_name, index) {
    $('#confirm_app_delete_name').text(app_name)
    $('#_nodejs_app_confirm_del_btn').unbind('click').click(function () {
        let tr_delete = $('#_nodejs_apps_item_' + index);
        tr_delete.addClass('deleting_tr');
        tr_delete.find('.btn').prop('disabled', true);
        function resetTR() {
            tr_delete.removeClass('deleting_tr');
            tr_delete.find('.btn').prop('disabled', false);
        }
        uchip.handleButton(elem, 'fa-trash');
        $('#modal_app_delete_confirm').modal('hide');
        let key = $(elem).data('key');
        sendDeleteApplication(key, function () {
            tr_delete.slideUp('fast', function () {
                apps_table.row(this).remove().draw();
            });
            app_list.splice(index - 1, 1);
            calculateQuota();
            resetTR();
        }, function () {
            resetTR();
            uchip.handleButton(elem, 'fa-trash', true);
        });
    });
    $('#modal_app_delete_confirm').modal('show');
}
function sendDeleteApplication(app_key, success, cleaner) {
    uchip.call('module=nodejs_manager&acc=delete_app', {
        data: 'key_id=' + app_key,
        callback: function (response) {
            if (response.result == 'success') {
                success(response);
            } else {
                let message_error = '{{langmod.LABNODEJS81}}';
                noti_bubble('{{langmod.LABNODEJS82}}', message_error, 'error', true, false, '3000', true);
                cleaner();
            }
        }
    });
}
function loadNodeJSAppInfo(app_key, success, cleaner) {
    uchip.call('module=nodejs_manager&acc=nodejs_app_info', {
        data: 'key_id=' + app_key,
        callback: function (response) {
            if (response.result == 'success') {
                success(response);
            } else {
                let message_error = '{{langmod.LABNODEJS81}}';
                noti_bubble('{{langmod.LABNODEJS82}}', message_error, 'error', true, false, '3000', true);
                cleaner();
            }
        }
    });
}
function requestAppLog(key, lines, success, cleaner) {
    uchip.call('module=nodejs_manager&acc=get_app_log', {
        data: 'key=' + key + '&lines=' + lines,
        callback: function (response) {
            if (response.result == 'success') {
                success(response);
            } else {
                let message_error = '{{langmod.LABNODEJS81}}';
                if (response.hasOwnProperty('code')) {
                    if (response.code == 1) {
                        message_error = '{{langmod.LABNODEJS116}}';
                    }
                }
                noti_bubble('{{langmod.LABNODEJS82}}', message_error, 'error', true, false, '3000', true);
                cleaner();
            }
        }
    });
}
{% include("/js/modules/nodejs_manager/file_explorer.js.twig") %}
{% include("/js/modules/nodejs_manager/npm_engine.js.twig") %}
{% include("/js/modules/nodejs_manager/apps_status.js.twig") %}
{% include("/js/modules/nodejs_manager/apps_save_update.js.twig") %}