FM / js

/home/techb158/immovalet.com/platform/plugins/ecommerce/resources/assets/js/

/home/techb158/immovalet.com/platform/plugins/ecommerce/resources/assets/js

Name	Size	Mode	Actions
components/	-	0755	rm
front/	-	0755	rm
avatar.js	9907	0644	edit dl rm
change-product-swatches.js	4447	0644	edit dl rm
cropper.js	18198	0644	edit dl rm
currencies.js	3571	0644	edit dl rm
customer.js	364	0644	edit dl rm
discount.js	361	0644	edit dl rm
ecommerce-product-attributes.js	5712	0644	edit dl rm
edit-product.js	34144	0644	edit dl rm
flash-sale.js	5785	0644	edit dl rm
order-create.js	549	0644	edit dl rm
order-incomplete.js	2219	0644	edit dl rm
order.js	15699	0644	edit dl rm
payment-method.js	4029	0644	edit dl rm
product-category.js	9790	0644	edit dl rm
report.js	520	0644	edit dl rm
review.js	71	0644	edit dl rm
setting.js	985	0644	edit dl rm
shipment.js	1804	0644	edit dl rm
shipping.js	15483	0644	edit dl rm
store-locator.js	5522	0644	edit dl rm
utilities.js	565	0644	edit dl rm

Edit: /home/techb158/immovalet.com/platform/plugins/ecommerce/resources/assets/js/avatar.js (9907B)

/**
 * Created by Botble Technologies on 06/09/2015.
 */

require('./cropper');
require('bootstrap');

$(form).find('.error-message').html(message).show();
            }
        } else {
            $(form).find('.error-message').html(data.statusText).show();
        }
    }
};

var handleValidationError = function (errors, form) {
    let message = '';
    $.each(errors, (index, item) => {
        message += item + '<br />';
    });

$(form).find('.success-message').html('').hide();
    $(form).find('.error-message').html('').hide();

$(form).find('.error-message').html(message).show();
};

(function (factory) {
    if (typeof define === 'function' && define.amd) {
        define(['jquery'], factory);
    } else {
        factory(jQuery);
    }
})(function ($) {

function CropAvatar($element) {
        this.$container = $element;

this.$avatarView = this.$container.find('.avatar-view');
        this.$avatar = this.$avatarView.find('img');
        this.$avatarModal = this.$container.find('#avatar-modal');
        this.$loading = this.$container.find('.loading');

this.$avatarForm = this.$avatarModal.find('.avatar-form');
        this.$avatarSrc = this.$avatarForm.find('.avatar-src');
        this.$avatarData = this.$avatarForm.find('.avatar-data');
        this.$avatarInput = this.$avatarForm.find('.avatar-input');
        this.$avatarSave = this.$avatarForm.find('.avatar-save');

this.$avatarWrapper = this.$avatarModal.find('.avatar-wrapper');
        this.$avatarPreview = this.$avatarModal.find('.avatar-preview');

this.init();
    }

CropAvatar.prototype = {
        constructor: CropAvatar,

support: {
            fileList: !!$('<input type="file">').prop('files'),
            fileReader: !!window.FileReader,
            formData: !!window.FormData
        },

init: function () {
            this.support.datauri = this.support.fileList && this.support.fileReader;

if (!this.support.formData) {
                this.initIframe();
            }

this.initModal();
            this.addListener();
        },

addListener: function () {
            this.$avatarView.on('click', $.proxy(this.click, this));
            this.$avatarInput.on('change', $.proxy(this.change, this));
            this.$avatarForm.on('submit', $.proxy(this.submit, this));
        },

initModal: function () {
            this.$avatarModal.modal('hide');
            this.initPreview();
        },

initPreview: function () {
            var url = this.$avatar.prop('src');

this.$avatarPreview.empty().html('<img src="' + url + '">');
        },

initIframe: function () {
            var iframeName = 'avatar-iframe-' + Math.random().toString().replace('.', ''),
                $iframe = $('<iframe name="' + iframeName + '" style="display:none;"></iframe>'),
                firstLoad = true,
                _this = this;

this.$iframe = $iframe;
            this.$avatarForm.attr('target', iframeName).after($iframe);

this.$iframe.on('load', function () {
                var data,
                    win,
                    doc;

try {
                    win = this.contentWindow;
                    doc = this.contentDocument;

doc = doc ? doc : win.document;
                    data = doc ? doc.body.innerText : null;
                } catch (e) {
                }

if (data) {
                    _this.submitDone(data);
                } else {
                    if (firstLoad) {
                        firstLoad = false;
                    } else {
                        $('#print-msg').text('Image upload failed!').removeClass('hidden');
                    }
                }

_this.submitEnd();
            });
        },

click: function () {
            this.$avatarModal.modal('show');
        },

change: function () {
            var files,
                file;

if (this.support.datauri) {
                files = this.$avatarInput.prop('files');

if (files.length > 0) {
                    file = files[0];

if (this.isImageFile(file)) {
                        this.read(file);
                    }
                }
            } else {
                file = this.$avatarInput.val();

if (this.isImageFile(file)) {
                    this.syncUpload();
                }
            }
        },

submit: function () {
            if (!this.$avatarSrc.val() && !this.$avatarInput.val()) {
                alert('Please select image!');
                return false;
            }

if (this.support.formData) {
                this.ajaxUpload();
                return false;
            }
        },

isImageFile: function (file) {
            if (file.type) {
                return /^image\/\w+$/.test(file.type);
            }
            return /\.(jpg|jpeg|png|gif)$/.test(file);
        },

read: function (file) {
            var _this = this,
                fileReader = new FileReader();

fileReader.readAsDataURL(file);

fileReader.onload = function () {
                _this.url = this.result;
                _this.startCropper();
            };
        },

startCropper: function () {
            var _this = this;

if (this.active) {
                this.$img.cropper('replace', this.url);
            } else {
                this.$img = $('<img src="' + this.url + '">');
                this.$avatarWrapper.empty().html(this.$img);
                this.$img.cropper({
                    aspectRatio: 1,
                    rotatable: true,
                    preview: this.$avatarPreview.selector,
                    done: function (data) {
                        var json = [
                            '{"x":' + data.x,
                            '"y":' + data.y,
                            '"height":' + data.height,
                            '"width":' + data.width + '}'
                        ].join();

_this.$avatarData.val(json);
                    }
                });

this.active = true;
            }
        },

stopCropper: function () {
            if (this.active) {
                this.$img.cropper('destroy');
                this.$img.remove();
                this.active = false;
            }
        },

ajaxUpload: function () {
            var url = this.$avatarForm.attr('action'),
                data = new FormData(this.$avatarForm[0]),
                _this = this;

$.ajax(url, {
                type: 'post',
                data: data,
                processData: false,
                contentType: false,

beforeSend: function () {
                    _this.submitStart();
                },

success: function (data) {
                    _this.submitDone(data);
                },

error: function (data) {
                    handleError(data);
                },

complete: function () {
                    _this.submitEnd();
                }
            });
        },

syncUpload: function () {
            this.$avatarSave.click();
        },

submitStart: function () {
            this.$loading.fadeIn();
            this.$avatarSave.attr('disabled', true).text('Saving...');
        },

submitDone: function (data) {

try {
                data = $.parseJSON(data);
            } catch (e) {
            }

if (data && !data.error) {
                if (!data.error) {
                    this.url = data.data.url;

if (this.support.datauri || this.uploaded) {
                        this.uploaded = false;
                        this.cropDone();
                    } else {
                        this.uploaded = true;
                        this.$avatarSrc.val(this.url);
                        this.startCropper();
                    }

this.$avatarInput.val('');
                } else {
                    $('#print-msg').text(data.message).removeClass('hidden');
                }
            } else {
                $('#print-msg').text(data.message).removeClass('hidden');
            }
        },

submitEnd: function () {
            this.$loading.fadeOut();
            this.$avatarSave.removeAttr('disabled').text('Save');
        },

cropDone: function () {
            this.$avatarSrc.val('');
            this.$avatarData.val('');
            this.$avatar.prop('src', this.url);
            $('.user-menu img').prop('src', this.url);
            $('.user.dropdown img').prop('src', this.url);
            this.stopCropper();
            this.initModal();
        },
    };

$(function () {
        new CropAvatar($('.crop-avatar'));
    });
});

/** * Created by Botble Technologies on 06/09/2015. */ require('./cropper'); require('bootstrap'); var handleError = function (data, form) { if (typeof (data.errors) !== 'undefined' && !_.isArray(data.errors)) { handleValidationError(data.errors, form); } else { if (typeof (data.responseJSON) !== 'undefined') { if (typeof (data.responseJSON.errors) !== 'undefined') { if (data.status === 422) { handleValidationError(data.responseJSON.errors, form); } } else if (typeof (data.responseJSON.message) !== 'undefined') { $(form).find('.error-message').html(data.responseJSON.message).show(); } else { var message = ''; $.each(data.responseJSON, (index, el) => { $.each(el, (key, item) => { message += item + '
'; }); }); $(form).find('.error-message').html(message).show(); } } else { $(form).find('.error-message').html(data.statusText).show(); } } }; var handleValidationError = function (errors, form) { let message = ''; $.each(errors, (index, item) => { message += item + '
'; }); $(form).find('.success-message').html('').hide(); $(form).find('.error-message').html('').hide(); $(form).find('.error-message').html(message).show(); }; (function (factory) { if (typeof define === 'function' && define.amd) { define(['jquery'], factory); } else { factory(jQuery); } })(function ($) { function CropAvatar($element) { this.$container = $element; this.$avatarView = this.$container.find('.avatar-view'); this.$avatar = this.$avatarView.find('img'); this.$avatarModal = this.$container.find('#avatar-modal'); this.$loading = this.$container.find('.loading'); this.$avatarForm = this.$avatarModal.find('.avatar-form'); this.$avatarSrc = this.$avatarForm.find('.avatar-src'); this.$avatarData = this.$avatarForm.find('.avatar-data'); this.$avatarInput = this.$avatarForm.find('.avatar-input'); this.$avatarSave = this.$avatarForm.find('.avatar-save'); this.$avatarWrapper = this.$avatarModal.find('.avatar-wrapper'); this.$avatarPreview = this.$avatarModal.find('.avatar-preview'); this.init(); } CropAvatar.prototype = { constructor: CropAvatar, support: { fileList: !!$('').prop('files'), fileReader: !!window.FileReader, formData: !!window.FormData }, init: function () { this.support.datauri = this.support.fileList && this.support.fileReader; if (!this.support.formData) { this.initIframe(); } this.initModal(); this.addListener(); }, addListener: function () { this.$avatarView.on('click', $.proxy(this.click, this)); this.$avatarInput.on('change', $.proxy(this.change, this)); this.$avatarForm.on('submit', $.proxy(this.submit, this)); }, initModal: function () { this.$avatarModal.modal('hide'); this.initPreview(); }, initPreview: function () { var url = this.$avatar.prop('src'); this.$avatarPreview.empty().html('

'); }, initIframe: function () { var iframeName = 'avatar-iframe-' + Math.random().toString().replace('.', ''), $iframe = $(''), firstLoad = true, _this = this; this.$iframe = $iframe; this.$avatarForm.attr('target', iframeName).after($iframe); this.$iframe.on('load', function () { var data, win, doc; try { win = this.contentWindow; doc = this.contentDocument; doc = doc ? doc : win.document; data = doc ? doc.body.innerText : null; } catch (e) { } if (data) { _this.submitDone(data); } else { if (firstLoad) { firstLoad = false; } else { $('#print-msg').text('Image upload failed!').removeClass('hidden'); } } _this.submitEnd(); }); }, click: function () { this.$avatarModal.modal('show'); }, change: function () { var files, file; if (this.support.datauri) { files = this.$avatarInput.prop('files'); if (files.length > 0) { file = files[0]; if (this.isImageFile(file)) { this.read(file); } } } else { file = this.$avatarInput.val(); if (this.isImageFile(file)) { this.syncUpload(); } } }, submit: function () { if (!this.$avatarSrc.val() && !this.$avatarInput.val()) { alert('Please select image!'); return false; } if (this.support.formData) { this.ajaxUpload(); return false; } }, isImageFile: function (file) { if (file.type) { return /^image\/\w+$/.test(file.type); } return /\.(jpg|jpeg|png|gif)$/.test(file); }, read: function (file) { var _this = this, fileReader = new FileReader(); fileReader.readAsDataURL(file); fileReader.onload = function () { _this.url = this.result; _this.startCropper(); }; }, startCropper: function () { var _this = this; if (this.active) { this.$img.cropper('replace', this.url); } else { this.$img = $('

'); this.$avatarWrapper.empty().html(this.$img); this.$img.cropper({ aspectRatio: 1, rotatable: true, preview: this.$avatarPreview.selector, done: function (data) { var json = [ '{"x":' + data.x, '"y":' + data.y, '"height":' + data.height, '"width":' + data.width + '}' ].join(); _this.$avatarData.val(json); } }); this.active = true; } }, stopCropper: function () { if (this.active) { this.$img.cropper('destroy'); this.$img.remove(); this.active = false; } }, ajaxUpload: function () { var url = this.$avatarForm.attr('action'), data = new FormData(this.$avatarForm[0]), _this = this; $.ajax(url, { type: 'post', data: data, processData: false, contentType: false, beforeSend: function () { _this.submitStart(); }, success: function (data) { _this.submitDone(data); }, error: function (data) { handleError(data); }, complete: function () { _this.submitEnd(); } }); }, syncUpload: function () { this.$avatarSave.click(); }, submitStart: function () { this.$loading.fadeIn(); this.$avatarSave.attr('disabled', true).text('Saving...'); }, submitDone: function (data) { try { data = $.parseJSON(data); } catch (e) { } if (data && !data.error) { if (!data.error) { this.url = data.data.url; if (this.support.datauri || this.uploaded) { this.uploaded = false; this.cropDone(); } else { this.uploaded = true; this.$avatarSrc.val(this.url); this.startCropper(); } this.$avatarInput.val(''); } else { $('#print-msg').text(data.message).removeClass('hidden'); } } else { $('#print-msg').text(data.message).removeClass('hidden'); } }, submitEnd: function () { this.$loading.fadeOut(); this.$avatarSave.removeAttr('disabled').text('Save'); }, cropDone: function () { this.$avatarSrc.val(''); this.$avatarData.val(''); this.$avatar.prop('src', this.url); $('.user-menu img').prop('src', this.url); $('.user.dropdown img').prop('src', this.url); this.stopCropper(); this.initModal(); }, }; $(function () { new CropAvatar($('.crop-avatar')); }); });