Code Duplication - fomvasss/laravel-its-lte - Measure and Improve Code Quality continuously with Scrutinizer

Code Duplication Length = 572-572 lines in 2 locations

resources/js/dashboard.js 1 location


$(function () {

    'use strict';

    const LANGUAGE = $('html').attr('lang') || 'ru';

    $(document).ajaxStart(function () {
        Pace.restart()
    });
    
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    $('.field-checkbox-ajax').each(function(){
        var $base = $(this),
            url = $base.data('url'),
            method = $base.data('method') || 'POST',
            $input = $base.find('input.checkbox'),
            fieldName = $input.attr('name'),
            rawFieldName = $input.data('raw-name'),
            format = $base.data('format');

        $input.on('change', function () {
            var value = this.checked ? 1 : 0,
                data = format === 'name,value' ? {name: rawFieldName, value: value} : {[rawFieldName] : value};
            $.ajax({
                method: method,
                url: url,
                dataType: 'json',
                data: data,
                success: function (data) {
                    if (data.message) {
                        $base.append('<div class="text-success">' + data.message + '</div>')
                        $base.find('.text-success').delay(2000).fadeOut(500, 'linear', function () {
                            $(this).remove()
                        })
                    }
                },
                error: function () {
                    console.log('Error Ajax!')
                    $base.append('<div class="text-danger">Error Ajax</div>')
                    $base.find('.text-danger').delay(2000).fadeOut(500, 'linear', function () {
                        $(this).remove()
                    })
                },
                complete: function () {
                    $base.find('.overlay').addClass('hidden')
                }
            })
        });
    });

    $('.field-select2-change-status-ajax').each(function () {
        var $base = $(this),
            $select = $base.find('.select2-change-status-ajax'),
            url = $base.data('url'),
            fieldName = $base.find('select').attr('name'),
            method = $base.data('method') || 'GET',
            $select2 = $select.select2({
                language: LANGUAGE,
                tags: false
            });

        $select2.on("select2:select", function (e) {
            $base.find('.overlay').removeClass('hidden');

            $.ajax({
                method: method,
                url: url,
                dataType: 'json',
                data: {name: fieldName, value: e.params.data.id},
                success: function (data) {
                    if (data.message) {
                        $base.append('<div class="text-success">' + data.message + '</div>')
                        $base.find('.text-success').delay(2000).fadeOut(500, 'linear', function () {
                            $(this).remove()
                        })
                    }
                },
                error: function () {
                    console.log('Error Ajax!')
                    $base.append('<div class="text-danger">Error Ajax</div>')
                    $base.find('.text-danger').delay(2000).fadeOut(500, 'linear', function () {
                        $(this).remove()
                    })
                },
                complete: function () {
                    $base.find('.overlay').addClass('hidden')
                }
            })
        })
    })

    $('.field-select2-tree-ajax').each(function () {
        var $base = $(this),
            $select = $base.find('.select2-tree'),
            url = $base.data('url'),
            valFld = $base.data('valFld') ? $base.data('valFld') : 'id',
            labelFld = $base.data('labelFld') ? $base.data('labelFld') : 'name',
            incFld = $base.data('incFld') ? $base.data('incFld') : 'children'

        $.ajax({
            method: 'GET',
            url: url,
            dataType: 'json',
            data: {data: ''},
            success: function (data) {
                $select.select2ToTree({
                    treeData: {
                        dataArr: data.data,
                        dftVal: data.default,
                        valFld: valFld,
                        labelFld: labelFld,
                        'incFld': incFld
                    }
                })
            },
            error: function () {
                console.log('Error Ajax!')
            },
            complete: function () {
                $base.find('.overlay').fadeOut(200)
            }
        })
    })

    $('.field-tree').each(function () {
        var $base = $(this),
            $tree = $base.find('.field-tree-data'),
            url = $base.data('url'),
            showCheckbox = $base.data('showCheckbox') === undefined ? true : $base.data('showCheckbox'),
            showIcon = $base.data('showIcon') === undefined ? false : $base.data('showIcon'),
            fieldName = $base.data('field-name'),
            $inputs = $base.find('.field-tree-inputs'),
            getCheckedIds = function (obj) {
                $inputs.html('')
                var array = []
                obj.forEach(element => {
                    $inputs.append('<input type="hidden" name="' + fieldName + '[]" value="' + element.id + '" />')
                })
                return array
            }

        $.ajax({
            method: 'GET',
            url: url,
            dataType: 'json',
            data: {data: ''},
            success: function (data) {
                $tree.treeview({
                    data: data,
                    showIcon: showIcon,
                    showCheckbox: showCheckbox,
                })

                getCheckedIds($tree.treeview('getChecked'))

                $tree.on('nodeChecked', function (event, data) {
                    // console.log($(this).treeview('getChecked'))
                    getCheckedIds($(this).treeview('getChecked'))
                })
                $tree.on('nodeUnchecked', function (event, data) {
                    // console.log($(this).treeview('getChecked'))
                    getCheckedIds($(this).treeview('getChecked'))
                })
            },
            error: function () {
                console.log('Error Ajax!')
            },
            complete: function () {
                $base.find('.overlay').fadeOut(200)
            }
        })

    })

    if ($('textarea.ck-editor.ck-mini').length) {
        $('textarea.ck-editor.ck-mini').ckeditor(ckMini || {})
    }

    if ($('textarea.ck-editor.ck-small').length) {
        $('textarea.ck-editor.ck-small').ckeditor(ckSmall || {})
    }

    if ($('textarea.ck-editor.ck-full').length) {
        $('textarea.ck-editor.ck-full').ckeditor(ckFull || {})
    }

    if ($('.field-x-editable').length) {
        $('.field-x-editable').editable(xEditable || {});
    }

    if ($('.field-colorpicker').length) {
        $('.field-colorpicker').colorpicker(colorpickerOptions || {});
    }

    if ($('.field-datetimepicker').length) {
        $('.field-datetimepicker').datetimepicker(datetimepickerOptions || {
            format: 'Y/m/d H:i:s'
        });
    }

    if ($('.field-datepicker').length) {
        $('.field-datepicker').datetimepicker(datepickerOptions || {
            timepicker:false,
            format:'d/m/Y'
        });
    }

    if ($('.field-timepicker').length) {
        $('.field-timepicker').datetimepicker(timepickerOptions || {
            datepicker:false,
            format: 'H:i'
        });
    }

    if ($('.js-verification-slug-field').length) {
        if ($('input.js-slug-field-change').is(':checked')) {
            $('.js-verification-slug-field input.js-slug-field-input')
                .prop('readonly', false)
                .prop('disabled', false)
        }
        $(document).on('change', '.js-verification-slug-field [type="checkbox"]', function () {
            var $wrap = $(this).closest('.js-verification-slug-field');
            if(this.checked) {
                $wrap.find('input.js-slug-field-input')
                    .prop('readonly', false)
                    .prop('disabled', false)
            } else {
                $wrap.find('input.js-slug-field-input')
                    .prop('readonly', true)
                    .prop('disabled', true)
            }
        })
    }

    $(document).on('click', '.js-action-form', function (e) {
        e.preventDefault()
        var $form = $('#js-action-form'),
            $this = $(this),
            method = $this.data('method') || 'POST',
            strConfirm = $this.data('confirm') ? confirm($this.data('confirm')) : true,
            destination = $(this).data('destination'),
            url = $(this).data('url');
        
        if (url && $form && strConfirm) {
            $form.find('input[name="_method"]').val(method)
            if (destination) {
                $form.find('input.js-destination-val').val(destination)
            }
            $form.attr('action', url).submit()
        }
        return false
    });

    // 10000 -> 10 000
    $('.js-num-format').each(function (index, value) {
        var number = parseFloat(value.textContent);
        value.textContent = numberWithSpaces(number);
    });
    function numberWithSpaces(x) {
        return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
    }

    if ($('.select2.select2-static').length) {
        $('.select2.select2-static').select2({
            language: LANGUAGE,
            tags: false
        })
    }

    if ($('.select2.select2-tags').length) {
        $('.select2.select2-tags').each(function (index) {
            var url = $(this).data('url') || $(this).data('route'),
                maximumSelection = $(this).data('max') || -1,
                tokenSeparators = $(this).data('separators') || [',', ';'],
                newTagLabel = $(this).data('new-tag-label') || ' (new tag)';

            $(this).select2({
                language: LANGUAGE,
                tags: true,
                tokenSeparators: tokenSeparators,

                ajax: url ? {
                    delay: 250,
                    url: url,
                    dataType: 'json',
                    processResults: function(data) {
                        return {
                            results: data.results
                        }
                    }
                } : undefined,

                // Some nice improvements:

                // max tags is 3
                maximumSelectionLength: maximumSelection,

                // add "(new tag)" for new tags
                createTag: function (params) {
                    var term = $.trim(params.term);

                    if (term === '') {
                        return null;
                    }

                    return {
                        id: term,
                        text: term + newTagLabel
                    };
                },
            });
        });
    }

    if ($('.select2.sortable').length) {
        $('.select2.sortable').select2({
            language: LANGUAGE,
            tags: true
        })

        $('.select2.sortable').on("select2:select", function (evt) {
            var element = evt.params.data.element
            var $element = $(element)

            $element.detach()
            $(this).append($element)
            $(this).trigger("change")
        })
    }

    if ($('.select2.field-select-ajax').length) {
        $('.select2.field-select-ajax').each(function (index) {
            var url = $(this).data('url') || $(this).data('route')

            $(this).select2({
                language: LANGUAGE,
                tags: false,
                ajax: {
                    delay: 250,
                    url: url,
                    dataType: 'json'
                }
            });
        });
    }

    $('.lte-daterangepicker').each(function () {
        $(this).on('apply.daterangepicker', function (ev, picker) {
            var $inputNameStart = $(this).data('input-name-start'),
                $inputNameEnd = $(this).data('input-name-end'),
                $format = $(this).data('format') || 'MM/DD/YYYY'
            $(this).val(picker.startDate.format($format) + ' - ' + picker.endDate.format($format))
            $(this).siblings('input[name="' + $inputNameStart + '"]').val(picker.startDate.format($format))
            $(this).siblings('input[name="' + $inputNameEnd + '"]').val(picker.endDate.format($format))
        })

        $(this).on('cancel.daterangepicker', function (ev, picker) {
            $(this).val('')
        })

        $(this).daterangepicker({
            autoUpdateInput: false,
            "locale": translates.localeDateRangePicker || {
                "format": "MM/DD/YYYY",
                "separator": " - ",
                "applyLabel": "Apply",
                "cancelLabel": "Cancel",
                "fromLabel": "From",
                "toLabel": "To",
                "customRangeLabel": "Custom",
                "weekLabel": "W",
                "daysOfWeek": [
                    "Su",
                    "Mo",
                    "Tu",
                    "We",
                    "Th",
                    "Fr",
                    "Sa"
                ],
                "monthNames": [
                    "January",
                    "February",
                    "March",
                    "April",
                    "May",
                    "June",
                    "July",
                    "August",
                    "September",
                    "October",
                    "November",
                    "December"
                ],
                "firstDay": 1
            }
        })
    })

    $('[data-toggle="tooltip"]').tooltip()

    $(document).on('click', '.js-fill-modal', function (e) {
        e.preventDefault()
        var $this = $(this),
            url = $this.data('url'),
            dataFields = $this.data('fields'),
            modal = $($this.data('target'));

        console.log(modal);

        if (url) {
            modal.find('form').attr('action', url)
        }
        for (var field in dataFields) {
            modal.find('[name="' + field + '"]').val(dataFields[field]);
        }

        modal.modal() // Bootstrap!
    })

    var treeSortable = {}

    if ($('.tree-sortable').length) {
        $('.tree-sortable').each(function () {
            treeSortable[$(this).data('entity-name')] = $(this).sortable({
                group: 'serialization',
                delay: 500,
                handle: '.handle',
                onDrop: function ($item, container, _super) {
                    _super($item, container);
                }
            })
        })
    }

    $(document).on('click', '.post-tree-sortaple', function (e) {
        e.preventDefault()
        e.stopPropagation()
        var $base = $(this),
            data = treeSortable[$(this).data('entity-name')].sortable("serialize").get(),
            url = $base.data('url');

        $.ajax({
            method: 'POST',
            url: url,
            dataType: 'json',
            data: {'data': data},
            beforeSend: function () {
                $base.attr('disabled', true)
                    .find('.fa')
                    .toggleClass('fa-spin')
                    .toggleClass('fa-refresh')
            },
            success: function (data) {
                console.log(data)
            },
            error: function () {
                console.log('Error Ajax!')
            },
            complete: function () {
                $base.attr('disabled', false)
                    .find('.fa')
                    .toggleClass('fa-spin')
                    .toggleClass('fa-refresh')
            }
        })
    })

    if ($('.field-links').length) {
        $('.field-links').on('click', '.btn-info', function (e) {
            e.preventDefault()
            var n = $(this).parents('.field-links').find('.btn-info').index(this),
                length = $(this).parents('.field-links').find('.btn-info').length,
                fieldName = $(this).parents('.field-links').data('field-name'),
                keyKey = $(this).parents('.field-links').data('key'),
                keyValue = $(this).parents('.field-links').data('value'),
                placeholderKey = $(this).parents('.field-links').data('placeholder-key'),
                placeholderValue = $(this).parents('.field-links').data('placeholder-value'),
                item = '<tr class="item">'
                    + '<td>'
                    + '<div class="input-group input-group-md">'
                    + '<input type="text" name="' + fieldName + '[' + (length) + '][' + keyKey + ']" class="form-control" placeholder="' + placeholderKey + '">'
                    + '<span class="input-group-btn" style="width: 40%">'
                    + '<input type="text" name="' + fieldName + '[' + (length) + '][' + keyValue + ']" class="form-control" placeholder="' + placeholderValue + '">'
                    + '</span>'
                    + '<span class="input-group-btn">'
                    + '<button type="button" class="btn btn-info btn-flat">'
                    + '<i class="fa fa-plus"></i>'
                    + '</button>'
                    + '<button type="button" class="btn btn-danger btn-flat">'
                    + '<i class="fa fa-remove"></i>'
                    + '</button>'
                    + '</span>'
                    + '</div>'
                    + '</td>'
                    + '</tr>"'

            $(this).parents('.field-links').find('.item').eq(n).after(item)
        })

        $('.field-links').on('click', '.btn-danger', function (e) {
            e.preventDefault()
            var n = $(this).parents('.field-links').find('.btn-danger:not(.first)').index(this)

            $(this).parents('.field-links').find('.item').eq(n).remove()
        })
    }

    if ($('.field-linear-list').length) {
        $('.field-linear-list').on('click', '.btn-info', function (e) {
            e.preventDefault()
            var n = $(this).parents('.field-linear-list').find('.btn-info').index(this),
                length = $(this).parents('.field-linear-list').find('.btn-info').length,
                fieldName = $(this).parents('.field-linear-list').data('field-name'),
                placeholderValue = $(this).parents('.field-linear-list').data('placeholder-value'),
                item = '<tr class="item">'
                    + '<td>'
                    + '<div class="input-group input-group-md">'
                    + '<span class="input-group-btn" style="width: 100%">'
                    + '<input type="text" name="' + fieldName + '[' + (length) + ']" class="form-control" placeholder="' + placeholderValue + ' ' + (parseInt(length) + 1) + '">'
                    + '</span>'
                    + '<span class="input-group-btn">'
                    + '<button type="button" class="btn btn-info btn-flat">'
                    + '<i class="fa fa-plus"></i>'
                    + '</button>'
                    + '<button type="button" class="btn btn-danger btn-flat">'
                    + '<i class="fa fa-remove"></i>'
                    + '</button>'
                    + '</span>'
                    + '</div>'
                    + '</td>'
                    + '</tr>"'
            $(this).parents('.field-linear-list').find('.item').eq(n).after(item)
        })

        $('.field-linear-list').on('click', '.btn-danger', function (e) {
            e.preventDefault()
            var n = $(this).parents('.field-linear-list').find('.btn-danger:not(.first)').index(this)

            $(this).parents('.field-linear-list').find('.item').eq(n).remove()
        })
    }

    if ($('.field-more-items-sortable').length) {
        $('.field-more-items-sortable .todo-list').sortable({
            handle: '.handle',
            onDrop: function ($item, container, _super) {
                _super($item, container);
                $(container.target[0]).find('li').each(function (index) {
                    $(this).find('.field-weight-item').val(index)
                })
            }
        });

        $('.field-more-items-sortable').on('click', '.filed-remove', function (e) {
            e.preventDefault()
            $(this).parents('li').hide().find('.field-delete-item').val($(this).data('id'))
        })
    }

    if ($('.field-more-items').length) {
        $('.field-more-items').on('click', '.filed-remove', function (e) {
            e.preventDefault()
            $(this).parents('tr').hide().find('.field-delete-item').val($(this).data('id'))
        })
    }
});


public/js/dashboard.js 1 location


$(function () {

    'use strict';

    const LANGUAGE = $('html').attr('lang') || 'ru';

    $(document).ajaxStart(function () {
        Pace.restart()
    });
    
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    $('.field-checkbox-ajax').each(function(){
        var $base = $(this),
            url = $base.data('url'),
            method = $base.data('method') || 'POST',
            $input = $base.find('input.checkbox'),
            fieldName = $input.attr('name'),
            rawFieldName = $input.data('raw-name'),
            format = $base.data('format');

        $input.on('change', function () {
            var value = this.checked ? 1 : 0,
                data = format === 'name,value' ? {name: rawFieldName, value: value} : {[rawFieldName] : value};
            $.ajax({
                method: method,
                url: url,
                dataType: 'json',
                data: data,
                success: function (data) {
                    if (data.message) {
                        $base.append('<div class="text-success">' + data.message + '</div>')
                        $base.find('.text-success').delay(2000).fadeOut(500, 'linear', function () {
                            $(this).remove()
                        })
                    }
                },
                error: function () {
                    console.log('Error Ajax!')
                    $base.append('<div class="text-danger">Error Ajax</div>')
                    $base.find('.text-danger').delay(2000).fadeOut(500, 'linear', function () {
                        $(this).remove()
                    })
                },
                complete: function () {
                    $base.find('.overlay').addClass('hidden')
                }
            })
        });
    });

    $('.field-select2-change-status-ajax').each(function () {
        var $base = $(this),
            $select = $base.find('.select2-change-status-ajax'),
            url = $base.data('url'),
            fieldName = $base.find('select').attr('name'),
            method = $base.data('method') || 'GET',
            $select2 = $select.select2({
                language: LANGUAGE,
                tags: false
            });

        $select2.on("select2:select", function (e) {
            $base.find('.overlay').removeClass('hidden');

            $.ajax({
                method: method,
                url: url,
                dataType: 'json',
                data: {name: fieldName, value: e.params.data.id},
                success: function (data) {
                    if (data.message) {
                        $base.append('<div class="text-success">' + data.message + '</div>')
                        $base.find('.text-success').delay(2000).fadeOut(500, 'linear', function () {
                            $(this).remove()
                        })
                    }
                },
                error: function () {
                    console.log('Error Ajax!')
                    $base.append('<div class="text-danger">Error Ajax</div>')
                    $base.find('.text-danger').delay(2000).fadeOut(500, 'linear', function () {
                        $(this).remove()
                    })
                },
                complete: function () {
                    $base.find('.overlay').addClass('hidden')
                }
            })
        })
    })

    $('.field-select2-tree-ajax').each(function () {
        var $base = $(this),
            $select = $base.find('.select2-tree'),
            url = $base.data('url'),
            valFld = $base.data('valFld') ? $base.data('valFld') : 'id',
            labelFld = $base.data('labelFld') ? $base.data('labelFld') : 'name',
            incFld = $base.data('incFld') ? $base.data('incFld') : 'children'

        $.ajax({
            method: 'GET',
            url: url,
            dataType: 'json',
            data: {data: ''},
            success: function (data) {
                $select.select2ToTree({
                    treeData: {
                        dataArr: data.data,
                        dftVal: data.default,
                        valFld: valFld,
                        labelFld: labelFld,
                        'incFld': incFld
                    }
                })
            },
            error: function () {
                console.log('Error Ajax!')
            },
            complete: function () {
                $base.find('.overlay').fadeOut(200)
            }
        })
    })

    $('.field-tree').each(function () {
        var $base = $(this),
            $tree = $base.find('.field-tree-data'),
            url = $base.data('url'),
            showCheckbox = $base.data('showCheckbox') === undefined ? true : $base.data('showCheckbox'),
            showIcon = $base.data('showIcon') === undefined ? false : $base.data('showIcon'),
            fieldName = $base.data('field-name'),
            $inputs = $base.find('.field-tree-inputs'),
            getCheckedIds = function (obj) {
                $inputs.html('')
                var array = []
                obj.forEach(element => {
                    $inputs.append('<input type="hidden" name="' + fieldName + '[]" value="' + element.id + '" />')
                })
                return array
            }

        $.ajax({
            method: 'GET',
            url: url,
            dataType: 'json',
            data: {data: ''},
            success: function (data) {
                $tree.treeview({
                    data: data,
                    showIcon: showIcon,
                    showCheckbox: showCheckbox,
                })

                getCheckedIds($tree.treeview('getChecked'))

                $tree.on('nodeChecked', function (event, data) {
                    // console.log($(this).treeview('getChecked'))
                    getCheckedIds($(this).treeview('getChecked'))
                })
                $tree.on('nodeUnchecked', function (event, data) {
                    // console.log($(this).treeview('getChecked'))
                    getCheckedIds($(this).treeview('getChecked'))
                })
            },
            error: function () {
                console.log('Error Ajax!')
            },
            complete: function () {
                $base.find('.overlay').fadeOut(200)
            }
        })

    })

    if ($('textarea.ck-editor.ck-mini').length) {
        $('textarea.ck-editor.ck-mini').ckeditor(ckMini || {})
    }

    if ($('textarea.ck-editor.ck-small').length) {
        $('textarea.ck-editor.ck-small').ckeditor(ckSmall || {})
    }

    if ($('textarea.ck-editor.ck-full').length) {
        $('textarea.ck-editor.ck-full').ckeditor(ckFull || {})
    }

    if ($('.field-x-editable').length) {
        $('.field-x-editable').editable(xEditable || {});
    }

    if ($('.field-colorpicker').length) {
        $('.field-colorpicker').colorpicker(colorpickerOptions || {});
    }

    if ($('.field-datetimepicker').length) {
        $('.field-datetimepicker').datetimepicker(datetimepickerOptions || {
            format: 'Y/m/d H:i:s'
        });
    }

    if ($('.field-datepicker').length) {
        $('.field-datepicker').datetimepicker(datepickerOptions || {
            timepicker:false,
            format:'d/m/Y'
        });
    }

    if ($('.field-timepicker').length) {
        $('.field-timepicker').datetimepicker(timepickerOptions || {
            datepicker:false,
            format: 'H:i'
        });
    }

    if ($('.js-verification-slug-field').length) {
        if ($('input.js-slug-field-change').is(':checked')) {
            $('.js-verification-slug-field input.js-slug-field-input')
                .prop('readonly', false)
                .prop('disabled', false)
        }
        $(document).on('change', '.js-verification-slug-field [type="checkbox"]', function () {
            var $wrap = $(this).closest('.js-verification-slug-field');
            if(this.checked) {
                $wrap.find('input.js-slug-field-input')
                    .prop('readonly', false)
                    .prop('disabled', false)
            } else {
                $wrap.find('input.js-slug-field-input')
                    .prop('readonly', true)
                    .prop('disabled', true)
            }
        })
    }

    $(document).on('click', '.js-action-form', function (e) {
        e.preventDefault()
        var $form = $('#js-action-form'),
            $this = $(this),
            method = $this.data('method') || 'POST',
            strConfirm = $this.data('confirm') ? confirm($this.data('confirm')) : true,
            destination = $(this).data('destination'),
            url = $(this).data('url');
        
        if (url && $form && strConfirm) {
            $form.find('input[name="_method"]').val(method)
            if (destination) {
                $form.find('input.js-destination-val').val(destination)
            }
            $form.attr('action', url).submit()
        }
        return false
    });

    // 10000 -> 10 000
    $('.js-num-format').each(function (index, value) {
        var number = parseFloat(value.textContent);
        value.textContent = numberWithSpaces(number);
    });
    function numberWithSpaces(x) {
        return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
    }

    if ($('.select2.select2-static').length) {
        $('.select2.select2-static').select2({
            language: LANGUAGE,
            tags: false
        })
    }

    if ($('.select2.select2-tags').length) {
        $('.select2.select2-tags').each(function (index) {
            var url = $(this).data('url') || $(this).data('route'),
                maximumSelection = $(this).data('max') || -1,
                tokenSeparators = $(this).data('separators') || [',', ';'],
                newTagLabel = $(this).data('new-tag-label') || ' (new tag)';

            $(this).select2({
                language: LANGUAGE,
                tags: true,
                tokenSeparators: tokenSeparators,

                ajax: url ? {
                    delay: 250,
                    url: url,
                    dataType: 'json',
                    processResults: function(data) {
                        return {
                            results: data.results
                        }
                    }
                } : undefined,

                // Some nice improvements:

                // max tags is 3
                maximumSelectionLength: maximumSelection,

                // add "(new tag)" for new tags
                createTag: function (params) {
                    var term = $.trim(params.term);

                    if (term === '') {
                        return null;
                    }

                    return {
                        id: term,
                        text: term + newTagLabel
                    };
                },
            });
        });
    }

    if ($('.select2.sortable').length) {
        $('.select2.sortable').select2({
            language: LANGUAGE,
            tags: true
        })

        $('.select2.sortable').on("select2:select", function (evt) {
            var element = evt.params.data.element
            var $element = $(element)

            $element.detach()
            $(this).append($element)
            $(this).trigger("change")
        })
    }

    if ($('.select2.field-select-ajax').length) {
        $('.select2.field-select-ajax').each(function (index) {
            var url = $(this).data('url') || $(this).data('route')

            $(this).select2({
                language: LANGUAGE,
                tags: false,
                ajax: {
                    delay: 250,
                    url: url,
                    dataType: 'json'
                }
            });
        });
    }

    $('.lte-daterangepicker').each(function () {
        $(this).on('apply.daterangepicker', function (ev, picker) {
            var $inputNameStart = $(this).data('input-name-start'),
                $inputNameEnd = $(this).data('input-name-end'),
                $format = $(this).data('format') || 'MM/DD/YYYY'
            $(this).val(picker.startDate.format($format) + ' - ' + picker.endDate.format($format))
            $(this).siblings('input[name="' + $inputNameStart + '"]').val(picker.startDate.format($format))
            $(this).siblings('input[name="' + $inputNameEnd + '"]').val(picker.endDate.format($format))
        })

        $(this).on('cancel.daterangepicker', function (ev, picker) {
            $(this).val('')
        })

        $(this).daterangepicker({
            autoUpdateInput: false,
            "locale": translates.localeDateRangePicker || {
                "format": "MM/DD/YYYY",
                "separator": " - ",
                "applyLabel": "Apply",
                "cancelLabel": "Cancel",
                "fromLabel": "From",
                "toLabel": "To",
                "customRangeLabel": "Custom",
                "weekLabel": "W",
                "daysOfWeek": [
                    "Su",
                    "Mo",
                    "Tu",
                    "We",
                    "Th",
                    "Fr",
                    "Sa"
                ],
                "monthNames": [
                    "January",
                    "February",
                    "March",
                    "April",
                    "May",
                    "June",
                    "July",
                    "August",
                    "September",
                    "October",
                    "November",
                    "December"
                ],
                "firstDay": 1
            }
        })
    })

    $('[data-toggle="tooltip"]').tooltip()

    $(document).on('click', '.js-fill-modal', function (e) {
        e.preventDefault()
        var $this = $(this),
            url = $this.data('url'),
            dataFields = $this.data('fields'),
            modal = $($this.data('target'));

        console.log(modal);

        if (url) {
            modal.find('form').attr('action', url)
        }
        for (var field in dataFields) {
            modal.find('[name="' + field + '"]').val(dataFields[field]);
        }

        modal.modal() // Bootstrap!
    })

    var treeSortable = {}

    if ($('.tree-sortable').length) {
        $('.tree-sortable').each(function () {
            treeSortable[$(this).data('entity-name')] = $(this).sortable({
                group: 'serialization',
                delay: 500,
                handle: '.handle',
                onDrop: function ($item, container, _super) {
                    _super($item, container);
                }
            })
        })
    }

    $(document).on('click', '.post-tree-sortaple', function (e) {
        e.preventDefault()
        e.stopPropagation()
        var $base = $(this),
            data = treeSortable[$(this).data('entity-name')].sortable("serialize").get(),
            url = $base.data('url');

        $.ajax({
            method: 'POST',
            url: url,
            dataType: 'json',
            data: {'data': data},
            beforeSend: function () {
                $base.attr('disabled', true)
                    .find('.fa')
                    .toggleClass('fa-spin')
                    .toggleClass('fa-refresh')
            },
            success: function (data) {
                console.log(data)
            },
            error: function () {
                console.log('Error Ajax!')
            },
            complete: function () {
                $base.attr('disabled', false)
                    .find('.fa')
                    .toggleClass('fa-spin')
                    .toggleClass('fa-refresh')
            }
        })
    })

    if ($('.field-links').length) {
        $('.field-links').on('click', '.btn-info', function (e) {
            e.preventDefault()
            var n = $(this).parents('.field-links').find('.btn-info').index(this),
                length = $(this).parents('.field-links').find('.btn-info').length,
                fieldName = $(this).parents('.field-links').data('field-name'),
                keyKey = $(this).parents('.field-links').data('key'),
                keyValue = $(this).parents('.field-links').data('value'),
                placeholderKey = $(this).parents('.field-links').data('placeholder-key'),
                placeholderValue = $(this).parents('.field-links').data('placeholder-value'),
                item = '<tr class="item">'
                    + '<td>'
                    + '<div class="input-group input-group-md">'
                    + '<input type="text" name="' + fieldName + '[' + (length) + '][' + keyKey + ']" class="form-control" placeholder="' + placeholderKey + '">'
                    + '<span class="input-group-btn" style="width: 40%">'
                    + '<input type="text" name="' + fieldName + '[' + (length) + '][' + keyValue + ']" class="form-control" placeholder="' + placeholderValue + '">'
                    + '</span>'
                    + '<span class="input-group-btn">'
                    + '<button type="button" class="btn btn-info btn-flat">'
                    + '<i class="fa fa-plus"></i>'
                    + '</button>'
                    + '<button type="button" class="btn btn-danger btn-flat">'
                    + '<i class="fa fa-remove"></i>'
                    + '</button>'
                    + '</span>'
                    + '</div>'
                    + '</td>'
                    + '</tr>"'

            $(this).parents('.field-links').find('.item').eq(n).after(item)
        })

        $('.field-links').on('click', '.btn-danger', function (e) {
            e.preventDefault()
            var n = $(this).parents('.field-links').find('.btn-danger:not(.first)').index(this)

            $(this).parents('.field-links').find('.item').eq(n).remove()
        })
    }

    if ($('.field-linear-list').length) {
        $('.field-linear-list').on('click', '.btn-info', function (e) {
            e.preventDefault()
            var n = $(this).parents('.field-linear-list').find('.btn-info').index(this),
                length = $(this).parents('.field-linear-list').find('.btn-info').length,
                fieldName = $(this).parents('.field-linear-list').data('field-name'),
                placeholderValue = $(this).parents('.field-linear-list').data('placeholder-value'),
                item = '<tr class="item">'
                    + '<td>'
                    + '<div class="input-group input-group-md">'
                    + '<span class="input-group-btn" style="width: 100%">'
                    + '<input type="text" name="' + fieldName + '[' + (length) + ']" class="form-control" placeholder="' + placeholderValue + ' ' + (parseInt(length) + 1) + '">'
                    + '</span>'
                    + '<span class="input-group-btn">'
                    + '<button type="button" class="btn btn-info btn-flat">'
                    + '<i class="fa fa-plus"></i>'
                    + '</button>'
                    + '<button type="button" class="btn btn-danger btn-flat">'
                    + '<i class="fa fa-remove"></i>'
                    + '</button>'
                    + '</span>'
                    + '</div>'
                    + '</td>'
                    + '</tr>"'
            $(this).parents('.field-linear-list').find('.item').eq(n).after(item)
        })

        $('.field-linear-list').on('click', '.btn-danger', function (e) {
            e.preventDefault()
            var n = $(this).parents('.field-linear-list').find('.btn-danger:not(.first)').index(this)

            $(this).parents('.field-linear-list').find('.item').eq(n).remove()
        })
    }

    if ($('.field-more-items-sortable').length) {
        $('.field-more-items-sortable .todo-list').sortable({
            handle: '.handle',
            onDrop: function ($item, container, _super) {
                _super($item, container);
                $(container.target[0]).find('li').each(function (index) {
                    $(this).find('.field-weight-item').val(index)
                })
            }
        });

        $('.field-more-items-sortable').on('click', '.filed-remove', function (e) {
            e.preventDefault()
            $(this).parents('li').hide().find('.field-delete-item').val($(this).data('id'))
        })
    }

    if ($('.field-more-items').length) {
        $('.field-more-items').on('click', '.filed-remove', function (e) {
            e.preventDefault()
            $(this).parents('tr').hide().find('.field-delete-item').val($(this).data('id'))
        })
    }
});


		@@ 1-572 (lines=572) @@
1		$(function () {
2
3		'use strict';
4
5		const LANGUAGE = $('html').attr('lang') \|\| 'ru';
6
7		$(document).ajaxStart(function () {
8		Pace.restart()
9		});
10
11		$.ajaxSetup({
12		headers: {
13		'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
14		}
15		});
16
17		$('.field-checkbox-ajax').each(function(){
18		var $base = $(this),
19		url = $base.data('url'),
20		method = $base.data('method') \|\| 'POST',
21		$input = $base.find('input.checkbox'),
22		fieldName = $input.attr('name'),
23		rawFieldName = $input.data('raw-name'),
24		format = $base.data('format');
25
26		$input.on('change', function () {
27		var value = this.checked ? 1 : 0,
28		data = format === 'name,value' ? {name: rawFieldName, value: value} : {[rawFieldName] : value};
29		$.ajax({
30		method: method,
31		url: url,
32		dataType: 'json',
33		data: data,
34		success: function (data) {
35		if (data.message) {
36		$base.append('<div class="text-success">' + data.message + '</div>')
37		$base.find('.text-success').delay(2000).fadeOut(500, 'linear', function () {
38		$(this).remove()
39		})
40		}
41		},
42		error: function () {
43		console.log('Error Ajax!')
44		$base.append('<div class="text-danger">Error Ajax</div>')
45		$base.find('.text-danger').delay(2000).fadeOut(500, 'linear', function () {
46		$(this).remove()
47		})
48		},
49		complete: function () {
50		$base.find('.overlay').addClass('hidden')
51		}
52		})
53		});
54		});
55
56		$('.field-select2-change-status-ajax').each(function () {
57		var $base = $(this),
58		$select = $base.find('.select2-change-status-ajax'),
59		url = $base.data('url'),
60		fieldName = $base.find('select').attr('name'),
61		method = $base.data('method') \|\| 'GET',
62		$select2 = $select.select2({
63		language: LANGUAGE,
64		tags: false
65		});
66
67		$select2.on("select2:select", function (e) {
68		$base.find('.overlay').removeClass('hidden');
69
70		$.ajax({
71		method: method,
72		url: url,
73		dataType: 'json',
74		data: {name: fieldName, value: e.params.data.id},
75		success: function (data) {
76		if (data.message) {
77		$base.append('<div class="text-success">' + data.message + '</div>')
78		$base.find('.text-success').delay(2000).fadeOut(500, 'linear', function () {
79		$(this).remove()
80		})
81		}
82		},
83		error: function () {
84		console.log('Error Ajax!')
85		$base.append('<div class="text-danger">Error Ajax</div>')
86		$base.find('.text-danger').delay(2000).fadeOut(500, 'linear', function () {
87		$(this).remove()
88		})
89		},
90		complete: function () {
91		$base.find('.overlay').addClass('hidden')
92		}
93		})
94		})
95		})
96
97		$('.field-select2-tree-ajax').each(function () {
98		var $base = $(this),
99		$select = $base.find('.select2-tree'),
100		url = $base.data('url'),
101		valFld = $base.data('valFld') ? $base.data('valFld') : 'id',
102		labelFld = $base.data('labelFld') ? $base.data('labelFld') : 'name',
103		incFld = $base.data('incFld') ? $base.data('incFld') : 'children'
104
105		$.ajax({
106		method: 'GET',
107		url: url,
108		dataType: 'json',
109		data: {data: ''},
110		success: function (data) {
111		$select.select2ToTree({
112		treeData: {
113		dataArr: data.data,
114		dftVal: data.default,
115		valFld: valFld,
116		labelFld: labelFld,
117		'incFld': incFld
118		}
119		})
120		},
121		error: function () {
122		console.log('Error Ajax!')
123		},
124		complete: function () {
125		$base.find('.overlay').fadeOut(200)
126		}
127		})
128		})
129
130		$('.field-tree').each(function () {
131		var $base = $(this),
132		$tree = $base.find('.field-tree-data'),
133		url = $base.data('url'),
134		showCheckbox = $base.data('showCheckbox') === undefined ? true : $base.data('showCheckbox'),
135		showIcon = $base.data('showIcon') === undefined ? false : $base.data('showIcon'),
136		fieldName = $base.data('field-name'),
137		$inputs = $base.find('.field-tree-inputs'),
138		getCheckedIds = function (obj) {
139		$inputs.html('')
140		var array = []
141		obj.forEach(element => {
142		$inputs.append('<input type="hidden" name="' + fieldName + '[]" value="' + element.id + '" />')
143		})
144		return array
145		}
146
147		$.ajax({
148		method: 'GET',
149		url: url,
150		dataType: 'json',
151		data: {data: ''},
152		success: function (data) {
153		$tree.treeview({
154		data: data,
155		showIcon: showIcon,
156		showCheckbox: showCheckbox,
157		})
158
159		getCheckedIds($tree.treeview('getChecked'))
160
161		$tree.on('nodeChecked', function (event, data) {
162		// console.log($(this).treeview('getChecked'))
163		getCheckedIds($(this).treeview('getChecked'))
164		})
165		$tree.on('nodeUnchecked', function (event, data) {
166		// console.log($(this).treeview('getChecked'))
167		getCheckedIds($(this).treeview('getChecked'))
168		})
169		},
170		error: function () {
171		console.log('Error Ajax!')
172		},
173		complete: function () {
174		$base.find('.overlay').fadeOut(200)
175		}
176		})
177
178		})
179
180		if ($('textarea.ck-editor.ck-mini').length) {
181		$('textarea.ck-editor.ck-mini').ckeditor(ckMini \|\| {})
182		}
183
184		if ($('textarea.ck-editor.ck-small').length) {
185		$('textarea.ck-editor.ck-small').ckeditor(ckSmall \|\| {})
186		}
187
188		if ($('textarea.ck-editor.ck-full').length) {
189		$('textarea.ck-editor.ck-full').ckeditor(ckFull \|\| {})
190		}
191
192		if ($('.field-x-editable').length) {
193		$('.field-x-editable').editable(xEditable \|\| {});
194		}
195
196		if ($('.field-colorpicker').length) {
197		$('.field-colorpicker').colorpicker(colorpickerOptions \|\| {});
198		}
199
200		if ($('.field-datetimepicker').length) {
201		$('.field-datetimepicker').datetimepicker(datetimepickerOptions \|\| {
202		format: 'Y/m/d H:i:s'
203		});
204		}
205
206		if ($('.field-datepicker').length) {
207		$('.field-datepicker').datetimepicker(datepickerOptions \|\| {
208		timepicker:false,
209		format:'d/m/Y'
210		});
211		}
212
213		if ($('.field-timepicker').length) {
214		$('.field-timepicker').datetimepicker(timepickerOptions \|\| {
215		datepicker:false,
216		format: 'H:i'
217		});
218		}
219
220		if ($('.js-verification-slug-field').length) {
221		if ($('input.js-slug-field-change').is(':checked')) {
222		$('.js-verification-slug-field input.js-slug-field-input')
223		.prop('readonly', false)
224		.prop('disabled', false)
225		}
226		$(document).on('change', '.js-verification-slug-field [type="checkbox"]', function () {
227		var $wrap = $(this).closest('.js-verification-slug-field');
228		if(this.checked) {
229		$wrap.find('input.js-slug-field-input')
230		.prop('readonly', false)
231		.prop('disabled', false)
232		} else {
233		$wrap.find('input.js-slug-field-input')
234		.prop('readonly', true)
235		.prop('disabled', true)
236		}
237		})
238		}
239
240		$(document).on('click', '.js-action-form', function (e) {
241		e.preventDefault()
242		var $form = $('#js-action-form'),
243		$this = $(this),
244		method = $this.data('method') \|\| 'POST',
245		strConfirm = $this.data('confirm') ? confirm($this.data('confirm')) : true,
246		destination = $(this).data('destination'),
247		url = $(this).data('url');
248
249		if (url && $form && strConfirm) {
250		$form.find('input[name="_method"]').val(method)
251		if (destination) {
252		$form.find('input.js-destination-val').val(destination)
253		}
254		$form.attr('action', url).submit()
255		}
256		return false
257		});
258
259		// 10000 -> 10 000
260		$('.js-num-format').each(function (index, value) {
261		var number = parseFloat(value.textContent);
262		value.textContent = numberWithSpaces(number);
263		});
264		function numberWithSpaces(x) {
265		return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
266		}
267
268		if ($('.select2.select2-static').length) {
269		$('.select2.select2-static').select2({
270		language: LANGUAGE,
271		tags: false
272		})
273		}
274
275		if ($('.select2.select2-tags').length) {
276		$('.select2.select2-tags').each(function (index) {
277		var url = $(this).data('url') \|\| $(this).data('route'),
278		maximumSelection = $(this).data('max') \|\| -1,
279		tokenSeparators = $(this).data('separators') \|\| [',', ';'],
280		newTagLabel = $(this).data('new-tag-label') \|\| ' (new tag)';
281
282		$(this).select2({
283		language: LANGUAGE,
284		tags: true,
285		tokenSeparators: tokenSeparators,
286
287		ajax: url ? {
288		delay: 250,
289		url: url,
290		dataType: 'json',
291		processResults: function(data) {
292		return {
293		results: data.results
294		}
295		}
296		} : undefined,
297
298		// Some nice improvements:
299
300		// max tags is 3
301		maximumSelectionLength: maximumSelection,
302
303		// add "(new tag)" for new tags
304		createTag: function (params) {
305		var term = $.trim(params.term);
306
307		if (term === '') {
308		return null;
309		}
310
311		return {
312		id: term,
313		text: term + newTagLabel
314		};
315		},
316		});
317		});
318		}
319
320		if ($('.select2.sortable').length) {
321		$('.select2.sortable').select2({
322		language: LANGUAGE,
323		tags: true
324		})
325
326		$('.select2.sortable').on("select2:select", function (evt) {
327		var element = evt.params.data.element
328		var $element = $(element)
329
330		$element.detach()
331		$(this).append($element)
332		$(this).trigger("change")
333		})
334		}
335
336		if ($('.select2.field-select-ajax').length) {
337		$('.select2.field-select-ajax').each(function (index) {
338		var url = $(this).data('url') \|\| $(this).data('route')
339
340		$(this).select2({
341		language: LANGUAGE,
342		tags: false,
343		ajax: {
344		delay: 250,
345		url: url,
346		dataType: 'json'
347		}
348		});
349		});
350		}
351
352		$('.lte-daterangepicker').each(function () {
353		$(this).on('apply.daterangepicker', function (ev, picker) {
354		var $inputNameStart = $(this).data('input-name-start'),
355		$inputNameEnd = $(this).data('input-name-end'),
356		$format = $(this).data('format') \|\| 'MM/DD/YYYY'
357		$(this).val(picker.startDate.format($format) + ' - ' + picker.endDate.format($format))
358		$(this).siblings('input[name="' + $inputNameStart + '"]').val(picker.startDate.format($format))
359		$(this).siblings('input[name="' + $inputNameEnd + '"]').val(picker.endDate.format($format))
360		})
361
362		$(this).on('cancel.daterangepicker', function (ev, picker) {
363		$(this).val('')
364		})
365
366		$(this).daterangepicker({
367		autoUpdateInput: false,
368		"locale": translates.localeDateRangePicker \|\| {
369		"format": "MM/DD/YYYY",
370		"separator": " - ",
371		"applyLabel": "Apply",
372		"cancelLabel": "Cancel",
373		"fromLabel": "From",
374		"toLabel": "To",
375		"customRangeLabel": "Custom",
376		"weekLabel": "W",
377		"daysOfWeek": [
378		"Su",
379		"Mo",
380		"Tu",
381		"We",
382		"Th",
383		"Fr",
384		"Sa"
385		],
386		"monthNames": [
387		"January",
388		"February",
389		"March",
390		"April",
391		"May",
392		"June",
393		"July",
394		"August",
395		"September",
396		"October",
397		"November",
398		"December"
399		],
400		"firstDay": 1
401		}
402		})
403		})
404
405		$('[data-toggle="tooltip"]').tooltip()
406
407		$(document).on('click', '.js-fill-modal', function (e) {
408		e.preventDefault()
409		var $this = $(this),
410		url = $this.data('url'),
411		dataFields = $this.data('fields'),
412		modal = $($this.data('target'));
413
414		console.log(modal);
415
416		if (url) {
417		modal.find('form').attr('action', url)
418		}
419		for (var field in dataFields) {
420		modal.find('[name="' + field + '"]').val(dataFields[field]);
421		}
422
423		modal.modal() // Bootstrap!
424		})
425
426		var treeSortable = {}
427
428		if ($('.tree-sortable').length) {
429		$('.tree-sortable').each(function () {
430		treeSortable[$(this).data('entity-name')] = $(this).sortable({
431		group: 'serialization',
432		delay: 500,
433		handle: '.handle',
434		onDrop: function ($item, container, _super) {
435		_super($item, container);
436		}
437		})
438		})
439		}
440
441		$(document).on('click', '.post-tree-sortaple', function (e) {
442		e.preventDefault()
443		e.stopPropagation()
444		var $base = $(this),
445		data = treeSortable[$(this).data('entity-name')].sortable("serialize").get(),
446		url = $base.data('url');
447
448		$.ajax({
449		method: 'POST',
450		url: url,
451		dataType: 'json',
452		data: {'data': data},
453		beforeSend: function () {
454		$base.attr('disabled', true)
455		.find('.fa')
456		.toggleClass('fa-spin')
457		.toggleClass('fa-refresh')
458		},
459		success: function (data) {
460		console.log(data)
461		},
462		error: function () {
463		console.log('Error Ajax!')
464		},
465		complete: function () {
466		$base.attr('disabled', false)
467		.find('.fa')
468		.toggleClass('fa-spin')
469		.toggleClass('fa-refresh')
470		}
471		})
472		})
473
474		if ($('.field-links').length) {
475		$('.field-links').on('click', '.btn-info', function (e) {
476		e.preventDefault()
477		var n = $(this).parents('.field-links').find('.btn-info').index(this),
478		length = $(this).parents('.field-links').find('.btn-info').length,
479		fieldName = $(this).parents('.field-links').data('field-name'),
480		keyKey = $(this).parents('.field-links').data('key'),
481		keyValue = $(this).parents('.field-links').data('value'),
482		placeholderKey = $(this).parents('.field-links').data('placeholder-key'),
483		placeholderValue = $(this).parents('.field-links').data('placeholder-value'),
484		item = '<tr class="item">'
485		+ '<td>'
486		+ '<div class="input-group input-group-md">'
487		+ '<input type="text" name="' + fieldName + '[' + (length) + '][' + keyKey + ']" class="form-control" placeholder="' + placeholderKey + '">'
488		+ '<span class="input-group-btn" style="width: 40%">'
489		+ '<input type="text" name="' + fieldName + '[' + (length) + '][' + keyValue + ']" class="form-control" placeholder="' + placeholderValue + '">'
490		+ '</span>'
491		+ '<span class="input-group-btn">'
492		+ '<button type="button" class="btn btn-info btn-flat">'
493		+ '<i class="fa fa-plus"></i>'
494		+ '</button>'
495		+ '<button type="button" class="btn btn-danger btn-flat">'
496		+ '<i class="fa fa-remove"></i>'
497		+ '</button>'
498		+ '</span>'
499		+ '</div>'
500		+ '</td>'
501		+ '</tr>"'
502
503		$(this).parents('.field-links').find('.item').eq(n).after(item)
504		})
505
506		$('.field-links').on('click', '.btn-danger', function (e) {
507		e.preventDefault()
508		var n = $(this).parents('.field-links').find('.btn-danger:not(.first)').index(this)
509
510		$(this).parents('.field-links').find('.item').eq(n).remove()
511		})
512		}
513
514		if ($('.field-linear-list').length) {
515		$('.field-linear-list').on('click', '.btn-info', function (e) {
516		e.preventDefault()
517		var n = $(this).parents('.field-linear-list').find('.btn-info').index(this),
518		length = $(this).parents('.field-linear-list').find('.btn-info').length,
519		fieldName = $(this).parents('.field-linear-list').data('field-name'),
520		placeholderValue = $(this).parents('.field-linear-list').data('placeholder-value'),
521		item = '<tr class="item">'
522		+ '<td>'
523		+ '<div class="input-group input-group-md">'
524		+ '<span class="input-group-btn" style="width: 100%">'
525		+ '<input type="text" name="' + fieldName + '[' + (length) + ']" class="form-control" placeholder="' + placeholderValue + ' ' + (parseInt(length) + 1) + '">'
526		+ '</span>'
527		+ '<span class="input-group-btn">'
528		+ '<button type="button" class="btn btn-info btn-flat">'
529		+ '<i class="fa fa-plus"></i>'
530		+ '</button>'
531		+ '<button type="button" class="btn btn-danger btn-flat">'
532		+ '<i class="fa fa-remove"></i>'
533		+ '</button>'
534		+ '</span>'
535		+ '</div>'
536		+ '</td>'
537		+ '</tr>"'
538		$(this).parents('.field-linear-list').find('.item').eq(n).after(item)
539		})
540
541		$('.field-linear-list').on('click', '.btn-danger', function (e) {
542		e.preventDefault()
543		var n = $(this).parents('.field-linear-list').find('.btn-danger:not(.first)').index(this)
544
545		$(this).parents('.field-linear-list').find('.item').eq(n).remove()
546		})
547		}
548
549		if ($('.field-more-items-sortable').length) {
550		$('.field-more-items-sortable .todo-list').sortable({
551		handle: '.handle',
552		onDrop: function ($item, container, _super) {
553		_super($item, container);
554		$(container.target[0]).find('li').each(function (index) {
555		$(this).find('.field-weight-item').val(index)
556		})
557		}
558		});
559
560		$('.field-more-items-sortable').on('click', '.filed-remove', function (e) {
561		e.preventDefault()
562		$(this).parents('li').hide().find('.field-delete-item').val($(this).data('id'))
563		})
564		}
565
566		if ($('.field-more-items').length) {
567		$('.field-more-items').on('click', '.filed-remove', function (e) {
568		e.preventDefault()
569		$(this).parents('tr').hide().find('.field-delete-item').val($(this).data('id'))
570		})
571		}
572		});
573

fomvasss / laravel-its-lte

Code Duplication Length = 572-572 lines in 2 locations

resources/js/dashboard.js 1 location

public/js/dashboard.js 1 location