관리-도구

편집 파일: price.js

$(function () {
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        type: "post",
        url: "ajax",
    });
    $('#price').click(function () {
        var src = $('.canvas img').attr('src');
        $.ajax({
            data: 'src=' + src,
            beforeSend: function () {
                $('#modal_text').html('<p align="center"><img src="/img/loader.gif" class="loader"><div>calculating the price for your tattoo</div></p>');
                $('#myModal').modal('show');
            },
            success: function (data) {
                console.log('ok_success');
                document.location.href = '/price?reload=true';
            },
            error: function (data) {
                // $('#modal_text').html('Some error! Please, try again with small picture or crop this one. Or');
                // $('#myModal').modal('show');
                document.location.href = '/price?reload=true';
            }
        });
    });
    $('#price_edit').click(function () {
        var src = $('a#download').attr('href');
        $.ajax({
            data: 'src=' + src,
            beforeSend: function () {
                $('#getCroppedCanvasModal .modal-body').html('<p align="center"><img src="/img/loader.gif" class="loader"></p>');
            },
            success: function (data) {
                console.log('ok_success');
                $('.modal-dialog').css('width', '300px');
                document.location.href = '/price?reload=true';
            },
            error: function (data) {
                $('#modal_text').text('Some error! Please, try again with small picture or crop this one.');
                $('#myModal').modal('show');
            }
        });
    });

$('#price_edit3').click(function () {
        canvasElement = document.querySelector('canvas');
        if (canvasElement.width > 5500) {
            alert('Error! Width must be less then 5500px');
        } else {
            var canvasData = canvasElement.toDataURL("image/png");
			//console.log(canvasData);
            $.ajax({
                url: 'ajax/price3',
                type: 'POST',
                data: {
                    data: canvasData
                },
                timeOut: 1000,
                beforeSend: function () {
                    $('#getCroppedCanvasModal .modal-body').html('<p align="center"><img src="/img/loader.gif" class="loader"></p>');
                },
                success: function (data) {
                    console.log('ok_success');
                    $('.modal-dialog').css('width', '300px');
                    document.location.href = '/price?reload=true';
                },
                error: function (data) {
                    $('#modal_text').text('Some error! Please, try again with small picture or crop this one.');
                    $('#myModal').modal('show');
                    document.location.href = '/';
                }
            });
        }
    })
});