path: root/phonegap/www/js/mobile.js

function touchmove(e) {
    e.preventDefault();
}

function loadingSpinner(method){
    if (method == "on") {
        //Adjust to screen size
        var pHeight = window.innerHeight;
        var pWidth = window.innerWidth;
        var sH = parseInt($('#loadingSpinner').css('height'),10);
        var sW = parseInt($('#loadingSpinner').css('width'),10);
        $('#loadingSpinner').css('top',(pHeight-sH)/2+$('body').scrollTop());
        $('#loadingSpinner').css('left',(pWidth-sW)/2);
        $('#loadingSpinner').css('z-index',1000);
        //Show
        $('#loadingSpinner').show();
    } else if (method == 'off'){
        $('#loadingSpinner').hide();
    }
}

function showBusy( title, msg ) {
    if ( navigator && navigator.notification && typeof navigator.notification.activityStart !== "undefined") {
        navigator.notification.activityStart( title, msg );
    } else {
        loadingSpinner('on');
    }
}

function hideBusy() {
    if ( navigator && navigator.notification && navigator.notification.activityStop) {
        navigator.notification.activityStop();
    } else {
        loadingSpinner('off');
    }
}

function show_around( lat, long ) {
    pc = $('#pc').val();
    localStorage.latitude = lat;
    localStorage.longitude = long;
    localStorage.pc = pc;
    hideBusy();
    window.location='around.html';
    return false;
}

function valid_postcode(pc) {
    var out_pattern = '[A-PR-UWYZ]([0-9]{1,2}|([A-HIK-Y][0-9](|[0-9]|[ABEHMNPRVWXY]))|[0-9][A-HJKSTUW])';
    var in_pattern = '[0-9][ABD-HJLNP-UW-Z]{2}';
    var full_pattern = '^' + out_pattern + in_pattern + '$';
    var postcode_regex = new RegExp(full_pattern);

    pc = pc.toUpperCase().replace(/\s+/, '');
    if ( postcode_regex.test(pc) ) {
        return true;
    }

    return false;
}

function checkConnection() {
    var networkState = navigator.network.connection.type;
    if ( networkState == Connection.NONE || networkState == Connection.UNKNOWN ) {
        $('#main').hide();
        $('#noconnection').show();
    }
}

function use_lat_long( lat, long ) {
    show_around( lat, long );
}

function location_error( msg ) {
    hideBusy();
    if ( msg === '' ) {
        $('#location_error').remove();
        return;
    }

    alert(msg);

    if ( !$('#location_error') ) {
        $('#postcodeForm').after('<p id="location_error"></p>');
    }

    $('#location_error').text( msg );
}

function lookup_string(q) {
    q = q.toLowerCase();
    q = q.replace(/[^\-&\w ']/, ' ');
    q = q.replace(/\s+/, ' ');

    if (!q) {
        hideBusy();
        location_error("Please enter location");
        return false;
    }

    var url = "http://dev.virtualearth.net/REST/v1/Locations?q=" + escape(q);
    url += '&c=en-GB&key=' + CONFIG.BING_API_KEY;
    var x = jQuery.get( url, function(data, status) {
        if ( status == 'success' ) {
            var valid_locations = 0;
            var latitude = 0;
            var longitude = 0;
            var multiple = [];

            for ( i = 0; i < data.resourceSets[0].resources.length; i++ ) {
                var details = data.resourceSets[0].resources[i];
                if ( details.address.countryRegion != 'United Kingdom' ) { continue; }
                var address = details.name;

                latitude = details.point.coordinates[0];
                longitude = details.point.coordinates[1];
                latitude = latitude.toPrecision(6);
                longitude = longitude.toPrecision(6);

                multiple.push( { 'address': address, 'latitude': latitude, 'longitude': longitude } );
                valid_locations += 1;
            }

            if ( valid_locations == 1 ) {
                show_around( latitude, longitude );
            } else if ( valid_locations === 0 ) {
                location_error('Location not found');
                $('#pc').select();
            } else {
                location_error('');
                $('#multiple').remove();
                var multiple_html = '<ul id="multiple"><li>Multiple locations found, please select one:';
                for ( i = 0; i < multiple.length; i++ ) {
                    multiple_html += '<li><a href="#" onclick="use_lat_long( ' + multiple[i].latitude + ',' + multiple[i].longitude +')">' + multiple[i].address + '</a></li>';
                }
                multiple_html += '</ul>';
                $('#front-howto').hide();
                $('#postcodeForm').after( multiple_html );
            }
        } else {
            location_error("Could not find your location");
        }
        hideBusy();
    });
    return false;
}

function locate() {
    $("#multiple").remove();
    var pc = $('#pc').val();

    if (!pc) {
        location_error( "Please enter your location" );
        return false;
    }

    showBusy('Locating', 'Looking up location');

    if ( valid_postcode( pc ) ) {
        jQuery.get( CONFIG.MAPIT_URL + 'postcode/' + pc + '.json', function(data, status) {
            if ( status == 'success' ) {
                //activityStop();
               show_around( data.wgs84_lat, data.wgs84_lon );
           } else {
               activityStop();
               alert('Could not locate postcode');
           }
        });
    } else {
        lookup_string(pc);
    }
    return false;
}

function foundLocation(myLocation) {
    var lat = myLocation.coords.latitude;
    var long = myLocation.coords.longitude;

    show_around( lat, long );
}

function notFoundLocation() { location_error( 'Could not find location' ); }

function getPosition() {
    showBusy( 'Locating', 'Looking up location' );

    navigator.geolocation.getCurrentPosition(foundLocation, notFoundLocation);
}


function takePhotoSuccess(imageURI) {
    $('#form_photo').val(imageURI);
    $('#photo').attr('src', imageURI );
    $('#add_photo').hide();
    $('#display_photo').show();
}

function delPhoto() {
    $('#form_photo').val('');
    $('#photo').attr('src', '' );
    $('#display_photo').hide();
    $('#add_photo').show();
}

function takePhotoFail(message) {
    alert('There was a problem taking your photo');
    console.log('error taking picture: ' + message);
}

function takePhoto(type) {
    navigator.camera.getPicture(takePhotoSuccess, takePhotoFail, { quality: 50, destinationType: Camera.DestinationType.FILE_URI, sourceType: type }); 
}

function check_name( name, msg ) {
    $('#email_label').hide();
    $('#form_email').hide();
    $('#now_submit').hide();
    $('#have_password').hide();
    $('#form_sign_in_yes').hide();
    $('#let_me_confirm').hide();
    $('#password_register').hide();
    $('#password_surround').hide();
    $('#providing_password').hide();
    $('#form_name').val( name );
    if ( msg ) {
        $('#form_name').focus();
        $('#form_name').before('<div class="form-error">' + msg + '</div>' );
    }
}

function fileUploadSuccess(r) {
    if ( r.response ) {
        var data;
        try {
            data = JSON.parse( decodeURIComponent(r.response) );
        }
        catch(err) {
            data = {};
        }
        if ( data.success ) {
            if ( data.report ) {
                localStorage.report = data.report;
                hideBusy();
                window.location = 'report_created.html';
            } else {
                hideBusy();
                window.location = 'email_sent.html';
            }
        } else {
            if ( data.check_name ) {
                check_name( data.check_name, data.errors.name );
            } else {
                alert('Could not submit report');
            }
            $('input[type=submit]').prop("disabled", false);
        }
    } else {
        hideBusy();
        alert('Could not submit report');
        $('input[type=submit]').prop("disabled", false);
    }
}

function fileUploadFail() {
    hideBusy();
    alert('Could not submit report');
    $('input[type=submit]').prop("disabled", false);
}


var submit_clicked = null;

function postReport(e) {
    e.preventDefault();

    // the .stopImmediatePropogation call in invalidHandler should render this
    // redundant but it doesn't seem to work so belt and braces :(
    if ( !$('#mapForm').valid() ) { return; }

    var params = {
        service: 'iphone',
        title: $('#form_title').val(),
        detail: $('#form_detail').val(),
        name: $('#form_name').val(),
                    may_show_name: $('#form_may_show_name').attr('checked') ? 1 : 0,
        email: $('#form_email').val(),
        category: $('#form_category').val(),
        lat: $('#fixmystreet\\.latitude').val(),
        lon: $('#fixmystreet\\.longitude').val(),
        password_sign_in: $('#password_sign_in').val(),
        phone: $('#form_phone').val(),
        pc: $('#pc').val()
    };

    if ( submit_clicked.attr('id') == 'submit_sign_in' ) {
        params.submit_sign_in = 1;
    } else {
        params.submit_register = 1;
    }

    showBusy( 'Sending Report', 'Please wait while your report is sent' );
    if ( $('#form_photo').val() !== '' ) {
        fileURI = $('#form_photo').val();

        var options = new FileUploadOptions();
        options.fileKey="photo";
        options.fileName=fileURI.substr(fileURI.lastIndexOf('/')+1);
        options.mimeType="image/jpeg";
        options.params = params;
        options.chunkedMode = false;

        var ft = new FileTransfer();
        ft.upload(fileURI, CONFIG.FMS_URL + "report/new/mobile", fileUploadSuccess, fileUploadFail, options);
    } else {
        jQuery.ajax( {
            url: CONFIG.FMS_URL + "report/new/mobile",
            type: 'POST',
            data: params, 
            timeout: 30000,
            success: function(data) {
                if ( data.success ) {
                    localStorage.pc = null;
                    localStorage.lat = null;
                    localStorage.long = null;
                    if ( data.report ) {
                        localStorage.report = data.report;
                        hideBusy();
                        window.location = 'report_created.html';
                    } else {
                        hideBusy();
                        window.location = 'email_sent.html';
                    }
                } else {
                    if ( data.check_name ) {
                        check_name( data.check_name, data.errors.name );
                    }
                    $('input[type=submit]').prop("disabled", false);
                    hideBusy();
                }
            },
            error: function (data, status, errorThrown ) {
                hideBusy();
                alert( 'There was a problem submitting your report, please try again (' + status + '): ' + JSON.stringify(data), function(){}, 'Submit report' );
                $('input[type=submit]').prop("disabled", false);
            }
        } );
    }
    return false;
}

function sign_in() {
    showBusy( 'Signing In', 'Please wait while you are signed in' );
    jQuery.ajax( {
        url: CONFIG.FMS_URL + "auth/ajax/sign_in",
        type: 'POST',
        data: {
            email: $('#form_email').val(),
            password_sign_in: $('#password_sign_in').val(),
            remember_me: 1
        },
        success: function(data) {
            console.log(data);
            if ( data.name ) {
                localStorage.name = data.name;
                hideBusy();
                window.location = 'signed_in.html';
                $('#sign_out').show();
                $('#sign_in').hide();
            } else {
                hideBusy();
                $('#form_email').before('<div class="form-error">There was a problem with your email/password combination.</div>');
            }
        }
    } );

}

function display_signed_out_msg() {
    if ( localStorage.signed_out == 1 ) {
        $('#user-meta').html('<p>You&rsquo;ve been signed out.</p>');
        localStorage.signed_out = null;
    }
}

function sign_out() {
    jQuery.ajax( {
        url: CONFIG.FMS_URL + "auth/ajax/sign_out?" + new Date().getTime(),
        type: 'GET',
        success: function(data) {
            if ( data.signed_out ) {
                localStorage.signed_out = 1;
                localStorage.name = null;
                hideBusy();
                document.location = 'sign_in.html';
            }
        }
    } );
}

function sign_out_around() {
    jQuery.ajax( {
        url: CONFIG.FMS_URL + "auth/ajax/sign_out?" + new Date().getTime(),
        type: 'GET',
        success: function(data) {
            $('#user-meta').html('');
            $('#email_label').show();
            $('#form_email').show();
            $('#now_submit').show();
            $('#have_password').show();
            $('#form_sign_in_yes').show();
            $('#let_me_confirm').show();
            $('#password_register').show();
            $('#password_surround').show();
            $('#providing_password').show();
            $('#form_name').val( '' );
            $('.form-focus-hidden').hide();
        }
    } );
}

function check_auth() {
    if ( $('#user-meta').length && localStorage.signed_out != 1 ) {
        var sign_out_function = sign_out;
        if ( $('body').hasClass('mappage') ) {
            sign_out_function = sign_out_around;
        }
        jQuery.ajax( {
            url: CONFIG.FMS_URL + "auth/ajax/check_auth?" + new Date().getTime() ,
            type: 'GET',
            statusCode: {
                200: function(data) {
                    localStorage.name = data.name;
                    $('#user-meta').html('<p>Hi ' + localStorage.name + '<a href="#" id="meta_sign_out">Sign out</a></p>');
                    $('#meta_sign_out').on('click', sign_out_function );
                    $('.mobile-sign-in-banner').show();
                    $('#sign_in').hide();
                    $('#sign_out').show();
                },
                401: function() {
                    $('#user-meta').html('');
                    localStorage.name = '';
                    $('.mobile-sign-in-banner').show();
                    $('#sign_out').hide();
                    $('#sign_in').show();
                    $('#user-meta').html('');
                }
            }
        } );
    }
}

function signed_in() {
    if ( localStorage.name ) {
        if ( $('body').hasClass('signed-in-page') ) {
            var sign_out_function = sign_out;
            if ( $('body').hasClass('mappage') ) {
                sign_out_function = sign_out_around;
            }
            $('#user-meta').html('<p>Hi ' + localStorage.name + '<a href="#" id="meta_sign_out">Sign out</a></p>');
            $('#meta_sign_out').on('click', sign_out_function );
        }

        if ( $('#form_sign_in').length ) {
            check_name( localStorage.name );
            $('.form-focus-hidden').show();
        }
    }
}

function onDeviceReady() {
    var location = document.location + '';
    if ( location.indexOf('no_connection.html') < 0 && (
            navigator.network.connection.type == Connection.NONE ||
            navigator.network.connection.type == Connection.UNKNOWN ) ) {
        document.location = 'no_connection.html';
    }
    $('#postcodeForm').submit(locate);
    $('#mapForm').submit(postReport);
    $('#signInForm').submit(sign_in);
    $('#ffo').click(getPosition);
    $('#mapForm :input[type=submit]').on('click', function() { submit_clicked = $(this); });
    check_auth();
    signed_in();
    hideBusy();
}

document.addEventListener("deviceready", onDeviceReady, false);