$( document ).ready( function () {

$("table.preferences").dataTable($.extend(true, {}, dataTablesDefaults, {

    "dom":  't',

    $("table.preferences").dataTable($.extend(true, {}, dataTablesDefaults, {

    "columnDefs":  [

        "dom":  't',

        { "targets":  [ -1 ], "orderable":  false, "searchable":  false }

        "columnDefs":  [

    ],

            { "targets":  [ -1 ], "orderable":  false, "searchable":  false }

    "paging":  false

        ],

}));

        "paging":  false

    }));

$( '.prefs-tab' )

    .find( 'input.preference, textarea.preference' ).on('input', function () {

    $( '.prefs-tab' )

        if ( this.defaultValue === undefined || this.value != this.defaultValue ) mark_modified.call( this );

        .find( 'input.preference, textarea.preference' ).on('input', function () {

    } ).end()

            if ( this.defaultValue === undefined || this.value != this.defaultValue ) mark_modified.call( this );

    .find( 'select.preference' ).change( mark_modified );

        } ).end()

$('.preference-checkbox').change( function () {

        .find( 'select.preference' ).change( mark_modified );

    $('.preference-checkbox').addClass('modified');

    $('.preference-checkbox').change( function () {

    mark_modified.call(this);

        $('.preference-checkbox').addClass('modified');

} );

        mark_modified.call(this);

    } );

    $(".set_syspref").click(function() {

        var s = $(this).attr('data-syspref');

        var v = $(this).attr('data-value');

        // populate the input with the value in data-value

        $("#pref_"+s).val(v);

        // pass the DOM element to trigger "modified" to enable submit button

        mark_modified.call($("#pref_"+s)[0]);

        return false;

    });

    $(".sortable").each( (i, e) => {

$(".set_syspref").click(function() {

        Sortable.create(e, {

    var s = $(this).attr('data-syspref');

            animation: 150,

    var v = $(this).attr('data-value');

            onUpdate: function( e ){

    // populate the input with the value in data-value

                $(e.target).find('input:first').change();

    $("#pref_"+s).val(v);

            }

    // pass the DOM element to trigger "modified" to enable submit button

        });

    mark_modified.call($("#pref_"+s)[0]);

    return false;

});

$(".sortable").each( (i, e) => {

    Sortable.create(e, {

        animation: 150,

        onUpdate: function( e ){

            $(e.target).find('input:first').change();

        }

    $( '.prefs-tab .action .cancel' ).click( function () { KOHA.Preferences.Modified = false } );

$( '.prefs-tab .action .cancel' ).click( function () { KOHA.Preferences.Modified = false } );

    $( '.prefs-tab .save-all' ).prop('disabled', true).click( function () {

$( '.prefs-tab .save-all' ).prop('disabled', true).click( function () {

        KOHA.Preferences.Save( this.form );

    KOHA.Preferences.Save( this.form );

        return false;

    return false;

    });

});

    addExpandHandler();

addExpandHandler();

    addCollapseHandler();

addCollapseHandler();

    $("h3").attr("class", "expanded").attr("title", __("Collapse this section"));

$("h3").attr("class", "expanded").attr("title", __("Collapse this section"));

    var collapsible = $(".collapsed,.expanded");

var collapsible = $(".collapsed,.expanded");

    $(collapsible).on("click",function(){

$(collapsible).on("click",function(){

        var h3Id = $(this).attr("id");

    var h3Id = $(this).attr("id");

        var panel = $("#collapse_" + h3Id);

    var panel = $("#collapse_" + h3Id);

        if(panel.is(":visible")){

    if(panel.is(":visible")){

            $(this).addClass("collapsed").removeClass("expanded").attr("title", __("Expand this section") );

        $(this).addClass("collapsed").removeClass("expanded").attr("title", __("Expand this section") );

            panel.hide();

        panel.hide();

        } else {

    } else {

            $(this).addClass("expanded").removeClass("collapsed").attr("title", __("Collapse this section") );

        $(this).addClass("expanded").removeClass("collapsed").attr("title", __("Collapse this section") );

            panel.show();

        panel.show();

        }

    }

    });

});

$(".pref_sublink").on("click", function(){

    /* If the user clicks a sub-menu link in the sidebar,

       check to see if it is collapsed. If so, expand it */

    var href = $(this).attr("href");

    href = href.replace("#","");

    var panel = $("#collapse_" + href );

    if( panel.is(":hidden") ){

        $("#" + href).addClass("expanded").removeClass("collapsed").attr("title", __("Collapse this section") );

        panel.show();

    }

});

    $(".pref_sublink").on("click", function(){

if ( to_highlight ) {

        /* If the user clicks a sub-menu link in the sidebar,

    var words = to_highlight.split( ' ' );

           check to see if it is collapsed. If so, expand it */

    $( '.prefs-tab table' ).find( 'td, th' ).not( '.name-cell' ).each( function ( i, td ) {

        var href = $(this).attr("href");

        $.each( words, function ( i, word ) { $( td ).highlight( word ) } );

        href = href.replace("#","");

    } ).find( 'option, textarea' ).removeHighlight();

        var panel = $("#collapse_" + href );

}

        if( panel.is(":hidden") ){

            $("#" + href).addClass("expanded").removeClass("collapsed").attr("title", __("Collapse this section") );

            panel.show();

        }

    });

    if ( to_highlight ) {

if ( search_jumped ) {

        var words = to_highlight.split( ' ' );

    document.location.hash = "jumped";

        $( '.prefs-tab table' ).find( 'td, th' ).not( '.name-cell' ).each( function ( i, td ) {

}

            $.each( words, function ( i, word ) { $( td ).highlight( word ) } );

        } ).find( 'option, textarea' ).removeHighlight();

    }

    if ( search_jumped ) {

$("#pref_UpdateItemLocationOnCheckin, #pref_UpdateItemLocationOnCheckout").change(function(){

        document.location.hash = "jumped";

    var the_text = $(this).val();

    var alert_text = '';

    if (the_text.indexOf('_ALL_:') != -1) alert_text = __("Note: _ALL_ value will override all other values") + '\n';

    var split_text  =the_text.split("\n");

    var alert_issues = '';

    var issue_count = 0;

    var reg_check = /.*:\s.*/;

    for (var i=0; i < split_text.length; i++){

        if ( !split_text[i].match(reg_check) && split_text[i].length ) {

            alert_issues+=split_text[i]+"\n";

            issue_count++;

        }

    if (issue_count) alert_text += "\n" + __("The following values are not formatted correctly:") + "\n" + alert_issues;

    $("#pref_UpdateItemLocationOnCheckin, #pref_UpdateItemLocationOnCheckout").change(function(){

    if ( alert_text.length )  alert(alert_text);

        var the_text = $(this).val();

});

        var alert_text = '';

        if (the_text.indexOf('_ALL_:') != -1) alert_text = __("Note: _ALL_ value will override all other values") + '\n';

$(".prefs-tab form").each(function () {

        var split_text  =the_text.split("\n");

    $(this).validate({

        var alert_issues = '';

        rules: { },

        var issue_count = 0;

        errorPlacement: function(error, element) {

        var reg_check = /.*:\s.*/;

            var placement = $(element).parent();

        for (var i=0; i < split_text.length; i++){

            if (placement) {

            if ( !split_text[i].match(reg_check) && split_text[i].length ) {

                $(placement).append(error)

                alert_issues+=split_text[i]+"\n";

            } else {

                issue_count++;

                error.insertAfter(element);

    $(".prefs-tab form").each(function () {

$(".preference-email").each(function() {

        $(this).validate({

    $(this).rules("add", {

            rules: { },

        email: true

            errorPlacement: function(error, element) {

                var placement = $(element).parent();

                if (placement) {

                    $(placement).append(error)

                } else {

                    error.insertAfter(element);

                }

            }

        });

    $(".preference-email").each(function() {

        items.push('<label class="' + style +'"><input class="dbcolumn_selection" type="checkbox" id="' + key + '"' + checked + disabled + ' name="pref" value="' + key + '" /> ' + data[key]+ ' (' + key + ')</label>');

        $(this).rules("add", {

            email: true

        });

    $("<div/>", {

        "class": "columns-2",

    $(".modalselect").on("click", function(){

        html: items.join("")

        var datasource = $(this).data("source");

    }).appendTo("#prefModalBody");

        var exclusions = $(this).data("exclusions").split('|');

        var inclusions = $(this).data("inclusions").split('|');

    $("#saveModalPrefs").data("target", this.id );

        var required = $(this).data("required").split('|');

    $("#saveModalPrefs").data("type", "modalselect" );

        var pref_name = this.id.replace(/pref_/, '');

    $("#prefModalLabel").text( pref_name );

        var pref_value = this.value;

    $("#prefModal").modal("show");

        var prefs = pref_value.split("|");

});

        let data = db_columns[datasource];

// Initialise the content of our modal, using the function

        var items = [];

// specified in the data-initiator attribute

        var checked = "";

$('.modaljs').on('click', function () {

        var readonly = "";

    const init = $(this).data('initiator');

        var disabled = "";

    if (init) {

        var style = "";

        window[init](this);

        $.each( Object.keys(data).sort(), function( i, key ){

            if( prefs.indexOf( key ) >= 0 ){

                checked = ' checked="checked" ';

            } else {

                checked = "";

            }

            if( required.indexOf( key ) >= 0 ){

                style = "required";

                checked  = ' checked="checked" ';

            } else if( exclusions.indexOf( key ) >= 0 ){

                style = "disabled";

                disabled = ' disabled="disabled" ';

                checked  = "";

            } else if( inclusions.indexOf( key ) >= 0 ){

                style = "disabled";

                disabled = ' disabled="disabled" ';

                checked  = ' checked="checked" ';

            } else {

                style = "";

                disabled = "";

            }

            items.push('<label class="' + style +'"><input class="dbcolumn_selection" type="checkbox" id="' + key + '"' + checked + disabled + ' name="pref" value="' + key + '" /> ' + data[key]+ ' (' + key + ')</label>');

        });

        $("<div/>", {

            "class": "columns-2",

            html: items.join("")

        }).appendTo("#prefModalBody");

        $("#saveModalPrefs").data("target", this.id );

        $("#saveModalPrefs").data("type", "modalselect" );

        $("#prefModalLabel").text( pref_name );

    });

    }

});

    // Initialise the content of our modal, using the function

    // specified in the data-initiator attribute

// Initialise the content of our modal, if we are dealing

    $('.modaljs').on('click', function () {

// with a modalselect modal

        const init = $(this).data('initiator');

function prepareModalSelect(formfieldid) {

        if (init) {

    var prefs = [];

            window[init](this);

    $("#prefModal input[type='checkbox']").each(function(){

            $("#prefModal").modal("show");

        if( $(this).prop("checked") ){

            prefs.push( this.value );

    // Initialise the content of our modal, if we are dealing

// Return a checkbox with an appropriate checked state

    // with a modalselect modal

function checkBox(id, className, state) {

    function prepareModalSelect(formfieldid) {

    return state ?

        var prefs = [];

        '<input id="' + id + '" type="checkbox" class="' + className + '" checked>' :

        $("#prefModal input[type='checkbox']").each(function(){

        '<input id="' + id + '" type="checkbox" class="' + className + '">';

            if( $(this).prop("checked") ){

}

                prefs.push( this.value );

            }

        });

        return prefs.join("|");

    }

    // Return a checkbox with an appropriate checked state

    function checkBox(id, className, state) {

        return state ?

            '<input id="' + id + '" type="checkbox" class="' + className + '" checked>' :

            '<input id="' + id + '" type="checkbox" class="' + className + '">';

    }

    // Create a cookieConsentedJS item, correctly populated

    function createCookieConsentedJSItem(item, idx) {

        const id = 'CookieConsentedJS_' + idx;

        const code = item.code && item.code.length > 0 ? atob(item.code) : '';

        const itemId = item.id && item.id.length > 0 ? item.id : '';

        return '<div id="' + id + '" class="cookieConsentedJSItem" data-id="' + itemId + '">' +

               '    <div class="consentRow">' +

               '        <div class="consentItem">' +

               '            <label class="required" for="name_' + id + '">' + __('Name') + ':</label>' +

               '            <input id="name_' + id + '" class="metaName" type="text" value="' + item.name + '"><span class="required">' + __('Required') + '</span>' +

               '        </div >' +

               '        <div class="consentItem">' +

               '            <label class="required" for="description_' + id + '">' + __('Description') + ':</label>' +

               '            <input id="description_' + id + '" class="metaDescription" type="text" value="' + item.description + '"><span class="required">' + __('Required') + '</span>' +

               '        </div>' +

               '        <div class="consentItem">' +

               '            <label for="opacConsent_' + id + '">' + __('Requires consent in OPAC') + ':</label>' +

                            checkBox('opacConsent_' + id, 'opacConsent', item.opacConsent) +

               '        </div>' +

               '        <div class="consentItem">' +

               '            <label for="staffConsent_' + id + '">' + __('Requires consent in staff interface') + ':</label>' +

                            checkBox('staffConsent_' + id, 'staffConsent', item.staffConsent) +

               '        </div >' +

               '        <div class="consentItem">' +

               '            <label for="matchPattern_' + id + '">' + __('String used to identify cookie name') + ':</label>' +

               '            <input id="matchPattern_' + id + '" class="metaMatchPattern" type="text" value="' + item.matchPattern + '"><span class="required">' + __('Required') + '</span>' +

               '        </div >' +

               '        <div class="consentItem">' +

               '            <label for="cookieDomain' + id + '">' + __('Cookie domain') + ':</label>' +

               '            <input id="cookieDomain' + id + '" class="metaCookieDomain" type="text" value="' + item.cookieDomain + '"><span class="required">' + __('Required') + '</span>' +

               '        </div >' +

               '        <div class="consentItem">' +

               '            <label for="cookiePath' + id + '">' + __('Cookie path') + ':</label>' +

               '            <input id="cookiePath' + id + '" class="metaCookiePath" type="text" value="' + item.cookiePath + '"><span class="required">' + __('Required') + '</span>' +

               '        </div >' +

               '    </div >' +

               '    <div class="consentRow codeRow">' +

               '        <textarea style="display:none;" id="pref_' + id + '" class="preference preference-code codemirror" rows="10" cols="40">' + code + '</textarea>' +

               '        <div>' +

               '            <a id="expand_' + id + '" class="expand-textarea" data-target="' + id + '" data-syntax="javascript" href="#">' + __('Expand') + '</a>' +

               '            <a id="collapse_' + id + '" class="collapse-textarea" data-target="' + id + '" data-syntax="javascript" href="#" style="display:none">' + __('Collapse') + '</a>' +

               '        </div >' +

               '    </div>' +

               '    <a class="consentDelete" data-target="' + id + '" href="#">' + __('Delete') + '</a>' +

               '</div > ';

    }

    // Return the markup for all cookieConsentedJS items concatenated

// Create a cookieConsentedJS item, correctly populated

    function populateConsentMarkup(items) {

function createCookieConsentedJSItem(item, idx) {

        return items.reduce(function (acc, current, idx) {

    const id = 'CookieConsentedJS_' + idx;

            return acc + createCookieConsentedJSItem(current, idx);

    const code = item.code && item.code.length > 0 ? atob(item.code) : '';

        }, '');

    const itemId = item.id && item.id.length > 0 ? item.id : '';

    }

    return '<div id="' + id + '" class="cookieConsentedJSItem" data-id="' + itemId + '">' +

           '    <div class="consentRow">' +

           '        <div class="consentItem">' +

           '            <label class="required" for="name_' + id + '">' + __('Name') + ':</label>' +

           '            <input id="name_' + id + '" class="metaName" type="text" value="' + item.name + '"><span class="required">' + __('Required') + '</span>' +

           '        </div >' +

           '        <div class="consentItem">' +

           '            <label class="required" for="description_' + id + '">' + __('Description') + ':</label>' +

           '            <input id="description_' + id + '" class="metaDescription" type="text" value="' + item.description + '"><span class="required">' + __('Required') + '</span>' +

           '        </div>' +

           '        <div class="consentItem">' +

           '            <label for="opacConsent_' + id + '">' + __('Requires consent in OPAC') + ':</label>' +

                        checkBox('opacConsent_' + id, 'opacConsent', item.opacConsent) +

           '        </div>' +

           '        <div class="consentItem">' +

           '            <label for="staffConsent_' + id + '">' + __('Requires consent in staff interface') + ':</label>' +

                        checkBox('staffConsent_' + id, 'staffConsent', item.staffConsent) +

           '        </div >' +

           '        <div class="consentItem">' +

           '            <label for="matchPattern_' + id + '">' + __('String used to identify cookie name') + ':</label>' +

           '            <input id="matchPattern_' + id + '" class="metaMatchPattern" type="text" value="' + item.matchPattern + '"><span class="required">' + __('Required') + '</span>' +

           '        </div >' +

           '        <div class="consentItem">' +

           '            <label for="cookieDomain' + id + '">' + __('Cookie domain') + ':</label>' +

           '            <input id="cookieDomain' + id + '" class="metaCookieDomain" type="text" value="' + item.cookieDomain + '"><span class="required">' + __('Required') + '</span>' +

           '        </div >' +

           '        <div class="consentItem">' +

           '            <label for="cookiePath' + id + '">' + __('Cookie path') + ':</label>' +

           '            <input id="cookiePath' + id + '" class="metaCookiePath" type="text" value="' + item.cookiePath + '"><span class="required">' + __('Required') + '</span>' +

           '        </div >' +

           '    </div >' +

           '    <div class="consentRow codeRow">' +

           '        <textarea style="display:none;" id="pref_' + id + '" class="preference preference-code codemirror" rows="10" cols="40">' + code + '</textarea>' +

           '        <div>' +

           '            <a id="expand_' + id + '" class="expand-textarea" data-target="' + id + '" data-syntax="javascript" href="#">' + __('Expand') + '</a>' +

           '            <a id="collapse_' + id + '" class="collapse-textarea" data-target="' + id + '" data-syntax="javascript" href="#" style="display:none">' + __('Collapse') + '</a>' +

           '        </div >' +

           '    </div>' +

           '    <a class="consentDelete" data-target="' + id + '" href="#">' + __('Delete') + '</a>' +

           '</div > ';

}

    // Return the markup for a validation warning

// Return the markup for all cookieConsentedJS items concatenated

    function populateValidationWarning() {

function populateConsentMarkup(items) {

        return '<div id="cookieConsentedJSWarning" class="error" style="display:none;">' + __('You must complete all fields') + '</div>';

    return items.reduce(function (acc, current, idx) {

    }

        return acc + createCookieConsentedJSItem(current, idx);

    }, '');

}

    // Return a new, empty consent item

// Return the markup for a validation warning

    function emptyConsentItem() {

function populateValidationWarning() {

        return {

    return '<div id="cookieConsentedJSWarning" class="error" style="display:none;">' + __('You must complete all fields') + '</div>';

            name: '',

}

            description: '',

            matchPattern: '',

            cookieDomain: '',

            cookiePath: '',

            code: '',

            opacConsent: false,

            staffConsent: false

        };

    }

    // Add the handler for a new empty consent item

// Return a new, empty consent item

    function addNewHandler() {

function emptyConsentItem() {

        $("#cookieConsentedJSAddNew").on("click", function (e) {

    return {

            e.preventDefault();

        name: '',

            const currentLen = $('.cookieConsentedJSItem').length;

        description: '',

            const newItem = emptyConsentItem();

        matchPattern: '',

            const markup = createCookieConsentedJSItem(newItem, currentLen);

        cookieDomain: '',

            $('#prefModal .modal-body #cookieConsentedJSItems').append($(markup));

        cookiePath: '',

            addExpandHandler();

        code: '',

            addCollapseHandler();

        opacConsent: false,

            addConsentDeleteHandler();

        staffConsent: false

        });

    };

    }

}

    // Populate the cookieConsentedJS modal, we also initialise any

// Add the handler for a new empty consent item

    // event handlers that are required. This function is added

function addNewHandler() {

    // to the window object so we can call it if we are passed it's name

    $("#cookieConsentedJSAddNew").on("click", function (e) {

    // as a data-initiator attribute

        e.preventDefault();

    // (e.g.)

        const currentLen = $('.cookieConsentedJSItem').length;

    // const f = 'populateCookieConsentedJS';

        const newItem = emptyConsentItem();

    // window[f]();

        const markup = createCookieConsentedJSItem(newItem, currentLen);

    window.populateCookieConsentedJS = function(el) {

        $('#prefModal .modal-body #cookieConsentedJSItems').append($(markup));

        let items = [];

        let decoded = '';

        if (el.value && el.value.length > 0) {

            try {

                decoded = atob(el.value);

            } catch (err) {

                throw (__(

                    'Unable to Base64 decode value stored in CookieConsentedJS syspref: ' +

                    err.message

                ));

            }

            try {

                items = JSON.parse(decoded);

            } catch (err) {

                throw (__(

                    'Unable to JSON parse decoded value stored in CookieConsentedJS syspref: ' +

                    err.message

                ));

            }

        }

        const markup = populateConsentMarkup(items);

        const validationWarning = populateValidationWarning();

        const pref_name = el.id.replace(/pref_/, '');

        $('#saveModalPrefs').data('target', el.id);

        $('#prefModalLabel').text( pref_name );

        $('#prefModal .modal-body').html($('<div id="cookieConsentedJSItems">' + validationWarning + markup + '</div><div><a href="#" id="cookieConsentedJSAddNew">' + __('Add new code') + '</a></div>'));

    }

    });

}

    // Prepare the data in the UI for sending back as a syspref.

// Populate the cookieConsentedJS modal, we also initialise any

    // We validate that everything is what we expect. This function is added

// event handlers that are required. This function is added

    // to the window object so we can call it if we are passed it's name

// to the window object so we can call it if we are passed it's name

    // as a data-initiator attribute

// as a data-initiator attribute

    // e.g.

// (e.g.)

    // const f = 'prepareCookieConsentedJS';

// const f = 'populateCookieConsentedJS';

    // window[f]();

// window[f]();

    window.prepareCookieConsentedJS = function () {

window.populateCookieConsentedJS = function(el) {

        const items = $('.cookieConsentedJSItem');

    let items = [];

        const invalid = [];

    let decoded = '';

        const valid = [];

    if (el.value && el.value.length > 0) {

        items.each(function () {

        try {

            const id = $(this).data('id').length > 0 ?

            decoded = atob(el.value);

                $(this).data('id') :

        } catch (err) {

                '_' + Math.random().toString(36).substr(2, 9);

            throw (__(

            const name = $(this).find('.metaName').val();

                'Unable to Base64 decode value stored in CookieConsentedJS syspref: ' +

            const desc = $(this).find('.metaDescription').val();

                err.message

            const matchPattern = $(this).find('.metaMatchPattern').val();

            ));

            const cookieDomain = $(this).find('.metaCookieDomain').val();

            const cookiePath = $(this).find('.metaCookiePath').val();

            const opacConsent = $(this).find('.opacConsent').is(':checked')

            const staffConsent = $(this).find('.staffConsent').is(':checked');

            const code = $(this).find('.preference-code').val();

            // If the name, description, match pattern code are empty, then they've

            // added a new entry, but not filled it in, we can skip it

            if (

                name.length === 0 &&

                desc.length === 0 &&

                matchPattern.length === 0 &&

                cookieDomain.length === 0 &&

                cookiePath.length === 0 &&

                code.length === 0

            ) {

                return;

            }

            // They've filled in at least some info

            if (

                (name.length === 0) ||

                (desc.length === 0) ||

                (matchPattern.length === 0) ||

                (cookiePath.length === 0) ||

                (code.length === 0)

            ) {

                invalid.push(this);

            } else {

                const obj = {

                    id: id,

                    name: name,

                    description: desc,

                    matchPattern: matchPattern,

                    cookieDomain: cookieDomain,

                    cookiePath: cookiePath,

                    opacConsent: opacConsent,

                    staffConsent: staffConsent,

                    code: btoa(code)

                }

                valid.push(obj);

            }

        });

        // We failed validation

        if (invalid.length > 0) {

            $('#cookieConsentedJSWarning').show();

            return false;

        $('#cookieConsentedJSWarning').hide();

        try {

        if (valid.length === 0) {

            items = JSON.parse(decoded);

            return '';

        } catch (err) {

            throw (__(

                'Unable to JSON parse decoded value stored in CookieConsentedJS syspref: ' +

                err.message

            ));

    $("#saveModalPrefs").on("click", function(){

// Prepare the data in the UI for sending back as a syspref.

        var formfieldid = $("#" + $(this).data("target"));

// We validate that everything is what we expect. This function is added

        let finalString = "";

// to the window object so we can call it if we are passed it's name

        if ($(this).data("type") == "modalselect") {

// as a data-initiator attribute

            finalString = prepareModalSelect(formfieldid);

// e.g.

        } else {

// const f = 'prepareCookieConsentedJS';

            const processor = $(".modaljs").data("processor");

// window[f]();

            finalString = window[processor]();

window.prepareCookieConsentedJS = function () {

    const items = $('.cookieConsentedJSItem');

    const invalid = [];

    const valid = [];

    items.each(function () {

        const id = $(this).data('id').length > 0 ?

            $(this).data('id') :

            '_' + Math.random().toString(36).substr(2, 9);

        const name = $(this).find('.metaName').val();

        const desc = $(this).find('.metaDescription').val();

        const matchPattern = $(this).find('.metaMatchPattern').val();

        const cookieDomain = $(this).find('.metaCookieDomain').val();

        const cookiePath = $(this).find('.metaCookiePath').val();

        const opacConsent = $(this).find('.opacConsent').is(':checked')

        const staffConsent = $(this).find('.staffConsent').is(':checked');

        const code = $(this).find('.preference-code').val();

        // If the name, description, match pattern code are empty, then they've

        // added a new entry, but not filled it in, we can skip it

        if (

            name.length === 0 &&

            desc.length === 0 &&

            matchPattern.length === 0 &&

            cookieDomain.length === 0 &&

            cookiePath.length === 0 &&

            code.length === 0

        ) {

            return;

        // A processor can return false if any of the submitted

        // They've filled in at least some info

        // data has failed validation

        if (

        if (finalString !== false) {

            (name.length === 0) ||

            formfieldid.val(finalString).addClass("modified");

            (desc.length === 0) ||

            mark_modified.call( formfieldid );

            (matchPattern.length === 0) ||

            KOHA.Preferences.Save( formfieldid.closest("form") );

            (cookiePath.length === 0) ||

            $("#prefModal").modal("hide");

            (code.length === 0)

        ) {

            invalid.push(this);

        } else {

            const obj = {

                id: id,

                name: name,

                description: desc,

                matchPattern: matchPattern,

                cookieDomain: cookieDomain,

                cookiePath: cookiePath,

                opacConsent: opacConsent,

                staffConsent: staffConsent,

                code: btoa(code)

            }

            valid.push(obj);

    $("#prefModal").on("hide.bs.modal", function(){

$("#saveModalPrefs").on("click", function(){

        $("#prefModalLabel,#prefModalBody").html("");

    var formfieldid = $("#" + $(this).data("target"));

        $("#saveModalPrefs").data("target", "" );

    let finalString = "";

    });

    if ($(this).data("type") == "modalselect") {

        finalString = prepareModalSelect(formfieldid);

    $("#select_all").on("click",function(e){

    } else {

        e.preventDefault();

        const processor = $(".modaljs").data("processor");

        $("label:not(.required) .dbcolumn_selection:not(:disabled)").prop("checked", true);

        finalString = window[processor]();

    });

    }

    $("#clear_all").on("click",function(e){

    // A processor can return false if any of the submitted

        e.preventDefault();

    // data has failed validation

        $("label:not(.required) .dbcolumn_selection").prop("checked", false);

    if (finalString !== false) {

    });

        formfieldid.val(finalString).addClass("modified");

        mark_modified.call( formfieldid );

    $("body").on("click", "label.required input.dbcolumn_selection", function(e){

        KOHA.Preferences.Save( formfieldid.closest("form") );

        e.preventDefault();

        $("#prefModal").modal("hide");

    });

    }

});

} );

$("#prefModal").on("hide.bs.modal", function(){

    $("#prefModalLabel,#prefModalBody").html("");

    $("#saveModalPrefs").data("target", "" );

});

$("#select_all").on("click",function(e){

    e.preventDefault();

    $("label:not(.required) .dbcolumn_selection:not(:disabled)").prop("checked", true);

});

$("#clear_all").on("click",function(e){

    e.preventDefault();

    $("label:not(.required) .dbcolumn_selection").prop("checked", false);

});

$("body").on("click", "label.required input.dbcolumn_selection", function(e){

    e.preventDefault();

});