import $ from 'jquery';

function f_list_article()
{
    let _this = $('.tom-modal[tom-modal-name="article"]');
    let s = _this.find('#div-modal-editor').html();
    _this.find('.js-tom-modal-save-input').val(s);
}

window.f_list_article = f_list_article;

$(document).on('click', '.js-tom-modal-open-article', function(oEvent) {
    let _this = $('.tom-modal[tom-modal-name="article"]');
    let iId = $(this).attr('tom-modal-save-id');
    let sField = $(this).attr('tom-modal-field');
    
    _this.attr('tom-modal-data-id', iId);
    _this.find('.js-tom-modal-save').attr('tom-modal-save-id', iId);
    _this.find('textarea').attr('field', sField);
    _this.find('input').attr('field', sField);
    
    let sApiPath = $("#api_path").val();
    
    let sApiUrl = "/nasa/list/hit/"+iId+"/"+sField;

    $.ajax({
        url: sApiUrl,
        type: 'GET',
        dataType: 'json',
        data: {
            'api_path': sApiPath,
            'site_www': $("#site_www").val()
        },
        success: function(j) {
            tomModalShow("article");
            window.initModalEditor(j.aData.sHit);
        },
        error: function(oXHR, sTextStatus, sErrorThrown) {
            if (sTextStatus === 'timeout') {
                alert('📡 网络极度拥堵，请求超时，请稍后再试！');
            } else {
                alert('💀 系统核心暴裂，错误代码: ' + oXHR.status);
            }
        },
        complete: function() {}
    });
});

$(document).on('click', '.js-tom-modal-open-text', function(oEvent) {
    let _this = $('.tom-modal[tom-modal-name="text"]');
    let iId = $(this).attr('tom-modal-save-id');
    let sField = $(this).attr('tom-modal-field');
    
    _this.attr('tom-modal-data-id', iId);
    _this.find('.js-tom-modal-save').attr('tom-modal-save-id', iId);
    _this.find('textarea').attr('field', sField);
    _this.find('input').attr('field', sField);
    
    let sApiPath = $("#api_path").val();
    
    let sApiUrl = "/nasa/list/hit/"+iId+"/"+sField;
    
    $.ajax({
        url: sApiUrl,
        type: 'GET',
        dataType: 'json',
        data: {
            'sHitType': 'text',
            'api_path': sApiPath,
            'site_www': $("#site_www").val()
        },
        success: function(j) {
            _this.find('textarea').val(j.aData.sHit);
            tomModalShow("text");
        },
        error: function(oXHR, sTextStatus, sErrorThrown) {
            if (sTextStatus === 'timeout') {
                alert('📡 网络极度拥堵，请求超时，请稍后再试！');
            } else {
                alert('💀 系统核心暴裂，错误代码: ' + oXHR.status);
            }
        },
        complete: function() {}
    });
    
});

$(document).on('click', '.js-tom-modal-open-json', function(oEvent) {
    let _this = $('.tom-modal[tom-modal-name="json"]');
    let iId = $(this).attr('tom-modal-save-id');
    let sField = $(this).attr('tom-modal-field');
    
    _this.attr('tom-modal-data-id', iId);
    _this.find('.js-tom-modal-save').attr('tom-modal-save-id', iId);
    _this.find('textarea').attr('field', sField);
    _this.find('input').attr('field', sField);
    
    let sApiPath = $("#api_path").val();
    
    let sApiUrl = "/nasa/list/hit/"+iId+"/"+sField;
    
    $.ajax({
        url: sApiUrl,
        type: 'GET',
        dataType: 'json',
        data: {
            'sHitType': 'json',
            'api_path': sApiPath,
            'site_www': $("#site_www").val()
        },
        success: function(j) {
            _this.find('textarea').val(j.aData.sHit);
            tomModalShow("json");
        },
        error: function(oXHR, sTextStatus, sErrorThrown) {
            if (sTextStatus === 'timeout') {
                alert('📡 网络极度拥堵，请求超时，请稍后再试！');
            } else {
                alert('💀 系统核心暴裂，错误代码: ' + oXHR.status);
            }
        },
        complete: function() {}
    });
    
});

$(document).on('click', '.js-tom-modal-open-image', function(oEvent) {
    let _this = $('.tom-modal[tom-modal-name="image"]');
    let iId = $(this).attr('tom-modal-save-id');
    let sField = $(this).attr('tom-modal-field');
    
    _this.attr('tom-modal-data-id', iId);
    _this.find('.js-tom-modal-save').attr('tom-modal-save-id', iId);
//    _this.find('textarea').attr('field', sField);
//    _this.find('input').attr('field', sField);
    
//    let sApiPath = $("#api_path").val();
//    
//    let sApiUrl = "/nasa/list/hit/"+iId+"/"+sField;
//    alert($(".list-image-"+iId).attr('src')); // 获取<img>的src不对吗
    _this.find('img').attr("src", $(".list-image-"+iId).attr('src'));
    tomModalShow("image");
    
//    $.ajax({
//        url: sApiUrl,
//        type: 'GET',
//        dataType: 'json',
//        data: {
//            'sHitType': 'json',
//            'api_path': sApiPath,
//            'site_www': $("#site_www").val()
//        },
//        success: function(j) {
//            _this.find('img').attr("src", j.aData.sHit);
//            tomModalShow("image");
//        },
//        error: function(oXHR, sTextStatus, sErrorThrown) {
//            if (sTextStatus === 'timeout') {
//                alert('📡 网络极度拥堵，请求超时，请稍后再试！');
//            } else {
//                alert('💀 系统核心暴裂，错误代码: ' + oXHR.status);
//            }
//        },
//        complete: function() {}
//    });
    
});

$(document).on('click', '.js-list-tool-clone-trigger', function(oEvent) {
    let oThisModal = $(this).closest('.tom-modal');
    let iId = oThisModal.attr('tom-modal-data-id');
    let sApiPath = $("#api_path").val();
    
    let sApiUrl   = '/nasa/list/clone/'+iId;
    
    $.ajax({
        url: sApiUrl,
        type: 'GET',
        dataType: 'html',
        data: {
            'api_path' : sApiPath,
            'site_www' : $("#site_www").val()
        },
        success: function(sHtml) {
            let oDetailModal = $('.tom-modal[tom-modal-name="clone"]');
            oDetailModal.html(sHtml);
            tomModalShow('clone');
            setTimeout(function() {
                oThisModal.find('.js-tom-modal-close').trigger('click');
            }, 50);
        },
        error: function(oXHR, sTextStatus, sErrorThrown) {
            if (sTextStatus === 'timeout') {
                alert('📡 网络极度拥堵，请求超时，请稍后再试！');
            } else {
                alert('💀 系统核心暴裂，错误代码: ' + oXHR.status);
            }
        },
        complete: function() {}
    });
    
})

$(document).on('click', '.js-list-add-trigger', function(oEvent) {
    let sApiPath = $("#api_path").val();
    let sApiUrl   = '/nasa/list/add';
    
    $.ajax({
        url: sApiUrl,
        type: 'GET',
        dataType: 'html',
        data: {
            'api_path' : sApiPath,
            'site_www' : $("#site_www").val()
        },
        success: function(sHtml) {
            let oDetailModal = $('.tom-modal[tom-modal-name="add"]');
            oDetailModal.html(sHtml);
            tomModalShow("add");
        },
        error: function(oXHR, sTextStatus, sErrorThrown) {
            if (sTextStatus === 'timeout') {
                alert('📡 网络极度拥堵，请求超时，请稍后再试！');
            } else {
                alert('💀 系统核心暴裂，错误代码: ' + oXHR.status);
            }
        },
        complete: function() {}
    });
    
});

$(document).on('tomAlert:confirmed', '.js-list-delete-trigger', function(oEvent, oData) {
    let sApiPath = $("#api_path").val();
    let iId = $(this).closest('.tom-modal').attr('tom-modal-data-id');
    let sApiUrl = '/nasa/list/delete/'+iId;
    
    $.ajax({
        url: sApiUrl,
        type: 'DELETE',
        dataType: 'json',
        data: {
            'api_path':sApiPath,
            'site_www':$("#site_www").val()
        },
        success: function(j) {
            TomAlert.show({
                sMsg: j.sMsg,
                sType: 'success',
                sIconVisible: 'false',
                sBorderVariant: 'false',
                fConfirmed: function(oEvent, oData) {
                    $('.tom-modal.is-active').find('.js-tom-modal-close').trigger('click');
                    $(".js-custom-condition-filter").trigger('click');
                }
            });
        },
        error: function(oXHR, sTextStatus, sErrorThrown) {
            if (sTextStatus === 'timeout') {
                alert('📡 网络极度拥堵，请求超时，请稍后再试！');
            } else {
                alert('💀 系统核心暴裂，错误代码: ' + oXHR.status);
            }
        }
    });

});