erikvw/django-collect-offline

var outgoingListUrl = '/django_collect_offline/api/outgoingtransaction/'; //Urls[ 'django_collect_offline:outgoingtransaction-list' ]();

var client = 'http://' + document.location.host

var fileObjs = [];
var transaction_count = 0;

function edcSyncUSBReady(server, userName, apiToken) {
    /* Prepare page elements */
    var csrftoken = Cookies.get('csrftoken');
    
    // configure AJAX header with csrf and authorization tokens
    $.ajaxSetup({
    beforeSend: function(xhr, settings) {
        if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
            xhr.setRequestHeader("X-CSRFToken", csrftoken);
        };
            xhr.setRequestHeader("Authorization", "Token " + apiToken);
        }
    });
    updateFromHost( client );
    $('#btn-sync-middleman').click( function(e) {
        e.preventDefault();
        $( '#id-in-progress-div-pending-files' ).prop( "disabled", true );
        $( '#btn-sync' ).prop( 'disabled', true );
        $( '#id-transfer-status-div' ).show();
        $( '#id-transfer-status-div' ).text( 'Searching for USB. Please wait!' );
        $( '#id-transfer-status-div' ).removeClass( 'alert-danger' ).addClass( 'alert-warning' );
        $(this).prop( "disabled", true );
        checkUSBConnectivity(server, userName);
    });
    
    $('#btn-usb-upload').click( function(e) {
        e.preventDefault();
        $(this).text('Uploading...');
        $( "#id-tx-spinner" ).addClass('fa-spin');
        loadUsbTransactionFile(server, userName);
    });
}

function checkUSBConnectivity(server , userName) {
    var url = client + '/django_collect_offline/dump-to-usb/';
    var checkUSBConnection = $.ajax({
        url: url,
        type: 'GET',
        dataType: 'json ',
        processData: true,
        data: {
            'action': 'check_usb_connection'
        },
    });
    
    checkUSBConnection.done(function( data ) {
        if ( data.error == false ) {
            $( '#id-transfer-status-div' ).text( 'USB connected' );
            $( '#id-transfer-status-div' ).removeClass( 'alert-warning' ).addClass( 'alert-success' );
            dumpTransactionMiddlemanFile(server, userName);
        } else {
            $( '#id-transfer-status-div' ).show();
            $( '#id-transfer-status-div' ).text( data.error_message );
            $( '#id-transfer-status-div' ).removeClass( 'alert-warning' ).addClass( 'alert-danger' );
            $( '#id-transfer-status-div' ).show();
            $( '#btn-sync-middleman' ).prop( "disabled", false );
            displayErrorMessage( data );
        }
    });

    checkUSBConnection.fail( function( jqXHR, textStatus, errorThrown ) {
        $( '#id-transfer-status-div' ).removeClass( 'alert-success' ).addClass( 'alert-danger' );
        $( '#id-transfer-status-div' ).text( 'An error occurred. Got ' + errorThrown);
    });
}

function dumpTransactionMiddlemanFile(server , userName) {

    var url = client + '/django_collect_offline/dump-to-usb/';
    var ajDumpFile = $.ajax({
        url: url,
        type: 'GET',
        dataType: 'json ',
        processData: true,
        data: {'action': 'dump_to_usb'},
    });
    
    ajDumpFile.done( function ( data ) {
        if(data.error == false) {
            $( '#id-transfer-status-div' ).show();
            $( '#id-transfer-status-div' ).text( 'Transaction file: '+ data.filename + ' have been copied to usb successfuly.' );
            $( '#id-transfer-status-div' ).removeClass( 'alert-warning' ).addClass( 'alert-success' );
            window.location = client + '/django_collect_offline/';
            window.transaction_count = 0;
            $( '#id-in-progress-div-pending-files' ).prop( "disabled", false );
            $( '#btn-sync' ).prop( 'disabled', false );
            $( '#btn-sync-middleman' ).prop( "disabled", false );
        } else {
            displayErrorMessage( data );
        }
    });

    ajDumpFile.fail( function( jqXHR, textStatus, errorThrown ) {
        $( '#id-sync-status' ).removeClass( 'alert-success' ).addClass( 'alert-danger' );
        $( '#id-sync-status' ).text( 'An error occurred. Got ' + errorThrown);
    });
}

function loadUsbTransactionFile(server , userName) {
    var url = client + '/django_collect_offline/dump-to-usb/';
    var ajloadFile = $.ajax({
        url: url,
        type: 'GET',
        dataType: 'json ',
        processData: true,
        data: {
            'action': 'load_json_file'
        },
    });
    ajloadFile.done( function ( data ) {
        $("#usb-files-ul").empty();
        if(data.error == false) {
            $( '#id-transfer-status-div' ).show();
            $( '#id-transfer-status-div' ).text( 'Transaction file:'+ data.filename+ 'have been copied to usb successfuly.' );
            $( '#id-transfer-status-div' ).removeClass( 'alert-warning' ).addClass( 'alert-success' );
            
            $.each( data.usb_files, function(index,  file  ) {
                index = index + 1;
                element = '<dt> ' + index + '. '+file.filename+'</dt>';
                $( element ).appendTo('#usb-files-ul');
                element = '<dd> - '+file.reason+'</dd>'
                $( element ).appendTo('#usb-files-ul');
                element = '<hr>';
                $( element ).appendTo('#usb-files-ul');
                
            });
            //
            $( '#btn-usb-upload' ).text( 'Upload' );
            $( '#id-tx-spinner' ).removeClass( 'fa-spin' );
            
        } else {
            displayErrorMessage( data );
        }
    });
    ajloadFile.fail( function( jqXHR, textStatus, errorThrown ) {
        $( '#id-transfer-status-div' ).removeClass( 'alert-success' ).addClass( 'alert-danger' );
        $( '#id-sync-status' ).text( 'An error occurred. Got ' + errorThrown);
        $( '#id-tx-spinner' ).removeClass( 'fa-spin' );
    });
    
}

function displayErrorMessage( data ) {
    var error = "";
    $.each( data.messages, function(index,  message  ) {

        try {
            error = message.error.network;
            $( '#id-transfer-status-div' ).text('Unable to connect to the usb. Got '+error);
        } catch(err) { }
        
        try {
            error = message.error.permission;
            if( error !== void 0){
                $( '#id-transfer-status-div' ).text('An error occurred. Got, '+error);
            }
        } catch(err) { }
        
        try {
            error = message.other.action;
            if( error !== void 0){
                $( '#id-transfer-status-div' ).text('An error occurred. Got, '+error);
            }
        } catch(err) { }
        
    });

    $( '#id-tx-spinner' ).removeClass( 'fa-spin' );
    $( '#id-transfer-status-div' ).removeClass( 'alert-warning' ).addClass( 'alert-danger' );
}