Skip to content

Tags in URL for short access #1407

Open
@Wikibear

Description

I like Heimdall but i want to like have direct access to tags if I'm in category mode. I wrote a small script, but i feel to start a discussion that it maybe make more sense to implement this into the custom app.js.

` $(document).ready(function() {

function getParameterByName(tag, url) {
    if (!url) url = window.location.href;
    tag = encodeURIComponent(tag).replace(/[\[\]]/g, "\$&");
    var regex = new RegExp("[?&]" + tag + "(=([^&#]*)|&|#|$)"), results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}

function hideShowBlocks(tag) {
    $('section.item-container').hide();
    $('.tag[data-tag="all"]').removeClass('current');
    $('.tag.link.white[data-tag="tag-' + tag + '"]').addClass('current');
    $('section.item-container.tag-' + tag).show();
}

let tag = getParameterByName('tag');
if(tag === "Home Dashboard"){
    console.log("Home Dashboard new into");
    tag = "0-dash";
}
if (tag) {
    tag = tag.replace(/_/g, '-').toLowerCase();
    setTimeout(function() { hideShowBlocks(tag); }, 200); 
}

$('body').on('click', '[data-tag]', function() {
    const tagText = $(this).text().trim();
    const newUrl = window.location.origin + window.location.pathname + '?tag=' + encodeURIComponent(tagText);
    history.pushState(null, '', newUrl);
});

});`

Short explanation:

If you click on a category in header, you get the URL like ?tag=cat1 . Now you can choose exactly this URL and you get this page with this category directly. I like it very much. But it's more a hack.

Maybe you are interested in this.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    • Status

      Non-Docker Issues

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions