errors.js

errors.js

import Vue from 'vue';

/**
 * Handles laravel form requests errors.
 */
export class FormErrors {
    constructor() {
        this.setErrors({});
    }

    /**
     * Handle error response.
     *
     * @param error
     */
    handle(error) {
        if (error.response.status !== 422 && error.response.status !== 429) {
            App.$flash({type: 'error', text: error.response.data.message || error.response.statusText});
        } else {
            this.errors = error.response.data.errors;
        }
    }

    /**
     * (INTERNAL) Set errors.
     *
     * @param {object} errors
     * @returns {void}
     */
    setErrors(errors) {
        this._vm = new Vue({
            data() {
                return {
                    errors: errors
                }
            }
        });
    }

    /**
     * Returns whether we got any errors for given field.
     *
     * @param {string} field
     * @returns {boolean}
     */
    has(field) {
        return typeof this.errors[field] !== 'undefined';
    }

    /**
     * Returns whether we got any errors.
     *
     * @returns {boolean}
     */
    hasAny() {
        return Object.keys(this.errors).length > 0;
    }

    /**
     * Get all errors for given field.
     *
     * @param {string} field
     * @returns {Array<string>}
     */
    get(field) {
        return this.errors[field] || [];
    }

    /**
     * Returns first error for given field.
     *
     * @param {string} field
     * @returns {string|null}
     */
    getFirst(field) {
        if (!this.has(field)) return null;

        return this.errors[field][0] || null;
    }

    /**
     * Clear error by field.
     *
     * @param {string} field
     */
    clear(field) {
        if (!this.has(field)) return;

        Vue.delete(this.errors, field);
    }

    /**
     * Clear all errors.
     */
    clearAll() {
        if (!this.hasAny()) return;

        this.errors = {};
    }

    /**
     * Returns errors object from vm.
     *
     * @returns {object}
     */
    get errors() {
        return this._vm.$data.errors;
    }

    /**
     * Sets errors in vm.
     *
     * @param {object} errors
     */
    set errors(errors) {
        this._vm.$data.errors = errors;
    }
}