/*
 * Copyright (c) 2024, Oracle and/or its affiliates. All rights reserved.
 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
 *
 * This code is free software; you can redistribute it and/or modify it
 * under the terms of the GNU General Public License version 2 only, as
 * published by the Free Software Foundation.  Oracle designates this
 * particular file as subject to the "Classpath" exception as provided
 * by Oracle in the LICENSE file that accompanied this code.
 *
 * This code is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
 * FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License
 * version 2 for more details (a copy is included in the LICENSE file that
 * accompanied this code).
 *
 * You should have received a copy of the GNU General Public License version
 * 2 along with this work; if not, write to the Free Software Foundation,
 * Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
 *
 * Please contact Oracle, 500 Oracle Parkway, Redwood Shores, CA 94065 USA
 * or visit www.oracle.com if you need additional information or have any
 * questions.
 */

/*
 * Support for viewable IDs:
 * - Add a "Show IDs" label & checkbox, '#showIds'
 * - Copy the ids of empty spans into their body ('.idSpan')
 * - Add spans containing ids for each heading ('.idSpan.sectionId')
 * - Add spans containing ids for each div ('.idSpan.divId')
 *
 * CSS can be used to show/hide '.idSpan' elements based on
 * '#showIds > input:checked'
*/

addEventListener("DOMContentLoaded", event => {
    var setupIdSpan = (source, span) => {
        var body = [];
        if (source.id) body.push("[" + source.id + "]");
        if (source.dataset.oldid) body.push("<s>[" + source.dataset.oldid + "]</s>");
        span.innerHTML = body.join(" ");
        span.classList.add("idSpan", source.tagName.toLowerCase() + "Id");
        return span;
    };
    for (var span of document.getElementsByTagName("span")) {
        if (span.id && !span.textContent) setupIdSpan(span, span);
    }
    for (var div of document.getElementsByTagName("div")) {
        if (div.id) div.prepend(setupIdSpan(div, document.createElement("span")));
    }
    var first = true;
    [ "h1", "h2", "h3", "h4", "h5", "h6" ].forEach(tag => {
        for (var h of document.getElementsByTagName(tag)) {
            if (h.id) h.after(setupIdSpan(h, document.createElement("span")));
            if (first) {
                var label = document.createElement("label");
                label.innerHTML = "<input type='checkbox'> Show IDs";
                label.id = "showIds";
                h.before(label);
                first = false;
            }
        }
    });
});
