public/libs/resp.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61

if($(window).width() < 800) {
    $('.cats').remove();
    $('.pops').remove();
    $('.sets').remove();
    $('.bio').remove();
    
    if(window.location.href.indexOf('account') > -1) {
        if($('.magicSets').length) {
            $('.content').after(`
                <div class='bottomNav'>
                <button id='bNavSets'>Settings</button>
                <button id='bNavBio'>Details</button>
                </div>
            `)
        } else {
            $('.content').after(`
                <div class='bottomNav'>
                <button id='bNavCats'>Categories</button>
                <button id='bNavBio'>Details</button>
                </div>
            `)
        }
    } else {
        $('.content').after(`
            <div class='bottomNav'>
            <button id='bNavCats'>Categories</button>
            <button id='bNavPops'>Popular</button>
            </div>
        `)
    }

}

$('#bNavCats').on('click', (event) => {
    $(`.magicCats`).toggleClass('invis');
    if(!($(`.magicPops`).hasClass('invis'))) {
        $(`.magicPops`).toggleClass(`invis`);
    }
});

$('#bNavPops').on('click', (event) => {
    $(`.magicPops`).toggleClass('invis');
    if(!($(`.magicCats`).hasClass(`invis`))) {
        $(`.magicCats`).toggleClass(`invis`);
    }
});

$('#bNavSets').on('click', (event) => {
    $(`.magicSets`).toggleClass(`invis`);
    if(!($(`.magicPops`).hasClass(`invis`))) {
        $(`.magicPops`).toggleClass(`invis`);
    }
});

$('#bNavBio').on('click', (event) => {
    $(`.magicPops`).toggleClass(`invis`);
    if(!($(`.magicSets`).hasClass(`invis`))) {
        $(`.magicSets`).toggleClass(`invis`);
    }
});