{"id":108550,"date":"2025-02-24T20:43:30","date_gmt":"2025-02-24T20:43:30","guid":{"rendered":"https:\/\/chartmasters.org\/?page_id=108550"},"modified":"2025-03-20T10:44:13","modified_gmt":"2025-03-20T10:44:13","slug":"artist-dashboard","status":"publish","type":"page","link":"https:\/\/chartmasters.org\/artist-dashboard\/","title":{"rendered":"Artist dashboard"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<style>\r\n    table.chartCardLong, table.chartCardRect {\r\n        table-layout: fixed;\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n        border: 2px solid white;\r\n    }\r\n    \r\n    .chartCardLong thead th, .chartCardRect tbody th{\r\n        background-color: #2E2525;\r\n        color: White;\r\n        font-weight: bold;\r\n        font-size: 17px;\r\n        text-align: center;\r\n        letter-spacing: 2px;\r\n    }\r\n    \r\n    .chartCardLong tbody th, .chartCardLong tbody td, .chartCardLong tfoot th, .chartCardTop tfoot th{\r\n        border:0;     \r\n    }   \r\n     \r\n    .chartCardRect tbody{\r\n        height: 76px;\r\n    }\r\n    \r\n    .chartCardRect tbody th, .chartCardRect tbody td, .chartCardRect tfoot th, \r\n    .chartCardTop tbody th, .chartCardTop tfoot th{\r\n        border:0;     \r\n    }   \r\n    .chartCardRect colgroup col:nth-child(1) {\r\n        width: 13%;\r\n    }\r\n    \r\n    .chartCardRect tbody td:nth-child(2),\r\n    .chartCardRect tbody td:nth-child(5),\r\n    .chartCardRect tbody td:nth-child(8){\r\n        width: 4%;\r\n        font-weight: bold;\r\n        text-align: center;\r\n    }\r\n\r\n    .chartCardRect tbody td:nth-child(3),\r\n    .chartCardRect tbody td:nth-child(6),\r\n    .chartCardRect tbody td:nth-child(9){\r\n        width: 15%;\r\n    }\r\n    \r\n    .chartCardLong tbody td:nth-child(3),\r\n    .chartCardRect tbody td:nth-child(4),\r\n    .chartCardRect tbody td:nth-child(7),\r\n    .chartCardRect tbody td:nth-child(10)\r\n    {\r\n        margin: 0; border: 0; padding: 0;\r\n    }\r\n\r\n    .chartCardRect img, .chartCardTop img{\r\n        width: 100%;\r\n        height: 100%;\r\n        margin: 0; border: 0; padding: 0;\r\n    }\r\n    \r\n    .chartCardLong colgroup col:nth-child(1) {\r\n        width: 16%;\r\n    }\r\n\r\n    .chartCardLong colgroup col:nth-child(2) {\r\n        width: 64%;\r\n    }\r\n    \r\n    .chartCardLong colgroup col:nth-child(3) {\r\n        width: 22%;\r\n    }\r\n    \r\n    .chartCardLong tbody tr:nth-child(odd){\r\n        background-color: #F8F8FF;\r\n        font-size: 14px;\r\n        text-align: left;\r\n    }\r\n\r\n    .chartCardLong tbody tr:nth-child(even){\r\n        background-color: #FFFFFF;\r\n        font-size: 16px;\r\n        font-weight: bold;\r\n        text-align: right;\r\n    }\r\n    \r\n    .chartCardLong tbody th:nth-child(1) {\r\n        font-size: 17px;\r\n        font-weight: bold;\r\n        text-align: center;\r\n    }\r\n    \r\n    .chartCardLong tbody td:nth-child(2) {\r\n    }\r\n    \r\n    .chartCardLong img{\r\n        width: 76px;\r\n        height: 76px;\r\n        margin: 0; border: 0; padding: 0;\r\n    }\r\n    \r\n    .chartCardLong tfoot, .chartCardLong tfoot a, .chartCardRect tfoot, \r\n    .chartCardRect tfoot a, .chartCardTop tfoot, .chartCardTop tfoot a{\r\n        margin: 5; padding: 5;\r\n        text-align: center;\r\n        color: White;\r\n        font-weight: bold;\r\n        caption-side: bottom;\r\n    }\r\n    \r\n    .chartCardTop tfoot a{\r\n        font-size: 18px;\r\n    }\r\n    \r\n    .albumTotals {\r\n        background-color: MintCream;\r\n        font-weight: bold;\r\n    }\r\n    .careerTotals{\r\n        background-color: AliceBlue;\r\n        font-weight: bold;\r\n        margin: 0 0 5px 0;\r\n    }\r\n    .numbers{\r\n        text-align: right;\r\n    }\r\n    tr.Top10{\r\n        background-color: WhiteSmoke;\r\n        font-weight: bold;\r\n    }\r\n    td.numbersMain {\r\n        text-align: right;\r\n        color: #786149;\r\n        font-weight: bold;\r\n    }\r\n    \r\n    td.numbersMainDesktop {\r\n        text-align: right;\r\n        color: #786149;\r\n        font-weight: bold;\r\n    }\r\n    .numbersMainMobile {\r\n        display: none;\r\n    }\r\n    table.cspcTab {\r\n        font-size: 12px;\r\n        width:100%;\r\n        \/* white-space:nowrap; previously used on Artist Spotlight page, seems useless *\/\r\n    }\r\n\r\n    table.mostStreamedArtists {\r\n        font-size: 14px;\r\n        width:100%;\r\n    }\r\n    \r\n    div.Centered { \r\n        text-align: center;\r\n    }\r\n    \r\n    div.Image { \r\n        text-align: center;\r\n    }\r\n    td.Image, img { \r\n        padding: 0px; \r\n        margin: 0px;  \r\n        vertical-align:bottom;\r\n        border-right:none;\r\n        text-align: center;\r\n    }\r\n \r\n    div.colored{\r\n        color: #d5f4e6;\r\n        background-color: #d5f4e6;\r\n    }   \r\n    th {\r\n        text-align: center;\r\n        vertical-align : middle;\r\n    }\r\n    \r\n    td {\r\n        vertical-align : middle;\r\n    }\r\n    \r\n    td.rankType{\r\n        text-align: center;\r\n    }\r\n\r\n    td.coloredDate{\r\n        background-color: #F8F8F8;\r\n        font-weight: bold;\r\n        text-align: center;\r\n    }\r\n\r\n    input[type=number],input[type=text].numberLike,input[type=checkbox].numberLike{\r\n        width: 230px;\r\n        height: 24px;\r\n        margin-bottom: 5px;\r\n        line-height:1;\r\n        text-align:right;\r\n    }\r\n    \r\n    select{\r\n        width: 230px;\r\n    }\r\n    \r\n    input.Centered{\r\n        text-align:center;\r\n    }\r\n    \r\n    #topCSPC{\r\n        font-size: 12px;\r\n        width: 100%;\r\n        float: left;\r\n    }\r\n\/*\r\n\tMax width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.\r\n\t*\/\r\n\t@media\r\n\t  only screen \r\n    and (max-width: 760px), (min-device-width: 768px) \r\n    and (max-device-width: 1024px)  {\r\n\r\n        .collapsableNumbers{\r\n            text-align: right;\r\n            display: none;\r\n        }\r\n        td.collapsableImage{ \r\n            display: none;\r\n        }\r\n        .numbersMainDesktop {\r\n            display: none;\r\n        }\r\n        td.numbersMainMobile {\r\n            text-align: right;\r\n            color: #786149;\r\n            font-weight: bold;\r\n        }\r\n        .numbersMainMobile {\r\n            display: table-cell;\r\n        }\r\n      \r\n\t\t\/* Force table to not be like tables anymore *\/\r\n\t\t.resultsTab table, .resultsTab thead, .resultsTab body, .resultsTab th, .resultsTab td, .resultsTab tr {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\t\/* Hide table headers (but not display: none;, for accessibility) *\/\r\n\t\t.resultsTab thead tr {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -9999px;\r\n\t\t\tleft: -9999px;\r\n\t\t}\r\n\r\n        .resultsTab th {\r\n          text-align: center;\r\n        }\r\n        .resultsTab tr:nth-child(even):not(.albumTotals):not(.careerTotals) {\r\n          background: #EBECF0;\r\n        }\r\n    \r\n\t\t.resultsTab td {\r\n\t\t\t\/* Behave  like a \"row\" *\/\r\n\t\t\tposition: relative;\r\n\t\t\tpadding-left: 50%;\r\n            text-align: right;\r\n\t\t}\r\n\r\n\t\t.resultsTab td:before {\r\n\t\t\t\/* Now like a table header *\/\r\n\t\t\tposition: absolute;\r\n\t\t\t\/* Top\/left values mimic padding *\/\r\n\t\t\tleft: 6px;\r\n\t\t\twidth: 45%;\r\n\t\t\tpadding-right: 10px;\r\n\t\t\twhite-space: nowrap;\r\n            text-align: left;\r\n\t\t}\r\n\t\t\r\n\t\t\/*\r\n\t\tLabel the data\r\n    You could also use a data-* attribute and content for this. That way \"bloats\" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.\r\n\t\t*\/\r\n\t\t#streamsSongRanked td:nth-of-type(1):before { content: \"Rank\"; }\r\n\t\t#streamsSongRanked td:nth-of-type(2):before { content: \"Album\"; }\r\n\t\t#streamsSongRanked td:nth-of-type(3):before { content: \"Song\"; }\r\n\t\t#streamsSongRanked td:nth-of-type(4):before { content: \"Streams\"; }\r\n\t\t#streamsSongRanked td:nth-of-type(5):before { content: \"EAS\"; }\r\n\t\t#streamsArtistTotal td:nth-of-type(1):before { content: \"Artist\"; }\r\n\t\t#streamsArtistTotal td:nth-of-type(2):before { content: \"Total Streams\"; }\r\n\t\t#streamsArtistTotal td:nth-of-type(3):before { content: \"Total EAS\"; }\r\n\t\t#streamsSongUnranked td:nth-of-type(1):before { content: \"Album\"; }\r\n\t\t#streamsSongUnranked td:nth-of-type(2):before { content: \"Song\"; }\r\n\t\t#streamsSongUnranked td:nth-of-type(3):before { content: \"Streams\"; }\r\n\t\t#streamsSongUnranked td:nth-of-type(4):before { content: \"EAS\"; }\r\n\t\t#streamsAlbumTotal td:nth-of-type(1):before { content: \"Album\"; }\r\n\t\t#streamsAlbumTotal td:nth-of-type(2):before { content: \"Total Streams\"; }\r\n\t\t#streamsAlbumTotal td:nth-of-type(3):before { content: \"Total EAS\"; }\r\n\t\t\r\n\t\t#mostStreamedArtists td:nth-of-type(1):before { content: \"Rank\"; }\r\n\t\t#mostStreamedArtists td:nth-of-type(2):before { content: \"Artist Name\"; }\r\n\t\t#mostStreamedArtists td:nth-of-type(3):before { content: \"Lead Streams\"; }\r\n\t\t#mostStreamedArtists td:nth-of-type(4):before { content: \"Featured Streams\"; }\r\n\t\t#mostStreamedArtists td:nth-of-type(5) {    display:none;\r\n                                                    content: \"Number of lead tracks\"; }\r\n\t\t#mostStreamedArtists td:nth-of-type(6) { display:none;\r\n                                                    content: \"Lead tracks over 1b\"; }\r\n\t\t#mostStreamedArtists td:nth-of-type(7) { display:none;\r\n                                                    content: \"Lead tracks over 100m\"; }\r\n\t\t#mostStreamedArtists td:nth-of-type(8) { display:none;\r\n                                                    content: \"Lead tracks over 10m\"; }\r\n\t\t#mostStreamedArtists td:nth-of-type(9) { display:none;\r\n                                                    content: \"Lead tracks over 1m\"; }\r\n\t\t#mostStreamedArtists td:nth-of-type(10):before { content: \"Last Update\"; }\r\n\t\t#topCSPC td:nth-of-type(1):before { content: \"Rank\"; }\r\n\t\t#topCSPC td:nth-of-type(2):before { content: \"\"; }\r\n\t\t#topCSPC td:nth-of-type(3):before { content: \"Artist\"; }\r\n\t\t#topCSPC td:nth-of-type(4):before { content: \"Total CSPC\"; }\r\n\t\t#topCSPC td:nth-of-type(5) { display:none;\r\n                                     content: \"Studio album sales\"; }\r\n\t\t#topCSPC td:nth-of-type(6) { display:none;\r\n                                    content: \"Other LPs sales\"; }\r\n\t\t#topCSPC td:nth-of-type(7) { display:none;\r\n                                    content: \"Physical Singles sales\"; }\r\n\t\t#topCSPC td:nth-of-type(8) { display:none;\r\n                                    content: \"Digital Singles sales\"; }\r\n\t\t#topCSPC td:nth-of-type(9):before { content: \"Sales update date\"; }\r\n\t\t#topCSPC td:nth-of-type(10):before { content: \"Streams (date)\"; }\r\n\t\t#topCSPCalbums td:nth-of-type(1):before { content: \"\"; }\r\n\t\t#topCSPCalbums td:nth-of-type(2):before { content: \"\"; }\r\n\t\t#topCSPCalbums td:nth-of-type(3):before { content: \"\"; }\r\n\t\t#topCSPCalbums td:nth-of-type(4) { display:none;\r\n                                     content: \"Studio album sales\"; }\r\n\t\t#topCSPCalbums td:nth-of-type(5) { display:none;\r\n                                    content: \"Other LPs sales\"; }\r\n\t\t#topCSPCalbums td:nth-of-type(6) { display:none;\r\n                                    content: \"Physical Singles sales\"; }\r\n\t\t#topCSPCalbums td:nth-of-type(7) { display:none;\r\n                                    content: \"Digital Singles sales\"; }\r\n\t\t#topCSPCalbums td:nth-of-type(8):before { display:none;\r\n\t\t                            content: \"Streams EAS (date)\"; }\r\n\t\t#topCSPCalbums td:nth-of-type(9):before { display:none;\r\n\t\t                            content: \"Daily Increase\"; }\r\n\t\t#topCSPCalbums td:nth-of-type(10):before { content: \"\"; }\r\n\t}\r\n\t\r\n\t\r\n\t\/*** SELECT BOX STYLING ***\/\r\n\t\r\n.us-form {\r\n  position: relative;\r\n  -webkit-appearance: button;\r\n  -webkit-box-sizing: border-box;\r\n  -moz-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  height: 2.2em;\r\n  margin: 2px;\r\n  padding: 0.3em 0.6em;\r\n  background: white;\r\n  border: 1px solid #aaaaaa;\r\n  border-radius: 0.3em;\r\n  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);\r\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n  font-size: 0.85em;\r\n  font-weight: normal;\r\n  overflow: hidden;\r\n  text-shadow: 0 1px 0 white;\r\n  -webkit-transition: box-shadow 200ms, border-color 200ms;\r\n  -moz-transition: box-shadow 200ms, border-color 200ms;\r\n  transition: box-shadow 200ms, border-color 200ms;\r\n  white-space: nowrap; \r\n}\r\n.us-form option {\r\n  text-shadow: none; \r\n}\r\n.us-form select:disabled, .us-form select:disabled:hover {\r\n  color: #cccccc !important;\r\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important; \r\n}\r\n\r\n\/* ie9\/10 *\/\r\n@media screen and (min-width: 0 \\0) {\r\n  .us-form select:not([size])::-ms-expand {\r\n    background: transparent;\r\n    border: none;\r\n    width: 12px;\r\n    padding-left: 5px; \r\n  }\r\n\r\n}\r\n\r\n\r\n\/* webkit *\/\r\n@media all and (-webkit-min-device-pixel-ratio: 0) {\r\n  .us-form select:not([size]) {\r\n    padding-right: 30px; \r\n  }\r\n}<\/style>\r\n<style>\n.bg-dark-green { background-color: #00A86B !important; color: white; }  \/* Muted dark green *\/\n.bg-light-green { background-color: #90EE90 !important; color: #1B5E20; } \/* Softer green with dark green text *\/\n.bg-soft-yellow { background-color: #FFEF80 !important; color: #7A6000; } \/* Pale yellow with brownish text *\/\n.bg-soft-orange { background-color: #FFAE42 !important; color: #6D4C41; } \/* Soft orange with brown text *\/\n\n\/* Default font size *\/\n.small-text {\n    font-size: 20px;\n}\n\n.smaller-text {\n    font-size: 18px;\n}\n.tiny-text {\n    font-size: 12px;\n}\n.header-row {\n    background-color: #90D5FF !important; \n    color: black; \/* Ensure readability *\/\n    font-weight: bold;\n}\n\n.leader-row {\n    background-color: #E0CD67 !important; \/* Gold color *\/\n    color: black; \/* Ensure readability *\/\n    font-weight: bold;\n}\n\n.hidden-row { display: none; }\n    \n#map { height: 500px; width: 100%; }\n#mapSales { height: 500px; width: 100%; }\n\/* END OF TAB NAVIGATION *\/\n\n.icon-container {\n    display: flex;\n    justify-content: center;\n    gap: 8px; \/* Adjust spacing between icons *\/\n}\n.icon-container a {\n    text-decoration: none; \/* Remove any unwanted underlines *\/\n}\n\n\/* SEARCH SECTION *\/\n\/* Container for search bar and button *\/\n#search-container {\n    max-width:400px;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    border: 2px solid #aaa; \/* Visible container *\/\n    border-radius: 5px;\n    padding: 5px;\n    background: #fff; \/* White background for contrast *\/\n    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); \/* Light shadow for visibility *\/\n}\n\n\/* Search bar *\/\n#search-bar {\n    border: none; \/* Remove inner border *\/\n    outline: none;\n    padding: 5px;\n    font-size: 16px;\n    flex: 1; \/* Takes available space *\/\n}\n\n\/* OK button *\/\n#ok-btn {\n    border-radius: 50%;\n    width: 40px;\n    height: 40px;\n    border: none;\n    background-color: #90D5FF; \n    color: white;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: bold;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.2s ease-in-out;\n}\n\n\/* Hover effect *\/\n#ok-btn:hover {\n    background-color: #005bb5;\n}s\n\n\/* Suggestions dropdown *\/\n#suggestions {\n    max-width:400px;\n    width: 100%;\n    border: none;\n    margin-top: 5px;\n    border-radius: 5px;\n    max-height: 200px;\n    overflow-y: auto;\n    background: white;\n    position: absolute;\n    z-index: 1000;\n    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);\n}\n\n\/* Individual suggestion *\/\n#suggestions div {\n    padding: 8px;\n    cursor: pointer;\n}\n\n\/* Hover effect for suggestions *\/\n#suggestions div:hover {\n    background-color: #f0f0f0;\n}\n\nh3 {\n    margin-top: 1.2rem;\n    margin-bottom: 0.3rem;\n}\n\n\n\n\/* END OF SEARCH SECTION *\/\n\n\/* For mobile devices (screens smaller than 768px) *\/\n@media (max-width: 767px) {\n    .small-text {\n        font-size: 14px;\n    }\n\n    .smaller-text {\n        font-size: 12px;\n    }\n    #map { height: 250px; width: 100%; }\n    #mapSales { height: 250px; width: 100%; }\n    \n    .wpDataTableWrapper {\n        width: 100% !important;\n    }\n    .wpDataTables {\n        width: 100% !important;\n        overflow-x: auto;\n    }\n}<\/style>\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.css\" \/>\r\n<script src=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.js\"><\/script>\r\n<script>\/* SEARCH BAR *\/\r\njQuery(document).ready(function($) {\r\n    const ajaxUrl = 'https:\/\/chartmasters.org\/wp-admin\/admin-ajax.php';  \/\/ Make sure the path is correct\r\n\r\n    function handleArtistSelection(artistSlug, artistId, typedName) {\r\n        if (artistSlug && artistId) {\r\n            $('#hidden-artist-id').val(artistId);  \r\n            $('#artist-form').attr('action', '\/artist\/' + artistSlug).submit();  \r\n        } else if (typedName.length > 0) {\r\n            $('#hidden-artist-name').val(typedName);\r\n            $('#artist-form').attr('action', '\/artist\/' + encodeURIComponent(typedName)).submit();  \r\n        } else {\r\n            alert('Please enter an artist name.');\r\n        }\r\n    }\r\n    \r\n    \/\/ Handle input and fetch suggestions\r\n    $(document).on('input', '#search-bar', function() { \r\n        let query = $(this).val();\r\n        if (query.length >= 3) {\r\n            $.ajax({\r\n                url: ajaxUrl,\r\n                type: 'POST',\r\n                data: {\r\n                    action: 'search_artist',\r\n                    query: query\r\n                },\r\n                success: function(response) {\r\n                    var suggestions = JSON.parse(response);\r\n                    $('#suggestions').empty();\r\n                    if (suggestions.length > 0) {\r\n                        suggestions.forEach(function(artist) {\r\n                            $('#suggestions').append('<div class=\"suggestion-item\" data-artist-slug=\"' + artist.slug + '\" data-artist-name=\"' + artist.artist_name + '\" data-artist-id=\"' + artist.artist_spotify_id + '\">' + artist.artist_name + '<\/div>');\r\n                        });\r\n                    } else {\r\n                        $('#suggestions').append('<div>No results found<\/div>');\r\n                    }\r\n                },\r\n                error: function() {\r\n                    alert('Error fetching results.');\r\n                }\r\n            });\r\n        }\r\n    });\r\n\r\n    \/\/ Handle clicking on a suggestion item\r\n    $(document).on('click', '.suggestion-item', function() {\r\n        var artistName = $(this).data('artist-name');  \/\/ Get the artist name\r\n        var artistSlug = $(this).data('artist-slug'); \/\/ Get the artist slug\r\n        var artistId = $(this).data('artist-id');  \/\/ Get the Spotify ID\r\n        $('#search-bar').val(artistName);             \/\/ Set the value in the input field\r\n        $('#suggestions').empty();                    \/\/ Clear suggestions\r\n        \/\/ Update hidden input fields\r\n        $('#hidden-artist-id').val(artistId);\r\n        $('#hidden-artist-name').val(artistName);\r\n    \r\n        \/\/ Store the values in the OK button for later use\r\n        $('#ok-btn').data('artist-slug', artistSlug);\r\n        $('#ok-btn').data('artist-id', artistId);\r\n   });\r\n\r\n    \/\/ Handle clicking the \"OK\" button\r\n    $('#ok-btn').on('click', function() {\r\n        var artistSlug = $(this).data('artist-slug'); \r\n        var artistId = $(this).data('artist-id');  \r\n        var typedName = $('#search-bar').val().trim();  \r\n        handleArtistSelection(artistSlug, artistId, typedName);\r\n    });\r\n\r\n    \/\/ Handle pressing Enter in the search bar\r\n    $('#search-bar').on('keypress', function(event) {\r\n        if (event.which === 13) { \/\/ Enter key\r\n            event.preventDefault();\r\n            var artistSlug = $('#ok-btn').data('artist-slug'); \r\n            var artistId = $('#ok-btn').data('artist-id');  \r\n            var typedName = $('#search-bar').val().trim();  \r\n            handleArtistSelection(artistSlug, artistId, typedName);\r\n        }\r\n    });\r\n});\r\n\r\n\r\n\r\n\/* END OF MAPS *\/\r\n\r\n\/* MAPS HANDLING *\/\r\nvar map = L.map('map').setView([20, 0], 2); \/\/ Default view\r\n\r\n\/\/ Add OpenStreetMap tiles\r\nL.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\r\n\tattribution: '&copy; OpenStreetMap contributors'\r\n}).addTo(map);\r\n\r\n\/*\r\nvar mapTab = document.getElementById('global');\r\nvar observer1 = new MutationObserver(function(){\r\n\tif(mapTab.style.display != 'none'){\r\n\t\tmap.invalidateSize();\r\n\t}\r\n});\r\nobserver1.observe(mapTab, {attributes: true});  \r\n\r\nvar observer2 = new MutationObserver(function(){\r\n\tif(mapTab.style.display != 'none'){\r\n\t\tmapSales.invalidateSize();\r\n\t}\r\n});\r\nobserver2.observe(mapTab, {attributes: true});  \r\n*\/\r\n\/\/ Get PHP data\r\n\/\/var locations = null;\r\nconst locations = JSON.parse(document.getElementById(\"locations-data\").textContent);\r\n\r\nconst minListeners = Math.min(...locations.map(c => c.listeners));\r\nconst maxListeners = Math.max(...locations.map(c => c.listeners));\r\nconst range = Math.sqrt(maxListeners) - Math.sqrt(minListeners) || 1; \/\/ Prevent division by zero\r\nconst minSize = 10;  \/\/ Minimum circle size\r\nconst maxSize = 100; \/\/ Maximum circle size\r\nconst scaleFactor = (maxSize - minSize) \/ range; \/\/ Scaling factor\r\n\r\nlocations.forEach(city => {\r\n\tconst radius = minSize + scaleFactor * (Math.sqrt(city.listeners) - Math.sqrt(minListeners));\r\n\r\n\tL.circleMarker([city.lat, city.lng], {\r\n\t\tcolor: 'transparent',\r\n\t\tfillColor: '#1DB954',\r\n\t\tfillOpacity: 0.6,\r\n\t\tradius: radius * 0.4 \/\/ Convert to map scale\r\n\t}).addTo(map)\r\n\t.bindPopup(`<b>${city.name}<\/b><br>Listeners: ${city.listeners.toLocaleString('en-US')}`);\r\n});\r\n\r\n\r\n\r\nif (document.getElementById('mapSales')) {\r\n    var mapSales = L.map('mapSales').setView([20, 0], 2); \/\/ Default view\r\n    \r\n    \/\/ Add OpenStreetMap tiles\r\n    L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\r\n    \tattribution: '&copy; OpenStreetMap contributors'\r\n    }).addTo(mapSales);\r\n    \r\n    const ctrLocations = JSON.parse(document.getElementById(\"ctrLocations-data\").textContent);\r\n    \r\n    const minSales = Math.min(...ctrLocations.map(c => c.sales));\r\n    const maxSales = Math.max(...ctrLocations.map(c => c.sales));\r\n    const salesRange = Math.sqrt(maxSales) - Math.sqrt(minSales) || 1; \/\/ Prevent division by zero\r\n    const minSalesSize = 10;  \/\/ Minimum circle size\r\n    const maxSalesSize = 100; \/\/ Maximum circle size\r\n    const salesScaleFactor = (maxSalesSize - minSalesSize) \/ salesRange; \/\/ Scaling factor\r\n    \r\n    ctrLocations.forEach(country => {\r\n        const radius = minSalesSize + salesScaleFactor * (Math.sqrt(country.sales) - Math.sqrt(minSales));\r\n    \r\n    \tL.circleMarker([country.lat, country.lng], {\r\n    \t\tcolor: 'transparent',\r\n    \t\tfillColor: 'red',\r\n    \t\tfillOpacity: 0.6,\r\n    \t\tradius: radius * 0.4 \/\/ Convert to map scale\r\n    \t}).addTo(mapSales)\r\n    \t.bindPopup(`<b>${country.name}<\/b><br>Sales: ${country.sales.toLocaleString('en-US')}`);\r\n    \t\r\n    });\r\n}\r\n\/* END OF MAPS HANDLING *\/\r\n\r\n\/* SHOW MORE ON LISTS *\/\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    document.querySelectorAll(\".show-more\").forEach(button => {\r\n        button.addEventListener(\"click\", function () {\r\n            let tableId = this.getAttribute(\"data-table\");\r\n            let chunkSize = parseInt(this.getAttribute(\"data-chunk\"));\r\n            let totalRows = parseInt(this.getAttribute(\"data-total\"));\r\n\r\n            let hiddenRows = document.querySelectorAll(`#${tableId} .hidden-row`);\r\n            for (let i = 0; i < chunkSize && i < hiddenRows.length; i++) {\r\n                hiddenRows[i].classList.remove(\"hidden-row\");\r\n            }\r\n\r\n            \/\/ Hide the button if all rows are now visible\r\n            if (document.querySelectorAll(`#${tableId} .hidden-row`).length === 0) {\r\n                this.style.display = \"none\";\r\n            }\r\n        });\r\n    });\r\n});\r\n\r\n\r\n\r\n\/* END OF SHOW MORE *\/\r\n\r\n\/* REQUEST UPDATE *\/\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    var updateButton = document.getElementById(\"updateButton\");\r\n\r\n    if (updateButton) {\r\n        updateButton.addEventListener(\"click\", function () {\r\n            var artistId = updateButton.getAttribute(\"data-artist-id\"); \r\n            var url = \"https:\/\/chartmasters.org\/spotify-streaming-numbers-tool\/?artist_name=&artist_id=\" + artistId;\r\n\r\n            \/\/ Show confirmation message immediately\r\n            document.getElementById(\"updateMessage\").style.display = \"block\"; \r\n            updateButton.disabled = true; \/\/ Disable button right away\r\n\r\n            \/\/ Send request in the background\r\n            fetch(url, { method: \"GET\", mode: \"no-cors\" }) \r\n                .catch(error => console.error(\"Error:\", error));\r\n        });\r\n    }\r\n})\r\n\r\n\r\n\/* END OF REQUEST UPDATE *\/\r\n\r\n\/* Tooltips *\/\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle=\"tooltip\"]'));\r\n    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {\r\n        return new bootstrap.Tooltip(tooltipTriggerEl);\r\n    });\r\n});\r\n\r\n\/* End of Tooltips *\/<\/script>\r\n\r\n<div id=\"search-container\">\r\n    <input type=\"text\" id=\"search-bar\" placeholder=\"Search artist...\" \/>\r\n    <button id=\"ok-btn\">OK<\/button>\r\n<\/div>\r\n<div id=\"suggestions\"><\/div>\r\n<form id=\"artist-form\" method=\"POST\" action=\"\/artist-dashboard\/\">\r\n    <input type=\"hidden\" name=\"artist_spotify_id\" id=\"hidden-artist-id\">\r\n    <input type=\"hidden\" name=\"artist_name\" id=\"hidden-artist-name\">\r\n<\/form>\r\nPlease select an artist.\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":108879,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pmpro_default_level":"","footnotes":""},"class_list":["post-108550","page","type-page","status-publish","has-post-thumbnail","hentry","pmpro-has-access"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Artist dashboard - ChartMasters<\/title>\n<meta name=\"description\" content=\"Music artists data in one place, from sales to streams to key performance indicators, updated continuously.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/chartmasters.org\/artist-dashboard\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Artist Dashboard\" \/>\n<meta property=\"og:description\" content=\"Music artists data in one place, from sales to streams to key performance indicators, updated continuously.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/chartmasters.org\/artist-dashboard\/\" \/>\n<meta property=\"og:site_name\" content=\"ChartMasters\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/web.facebook.com\/chartmasters.org\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-20T10:44:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/chartmasters.org\/wp-content\/uploads\/2025\/03\/Featured-image-Artist-dashboard-data.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Artist Dashboard\" \/>\n<meta name=\"twitter:description\" content=\"Music artists data in one place, from sales to streams to key performance indicators, updated continuously.\" \/>\n<meta name=\"twitter:site\" content=\"@chartmastersorg\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/chartmasters.org\/artist-dashboard\/\",\"url\":\"https:\/\/chartmasters.org\/artist-dashboard\/\",\"name\":\"Artist dashboard - ChartMasters\",\"isPartOf\":{\"@id\":\"https:\/\/chartmasters.org\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/chartmasters.org\/artist-dashboard\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/chartmasters.org\/artist-dashboard\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/chartmasters.org\/wp-content\/uploads\/2025\/03\/Featured-image-Artist-dashboard-data.jpg\",\"datePublished\":\"2025-02-24T20:43:30+00:00\",\"dateModified\":\"2025-03-20T10:44:13+00:00\",\"description\":\"Music artists data in one place, from sales to streams to key performance indicators, updated continuously.\",\"breadcrumb\":{\"@id\":\"https:\/\/chartmasters.org\/artist-dashboard\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/chartmasters.org\/artist-dashboard\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/chartmasters.org\/artist-dashboard\/#primaryimage\",\"url\":\"https:\/\/chartmasters.org\/wp-content\/uploads\/2025\/03\/Featured-image-Artist-dashboard-data.jpg\",\"contentUrl\":\"https:\/\/chartmasters.org\/wp-content\/uploads\/2025\/03\/Featured-image-Artist-dashboard-data.jpg\",\"width\":1024,\"height\":1024,\"caption\":\"Featured image Artist dashboard data\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/chartmasters.org\/artist-dashboard\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/chartmasters.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Artist dashboard\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/chartmasters.org\/#website\",\"url\":\"https:\/\/chartmasters.org\/\",\"name\":\"ChartMasters\",\"description\":\"Music industry - One step closer to being accurate\",\"publisher\":{\"@id\":\"https:\/\/chartmasters.org\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/chartmasters.org\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/chartmasters.org\/#organization\",\"name\":\"ChartMasters\",\"url\":\"https:\/\/chartmasters.org\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/chartmasters.org\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/chartmasters.org\/wp-content\/uploads\/2021\/11\/cropped-cropped-Logo-ChartMasters-Icone-seul-2-e1637759901284-1.png\",\"contentUrl\":\"https:\/\/chartmasters.org\/wp-content\/uploads\/2021\/11\/cropped-cropped-Logo-ChartMasters-Icone-seul-2-e1637759901284-1.png\",\"width\":90,\"height\":90,\"caption\":\"ChartMasters\"},\"image\":{\"@id\":\"https:\/\/chartmasters.org\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/web.facebook.com\/chartmasters.org\/\",\"https:\/\/x.com\/chartmastersorg\",\"https:\/\/www.instagram.com\/thechartmasters\/\",\"https:\/\/www.linkedin.com\/company\/chartmasters-org\/\",\"https:\/\/www.youtube.com\/channel\/UCJU22zytQ48SA13Oaiov8pQ\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Artist dashboard - ChartMasters","description":"Music artists data in one place, from sales to streams to key performance indicators, updated continuously.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/chartmasters.org\/artist-dashboard\/","og_locale":"en_US","og_type":"article","og_title":"Artist Dashboard","og_description":"Music artists data in one place, from sales to streams to key performance indicators, updated continuously.","og_url":"https:\/\/chartmasters.org\/artist-dashboard\/","og_site_name":"ChartMasters","article_publisher":"https:\/\/web.facebook.com\/chartmasters.org\/","article_modified_time":"2025-03-20T10:44:13+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/chartmasters.org\/wp-content\/uploads\/2025\/03\/Featured-image-Artist-dashboard-data.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_title":"Artist Dashboard","twitter_description":"Music artists data in one place, from sales to streams to key performance indicators, updated continuously.","twitter_site":"@chartmastersorg","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/chartmasters.org\/artist-dashboard\/","url":"https:\/\/chartmasters.org\/artist-dashboard\/","name":"Artist dashboard - ChartMasters","isPartOf":{"@id":"https:\/\/chartmasters.org\/#website"},"primaryImageOfPage":{"@id":"https:\/\/chartmasters.org\/artist-dashboard\/#primaryimage"},"image":{"@id":"https:\/\/chartmasters.org\/artist-dashboard\/#primaryimage"},"thumbnailUrl":"https:\/\/chartmasters.org\/wp-content\/uploads\/2025\/03\/Featured-image-Artist-dashboard-data.jpg","datePublished":"2025-02-24T20:43:30+00:00","dateModified":"2025-03-20T10:44:13+00:00","description":"Music artists data in one place, from sales to streams to key performance indicators, updated continuously.","breadcrumb":{"@id":"https:\/\/chartmasters.org\/artist-dashboard\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/chartmasters.org\/artist-dashboard\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/chartmasters.org\/artist-dashboard\/#primaryimage","url":"https:\/\/chartmasters.org\/wp-content\/uploads\/2025\/03\/Featured-image-Artist-dashboard-data.jpg","contentUrl":"https:\/\/chartmasters.org\/wp-content\/uploads\/2025\/03\/Featured-image-Artist-dashboard-data.jpg","width":1024,"height":1024,"caption":"Featured image Artist dashboard data"},{"@type":"BreadcrumbList","@id":"https:\/\/chartmasters.org\/artist-dashboard\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/chartmasters.org\/"},{"@type":"ListItem","position":2,"name":"Artist dashboard"}]},{"@type":"WebSite","@id":"https:\/\/chartmasters.org\/#website","url":"https:\/\/chartmasters.org\/","name":"ChartMasters","description":"Music industry - One step closer to being accurate","publisher":{"@id":"https:\/\/chartmasters.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/chartmasters.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/chartmasters.org\/#organization","name":"ChartMasters","url":"https:\/\/chartmasters.org\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/chartmasters.org\/#\/schema\/logo\/image\/","url":"https:\/\/chartmasters.org\/wp-content\/uploads\/2021\/11\/cropped-cropped-Logo-ChartMasters-Icone-seul-2-e1637759901284-1.png","contentUrl":"https:\/\/chartmasters.org\/wp-content\/uploads\/2021\/11\/cropped-cropped-Logo-ChartMasters-Icone-seul-2-e1637759901284-1.png","width":90,"height":90,"caption":"ChartMasters"},"image":{"@id":"https:\/\/chartmasters.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/web.facebook.com\/chartmasters.org\/","https:\/\/x.com\/chartmastersorg","https:\/\/www.instagram.com\/thechartmasters\/","https:\/\/www.linkedin.com\/company\/chartmasters-org\/","https:\/\/www.youtube.com\/channel\/UCJU22zytQ48SA13Oaiov8pQ"]}]}},"_links":{"self":[{"href":"https:\/\/chartmasters.org\/wp-json\/wp\/v2\/pages\/108550","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chartmasters.org\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chartmasters.org\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chartmasters.org\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chartmasters.org\/wp-json\/wp\/v2\/comments?post=108550"}],"version-history":[{"count":5,"href":"https:\/\/chartmasters.org\/wp-json\/wp\/v2\/pages\/108550\/revisions"}],"predecessor-version":[{"id":108571,"href":"https:\/\/chartmasters.org\/wp-json\/wp\/v2\/pages\/108550\/revisions\/108571"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chartmasters.org\/wp-json\/wp\/v2\/media\/108879"}],"wp:attachment":[{"href":"https:\/\/chartmasters.org\/wp-json\/wp\/v2\/media?parent=108550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}