It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://gwiremusic.com/joovitorgonalv

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!-- Title -->
  5. <title>joovitorgonalv</title>
  6.  
  7. <!-- Required Meta Tags Always Come First -->
  8. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  9. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  10. <!-- Favicon -->
  11. <link rel="shortcut icon" href="https://gwiremusic.com/themes/volcano/img/icon.png" />
  12.  
  13. <meta name="title" content="joovitorgonalv">
  14. <meta name="description" content="DeepSound is a PHP Audio Sharing Script, DeepSound is the best way to start your own audiosharing script!">
  15. <meta name="keywords" content="deepsound,video sharing">
  16.  
  17.  
  18. <link rel="canonical" href="https://gwiremusic.com" /><link rel="home" href="https://gwiremusic.com" /><link rel="alternate" href="https://gwiremusic.com?lang=arabic" hreflang="ar" /><link rel="alternate" href="https://gwiremusic.com?lang=bengali" hreflang="bn" /><link rel="alternate" href="https://gwiremusic.com?lang=chinese" hreflang="zh" /><link rel="alternate" href="https://gwiremusic.com?lang=croatian" hreflang="sh" /><link rel="alternate" href="https://gwiremusic.com?lang=danish" hreflang="da" /><link rel="alternate" href="https://gwiremusic.com?lang=dutch" hreflang="nl" /><link rel="alternate" href="https://gwiremusic.com?lang=english" hreflang="en" /><link rel="alternate" href="https://gwiremusic.com?lang=filipino" hreflang="fil" /><link rel="alternate" href="https://gwiremusic.com?lang=french" hreflang="fr" /><link rel="alternate" href="https://gwiremusic.com?lang=german" hreflang="de" /><link rel="alternate" href="https://gwiremusic.com?lang=hebrew" hreflang="he" /><link rel="alternate" href="https://gwiremusic.com?lang=hindi" hreflang="hi" /><link rel="alternate" href="https://gwiremusic.com?lang=indonesian" hreflang="id" /><link rel="alternate" href="https://gwiremusic.com?lang=japanese" hreflang="ja" /><link rel="alternate" href="https://gwiremusic.com?lang=korean" hreflang="ko" /><link rel="alternate" href="https://gwiremusic.com?lang=persian" hreflang="fa" /><link rel="alternate" href="https://gwiremusic.com?lang=russian" hreflang="ru" /><link rel="alternate" href="https://gwiremusic.com?lang=spanish" hreflang="es" /><link rel="alternate" href="https://gwiremusic.com?lang=swedish" hreflang="sv" /><link rel="alternate" href="https://gwiremusic.com?lang=turkish" hreflang="tr" /><link rel="alternate" href="https://gwiremusic.com?lang=urdu" hreflang="ur" /><link rel="alternate" href="https://gwiremusic.com?lang=vietnamese" hreflang="vi" /><meta property="og:title" content="joovitorgonalv"><meta property="og:image" content="https://gwiremusic.com/upload/photos/d-avatar.jpg"><meta property="og:image:width" content="500"><meta property="og:image:height" content="500"><meta property="og:description" content="Adoro estar sempre por dentro das últimas tendências de moda infantil. Gosto de escrever sobre minhas descobertas e experiências no blog, fornecendo dicas práticas para outras mães."><meta property="og:url" content="https://gwiremusic.com/joovitorgonalv" />
  19. <!-- Google Fonts -->
  20. <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;800;900&display=swap" rel="stylesheet">
  21. <link href="https://gwiremusic.com/themes/volcano/fonts/Roboto.css" rel="stylesheet">
  22. <link href="https://gwiremusic.com/themes/volcano/fonts/Muli.css" rel="stylesheet">
  23.  
  24. <script src="https://gwiremusic.com/themes/volcano/js/jquery.min.js?v=1.5.2"></script>
  25. <link rel="stylesheet" href="https://gwiremusic.com/themes/volcano/css/jquery-ui.css?v=1.5.2">
  26. <script src="https://gwiremusic.com/themes/volcano/js/jquery-ui.min.js?v=1.5.2"></script>
  27. <!-- CSS -->
  28. <link rel="stylesheet" href="https://gwiremusic.com/themes/volcano/css/bootstrap.min.css?v=1.5.2">
  29. <link rel="stylesheet" href="https://gwiremusic.com/themes/volcano/css/owl.carousel.min.css?v=1.5.2">
  30. <link rel="stylesheet" href="https://gwiremusic.com/themes/volcano/css/style.css?v=1.5.2">
  31. <script src="https://gwiremusic.com/themes/volcano/js/wavesurfer.min.js?v=1.5.2"></script>
  32.  
  33. <style media="screen">
  34.  
  35. </style>
  36.  
  37.  
  38. <script type="text/javascript" src="https://gwiremusic.com/themes/volcano/js/tag-it.min.js?v=1.5.2"></script>
  39. <link rel="stylesheet" href="https://gwiremusic.com/themes/volcano/css/jquery.tagit.css?v=1.5.2">
  40. <link rel="stylesheet" href="https://gwiremusic.com/themes/volcano/css/bootstrap-colorpicker.min.css?v=1.5.2" />
  41. <script src="https://gwiremusic.com/themes/volcano/js/bootstrap-colorpicker.min.js?v=1.5.2"></script>
  42.  
  43. <script type="text/javascript" src="https://gwiremusic.com/themes/volcano/js/fastclick.js?v=1.5.2"></script>
  44. <!--  Scripts-->
  45. <script>
  46. function ajaxUrl() {
  47. return 'https://gwiremusic.com/endpoints';
  48. }
  49. function siteUrl() {
  50. return 'https://gwiremusic.com/';
  51. }
  52. </script>
  53. <!-- <script src="https://unpkg.com/wavesurfer.js"></script> -->
  54. <script src="https://gwiremusic.com/themes/volcano/js/emojionearea.min.js?v=1.5.2"></script>
  55. <link rel="stylesheet" href="https://gwiremusic.com/themes/volcano/css/emojionearea.min.css?v=1.5.2">
  56.              
  57. <script>
  58.            window.run_station = null;
  59.            $(document).ready(function() {
  60.                // $(".emoji_comment_btn").emojioneArea({
  61.                //     standalone: true,
  62.                //     autocomplete: false,
  63.                //     pickerPosition: "bottom",
  64.                //     emojiPlaceholder: "",
  65.                //     inline: true,
  66.                //     dir            : "ltr",
  67.                //     placement : 'absright'
  68.                // // container: "#container",
  69.                // // hideSource: false,
  70.                // // useSprite: false
  71.                // });
  72.                window.init_emojioneArea = function() {
  73.                    $(".comment_input").emojioneArea({
  74.                        useInternalCDN: true,
  75.                        events: {
  76.                            keyup: function (editor, event) {
  77.                                let emojioneArea = this; //this is instance of EmojioneArea
  78.                                                                id = $( $(this)[0].source[0]).attr('data-audio-id');
  79.                                $($(".comment_input")).limit("640", '#charsLeft_'+id);
  80.                                c_id = $( $(this)[0].source[0]).attr('data-comment-id');
  81.                                if ($('#write_comment_'+c_id).length) {
  82.                                 $($('#write_comment_'+c_id)).limit("640", '#charsLeft_r_'+c_id);
  83.                                }
  84.                                                                if (event.which === 13 && !event.shiftKey) {
  85.                                    // $scope.onPressKeyTextarea(event);
  86. var audioid = $( $(this)[0].source[0]).attr('data-audio-id');
  87. var commentid = $( $(this)[0].source[0]).attr('data-comment-id');
  88. if(typeof commentid !== 'undefined'){
  89. registerCommentreplay(emojioneArea.getText(), audioid, commentid, event, $(this));
  90. }else{
  91. registerComment(emojioneArea.getText(), audioid, event, $(this));
  92. }
  93.                                    emojioneArea.setText('');
  94.                                    emojioneArea.hidePicker();
  95.                                    emojioneArea.editor.focus();
  96.                                    event.preventDefault();
  97.                                }
  98.                            }
  99.                        },
  100.                        search: false,
  101.                        recentEmojis: false,
  102.                        filtersPosition: "bottom",
  103.                        tones: false,
  104.                        autocomplete: true,
  105.                        filters: {animals_nature: false, food_drink: false, activity: false, travel_places: false, objects: false, symbols: false, flags: false}
  106.                    });
  107.                }
  108. window.init_emojioneArea();
  109.  
  110. window.init_emojioneArea_replay = function(id) {
  111. $('#write_comment_'+id).emojioneArea({
  112. useInternalCDN: true,
  113. events: {
  114. keyup: function (editor, event) {
  115. let _emojioneArea = this; //this is instance of EmojioneArea
  116. if (event.which === 13 && !event.shiftKey) {
  117. var _audioid = $( $(this)[0].source[0]).attr('data-audio-id');
  118. var _commentid = $( $(this)[0].source[0]).attr('data-comment-id');
  119. registerCommentreplay(_emojioneArea.getText(), _audioid, _commentid, event, $(this));
  120. _emojioneArea.setText('');
  121. _emojioneArea.hidePicker();
  122. _emojioneArea.editor.focus();
  123. event.preventDefault();
  124. }
  125. }
  126. },
  127. search: false,
  128. recentEmojis: false,
  129. filtersPosition: "bottom",
  130. tones: false,
  131. autocomplete: false,
  132. filters: {animals_nature: false, food_drink: false, activity: false, travel_places: false, objects: false, symbols: false, flags: false}
  133. });
  134. }
  135.  
  136. window.init_blogemojioneArea = function() {
  137.                    $(".blog_comment_input").emojioneArea({
  138.                        useInternalCDN: true,
  139.                        events: {
  140.                            keyup: function (editor, event) {
  141.                                let emojioneArea = this; //this is instance of EmojioneArea
  142.                                if (event.which === 13 && !event.shiftKey) {
  143.                                    // $scope.onPressKeyTextarea(event);
  144. var audioid = $( $(this)[0].source[0]).attr('data-article-id');
  145.                                    registerBlogComment(emojioneArea.getText(), audioid, event, $(this));
  146.                                    emojioneArea.setText('');
  147.                                    emojioneArea.hidePicker();
  148.                                    emojioneArea.editor.focus();
  149.                                    event.preventDefault();
  150.                                }
  151.                            }
  152.                        },
  153.                        search: false,
  154.                        recentEmojis: false,
  155.                        filtersPosition: "bottom",
  156.                        tones: false,
  157.                        autocomplete: true,
  158.                        filters: {animals_nature: false, food_drink: false, activity: false, travel_places: false, objects: false, symbols: false, flags: false}
  159.                    });
  160.                }
  161.                window.init_blogemojioneArea();
  162.            });
  163. </script>
  164.  
  165. <script>
  166. $(document).ready(function() {
  167.  $.ajaxSetup({
  168.    data: {
  169.        hash_id: getHashID()
  170.    },
  171.    cache: false
  172.  });
  173. });
  174. window.addEventListener("popstate", function(e) {
  175.            window.location.href = location.href;
  176.        });
  177.        window.search_url = 'https://gwiremusic.com/search/songs/';
  178.        window.chatfetch = false;
  179.        window.UpdateChatU = 0;
  180. $(document).on('click', '[data-load]', function(event) {
  181. if ($('.ma_container').attr('data-page') == 'home') {
  182. window.location.href = siteUrl() + $(this).attr('data-load');
  183. return false;
  184. }
  185. $('.xzoom-source').remove();
  186. $('#buy_ticket_modal').modal('hide');
  187. if ($(this).attr('data-load') == '') {window.open($(this).attr('href'), '_blank');
  188. if (parseInt($('.ss_track_play_pause').attr('data_is_ad')) > 0) {
  189. is_sent = 1;
  190. song_id = $('#current-track').attr('value');
  191. onTimesUp(song_id);
  192. return false;
  193. }
  194. return false;
  195. }
  196.  //$('.sections li').removeClass('active');
  197.      $('#bar_loading').show().animate({width:20 + 80 * Math.random() + "%"}, 200);
  198.      event.preventDefault();
  199.      var url = $(this).attr('data-load');
  200.      $.ajax({
  201.        url: siteUrl() + '/ajax-load.php?path=' + url,
  202.        type: 'GET',
  203.        dataType: 'html'
  204.      })
  205.      .done(function(data_html, textStatus, request) {
  206.       if (request.status == 201) {
  207.       $('#login_box').modal('show');
  208.       } else {
  209.                        if(window.run_station !== null){
  210.                            window.run_station.pause();
  211.                        }
  212.  
  213.       data = JSON.parse($(data_html).filter('#json-data').val());
  214.        window.history.pushState({state:'new', ajax_url: url},'', data.url);
  215.  
  216.                        if(data.page_name == 'messages'){
  217.                            window.chatfetch = true;
  218. }else{
  219.                            window.chatfetch = false;
  220. }
  221.  
  222.        if(data.page_name !== 'search'){
  223.            $('#search_keyword').val('');
  224. }
  225.  
  226.        $('#container_content').html(data_html);
  227.        $('meta[name=title]').attr('content', data.site_title);
  228.        $('#page').attr('data-page', data.page_name);
  229.        $('meta[name=description]').attr('content', data.description);
  230.        $('meta[name=keywords]').attr('content', data.keyword);
  231.        $('title').html(data.site_title);
  232.        if (data.page_name) {
  233.         setTimeout(function () {
  234.         updateWaves = false;
  235.         if ($('#current-track').val()) {
  236.         if (Amplitude.getActiveSongMetadata().id == $('#current-track').val()) {
  237.         updateWaves = true;
  238.         } else {
  239.         $('body').removeClass('player_running');
  240.         }
  241.         } else {
  242.         updateWaves = true;
  243.         }
  244.         if (updateWaves == true) {
  245.         var getCurrentPlaying = Number($('.amplitude-song-played-progress').attr('value')) * 100;
  246.         $('#light-wave, #light-waves').width(getCurrentPlaying + '%');
  247.         updateWaveForm();
  248.         }
  249.         }, 100);
  250.                            if( data.page_name == 'blogs' ){
  251.                                window.search_url = 'https://gwiremusic.com/blogs/tag/';
  252.                            }
  253.        }
  254.        if (Amplitude.getActiveSongMetadata().id && $('#page').attr('data-page') == 'track') {
  255.         if (Amplitude.getActiveSongMetadata().id == $('#current-track').val()) {
  256.         $('body').addClass('player_running');
  257.         }
  258.        }
  259.        if (Amplitude.getActiveSongMetadata().u_id && $('#page').attr('data-page') != 'track') {
  260.         $('.playlist-list-song[data-id=' + Amplitude.getActiveSongMetadata().u_id + ']').addClass('playing');
  261.         $('.list-recommended[data-id=' + Amplitude.getActiveSongMetadata().u_id + ']').addClass('playlist-list-song playing');
  262.         if ($('.feed_post[data-id="' + Amplitude.getActiveSongMetadata().u_id + '"]').length > 0) {
  263.         $.get('https://gwiremusic.com/endpoints/get-song-info', {id: Amplitude.getActiveSongMetadata().id}, function(data) {
  264.         if (data.status == 200) {
  265.         $('body').attr('song-duration', data.duration);
  266.         if (data.songWaves.length > 0) {
  267. $('.feed_post[data-id="' + data.songID + '"]:first').find('.waveform-small').html(data.songWaves);
  268. $('#light-wave img').width($('#dark-wave').width() + 'px');
  269. $('#light-waves img').width($('#dark-wavez').width() + 'px');
  270. $('.feed_post[data-id="' + data.songID + '"]:first').find('.post-actions').removeClass('hidden');
  271. $('.feed_post[data-id="' + data.songID + '"]:first').find('.ssong_comments').removeClass('hidden');
  272. $('.feed_post[data-id="' + data.songID + '"]:first').find('.mus_feeds_bodycoms').removeClass('hidden');
  273. $('.feed_post[data-id="' + data.songID + '"]:first').find('.art-info').removeClass('hidden');
  274.     $('.feed_post[data-id="' + data.songID + '"]:first').find('.comment_list').html(data.comments);
  275.     $('.feed_post[data-id="' + data.songID + '"]:first').find('.comment-waves').html(data.waves);
  276.     var getCurrentPlaying = Number($('.amplitude-song-played-progress').attr('value')) * 100;
  277.                $('#light-wave, #light-waves').width(getCurrentPlaying + '%');
  278.     updateWaveForm();
  279. }
  280.         }
  281.         });
  282.         }
  283.        }
  284.                        $('#music-user-ads-table').find('[type="checkbox"]').each(function(index, el) {
  285.                            $(el).bootstrapToggle();
  286.                        });
  287.                        if( data.page_name === 'station'){
  288.                            setTimeout(function () {
  289.                                $('body').addClass('player_running');
  290.                            }, 100);
  291.                        }
  292.       }
  293.  
  294.      })
  295.      .fail(function() {
  296.         window.location.href = siteUrl()+'/404';
  297.      })
  298.      .always(function() {
  299.       if (typeof data !== 'undefined') {
  300.       if (data.page_name == 'user' && data.scroll == true) {
  301.         $('html,body').animate({
  302.        scrollTop: $('#myTab').offset().top - 350
  303.    });
  304.        } else {
  305.         $('html,body').animate({
  306.        scrollTop: $('body').offset().top
  307.    });
  308.        }
  309.                        window.init_emojioneArea();
  310.       }
  311.        $('#bar_loading').animate({width:"100%"}, 200).fadeOut(300, function() {
  312.           $(this).width("0");
  313.        });
  314.      });
  315.  });
  316. window.artist_sell = 'on';
  317. var video_player;
  318. </script>
  319.  
  320. <style>
  321. :root {
  322. --main-color: #f98f1d;
  323. --second-color: #ea8e48;
  324. }
  325.  
  326. .sidebar .sidebar_innr .sections li a:before {
  327.     background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='15.866' viewBox='0 0 11 15.866'%3e%3cg id='Hover:_Sound_bar' data-name='Hover: Sound bar' transform='translate(-1502 -129.5)'%3e%3cline id='Line_8' data-name='Line 8' y2='15.866' transform='translate(1511.5 129.5)' fill='none' stroke='%23ea8e48' stroke-width='3'/%3e%3cline id='Line_9' data-name='Line 9' y2='14.254' transform='translate(1503.5 130.306)' fill='none' stroke='%23ea8e48' stroke-width='3'/%3e%3c/g%3e%3c/svg%3e");
  328. }
  329. header .head_search .search_dropdown .see_all a:before {
  330. background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23f98f1d' d='M13,9L15.5,6.5L16.92,7.92L12,12.84L7.08,7.92L8.5,6.5L11,9V3H13V9M3,15H21V17H3V15M3,19H13V21H3V19Z' /%3e%3c/svg%3e");
  331. }
  332. .see_all a:before {
  333. background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23f98f1d' d='M13,9L15.5,6.5L16.92,7.92L12,12.84L7.08,7.92L8.5,6.5L11,9V3H13V9M3,15H21V17H3V15M3,19H13V21H3V19Z' /%3e%3c/svg%3e");
  334. }
  335. .sq_music_tracks .track .track_info .play_btn {
  336. background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='42.505' height='42.5' viewBox='0 0 42.505 42.5'%3e%3cpath id='Path_7225' data-name='Path 7225' d='M8827,2861.251a21.252,21.252,0,1,1,21.251,21.249A21.276,21.276,0,0,1,8827,2861.251Zm14.1-17.34a18.2,18.2,0,0,0-6.086,4.009,18.976,18.976,0,0,0,0,26.66,18.218,18.218,0,0,0,6.086,4.013,19.327,19.327,0,0,0,14.311,0,18.159,18.159,0,0,0,6.084-4.013,18.968,18.968,0,0,0,0-26.66,18.18,18.18,0,0,0-6.084-4.009,19.327,19.327,0,0,0-14.311,0Zm2.277,24.14c-.106,0-.214-.178-.267-.178a2.321,2.321,0,0,1-.107-.358v-11.8a2.33,2.33,0,0,1,.107-.358c.053,0,.16-.178.267-.178.125,0,.252-.18.376-.18a.369.369,0,0,0,.356.18l8.726,5.9c.107,0,.178.176.231.176.054.18.089.18.089.358s-.035.176-.089.358c-.054,0-.124.178-.231.178l-8.726,5.9a.37.37,0,0,0-.356.178C8843.627,2868.229,8843.5,2868.051,8843.375,2868.051Z' transform='translate(-8827.001 -2840)' fill='%23f98f1d'/%3e%3c/svg%3e");
  337.  
  338. }
  339.  
  340. </style>
  341.  
  342. <script src="https://gwiremusic.com/themes/volcano/js/header.js?3705"></script>
  343.  
  345. <link rel="stylesheet" href="https://gwiremusic.com/themes/volcano/css/custom.style.css?3184" id="custom.style.css">
  347.  
  348. <link rel="stylesheet" href="https://gwiremusic.com/themes/volcano/js/lib/sweetalert2/dist/sweetalert2.min.css?v=1.5.2">
  349. <link rel="stylesheet" type="text/css" href="https://gwiremusic.com/themes/volcano/css/dataTables.bootstrap4.min.css?v=1.5.2">
  350. <link rel="stylesheet" href="https://gwiremusic.com/themes/volcano/css/bootstrap-select.min.css?v=1.5.2">
  351.  
  352. <script src="https://js.stripe.com/v3/"></script>
  353. <script type="text/javascript" src="https://gwiremusic.com/themes/volcano/js/xzoom.min.js"></script>
  354. <script src="https://gwiremusic.com/themes/volcano/js/html2pdf.bundle.js?v=1.5.2"></script>
  355. <script src="https://gwiremusic.com/themes/volcano/js/qrcode.js?v=1.5.2"></script>
  356. <link rel="stylesheet" href="https://gwiremusic.com/themes/volcano/css/lightbox.min.css?v=1.5.2">
  357. <script src="https://gwiremusic.com/themes/volcano/js/lightbox.min.js?v=1.5.2"></script>
  359. <link rel="stylesheet" href="https://gwiremusic.com/themes/volcano/css/flatpickr.min.css?v=1.5.2">
  360. <script src="https://gwiremusic.com/themes/volcano/js/flatpickr.js?v=1.5.2"></script>
  361. </head>
  362.  
  363. <body class=" side_open" data-lang="ltr">
  364. <div class="music_app">
  365. <div class="ma_container" id="page" data-page="user">
  366. <!-- Start Sidebar  -->
  367. <div class="ma_sidebar">
  368. <div class="sidebar">
  369. <div class="sidebar_innr" data-simplebar>
  370. <ul class="sections">
  371. <h3>Browse Music</h3>
  372. <li class="" >
  373. <a href="https://gwiremusic.com/discover" data-load="discover">
  374. <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24.997" viewBox="0 0 25 24.997"> <path id="Subtraction_4" data-name="Subtraction 4" d="M8853.4,2866.4h-10.287v-10.285H8853.4V2866.4Zm-8.828-8.826v7.369h7.366v-7.369Zm-5.885,8.826H8828.4v-10.285h10.287V2866.4Zm-8.828-8.826v7.369h7.37v-7.369Zm23.541-5.884h-10.287V2841.4H8853.4v10.286Zm-8.828-8.828v7.369h7.366v-7.369Zm-5.885,8.828H8828.4V2841.4h10.287v10.286Zm-8.828-8.828v7.369h7.37v-7.369Z" transform="translate(-8828.399 -2841.4)" fill="currentColor"/> </svg> Discover
  375. </a>
  376. </li>
  378. <li class="  hidden">
  379. <a href="https://gwiremusic.com/feed" data-load="feed">
  380. <svg enable-background="new 0 0 24 24" height="512" viewBox="0 0 24 24" width="512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="m20.5 24h-12c-1.378 0-2.5-1.121-2.5-2.5v-15c0-1.379 1.122-2.5 2.5-2.5h12c1.378 0 2.5 1.121 2.5 2.5v15c0 1.379-1.122 2.5-2.5 2.5zm-12-19c-.827 0-1.5.673-1.5 1.5v15c0 .827.673 1.5 1.5 1.5h12c.827 0 1.5-.673 1.5-1.5v-15c0-.827-.673-1.5-1.5-1.5z"/><path fill="currentColor" d="m4.5 21h-1c-1.378 0-2.5-1.121-2.5-2.5v-16c0-1.379 1.122-2.5 2.5-2.5h12c1.378 0 2.5 1.121 2.5 2.5 0 .276-.224.5-.5.5s-.5-.224-.5-.5c0-.827-.673-1.5-1.5-1.5h-12c-.827 0-1.5.673-1.5 1.5v16c0 .827.673 1.5 1.5 1.5h1c.276 0 .5.224.5.5s-.224.5-.5.5z"/><path fill="currentColor" d="m18.5 17h-8c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h8c.276 0 .5.224.5.5s-.224.5-.5.5z"/><path fill="currentColor" d="m18.5 21h-8c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h8c.276 0 .5.224.5.5s-.224.5-.5.5z"/><path fill="currentColor" d="m18.5 13h-8c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h8c.276 0 .5.224.5.5s-.224.5-.5.5z"/><path fill="currentColor" d="m18.5 9h-8c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h8c.276 0 .5.224.5.5s-.224.5-.5.5z"/></svg> Feed
  381. </a>
  382. </li>
  384. <li class="">
  385. <a href="https://gwiremusic.com/new_music" data-load="new_music">
  386. <svg xmlns="http://www.w3.org/2000/svg" width="17.533" height="25" viewBox="0 0 17.533 25"> <path id="Subtraction_5" data-name="Subtraction 5" d="M8833.326,2865.7a5.626,5.626,0,1,1,3.574-9.967l.59.484v-14.786a.732.732,0,0,1,1.464,0v.046a2.538,2.538,0,0,0,1.479,1.985,8.266,8.266,0,0,0,4.07.982.732.732,0,0,1,0,1.464,9.4,9.4,0,0,1-5-1.3l-.553-.354v15.764a.055.055,0,0,1,0,.013v.017a.017.017,0,0,0,0,.007v.006a.055.055,0,0,1,0,.012A5.636,5.636,0,0,1,8833.326,2865.7Zm0-9.789a4.164,4.164,0,1,0,4.164,4.164A4.168,4.168,0,0,0,8833.326,2855.911Z" transform="translate(-8827.701 -2840.7)" fill="currentColor"/> </svg> New Music
  387. </a>
  388. </li>
  389. <li class="">
  390. <a href="https://gwiremusic.com/top_music" data-load="top_music">
  391. <svg xmlns="http://www.w3.org/2000/svg" width="24.699" height="25" viewBox="0 0 24.699 25"> <path id="Path_7218" data-name="Path 7218" d="M8843.883,2857.355a3.644,3.644,0,0,1,5.96-2.812l.082.069v-8.76a.624.624,0,1,1,1.247,0v.029a1.414,1.414,0,0,0,.828,1.076,4.939,4.939,0,0,0,2.425.583.623.623,0,1,1,0,1.247,5.98,5.98,0,0,1-3.175-.83l-.078-.049v9.448a3.645,3.645,0,1,1-7.289,0Zm1.248,0a2.4,2.4,0,1,0,2.4-2.4A2.4,2.4,0,0,0,8845.131,2857.355Zm-14.779-3.431a5.2,5.2,0,0,1,8.511-4.017l.545.447v-13.677a.677.677,0,0,1,1.354,0v.042a2.347,2.347,0,0,0,1.367,1.835,7.667,7.667,0,0,0,3.768.908.677.677,0,0,1,0,1.354,8.718,8.718,0,0,1-4.623-1.2l-.512-.33v14.583a.023.023,0,0,1,0,.013v.027a.016.016,0,0,1,0,.011,5.205,5.205,0,1,1-10.41,0Zm1.351,0a3.853,3.853,0,1,0,3.853-3.853A3.855,3.855,0,0,0,8831.7,2853.924Z" transform="translate(-8830.352 -2836)" fill="currentColor"/> </svg> Top Music
  392. </a>
  393. </li>
  394. <li class="">
  395. <a href="https://gwiremusic.com/albums" data-load="albums">
  396. <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24.899" viewBox="0 0 25 24.899"> <path id="Subtraction_7" data-name="Subtraction 7" d="M8840.7,2866.271a12.482,12.482,0,0,1-9.5-20.6,12.858,12.858,0,0,1,7.555-4.3v1.47a10.64,10.64,0,0,0-6.635,3.837,11.324,11.324,0,0,0-2.529,7.79,11.224,11.224,0,0,0,11.106,10.437,11.009,11.009,0,0,0,7.088-2.511,11.145,11.145,0,0,0,3.851-6.535,10.987,10.987,0,0,0-1.144-7.384,11.373,11.373,0,0,0-5.617-5l-.868-.352v10.651a3.474,3.474,0,0,1-.633,1.981,3.556,3.556,0,0,1-1.678,1.228,2.367,2.367,0,0,1-.74.112,4.252,4.252,0,0,1-1.321-.243,3.423,3.423,0,0,1-1.646-1.22,3.183,3.183,0,0,1-.6-1.979,3.126,3.126,0,0,1,.67-1.853l0-.007a3.554,3.554,0,0,1,1.7-1.228,2.424,2.424,0,0,1,.739-.112,4.152,4.152,0,0,1,1.31.242l.829.275v-9.6a12.856,12.856,0,0,1,7.553,4.3,12.482,12.482,0,0,1-9.5,20.6Z" transform="translate(-8828.199 -2841.371)" fill="currentColor"/> </svg> Albums
  397. </a>
  398. </li>
  399. <li class="">
  400. <a href="https://gwiremusic.com/spotlight" data-load="spotlight">
  401. <svg xmlns="http://www.w3.org/2000/svg" width="20.631" height="24.9" viewBox="0 0 20.631 24.9"> <path id="Path_7233" data-name="Path 7233" d="M8838.615,2866.2h0l-7.295-7.285a10.323,10.323,0,1,1,14.594,0l-7.3,7.287Zm0-23.534a8.946,8.946,0,0,0-8.264,5.517,8.753,8.753,0,0,0-.508,5.178,8.9,8.9,0,0,0,2.445,4.579l6.326,6.34,6.326-6.34a8.911,8.911,0,0,0,2.445-4.576,8.946,8.946,0,0,0-3.8-9.191A8.886,8.886,0,0,0,8838.615,2842.665Z" transform="translate(-8828.301 -2841.3)" fill="currentColor"/> </svg> Spotlight
  402. </a>
  403. </li>
  404. <li class="">
  405. <a href="https://gwiremusic.com/genres" data-load="genres">
  406. <svg xmlns="http://www.w3.org/2000/svg" width="19.093" height="23.901" viewBox="0 0 19.093 23.901"> <path id="Subtraction_34" data-name="Subtraction 34" d="M8837.182,2863.9h-1.264v-4.6l-.45-.044a9.68,9.68,0,0,1-5.761-2.684,10.215,10.215,0,0,1-2.707-5.26h1.283a8.426,8.426,0,0,0,16.535,0h1.274a10.15,10.15,0,0,1-2.7,5.26,9.682,9.682,0,0,1-5.761,2.684l-.453.044v4.6Zm-.631-9.056a4.925,4.925,0,0,1-3.641-1.543l-.018-.016a5.1,5.1,0,0,1-1.5-3.6V2847.7h1.266v1.985a3.9,3.9,0,0,0,7.79,0V2847.7h1.264v1.985a5.109,5.109,0,0,1-1.5,3.6l-.02.016A4.934,4.934,0,0,1,8836.551,2854.846Zm-3.894-8.142h-1.266v-1.545a5.1,5.1,0,0,1,1.5-3.6l.018-.015a4.932,4.932,0,0,1,3.641-1.541,4.2,4.2,0,0,1,1.937.4l.033.016.037.011a3.967,3.967,0,0,1,1.635,1.112l.037.033a4.466,4.466,0,0,1,1.088,1.625,4.909,4.909,0,0,1,.394,1.958v1.544h-1.264v-1.545a3.9,3.9,0,0,0-7.79,0v1.545Z" transform="translate(-8827 -2840)" fill="currentColor"/> </svg> Genres
  407. </a>
  408. </li>
  409. <li class="">
  410. <a href="https://gwiremusic.com/playlists" data-load="playlists">
  411. <svg xmlns="http://www.w3.org/2000/svg" width="23.707" height="19.162" viewBox="0 0 23.707 19.162"> <g id="Group_9318" data-name="Group 9318" transform="translate(-2.51 -457.207)"> <path id="Path_6453" data-name="Path 6453" d="M3469,13930.909h11.364v2.272H3469Zm0-7.955h15.909v2.273H3469Zm0-7.954h22.727v2.272H3469Z" transform="translate(-3466 -13457.303)" fill="currentColor" class="icon_stroke" stroke-width="0.98"/> <path id="Path_7235" data-name="Path 7235" d="M82.656,1.8a3.89,3.89,0,0,1-1.892-.448c-.4-.234-.634-.527-.634-.8V.524a.531.531,0,0,0-1.063,0V7.255A2.865,2.865,0,1,0,80.13,9.472c0-.005,0-.01,0-.016s0-.005,0-.008V2.193a4.8,4.8,0,0,0,2.526.652.524.524,0,1,0,0-1.048Zm-5.44,9.5a1.826,1.826,0,1,1,1.851-1.826A1.84,1.84,0,0,1,77.217,11.3Z" transform="translate(-57.46 463.533)" fill="currentColor"/> </g> </svg> Playlists
  412. </a>
  413. </li>
  414. <li class="">
  415. <a href="https://gwiremusic.com/fame" data-load="fame">
  416. <svg xmlns="http://www.w3.org/2000/svg" width="26" height="23.728" viewBox="0 0 26 23.728"> <path id="Path_6305" data-name="Path 6305" d="M3584.546,13078.682h2.272v11.363h-2.272Zm-4.546,3.409h2.272v4.545H3580Zm9.091-9.091h2.273v20.454h-2.273Zm4.545,2.271h2.273v20.456h-2.273Zm4.546,3.41h2.272v11.363h-2.272Zm4.546,3.409H3605v4.545h-2.272Z" transform="translate(-3579.5 -13072.5)" fill="currentColor" class="icon_stroke" stroke-width="1"/> </svg>
  417. Hall of fame
  418. </a>
  419. </li>
  421. <li class="">
  422. <a href="https://gwiremusic.com/point-system" data-load="point-system">
  423. <svg xmlns="http://www.w3.org/2000/svg" width="24.659" height="22.655" viewBox="0 0 24.659 22.655"> <g id="Group_9322" data-name="Group 9322" transform="translate(-7.751 -625.474)"> <path id="Path_7236" data-name="Path 7236" d="M8820.372,2870.056a15.79,15.79,0,0,1-7.756-1.818l-.677-.375-.253.729a.493.493,0,0,1-.187.233l-.014.009a.422.422,0,0,1-.261.077h-3.432a.481.481,0,0,1-.492-.494v-10.291a.484.484,0,0,1,.492-.494h3.432a.53.53,0,0,1,.35.142.535.535,0,0,1,.143.352v.65h.649a7.381,7.381,0,0,1,4.549,1.576l.177.14h2.707a4.485,4.485,0,0,1,3.346,1.5l.194.217h3.894a5.1,5.1,0,0,1,2.7.78,5.168,5.168,0,0,1,1.691,1.76,14.286,14.286,0,0,1-4.992,3.9A14.773,14.773,0,0,1,8820.372,2870.056Zm-8.654-10.291v6.759l.316.188.038.022a14.183,14.183,0,0,0,8.3,2.334,13.654,13.654,0,0,0,5.136-.993,13.157,13.157,0,0,0,4.264-2.764l.7-.645-.705-.59-.016-.011a4.084,4.084,0,0,0-2.246-.858l-.239-.013h-3.252l.173.789a4.665,4.665,0,0,1,.111,1v.494H8815.3v-.989h8.055l-.333-.878-.044-.124-.016-.029a3.6,3.6,0,0,0-1.2-1.379,3.471,3.471,0,0,0-1.737-.6l-3.308,0a6.347,6.347,0,0,0-4.352-1.714Zm-3.43-1.144v9.3h2.442v-9.3Z" transform="translate(-8799.4 -2222.076)" fill="currentColor" class="icon_stroke" stroke-width="0.3"/> <path id="Path_6605" data-name="Path 6605" d="M3366.446,7177.582l-3.682,2.248,1-4.2-3.276-2.806,4.3-.345,1.659-3.983,1.653,3.983,4.3.345-3.275,2.806,1,4.2Z" transform="translate(-3344.385 -6543.025)" fill="currentColor"/> </g> </svg> Earn Points
  424. </a>
  425. </li>
  426. </ul>
  427.  
  428. <ul class="sections">
  429. <h3>Store</h3>
  430. <li class="">
  431. <a href="https://gwiremusic.com/store/songs" data-load="store/songs">
  432. <svg xmlns="http://www.w3.org/2000/svg" width="28.05" height="28.05" viewBox="0 0 28.05 28.05"> <g id="Group_9324" data-name="Group 9324" transform="translate(-2.94 -712.3)"> <path id="Path_6772" data-name="Path 6772" d="M3772.806,8082.976l5.555,5.554-1.83,1.83-5.555-5.555a11.672,11.672,0,1,1,1.83-1.829Zm-2.609-.962a9.053,9.053,0,1,0-.182.183Z" transform="translate(-3748.36 -7351)" fill="currentColor" class="icon_stroke" stroke-width="1.4"/> <g id="Icon_feather-globe" data-name="Icon feather-globe" transform="translate(9.476 718.914)"> <path id="Path_7238" data-name="Path 7238" d="M14.747,8.873A5.873,5.873,0,1,1,8.873,3,5.873,5.873,0,0,1,14.747,8.873Z" transform="translate(-3 -3)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.9"/> <path id="Path_7239" data-name="Path 7239" d="M3,18H14.747" transform="translate(-3 -12.127)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.9"/> <path id="Path_7240" data-name="Path 7240" d="M14.349,3A8.986,8.986,0,0,1,16.7,8.873a8.986,8.986,0,0,1-2.349,5.873A8.986,8.986,0,0,1,12,8.873,8.986,8.986,0,0,1,14.349,3Z" transform="translate(-8.476 -3)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.9"/> </g> </g> </svg> Browse
  433. </a>
  434. </li>
  435. <li class="">
  436. <a href="https://gwiremusic.com/purchased" data-load="purchased">
  437. <svg xmlns="http://www.w3.org/2000/svg" width="24.999" height="25.196" viewBox="0 0 24.999 25.196"> <path id="Union_6" data-name="Union 6" d="M8827.667,2865.2a.66.66,0,0,1-.667-.667v-.083l1.126-14.553a.634.634,0,0,1,.206-.425l.015-.01a.641.641,0,0,1,.446-.178h2.082v-.659a8.666,8.666,0,0,1,2.524-6.1,8.63,8.63,0,0,1,12.2,0,8.659,8.659,0,0,1,2.528,6.1v.659h2.078a.646.646,0,0,1,.448.178l.015.01a.631.631,0,0,1,.207.422l1.127,14.581a.694.694,0,0,1-.163.493.7.7,0,0,1-.432.232Zm.719-1.332h22.225l-1.02-13.254H8829.4Zm6.067-20.509a7.208,7.208,0,0,0-2.234,4.941l-.043.982h14.611v-.659a7.274,7.274,0,0,0-6.967-7.277l-.292-.012-.028,0A7.267,7.267,0,0,0,8834.453,2843.356Zm2.395,13.218v-2.653h5.306v2.653Z" transform="translate(-8827 -2840)" fill="currentColor"/> </svg> Purchased
  438. </a>
  439. </li>
  440. </ul>
  441. <ul class="sections">
  442. <h3>Your Music</h3>
  443. <li  class="">
  444. <a href="https://gwiremusic.com/recently_played" data-load="recently_played">
  445. <svg xmlns="http://www.w3.org/2000/svg" width="26.1" height="23.654" viewBox="0 0 26.1 23.654"> <g id="Group_9328" data-name="Group 9328" transform="translate(-37.95 -889.95)"> <path id="Path_6433" data-name="Path 6433" d="M3477.775,13807.426l6.1,4.123c.075,0,.125.125.162.125.038.125.063.125.063.25s-.025.123-.062.25c-.037,0-.087.123-.162.123l-6.1,4.125a.259.259,0,0,0-.25.125c-.087,0-.175-.125-.262-.125s-.15-.125-.187-.125a1.658,1.658,0,0,1-.075-.25v-8.246a1.646,1.646,0,0,1,.075-.252c.038,0,.112-.123.188-.123s.175-.127.262-.127A.257.257,0,0,0,3477.775,13807.426Z" transform="translate(-3429.128 -12910.147)" fill="currentColor"/> <path id="Path_7243" data-name="Path 7243" d="M3468.993,13802h24.914l.086,21.242v1.309l-24.992-.176v-1.133Zm2.508,2.5v17.494h19.993V13804.5Z" transform="translate(-3430.493 -12911.5)" fill="currentColor" class="icon_stroke" stroke-width="1.1"/> </g> </svg> Recently Played
  446. </a>
  447. </li>
  448. <li  class="">
  449. <a href="https://gwiremusic.com/my_playlists" data-load="my_playlists">
  450. <svg xmlns="http://www.w3.org/2000/svg" width="23.707" height="19.162" viewBox="0 0 23.707 19.162"> <g id="Group_9318" data-name="Group 9318" transform="translate(-2.51 -457.207)"> <path id="Path_6453" data-name="Path 6453" d="M3469,13930.909h11.364v2.272H3469Zm0-7.955h15.909v2.273H3469Zm0-7.954h22.727v2.272H3469Z" transform="translate(-3466 -13457.303)" fill="currentColor" class="icon_stroke" stroke-width="0.98"/> <path id="Path_7235" data-name="Path 7235" d="M82.656,1.8a3.89,3.89,0,0,1-1.892-.448c-.4-.234-.634-.527-.634-.8V.524a.531.531,0,0,0-1.063,0V7.255A2.865,2.865,0,1,0,80.13,9.472c0-.005,0-.01,0-.016s0-.005,0-.008V2.193a4.8,4.8,0,0,0,2.526.652.524.524,0,1,0,0-1.048Zm-5.44,9.5a1.826,1.826,0,1,1,1.851-1.826A1.84,1.84,0,0,1,77.217,11.3Z" transform="translate(-57.46 463.533)" fill="currentColor"/> </g> </svg> My Playlists
  451. </a>
  452. </li>
  453. <li class="">
  454. <a href="https://gwiremusic.com/favourites" data-load="favourites">
  455. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.25" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572"></path></svg> Favourites
  456. </a>
  457. </li>
  458. </ul>
  459. </div>
  460. </div>
  461. </div>
  462. <script>
  463. function OpenStoreMenu(self) {
  464. $(self).find('span').find('svg').remove();
  465. if ($(".mystore_menu").is(":visible")) {
  466. $(".mystore_menu").slideUp();
  467. $(self).find('span').append('<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>');
  468. }
  469. else{
  470. $(".mystore_menu").slideDown();
  471. $(self).find('span').append('<svg style="float: right;width: 15px !important;height: 15px !important;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="15" height="15" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"><path d="M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z" fill="currentColor"/></svg>');
  472. }
  473. }
  474.  
  475. current_width = $(window).width();
  476.  
  477. if(current_width < 1190) {
  478. $(document).on('click', '.sidebar .sidebar_innr a', function() {
  479. $('body').removeClass('side_open');
  480. });
  481. }
  482. </script>
  483.  
  484. <!-- End Sidebar  -->
  485.  
  486. <!-- Header  -->
  487. <div id="main-header">
  488. <header class="vlc_no_usr_hdr">
  489. <div class="head_menu" id="open_slide" onclick="SlideSetCookie('open_slide')">
  490. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.25" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><line x1="4" y1="6" x2="20" y2="6"></line><line x1="4" y1="12" x2="20" y2="12"></line><line x1="4" y1="18" x2="20" y2="18"></line></svg>
  491. </div>
  493. <div class="head_logo loggd_hd_logo">
  494. <a class="brans" href="https://gwiremusic.com/">
  495. <img src="https://gwiremusic.com/themes/volcano/img/logo.png?cache=753" alt="">
  496. </a>
  497. </div>
  499. <div class="mu_left_hdr_part">
  500. <div class="head_search">
  501. <form onSubmit="event.preventDefault(); goToAjaxLink('search/songs/' + $('#search_keyword').val());"><!--action="https://gwiremusic.com/search/songs" method="POST" >-->
  502. <div class="head_search_cont">
  503. <input name="search_keyword" id="search_keyword" value="" type="text" class="form-control" placeholder="Search for songs, artists, playlists and more.." onfocus="Ma_OpenTrending();" autocomplete="off"/>
  504. <svg xmlns="http://www.w3.org/2000/svg" width="24.6" height="24.599" viewBox="0 0 24.6 24.599"><g id="Group_9414" data-name="Group 9414" transform="translate(0.6 0.6)"><path id="Path_6571" data-name="Path 6571" d="M3706.635,6944A10.635,10.635,0,1,1,3696,6954.635,10.636,10.636,0,0,1,3706.635,6944Zm0,18.906a8.271,8.271,0,1,0-8.271-8.271A8.265,8.265,0,0,0,3706.635,6962.907Z" transform="translate(-3696 -6944)" fill="currentColor" class="icon_stroke" stroke-width="1.2"/><path id="Path_215773" data-name="Path 215773" d="M3716.667,6962.989l3.333,3.345-1.667,1.666-3.344-3.332Z" transform="translate(-3696 -6944)" fill="currentColor"/>  </g></svg>
  505. <div class="head_search_mobi_close" id="close_search">
  506. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg>
  507. </div>
  508. <div class="search_dropdown hidden">
  509. <div class="trend_head"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16,6L18.29,8.29L13.41,13.17L9.41,9.17L2,16.59L3.41,18L9.41,12L13.41,16L19.71,9.71L22,12V6H16Z" /></svg> Trending Now</div>
  510. <div class="serach_trend"><a href="https://gwiremusic.com/search/songs/the" data-load="search/songs/the"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;the</a></div>
  511. <div class="serach_trend"><a href="https://gwiremusic.com/search/songs/50" data-load="search/songs/50"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;50</a></div>
  512. <div class="serach_trend"><a href="https://gwiremusic.com/search/songs/bob" data-load="search/songs/bob"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;bob</a></div>
  513. <div class="serach_trend"><a href="https://gwiremusic.com/search/songs/theame" data-load="search/songs/theame"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;theame</a></div>
  514. <div class="serach_trend"><a href="https://gwiremusic.com/search/songs/50cent" data-load="search/songs/50cent"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;50cent</a></div>
  515. <div class="serach_trend"><a href="https://gwiremusic.com/search/songs/bobmarley" data-load="search/songs/bobmarley"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;bobmarley</a></div>
  516. <div class="serach_trend"><a href="https://gwiremusic.com/search/songs/bob marley" data-load="search/songs/bob marley"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;bob marley</a></div>
  517. <div class="serach_trend"><a href="https://gwiremusic.com/search/songs/the ame" data-load="search/songs/the ame"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;the ame</a></div>
  518. <div class="serach_trend"><a href="https://gwiremusic.com/search/songs/50 cent" data-load="search/songs/50 cent"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;50 cent</a></div>
  519. <div class="text-center see_all">
  520. <a href="https://gwiremusic.com/search/songs" data-load="search/songs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"></path></svg> Advanced Search</a>
  521. </div>
  522. </div>
  523. </div>
  524. </form>
  525. </div>
  526. </div>
  527.  
  528. <div class="mu_right_hdr_part head_user not_loggd_hdrr">
  529. <!--<a href="#" data-toggle="modal" data-target="#login_box" class="btn login hide_hd_btn">Login</a>
  530. <a href="#" data-toggle="modal" data-target="#signup_box" class="btn btn-primary btn-mat hide_hd_btn">Register</a>
  531. -->
  532. <span class="opts_account opts_head_acc dropdown">
  533. <div class="ds_hdr_top_btns" data-display="static" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  534. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z"></path></svg>
  535. </div>
  537. <div class="dropdown-menu dropdown-menu-right mat-dropdown acct">
  538. <ul class="list-unstyled mb-0">
  539. <li><a href="#" data-toggle="modal" data-target="#login_box"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M10 11V8l5 4-5 4v-3H1v-2h9zm-7.542 4h2.124A8.003 8.003 0 0 0 20 12 8 8 0 0 0 4.582 9H2.458C3.732 4.943 7.522 2 12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10c-4.478 0-8.268-2.943-9.542-7z"/></svg>&nbsp;&nbsp;Login</a></li>
  540. <li><a href="#" data-toggle="modal" data-target="#signup_box"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M14 14.252v2.09A6 6 0 0 0 6 22l-2-.001a8 8 0 0 1 10-7.748zM12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm6 6v-3h2v3h3v2h-3v3h-2v-3h-3v-2h3z"/></svg>&nbsp;&nbsp;Register</a></li>
  541. <li class="divider"></li>
  542. <li class="toggle-mode top-header">
  543. <label class="switch">
  544. <span class="txt">Night mode</span>
  545. <input type="checkbox" id="night_mode_toggle" data-mode='day'>
  546. <span class="slider nigh_day_ico">
  547. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"></path><path fill="currentColor" d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"></path></svg>
  548. </span>
  549. </label>
  550. </li>
  551. </ul>
  552. </div>
  553. </span>
  554. </div>
  555. </header>
  556. </div>
  557. <div id="bar_loading"></div>
  558. <!-- End Header  -->
  559.  
  560. <!-- Content  -->
  561. <div id="container_content">
  562. <div class="ma_page_content">
  563. <div class="ma_pc_inner">
  564. <div class="user_profile">
  565. <div class="page_padding">
  566. <!-- User Profile -->
  567. <div class="content user_header">
  568. <div class="user_cover">
  569. <div class="artist_profile_cover">
  570. <img src="https://gwiremusic.com/upload/photos/d-cover.jpg" alt="User Cover" id="cover">
  571. </div>
  572. </div>
  573. <div class="user_info_cont">
  574. <div class="mus_usr_prof_hd">
  575. <div class="user_avatar">
  576. <img src="https://gwiremusic.com/upload/photos/d-avatar.jpg" alt="User Avatar" id="avatar">
  577. </div>
  578. <div class="personal_info">
  579. <div class="name">
  580. <h2>
  581. <a href="https://gwiremusic.com/joovitorgonalv" data-load="joovitorgonalv">joovitorgonalv</a>
  582. </h2>
  583. <p>@joovitorgonalv</p>
  584. </div>
  585. <div class="links_btns mus_usr_prof_links">
  586. <div class="opts_btn">
  589. </div>
  590. </div>
  591. </div>
  592. </div>
  593. </div>
  595. <div class="ma_tabs mus_user_tabs">
  596. <ul class="list-unstyled mb-0">
  597. <li class="active">
  598. <a href="https://gwiremusic.com/joovitorgonalv" data-load="joovitorgonalv">Activities</a>
  599. </li>
  600. <li class="">
  601. <a href="https://gwiremusic.com/joovitorgonalv/songs" data-load="joovitorgonalv/songs">Songs</a>
  602. </li>
  603. <li class="">
  604. <a href="https://gwiremusic.com/joovitorgonalv/albums" data-load="joovitorgonalv/albums">Albums</a>
  605. </li>
  606. <li class="">
  607. <a href="https://gwiremusic.com/joovitorgonalv/playlists" data-load="joovitorgonalv/playlists">Playlists</a>
  608. </li>
  609. <li class="">
  610. <a href="https://gwiremusic.com/joovitorgonalv/liked" data-load="joovitorgonalv/liked">Liked</a>
  611. </li>
  612. </ul>
  613. </div>
  614. </div>
  615.  
  616. <div class="row">
  617. <div class="col-lg-8">
  618. <div class="feed_post_block store_songs">
  619. <div id="user-feed-data">
  620. <div class="no-track-found bg_light"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3,7H9V13H3V7M3,3H21V5H3V3M21,11V13H11V11H21M3,15H17V17H3V15M3,19H21V21H3V19Z" /></svg>No activties found</div>
  621. </div>
  622.  
  623. </div>
  624. </div>
  625. <!-- SIDEBAR -->
  626. <div class="col-lg-4">
  627. <div class="content mt-0">
  628. <div class="sidebar_widget">
  629. <ul class="list-unstyled user_side_info_list">
  630. <ul class="user_side_info_list_innr">
  631. <li>
  632. Tracks
  633. <span>0</span>
  634. </li>
  635. <li>
  636. <a href="https://gwiremusic.com/joovitorgonalv/followers" data-load="joovitorgonalv/followers">Followers<span class="followers">3</span></a>
  637. </li>
  638. <li>
  639. <a href="https://gwiremusic.com/joovitorgonalv/following" data-load="joovitorgonalv/following">Following<span class="following">2</span></a>
  640. </li>
  641. </ul>
  643. <li>
  644. <svg xmlns="http://www.w3.org/2000/svg" width="14.277" height="21.615" viewBox="0 0 14.277 21.615"> <path id="Path_6888" data-name="Path 6888" d="M3701.467,14457.68a6.588,6.588,0,0,1-4.406-2.479,6.688,6.688,0,0,1-1.542-4.775,6.942,6.942,0,0,1,2.166-4.59,6.946,6.946,0,0,1,9.41,0,6.942,6.942,0,0,1,2.166,4.59,6.908,6.908,0,0,1-5.957,7.254v1.926h4.59v1.838h-4.59v3.672h-1.836v-3.672h-4.59v-1.838h4.59Zm.918-1.744a5.17,5.17,0,0,0,3.571-1.469,5.076,5.076,0,0,0,0-7.16,5.07,5.07,0,0,0-7.142,0,5.074,5.074,0,0,0,0,7.16A5.168,5.168,0,0,0,3702.386,14455.936Z" transform="translate(-3695.252 -14443.75)" fill="currentColor" stroke="#fff" stroke-width="0.5"/> </svg> Male
  645. </li>
  646. <li>
  647. <svg xmlns="http://www.w3.org/2000/svg" width="21.147" height="18.048" viewBox="0 0 21.147 18.048"> <path id="Path_6595" data-name="Path 6595" d="M3371,7124h-2a8.993,8.993,0,0,0-7.97,4.81q-.03-.405-.03-.81a10,10,0,0,1,10-10v-5.5l10.5,8.5-10.5,8.5Zm-2-2h4v3.31l5.32-4.31-5.32-4.31V7120h-2a8.1,8.1,0,0,0-3.33.72,7.988,7.988,0,0,0-2.73,2.05A11.046,11.046,0,0,1,3369,7122Z" transform="translate(-3360.75 -7111.976)" fill="currentColor" stroke="#fff" stroke-width="0.5"/> </svg> Social Links
  648. </li>
  649. <li class="user_social_links">
  650. </li>
  651. <li>
  652. <svg xmlns="http://www.w3.org/2000/svg" width="22.5" height="21.825" viewBox="0 0 22.5 21.825"> <path id="Path_6840" data-name="Path 6840" d="M3244,14241a8.138,8.138,0,0,1,2.34-5.7,8.115,8.115,0,0,1,11.32,0,8.138,8.138,0,0,1,2.34,5.7h-2a5.828,5.828,0,0,0-1.76-4.2,5.894,5.894,0,0,0-8.48,0,5.828,5.828,0,0,0-1.76,4.2Zm8-9a6,6,0,1,1,6-6A6,6,0,0,1,3252,14232Zm0-2a4,4,0,1,0-4-4A4.005,4.005,0,0,0,3252,14230Zm12.55-10.2a13.661,13.661,0,0,1,1.45,6.2,14.06,14.06,0,0,1-1.45,6.2l-1.65-1.2a12.031,12.031,0,0,0,1.1-5,11.663,11.663,0,0,0-1.1-5Zm-3.3,2.4a10,10,0,0,1,0,7.6l-1.68-1.2a8.074,8.074,0,0,0,0-5.2Z" transform="translate(-3243.75 -14219.425)" fill="currentColor" stroke="#fff" stroke-width="0.5"/> </svg> Bio
  653. </li>
  654. <li class="user_bio">
  655. Adoro estar sempre por dentro das últimas tendências de moda infantil. Gosto de escrever sobre minhas descobertas e experiências no blog, fornecendo dicas práticas para outras mães.
  656. </li>
  657. <li class="webs">
  658. <svg xmlns="http://www.w3.org/2000/svg" width="20.16" height="20.16" viewBox="0 0 20.16 20.16"> <path id="Path_4926" data-name="Path 4926" d="M3483.06,1761.11l1.42,1.41a6.975,6.975,0,0,1,1.51,7.63,6.943,6.943,0,0,1-1.51,2.27l-.36.36a7,7,0,0,1-9.9-9.9l1.42,1.41a5.155,5.155,0,0,0-1.1,1.63,4.969,4.969,0,0,0-.38,1.91,4.863,4.863,0,0,0,.37,1.92,5.035,5.035,0,0,0,2.72,2.72,4.863,4.863,0,0,0,1.92.37,4.969,4.969,0,0,0,1.91-.38,5.156,5.156,0,0,0,1.63-1.1l.35-.35a5.01,5.01,0,0,0,0-7.07l-1.41-1.42,1.41-1.41Zm6.72,6.01-1.42-1.41a5.155,5.155,0,0,0,1.1-1.63,4.969,4.969,0,0,0,.38-1.91,4.863,4.863,0,0,0-.37-1.92,5.035,5.035,0,0,0-2.72-2.72,4.863,4.863,0,0,0-1.92-.37,4.969,4.969,0,0,0-1.91.38,5.156,5.156,0,0,0-1.63,1.1l-.35.35a5.01,5.01,0,0,0,0,7.07l1.41,1.41-1.41,1.42-1.41-1.42a6.816,6.816,0,0,1-1.52-2.27,6.9,6.9,0,0,1,0-5.35,6.961,6.961,0,0,1,1.52-2.28l.35-.35a7,7,0,0,1,9.9,9.9Z" transform="translate(-3471.92 -1754.92)" fill="currentColor" stroke="#fff" stroke-width="0.5"/> </svg> <a class="text-white" href="https://www.pililimodainfantil.Com.br/bermuda-infantil/masculina" target="_blank">https://www.pililimodainfantil.Com.br/bermuda-infantil/masculina</a>
  659. </li>
  662. </ul>
  663.  
  664. </div>
  665. </div>
  666. <div class="content">
  667. <div class="sidebar_widget">
  668. <h2 class="home_widget_title home_big_title mt-2 mb-3">Artists to Follow</h2>
  669. <div class="feed_sidebar_artist">
  670. <div class="artist_list">
  671. <a href="https://gwiremusic.com//gwire"  class="artist_list_innr">
  672. <svg xmlns="http://www.w3.org/2000/svg" width="83.396" height="83.396" viewBox="0 0 83.396 83.396"> <path id="ic_play_circle_filled_24px" d="M43.7,2A41.7,41.7,0,1,0,85.4,43.7,41.713,41.713,0,0,0,43.7,2Zm-8.34,60.462V24.934L60.378,43.7Z" transform="translate(-2 -2)" fill="#fff"/> </svg>
  673. <div class="cover_art">
  674. <img src="https://gwiremusic.com/upload/photos/d-avatar.jpg">
  675. </div>
  676. <div class="track_info">
  677. <span class="artist">gwire</span>
  678. </div>
  679. </a>
  680. </div> </div>
  681. </div> <div class="sidebar_widget mt-4 mb-0 feed_sidebar_song">
  682. <h2 class="home_widget_title home_big_title mt-2 mb-3">Weekly Top Tracks</h2>
  683. </div> </div>
  684. </div>
  685. </div>
  686. <!-- End User Profile -->
  687. </div>
  688. </div>
  689. </div>
  690. <input type="hidden" id="user-id" name="user-id" value="17">
  691. </div>
  692.  
  693. <script>
  694. $(function () {
  695. $('[data-toggle="tooltip"]').tooltip()
  696. })
  697.  
  698. $('svg .verified_ico').tooltip({
  699. title: 'Verified',
  700. placement: 'top',
  701. container: 'body'
  702. });
  703.  
  704. var loading_icon = '<svg width="24px"  height="24px"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-dual-ring" style="background: none;"><circle cx="50" cy="50" ng-attr-r="{{config.radius}}" ng-attr-stroke-width="{{config.width}}" ng-attr-stroke="{{config.stroke}}" ng-attr-stroke-dasharray="{{config.dasharray}}" fill="none" stroke-linecap="round" r="40" stroke-width="8" stroke="#28292f" stroke-dasharray="62.83185307179586 62.83185307179586" transform="rotate(308.458 50 50)"><animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="0.7s" begin="0s" repeatCount="indefinite"></animateTransform></circle></svg>';
  705. var camera_icon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4,4H7L9,2H15L17,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z"></path></svg>';
  706. var video_icon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512"><path fill="currentColor" d="M450.6 153.6c-3.3 0-6.5.9-9.3 2.7l-86.5 54.6c-2.5 1.6-4 4.3-4 7.2v76c0 2.9 1.5 5.6 4 7.2l86.5 54.6c2.8 1.7 6 2.7 9.3 2.7h20.8c4.8 0 8.6-3.8 8.6-8.5v-188c0-4.7-3.9-8.5-8.6-8.5h-20.8zM273.5 384h-190C55.2 384 32 360.8 32 332.6V179.4c0-28.3 23.2-51.4 51.4-51.4h190c28.3 0 51.4 23.2 51.4 51.4v153.1c.1 28.3-23 51.5-51.3 51.5z"></path></svg>';
  707.  
  708. $(document).ready(function() {
  709.    $('#user-change-avatar-form').ajaxForm({
  710.     url: "https://gwiremusic.com/endpoints/user/update-profile-picture?hash_id=" + getHashID(),
  711.        beforeSubmit:  function () {
  712.         $('#change-avatar-icon .icon').html(loading_icon);
  713.        },
  714.        success: function (data) {
  715.         if (data.status == 200) {
  716.         $('#avatar').attr('src', data.img);
  717.         }
  718.         $('#change-avatar-icon .icon').html(camera_icon);
  719.        }
  720.    });
  721.  
  722.    $('#user-change-cover-form').ajaxForm({
  723.     url: "https://gwiremusic.com/endpoints/user/update-profile-cover?hash_id=" + getHashID(),
  724.        beforeSubmit:  function (arr, form, options) {
  725.         if (arr[0].value != '') {
  726.         $('#change-cover-icon .icon').html(loading_icon);
  727.         }
  728.         else{
  729.         $('#change-cover-icon .videoicon').html(loading_icon);
  730.         }
  731.        },
  732.        success: function (data) {
  733.         if (data.status == 200) {
  734.         if (data.img) {
  735.         $('.artist_profile_cover').html('<img src="'+data.img+'" alt="User Cover" id="cover">');
  736.         }
  737.         else{
  738.         $('.artist_profile_cover').html('<video autoplay muted loop id="myVideo"><source src="'+data.video+'" type="video/mp4">Your browser does not support HTML5 video.</video>');
  739.         }
  740.         }
  741.         else{
  742.         $('#ShowAlert').find('.ShowAlertText').html('<div class="alert alert-danger">'+data.message+'</div>');
  743.         $('#ShowAlert').modal('show');
  744.         }
  745.         $('#change-cover-icon .icon').html(camera_icon);
  746.         $('#change-cover-icon .videoicon').html(video_icon);
  747.        }
  748.    });
  749. });
  750.  
  751. $(document).on('change', '#user-avatar', function(event) {
  752. $("#user-change-avatar-form").submit();
  753. });
  754. $(document).on('change', '#user-cover', function(event) {
  755. $("#user-change-cover-form").submit();
  756. });
  757. $(document).on('change', '#user-video', function(event) {
  758. $("#user-change-cover-form").submit();
  759. });
  760. $(document).on('click', '.artist_profile_cover', function(event) {
  761. var video = document.getElementById("myVideo");
  762. if (video.paused) {
  763.    video.play();
  764.    btn.innerHTML = "Pause";
  765.  } else {
  766.    video.pause();
  767.    btn.innerHTML = "Play";
  768.  }
  769. });
  770.  
  771. </script>
  772. </div>
  773. <!-- End Content  -->
  774.  
  775. <!-- Footer -->
  776. <div class="ma_footer">
  778. <div class="ma_footer_cright">
  779. <div class="ma_footer_links">
  780. <div class="lang_select dropup">
  781. <button type="button" class="btn dropdown-toggle" data-toggle="modal" data-target="#select-language"><svg xmlns="http://www.w3.org/2000/svg" width="16.66" height="16.66" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-globe"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg> English</button>
  782. </div>
  783. </div>
  784. <div class="ma_footer_links">
  785. <a href="https://gwiremusic.com/blogs" data-load="blogs">Blogs</a>&nbsp;&nbsp;•&nbsp;&nbsp;
  786. <a href="https://gwiremusic.com/terms/dmca" data-load="terms/dmca">DMCA</a>&nbsp;&nbsp;•&nbsp;&nbsp;
  787. <a href="https://gwiremusic.com/terms/about" data-load="terms/about">About Us</a>&nbsp;&nbsp;•&nbsp;&nbsp;
  788. <a href="https://gwiremusic.com/terms/terms" data-load="terms/terms">Terms</a>&nbsp;&nbsp;•&nbsp;&nbsp;
  789. <a href="https://gwiremusic.com/contact" data-load="contact">Contact</a>&nbsp;&nbsp;•&nbsp;&nbsp;
  790. <a href="https://gwiremusic.com/terms/privacy" data-load="terms/privacy">Privacy Policy</a>&nbsp;&nbsp;•&nbsp;&nbsp;
  791. <a href="https://gwiremusic.com/terms/faqs" data-load="terms/faqs">Faqs</a>
  793.  
  794. </div>
  795. <div class="ma_footer_links">
  796. © 2024 GwireMusic </div>
  797. </div> </div>
  798. <!-- End Footer -->
  799. </div>
  800. <!-- Player  -->
  801. <div class="ma_player closed">
  802. <div class="player">
  803. <div class="player-video-preview" id="my_video_player_container">
  804. <div class="y_player_cover"></div>
  805. <div class="plyr__video-embed" id="my_video_player_">
  806.  <iframe
  807.    src="https://www.youtube.com/watch?v=rMHx_iUAGd0?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1"
  808.    allowfullscreen
  809.    allowtransparency
  810.    allow="autoplay"
  811.  ></iframe>
  812. </div>
  813. </div>
  814. <div class="song_details">
  815. <div class="song_details_inner player-song-url" data-load="">
  816. <div class="song_art">
  817. <a href="#" class="player-song-url" data-load=""><img amplitude-song-info="cover_art_url" amplitude-main-song-info="true"/></a>
  818. </div>
  819. <div class="song_title">
  820. <a href="#" class="player-song-url" data-load="">
  821. <h3 amplitude-song-info="name" amplitude-main-song-info="true" class="song_name"></h3>
  822. </a>
  823. <div class="song_fav" title="Favorite" id="song-fav-button"></div>
  824. <div class="song_time_sec">
  825. <span class="current_time">
  826. <span class="amplitude-current-hours" amplitude-main-current-hours="true"></span>:<span class="amplitude-current-minutes" amplitude-main-current-minutes="true"></span>:<span class="amplitude-current-seconds" amplitude-main-current-seconds="true"></span>
  827. </span>
  828. <span class="duration_seperate">/</span>
  829. <span class="duration_time">
  830. <span class="amplitude-duration-hours" amplitude-main-duration-hours="true"></span>:<span class="amplitude-duration-minutes" amplitude-main-duration-minutes="true"></span>:<span class="amplitude-duration-seconds" amplitude-main-duration-seconds="true"></span>
  831. </span>
  832. </div>
  833. </div>
  834. </div>
  835. </div>
  836. <div class="song_progress">
  837. <div class="song_time">
  838. <span class="current_time">
  839. <span class="amplitude-current-hours" amplitude-main-current-hours="true"></span>:<span class="amplitude-current-minutes" amplitude-main-current-minutes="true"></span>:<span class="amplitude-current-seconds" amplitude-main-current-seconds="true"></span>
  840. </span>
  841. <div class="song_prog_mobi">
  842. <div class="progress_container">
  843. <input type="range" class="amplitude-song-slider" amplitude-main-song-slider="true"/>
  844. <progress id="song-played-progress" class="amplitude-song-played-progress" amplitude-main-song-played-progress="true"></progress>
  845. <progress id="song-buffered-progress" class="amplitude-buffered-progress" value="0"></progress>
  846. </div>
  847. </div>
  848. <span class="duration_seperate">/</span>
  849. <span class="duration_time">
  850. <span class="amplitude-duration-hours" amplitude-main-duration-hours="true"></span>:<span class="amplitude-duration-minutes" amplitude-main-duration-minutes="true"></span>:<span class="amplitude-duration-seconds" amplitude-main-duration-seconds="true"></span>
  851. </span>
  852. </div>
  853. <div class="song_controls">
  854. <div class="amplitude-shuffle amplitude-shuffle-off" id="shuffle" title="Shuffle">
  855. <svg xmlns="http://www.w3.org/2000/svg" width="23.062" height="23.601" viewBox="0 0 23.062 23.601"> <g id="music-suffle" transform="translate(-4.723 -4.567)"> <path id="Path_215762" data-name="Path 215762" d="M27.548,5.354l-1.039,7.023-2.5-2.5L6,27.885l-1-1L23.015,8.88l-2.5-2.5ZM20.135,18.863,24.07,22.8l2.439-2.439L27.54,27.39l-7.023-1.037,2.558-2.558L19.136,19.86l1-1ZM6.008,4.85l8.157,8.159-1,1L5.009,5.849Z" transform="translate(0 0)" fill="currentColor" class="icon_stroke" stroke-width="0.4" fill-rule="evenodd"/> </g> </svg>
  856. </div>
  857. <div class="amplitude-prev" id="previous">
  858. <svg xmlns="http://www.w3.org/2000/svg" width="14.182" height="23.035" viewBox="0 0 14.182 23.035"> <path id="Subtraction_40" data-name="Subtraction 40" d="M8828.667,2864.033a.622.622,0,0,1-.461-.189.648.648,0,0,1-.207-.479v-21.7a.647.647,0,0,1,.207-.477.653.653,0,0,1,.923,0,.637.637,0,0,1,.206.477v21.7a.638.638,0,0,1-.206.479A.624.624,0,0,1,8828.667,2864.033Zm13.407-3.185h0a.7.7,0,0,0-.1-.042l-11.855-7.888-.6-.4,12.459-8.289a.814.814,0,0,0,.1-.044.658.658,0,0,0,.08.036c.006.013.012.024.018.034l0,.007h0l.006.01v16.494a.237.237,0,0,1-.015.03l-.01.019a.832.832,0,0,0-.082.035Zm-1.228-14.291h0l-8.859,5.957,8.859,5.961v-11.918Z" transform="translate(-8827.999 -2840.999)" fill="currentColor"/> </svg>
  859. </div>
  860. <div class="amplitude-play-pause" amplitude-main-play-pause="true" id="play-pause"></div>
  861. <div class="amplitude-next" id="next">
  862. <svg xmlns="http://www.w3.org/2000/svg" width="14.182" height="23.035" viewBox="0 0 14.182 23.035"> <path id="Subtraction_42" data-name="Subtraction 42" d="M.668,0A.622.622,0,0,0,.207.189.648.648,0,0,0,0,.668v21.7a.647.647,0,0,0,.207.477.618.618,0,0,0,.461.191.62.62,0,0,0,.462-.191.637.637,0,0,0,.206-.477V.668A.638.638,0,0,0,1.13.189.624.624,0,0,0,.668,0ZM14.075,3.185h0a.7.7,0,0,1-.1.042L2.115,11.115l-.6.4,12.459,8.289a.814.814,0,0,1,.1.044.658.658,0,0,1,.08-.036c.006-.013.012-.024.018-.034l0-.007h0l.006-.01V3.269a.237.237,0,0,0-.015-.03l-.01-.019a.832.832,0,0,1-.082-.035ZM12.848,17.475h0L3.988,11.518l8.859-5.961V17.475Z" transform="translate(14.182 23.035) rotate(180)" fill="currentColor"/> </svg>
  863. </div>
  864. <div class="amplitude-repeat amplitude-repeat-on" id="repeat" title="Repeat">
  865. <svg xmlns="http://www.w3.org/2000/svg" width="26.435" height="26.914" viewBox="0 0 26.435 26.914"> <path id="Path_6414" data-name="Path 6414" d="M3529.644,13691.386h16.932a1.081,1.081,0,0,1,.8.339,1.1,1.1,0,0,1,.327.79v7.9h-2.258v-6.771h-15.8v3.386l-5.644-4.516,5.644-4.516Zm13.546,18.062h-16.932a1.083,1.083,0,0,1-.8-.339,1.1,1.1,0,0,1-.327-.79v-7.9h2.258v6.773h15.8v-3.387l5.644,4.516-5.644,4.515Z" transform="translate(-3523.2 -13686.959)" fill="currentColor" class="icon_stroke" stroke-width="1"/> </svg>
  866. </div>
  867. </div>
  869. </div>
  870. <div class="song_progress_right">
  871. <div class="song_volume">
  872. <div class="volume_controls">
  873. <div class="amplitude-mute amplitude-not-muted"></div>
  874. <div class="plyr_vol_mobi">
  875. <input type="range" class="amplitude-volume-slider"/>
  876. <div class="ms-range-fix"></div>
  877. </div>
  878. </div>
  879. </div>
  880. <div class="song_rs_controls">
  881. <div class="repeat_container">
  882. <div class="amplitude-playback-speed amplitude-playback-speed-10"></div>
  883. </div>
  884. </div>
  885. <div class="song_queue song_queued" onclick="Ma_ShowQueue();">
  886. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18 5v8.333c-.455-.216-.957-.346-1.493-.346-1.934 0-3.507 1.573-3.507 3.507S14.573 20 16.507 20s3.507-1.573 3.507-3.507c0-.177-.027-.347-.053-.517H20V6h2V4h-3C18.447 4 18 4.448 18 5zM2 5H16V7H2z"/><path fill="currentColor" d="M2 9H16V11H2zM2 13H11V15H2zM2 17H11V19H2z"/></svg>
  887. </div>
  888. <div class="song_queue" onclick="clearQueues();">
  889. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"/></svg>
  890. </div>
  891. </div>
  892. <div class="ma_player_playlist" data-simplebar>
  893. <div class="queue_head">
  894. <h4>Queue</h4>
  895. <span onclick="clearQueues();" title="Clear"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z"/></svg></span>
  896. </div>
  897. <div id="queue-list">
  898. </div>
  899. </div>
  900. </div>
  901. </div>
  902. <!-- End Player  -->
  903. </div>
  904.  
  905. <!-- Login Modal  -->
  906. <!-- Modal -->
  907. <div class="modal fade auth_box_prnt" id="login_box" tabindex="-1" role="dialog" aria-labelledby="login_box" aria-hidden="true">
  908. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg></button>
  909. <div class="modal-dialog auth_box" role="document">
  910. <div class="modal-content">
  911. <div class="right_combo">
  912. <div class="navbar-brand">
  913. <img src="https://gwiremusic.com/themes/volcano/img/logo.png?cache=753" alt="">
  914. </div>
  915. <h2>Login</h2>
  916. <p>Get access to your music, playlists and account</p>
  918. <div class="alert alert-danger alert-empty" id="output-errors"></div>
  919. <form method="post" action="" method="POST" id="login-form">
  920. <div class="form-group mat_input">
  921. <input type="text" class="form-control" placeholder="Username" autofocus name="username">
  922. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z"/></svg>
  923. </div>
  924. <div class="form-group mat_input">
  925. <input type="password" class="form-control" placeholder="Password" name="password">
  926. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18 8h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 1 1 12 0v1zM5 10v10h14V10H5zm6 4h2v2h-2v-2zm-4 0h2v2H7v-2zm8 0h2v2h-2v-2zm1-6V7a4 4 0 1 0-8 0v1h8z"/></svg>
  927. </div>
  928. <div class="forgot_password">
  929. <a href="https://gwiremusic.com/forgot-password">Forgot your password?</a>
  930. </div>
  931. <input type="hidden" name="last_url" class="login_last_url">
  932. <button type="submit" class="btn btn-primary btn-mat" id="btn-submit">Login</button>
  933. </form>
  934. <div class="signup_">
  935. <span>Don&#039;t have an account?</span>
  936. <a href="#" data-dismiss="modal" data-toggle="modal" data-target="#signup_box">Sign Up</a>
  937. </div>
  938. <div class="ma_social_login">
  939. </div>
  940. </div>
  941. <div class="left_combo" style="background-image: url(https://gwiremusic.com/themes/volcano/img/auth/singing.jpg);">
  942. <h2>Live your Day with <span>Music</span> <img src="https://gwiremusic.com/themes/volcano/img/icon.png" /></h2>
  943. </div>
  944. </div>
  945. </div>
  946. </div>
  947.  
  948. <script>
  949. $(document).ready(function() {
  951.    var options = {
  952.     url: "https://gwiremusic.com/endpoints/auth/login?hash_id=" + getHashID(),
  953.        beforeSubmit:  function () {
  954.         $('#output-errors').empty();
  955.         $("#btn-submit").text("Please wait..");
  956.        },
  957.        success: function (data) {
  958.         $("#btn-submit").text("Login");
  959.         if (data.status == 200) {
  960.         if (data.last_url) {
  961.         window.location.href = data.last_url;
  962.         return false;
  963.         }
  964.         if ($('#page').attr('data-page') != 'home' && $('#page').attr('data-page') != 'forgot' && $('#page').attr('data-page') != 'reset') {
  965.         $('#main-header').html(data.header);
  966.         $('#login_box').modal('hide');
  967.         if (Amplitude.getActiveSongMetadata().price > 0) {
  968.         location.href = window.location.href;
  969.         } else {
  970.         location.href = window.location.href;
  971.         }
  972. $("[data-load='feed']").parent().removeClass("hidden");
  973.         } else {
  974.         location.href = window.location.href;
  975.         }
  976.         } else if (data.status == 400) {
  977.         var errros = data.errors.join("<br>");
  978.         $('#output-errors').html(errros);
  979.         } else if (data.status == 600) {
  980.                location.href = data.location;
  981.            }
  982.        }
  983.    };
  984.  
  985.    $('#login-form').ajaxForm(options);
  986. });
  987. </script>
  988. <!-- End Login Modal  -->
  989.  
  990. <!-- Signup Modal  -->
  991. <!-- Modal -->
  992. <div class="modal fade auth_box_prnt" id="signup_box" tabindex="-1" role="dialog" aria-labelledby="signup_box" aria-hidden="true">
  993. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg></button>
  994. <div class="modal-dialog auth_box" role="document">
  995. <div class="modal-content">
  996. <div class="right_combo">
  997. <div class="navbar-brand">
  998. <img src="https://gwiremusic.com/themes/volcano/img/logo.png?cache=753" alt="">
  999. </div>
  1000. <h2>Signup</h2>
  1001. <p>Get access to your music, playlists and account</p>
  1003. <div class="alert alert-danger alert-empty" id="output-singup-errors"></div>
  1004. <form method="post" action="POST" id="signup-form">
  1005. <div class="form-group mat_input">
  1006. <input type="text" name="name" class="form-control" placeholder="Full Name" autofocus>
  1007. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z"/></svg>
  1008. </div>
  1009. <div class="form-group mat_input">
  1010. <input type="text" name="username" class="form-control" placeholder="Username">
  1011. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z"/></svg>
  1012. </div>
  1013. <div class="form-group mat_input">
  1014. <input type="email" name="email" class="form-control" placeholder="Email address">
  1015. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm17 4.238l-7.928 7.1L4 7.216V19h16V7.238zM4.511 5l7.55 6.662L19.502 5H4.511z"/></svg>
  1016. </div>
  1017. <div class="form-group mat_input">
  1018. <input type="password" name="password" class="form-control" placeholder="Password" id="password">
  1019. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18 8h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 1 1 12 0v1zM5 10v10h14V10H5zm6 4h2v2h-2v-2zm-4 0h2v2H7v-2zm8 0h2v2h-2v-2zm1-6V7a4 4 0 1 0-8 0v1h8z"/></svg>
  1020. </div>
  1021. <div class="form-group mat_input">
  1022. <input type="password" name="c_password" class="form-control" placeholder="Confirm Password">
  1023. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18 8h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 1 1 12 0v1zM5 10v10h14V10H5zm6 4h2v2h-2v-2zm-4 0h2v2H7v-2zm8 0h2v2h-2v-2zm1-6V7a4 4 0 1 0-8 0v1h8z"/></svg>
  1024. </div>
  1025. <div class="recaptcha">
  1026. </div>
  1027. <div class="terms_check">
  1028. <span>By signing up, you agree to our</span>
  1029. <a href="https://gwiremusic.com/terms/terms">Terms</a>
  1030. <span>and</span>
  1031. <a href="https://gwiremusic.com/terms/privacy">Privacy Policy</a>
  1032. </div>
  1033. <button type="submit" class="btn btn-primary btn-mat" id="btn-singup-submit">Signup</button>
  1034. </form>
  1035. <div class="signup_">
  1036. <span>Already have an account?</span>
  1037. <a href="#" data-dismiss="modal" data-toggle="modal" data-target="#login_box">Login</a>
  1038. </div>
  1039. </div>
  1040. <div class="left_combo register" style="background-image: url(https://gwiremusic.com/themes/volcano/img/auth/register.png);">
  1041. <h3>Over 30 million songs to suit every mood & occasion</h3>
  1042. <div class="row">
  1043. <div class="col-3">
  1044. <svg class="top" xmlns="http://www.w3.org/2000/svg" width="51.633" height="51.682" viewBox="0 0 51.633 51.682"> <g id="Group_9888" data-name="Group 9888" transform="translate(-1109 -695.318)"> <g transform="translate(10.051 -42.949)"> <g id="Rectangle_3432" data-name="Rectangle 3432" transform="translate(1098.949 749.949)" fill="none" stroke="#fff" stroke-width="1"> <rect width="40" height="40" rx="6" stroke="none"/> <rect x="0.5" y="0.5" width="39" height="39" rx="5.5" fill="none"/> </g> <g id="Group_9318" data-name="Group 9318" transform="translate(1108.972 761.968)"> <path id="Subtraction_45" data-name="Subtraction 45" d="M9.464,15.535H0V14.164H9.464v1.37Zm4.048-7.082H0V7.082H13.512v1.37Zm6.069-7.082H0V0H19.581V1.37Z" transform="translate(0 0)" fill="#fff"/> <path id="Path_7235" data-name="Path 7235" d="M81.74,1.6a3.463,3.463,0,0,1-1.685-.4C79.7.993,79.491.732,79.491.486V.467a.473.473,0,0,0-.946,0V6.459a2.551,2.551,0,1,0,.946,1.974s0-.009,0-.014,0,0,0-.007V1.953a4.27,4.27,0,0,0,2.249.58.467.467,0,1,0,0-.933ZM76.9,10.059a1.625,1.625,0,1,1,1.648-1.625A1.639,1.639,0,0,1,76.9,10.059Z" transform="translate(-62.306 4.869)" fill="#fff"/> </g> </g> <path id="Subtraction_46" data-name="Subtraction 46" d="M10856.77,1580.2h0a13.591,13.591,0,0,0-4.876-5.964l.494-1.774a15.166,15.166,0,0,1,6.233,7.628l-1.851.111Zm6.592-.363h0a19.572,19.572,0,0,0-3.637-6.947,19.283,19.283,0,0,0-6.1-4.976l.473-1.752a21.064,21.064,0,0,1,7.01,5.622,21.318,21.318,0,0,1,4.082,7.959l-1.824.1Z" transform="translate(-9704.555 -870.846)" fill="#fff"/> </g> </svg>
  1045. <p>Create your own playlist</p>
  1046. </div>
  1047. <div class="col-5">
  1048. <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"> <g transform="translate(-1098.949 -749.949)"> <g id="Rectangle_3432" data-name="Rectangle 3432" transform="translate(1098.949 749.949)" fill="none" stroke="#fff" stroke-width="1"> <rect width="40" height="40" rx="6" stroke="none"/> <rect x="0.5" y="0.5" width="39" height="39" rx="5.5" fill="none"/> </g> <path id="Subtraction_47" data-name="Subtraction 47" d="M10709.106,1626.985a3.671,3.671,0,0,1-1.342-.249,3.749,3.749,0,0,1-2.247-4.4l.085-.342-4.99-2.734-.238.257a3.647,3.647,0,0,1-1.892,1.091l0,0a3.753,3.753,0,0,1-.823.093,3.619,3.619,0,0,1-1.358-.264,3.659,3.659,0,0,1-1.708-1.372,3.765,3.765,0,0,1,0-4.2,3.646,3.646,0,0,1,1.708-1.372,3.75,3.75,0,0,1,1.373-.262,3.576,3.576,0,0,1,.808.091l.007,0a3.614,3.614,0,0,1,1.89,1.091l.238.257,4.99-2.734-.085-.342a3.745,3.745,0,0,1,2.247-4.4,3.679,3.679,0,0,1,1.342-.252,3.734,3.734,0,0,1,.01,7.468,3.353,3.353,0,0,1-.35-.017,3.72,3.72,0,0,1-2.359-1.169l-.238-.254-4.987,2.734.083.342a3.774,3.774,0,0,1,0,1.832l-.083.342,4.99,2.734.238-.257a3.651,3.651,0,0,1,2.356-1.166c.113-.011.229-.016.343-.016a3.749,3.749,0,0,1,2.184.706,3.73,3.73,0,0,1-2.187,6.759Zm.013-6.282a2.557,2.557,0,0,0-2.534,2.548,2.543,2.543,0,0,0,.747,1.8,2.512,2.512,0,0,0,3.577,0,2.541,2.541,0,0,0,0-3.6A2.513,2.513,0,0,0,10709.119,1620.7Zm-11.457-6.284a2.509,2.509,0,0,0-1.787.751,2.541,2.541,0,0,0,0,3.6,2.506,2.506,0,0,0,3.577,0,2.538,2.538,0,0,0,0-3.6A2.511,2.511,0,0,0,10697.662,1614.419Zm11.457-6.284a2.507,2.507,0,0,0-1.787.751,2.538,2.538,0,0,0,0,3.6,2.506,2.506,0,0,0,3.577,0,2.549,2.549,0,0,0-1.79-4.348Z" transform="translate(-9584.443 -847.019)" fill="#fff"/> </g> </svg>
  1049. <p>Share music with friends & family</p>
  1050. </div>
  1051. <div class="col-4">
  1052. <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"> <g transform="translate(-1098.949 -749.949)"> <g id="Rectangle_3432" data-name="Rectangle 3432" transform="translate(1098.949 749.949)" fill="none" stroke="#fff" stroke-width="1"> <rect width="40" height="40" rx="6" stroke="none"/> <rect x="0.5" y="0.5" width="39" height="39" rx="5.5" fill="none"/> </g> <path id="Path_6728" data-name="Path 6728" d="M3535.636,7856.374l-7.81-7.811.029-.059a5.6,5.6,0,0,1,4.3-8.935c.069,0,.138,0,.207,0a5.607,5.607,0,0,0,6.54,0c.069,0,.138,0,.207,0a5.6,5.6,0,0,1,4.312,8.924l.031.059Zm-6.5-8.184,6.5,6.5,6.5-6.5.132-.153a4.417,4.417,0,0,0-6.24-6.217l-.388.335-.388-.335a4.412,4.412,0,0,0-2.882-1.07c-.054,0-.109,0-.163,0a4.414,4.414,0,0,0-3.2,7.284Z" transform="translate(-2417.124 -7077.917)" fill="#fff"/> </g> </svg>
  1053. <p>Save your favourites</p>
  1054. </div>
  1055. </div>
  1056. </div>
  1057. </div>
  1058. </div>
  1059. </div>
  1060.  
  1061. <style>
  1062. </style>
  1063. <script>
  1064. $(document).ready(function() {
  1065.    var options = {
  1066.     url: "https://gwiremusic.com/endpoints/auth/signup?hash_id=" + getHashID() + '',
  1067.        beforeSubmit:  function () {
  1068.                 $('#output-singup-errors').removeClass("alert-success").addClass('alert-danger');
  1069.         $('#output-singup-errors').empty();
  1070.         $("#btn-singup-submit").text("Please wait..");
  1071.                },
  1072.        success: function (data) {
  1073.         $("#btn-singup-submit").text("Signup");
  1074.         if (data.status == 200) {
  1075.  
  1076.            if( typeof data.link !== "undefined" ){
  1077.                    location.href = 'https://gwiremusic.com';
  1078. }
  1079.  
  1080.         if ($('#page').attr('data-page') != 'home' && $('#page').attr('data-page') != 'forgot' && $('#page').attr('data-page') != 'reset') {
  1081.         $('#main-header').html(data.header);
  1082.         $('#signup_box').modal('hide');
  1083.  
  1084.         if (Amplitude.getActiveSongMetadata().price > 0) {
  1085.         location.href = 'https://gwiremusic.com/interest';//window.location.href;
  1086.         } else {
  1087.         ajaxRedirect('interest');
  1088.         }
  1089.         } else {
  1090.         location.href = 'https://gwiremusic.com/interest';//window.location.href;
  1091.         }
  1092.         } else if (data.status == 400) {
  1093.         var errros = data.errors.join("<br>");
  1094.         $('#output-singup-errors').html(errros);
  1095.         } else if (data.status == 403) {
  1096.         $('#output-singup-errors').removeClass("alert-danger").addClass('alert-success');
  1097.         $('#output-singup-errors').html(data.message);
  1098.            }
  1099.        }
  1100.    };
  1101.  
  1102.    $('#signup-form').ajaxForm(options);
  1103. });
  1104. </script>
  1105. <!-- End Signup Modal  -->
  1106.  
  1107. <!-- Modals -->
  1108. <div class="modal fade" id="delete-song" tabindex="-1" role="dialog" aria-labelledby="delete-song" aria-hidden="true" data-id="0">
  1109. <div class="modal-dialog mat_box" role="document">
  1110. <div class="modal-content">
  1111. <div class="modal-header">
  1112. <h5 class="modal-title">Delete your track</h5>
  1113. </div>
  1114. <div class="modal-body">
  1115. Are you sure you want to delete this track?
  1116. </div>
  1117. <div class="modal-footer">
  1118. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1119. <button type="button" class="btn btn-danger btn-mat" onclick="deleteSong();">Delete</button>
  1120. </div>
  1121. </div>
  1122. </div>
  1123. </div> <div class="modal fade" id="delete-comment" tabindex="-1" role="dialog" aria-labelledby="delete-comment" aria-hidden="true" data-id="0">
  1124. <div class="modal-dialog mat_box" role="document">
  1125. <div class="modal-content">
  1126. <div class="modal-header">
  1127. <h5 class="modal-title">Delete comment</h5>
  1128. </div>
  1129. <div class="modal-body">
  1130. Are you sure you want to delete this comment?
  1131. </div>
  1132. <div class="modal-footer">
  1133. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1134. <button type="button" class="btn btn-danger btn-mat" onclick="deleteComment();">Delete</button>
  1135. </div>
  1136. </div>
  1137. </div>
  1138. </div>
  1139.  
  1140.  
  1141. <div class="modal fade" id="delete-comment-replay" tabindex="-1" role="dialog" aria-labelledby="delete-comment-replay" aria-hidden="true" data-id="0">
  1142. <div class="modal-dialog mat_box" role="document">
  1143. <div class="modal-content">
  1144. <div class="modal-header">
  1145. <h5 class="modal-title">Delete comment</h5>
  1146. </div>
  1147. <div class="modal-body">
  1148. Are you sure you want to delete this comment?
  1149. </div>
  1150. <div class="modal-footer">
  1151. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1152. <button type="button" class="btn btn-danger btn-mat" onclick="deleteCommentReplay(this);">Delete</button>
  1153. </div>
  1154. </div>
  1155. </div>
  1156. </div> <div class="modal fade" id="delete-post" tabindex="-1" role="dialog" aria-labelledby="delete-post" aria-hidden="true" data-id="0">
  1157. <div class="modal-dialog mat_box" role="document">
  1158. <div class="modal-content">
  1159. <div class="modal-header">
  1160. <h5 class="modal-title">Delete your post</h5>
  1161. </div>
  1162. <div class="modal-body">
  1163. Are you sure you want to delete this post?
  1164. </div>
  1165.  
  1166. <div class="modal-footer">
  1167. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1168. <button type="button" class="btn btn-danger btn-mat" onclick="deletePost();">Delete</button>
  1169. </div>
  1170. </div>
  1171. </div>
  1172. </div> <div class="modal fade" id="reposted" tabindex="-1" role="dialog" aria-labelledby="reposted" aria-hidden="true" data-id="0">
  1173. <div class="modal-dialog mat_box" role="document">
  1174. <div class="modal-content">
  1175. <div class="modal-body">
  1176. <div class="no-track-found" style="padding: 30px 10px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> The song was successfully shared on your timeline.</div>
  1177. </div>
  1178. </div>
  1179. </div>
  1180. </div> <div class="modal fade" id="purchase-song" role="dialog" aria-labelledby="purchase-song" aria-hidden="true" data-id="0">
  1181. <div class="modal-dialog mat_box" role="document">
  1182. <div class="modal-content">
  1183. <div class="modal-header">
  1184. <h5 class="modal-title">Purchase Required</h5>
  1185. </div>
  1186. <div class="modal-body">
  1187. To continue listening to this track, you need to purchase the song.
  1188. </div>
  1189. <div class="modal-footer">
  1190. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1191. <button type="button" class="btn btn-primary btn-mat" onclick="purchaseTrack($(this));">Purchase $<span class="price"></span></button>
  1192. </div>
  1193. </div>
  1194. </div>
  1195. </div> <div class="modal fade" id="age-restricted" role="dialog" aria-labelledby="age-restricted" aria-hidden="true" data-id="0">
  1196. <div class="modal-dialog mat_box" role="document">
  1197. <div class="modal-content">
  1198. <div class="modal-header">
  1199. <h5 class="modal-title">Age restricted track</h5>
  1200. </div>
  1201. <div class="modal-body">
  1202. This track is age restricted for viewers under 18, Create an account or login to confirm your age. </div>
  1203. <div class="modal-footer">
  1204. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  1205. </div>
  1206. </div>
  1207. </div>
  1208. </div> <div class="modal fade" id="create_copyright_box" tabindex="-1" role="dialog" aria-labelledby="create_copyright_box" aria-hidden="true">
  1209. <div class="modal-dialog mat_box create_playlist" role="document">
  1210. <div class="modal-content">
  1211. <div class="modal-header">
  1212. <h5 class="modal-title">Create DMCA take down notice</h5>
  1213. </div>
  1214. <form method="post" action="" id="copyright-form">
  1215. <div class="alert alert-danger alert-empty" id="output-copyright-errors"></div>
  1216. <div class="create_playlist_innr">
  1217. <div class="play_info">
  1218. <div class="form-group mat_input" style="text-align: initial;">
  1219. <textarea name="description" id="description" rows="6" style="width: 100%;"></textarea><br>
  1220. <small>Please describe your request carefully and as much as you can, note that false DMCA requests can lead to account termination.</small>
  1221. </div>
  1222. <hr>
  1223. <div class="custom-control custom-radio">
  1224. <input type="checkbox" id="confirm_1" name="confirm_1" class="custom-control-input">
  1225. <label class="custom-control-label" for="confirm_1">I have a good faith belief that use of the copyrighted work described above is not authorized by the copyright owner, its agent or the law</label>
  1226. </div>
  1227. <div class="custom-control custom-radio">
  1228. <input type="checkbox" id="confirm_2" name="confirm_2" class="custom-control-input">
  1229. <label class="custom-control-label" for="confirm_2">I confirm that I am the copyright owner or am authorised to act on behalf of the owner of an exclusive right that is allegedly infringed.</label>
  1230. </div>
  1231. </div>
  1232. </div>
  1233. <input type="hidden" id="song-copyright-id" name="id">
  1234. <div class="modal-footer">
  1235. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1236. <button type="submit" class="btn btn-primary btn-mat" id="btn-copyright-submit">Submit</button>
  1237. </div>
  1238. </form>
  1239. </div>
  1240. </div>
  1241. </div>
  1242. <script>
  1243. $(document).ready(function() {
  1244.    var options = {
  1245.     url: "https://gwiremusic.com/endpoints/copyright-create?hash_id=" + getHashID(),
  1246.        beforeSubmit:  function () {
  1247.         $('#output-copyright-errors').removeClass('alert-success').addClass('alert-danger');
  1248.         $('#output-copyright-errors').empty();
  1249.         $("#btn-copyright-submit").text("Please wait..");
  1250.        },
  1251.        success: function (data) {
  1252.         $("#btn-copyright-submit").text("Submit");
  1253.         if (data.status == 200) {
  1254.         $('#output-copyright-errors').addClass('alert-success').removeClass('alert-danger');
  1255.         $('#output-copyright-errors').text("Thanks for your submission, we will review your request shortly.");
  1256.         setTimeout(function () {
  1257.         $('#copyright-form')[0].reset();
  1258.         $('#create_copyright_box').modal('hide');
  1259.         closeModal();
  1260.         $('#output-copyright-errors').empty();
  1261.         }, 3000);
  1262.         } else if (data.status == 400) {
  1263.         var errros = data.errors.join("<br>");
  1264.         $('#output-copyright-errors').html(errros);
  1265.         }
  1266.        }
  1267.    };
  1268.  
  1269.    $('#copyright-form').ajaxForm(options);
  1270. });
  1271. </script> <div class="modal fade" id="comment_unreported" tabindex="-1" role="dialog" aria-labelledby="comment_unreported" aria-hidden="true" data-id="0">
  1272.    <div class="modal-dialog mat_box" role="document">
  1273.        <div class="modal-content">
  1274. <div class="modal-body">
  1275. <div class="no-track-found" style="padding: 30px 10px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> The comment report was successfully deleted.</div>
  1276.            </div>
  1277.        </div>
  1278.    </div>
  1279. </div>
  1280. <div class="modal fade" id="report_comment" tabindex="-1" role="dialog" aria-labelledby="report_comment" aria-hidden="true">
  1281.    <div class="modal-dialog mat_box create_playlist" role="document">
  1282.        <div class="modal-content">
  1283.            <div class="modal-header">
  1284.                <h5 class="modal-title">Report comment.</h5>
  1285.            </div>
  1286.            <form method="post" action="" id="comment-report-form">
  1287.                <div class="alert alert-danger alert-empty" id="output-report-comment-errors"></div>
  1288.                <div class="create_playlist_innr">
  1289.                    <div class="play_info">
  1290.                        <div class="form-group mat_input" style="text-align: initial;">
  1291.                            <textarea name="comment_description" id="comment_description" rows="5" style="width: 100%;"></textarea><br>
  1292.                            <small>Please describe whey you want to report this comment.</small>
  1293.                        </div>
  1294.                    </div>
  1295.                </div>
  1296.                <input type="hidden" id="comment_id" name="id">
  1297.                <div class="modal-footer">
  1298.                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1299.                    <button type="submit" class="btn btn-primary btn-mat" id="btn-report-comment-submit">Submit</button>
  1300.                </div>
  1301.            </form>
  1302.        </div>
  1303.    </div>
  1304. </div>
  1305. <script>
  1306.    $(document).ready(function() {
  1307.        var options = {
  1308.            url: "https://gwiremusic.com/endpoints/report-comment?hash_id=" + getHashID(),
  1309.            beforeSubmit:  function () {
  1310.                $('#output-report-comment-errors').removeClass('alert-success').addClass('alert-danger');
  1311.                $('#output-report-comment-errors').empty();
  1312.                $("#btn-report-comment-submit").text("Please wait..");
  1313.            },
  1314.            success: function (data) {
  1315.                $("#bbtn-report-comment-submit").text("Submit");
  1316.                if (data.status == 200) {
  1317.                    $('#output-report-comment-errors').addClass('alert-success').removeClass('alert-danger');
  1318.                    $('#output-report-comment-errors').text("Thanks for your submission, we will review your request shortly.");
  1319.                    setTimeout(function () {
  1320.                        $('#comment-report-form')[0].reset();
  1321.                        $('#report_comment').modal('hide');
  1322.                        closeModal();
  1323.                        var comment_id = $('#comment_id').val();
  1324.                        $('.comment_report[data-comment-id="'+comment_id+'"]').hide();
  1325.                        $('.comment_unreport[data-comment-id="'+comment_id+'"]').css({'visibility':'inherit'});
  1326.                        $('.comment_unreport[data-comment-id="'+comment_id+'"]').show();
  1327.  
  1328.                        $('#output-report-comment-errors').empty();
  1329.                    }, 3000);
  1330.                } else if (data.status == 400) {
  1331.                    var errros = data.errors.join("<br>");
  1332.                    $('#output-report-comment-errors').html(errros);
  1333.                }
  1334.            }
  1335.        };
  1336.  
  1337.        $('#comment-report-form').ajaxForm(options);
  1338.    });
  1339. </script> <div class="modal fade" id="blog_comment_unreported" tabindex="-1" role="dialog" aria-labelledby="comment_unreported" aria-hidden="true" data-id="0">
  1340.    <div class="modal-dialog mat_box" role="document">
  1341.        <div class="modal-content">
  1342. <div class="modal-body">
  1343. <div class="no-track-found" style="padding: 30px 10px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> The comment report was successfully deleted.</div>
  1344.            </div>
  1345.        </div>
  1346.    </div>
  1347. </div>
  1348. <div class="modal fade" id="blog_report_comment" tabindex="-1" role="dialog" aria-labelledby="blog_report_comment" aria-hidden="true">
  1349.    <div class="modal-dialog mat_box create_playlist" role="document">
  1350.        <div class="modal-content">
  1351.            <div class="modal-header">
  1352.                <h5 class="modal-title">Report comment.</h5>
  1353.            </div>
  1354.            <form method="post" action="" id="blog-comment-report-form">
  1355.                <div class="alert alert-danger alert-empty" id="output-blog-report-comment-errors"></div>
  1356.                <div class="create_playlist_innr">
  1357.                    <div class="play_info">
  1358.                        <div class="form-group mat_input" style="text-align: initial;">
  1359.                            <textarea name="comment_description" id="blog_comment_description" rows="5" style="width: 100%;"></textarea><br>
  1360.                            <small>Please describe whey you want to report this comment.</small>
  1361.                        </div>
  1362.                    </div>
  1363.                </div>
  1364.                <input type="hidden" id="blog_comment_id" name="id">
  1365.                <div class="modal-footer">
  1366.                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1367.                    <button type="submit" class="btn btn-primary btn-mat" id="btn-blog-report-comment-submit">Submit</button>
  1368.                </div>
  1369.            </form>
  1370.        </div>
  1371.    </div>
  1372. </div>
  1373. <script>
  1374.    $(document).ready(function() {
  1375.        var options = {
  1376.            url: "https://gwiremusic.com/endpoints/blog-report-comment?hash_id=" + getHashID(),
  1377.            beforeSubmit:  function () {
  1378.                $('#output-blog-report-comment-errors').removeClass('alert-success').addClass('alert-danger');
  1379.                $('#output-blog-report-comment-errors').empty();
  1380.                $("#btn-blog-report-comment-submit").text("Please wait..");
  1381.            },
  1382.            success: function (data) {
  1383.                $("#btn-blog-report-comment-submit").text("Submit");
  1384.                if (data.status == 200) {
  1385.                    $('#output-blog-report-comment-errors').addClass('alert-success').removeClass('alert-danger');
  1386.                    $('#output-blog-report-comment-errors').text("Thanks for your submission, we will review your request shortly.");
  1387.                    setTimeout(function () {
  1388.                        $('#blog-comment-report-form')[0].reset();
  1389.                        $('#blog_report_comment').modal('hide');
  1390.                        closeModal();
  1391.                        var comment_id = $('#blog_comment_id').val();
  1392.                        $('.blog_comment_report[data-comment-id="'+comment_id+'"]').hide();
  1393.                        $('.blog_comment_unreport[data-comment-id="'+comment_id+'"]').css({'visibility':'inherit'});
  1394.                        $('.blog_comment_unreport[data-comment-id="'+comment_id+'"]').show();
  1395.  
  1396.                        $('#output-blog-report-comment-errors').empty();
  1397.                    }, 3000);
  1398.                } else if (data.status == 400) {
  1399.                    var errros = data.errors.join("<br>");
  1400.                    $('#output-blog-report-comment-errors').html(errros);
  1401.                }
  1402.            }
  1403.        };
  1404.  
  1405.        $('#blog-comment-report-form').ajaxForm(options);
  1406.    });
  1407. </script> <div class="modal fade" id="track_unreported" tabindex="-1" role="dialog" aria-labelledby="track_unreported" aria-hidden="true" data-id="0">
  1408.    <div class="modal-dialog mat_box" role="document">
  1409.        <div class="modal-content">
  1410.            <div class="modal-body">
  1411. <div class="no-track-found" style="padding: 30px 10px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> The track report was successfully deleted.</div>
  1412.            </div>
  1413.        </div>
  1414.    </div>
  1415. </div>
  1416. <div class="modal fade" id="report_track" tabindex="-1" role="dialog" aria-labelledby="report_track" aria-hidden="true">
  1417.    <div class="modal-dialog mat_box create_playlist" role="document">
  1418.        <div class="modal-content">
  1419.            <div class="modal-header">
  1420.                <h5 class="modal-title">Report track.</h5>
  1421.            </div>
  1422.            <form method="post" action="" id="track-report-form">
  1423.                <div class="alert alert-danger alert-empty" id="output-report-track-errors"></div>
  1424.                <div class="create_playlist_innr">
  1425.                    <div class="play_info">
  1426.                        <div class="form-group mat_input" style="text-align: initial;">
  1427.                            <textarea name="track_description" id="track_description" rows="5" style="width: 100%;"></textarea>
  1428.                            <small>Please describe whey you want to report this track.</small>
  1429.                        </div>
  1430.                    </div>
  1431.                </div>
  1432.                <input type="hidden" id="report_track_id" name="id">
  1433.                <div class="modal-footer">
  1434.                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1435.                    <button type="submit" class="btn btn-primary btn-mat" id="btn-report-track-submit">Submit</button>
  1436.                </div>
  1437.            </form>
  1438.        </div>
  1439.    </div>
  1440. </div>
  1441. <script>
  1442.    $(document).ready(function() {
  1443.        var options = {
  1444.            url: "https://gwiremusic.com/endpoints/report-track?hash_id=" + getHashID(),
  1445.            beforeSubmit:  function () {
  1446.                $('#output-report-track-errors').removeClass('alert-success').addClass('alert-danger');
  1447.                $('#output-report-track-errors').empty();
  1448.                $("#btn-report-track-submit").text("Please wait..");
  1449.            },
  1450.            success: function (data) {
  1451.                $("#btn-report-track-submit").text("Submit");
  1452.                if (data.status == 200) {
  1453.                    $('#output-report-track-errors').addClass('alert-success').removeClass('alert-danger');
  1454.                    $('#output-report-track-errors').text("Thanks for your submission, we will review your request shortly.");
  1455.                    setTimeout(function () {
  1456.                        $('#track-report-form')[0].reset();
  1457.                        $('#report_track').modal('hide');
  1458.                        closeModal();
  1459.                        var track_id = $('#report_track_id').val();
  1460.                        $('.track_report[data-track-id="'+track_id+'"]').hide();
  1461.                        $('.track_unreport[data-track-id="'+track_id+'"]').css({'visibility':'inherit'});
  1462.                        $('.track_unreport[data-track-id="'+track_id+'"]').show();
  1463.  
  1464.                        $('#output-report-track-errors').empty();
  1465.                    }, 3000);
  1466.                } else if (data.status == 400) {
  1467.                    var errros = data.errors.join("<br>");
  1468.                    $('#output-report-track-errors').html(errros);
  1469.                }
  1470.            }
  1471.        };
  1472.  
  1473.        $('#track-report-form').ajaxForm(options);
  1474.    });
  1475. </script> <link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css'>
  1476.  
  1477. <style>
  1478.    .success-box {
  1479.        margin:50px 0;
  1480.        padding:10px 10px;
  1481.        border:1px solid #eee;
  1482.        background:#f9f9f9;
  1483.    }
  1484.    .success-box img {
  1485.        margin-right:10px;
  1486.        display:inline-block;
  1487.        vertical-align:top;
  1488.    }
  1489.    .success-box > div {
  1490.        vertical-align:top;
  1491.        display:inline-block;
  1492.        color:#888;
  1493.    }
  1494.    /* Rating Star Widgets Style */
  1495.    .rating-stars ul {
  1496.        list-style-type:none;
  1497.        padding:0;
  1498.  
  1499.        -moz-user-select:none;
  1500.        -webkit-user-select:none;
  1501.    }
  1502.    .rating-stars ul > li.star {
  1503.        display:inline-block;
  1504.  
  1505.    }
  1506.    /* Idle State of the stars */
  1507.    .rating-stars ul > li.star > i.fa {
  1508.        font-size:2.5em; /* Change the size of the stars */
  1509.        color:#ccc; /* Color on idle state */
  1510.    }
  1511.    /* Hover state of the stars */
  1512.    .rating-stars ul > li.star.hover > i.fa {
  1513.        color:#FFCC36;
  1514.    }
  1515.    /* Selected state of the stars */
  1516.    .rating-stars ul > li.star.selected > i.fa {
  1517.        color:#FF912C;
  1518.    }
  1519. </style>
  1520.  
  1521. <div class="modal fade" id="track_unreported" tabindex="-1" role="dialog" aria-labelledby="track_unreported" aria-hidden="true" data-id="0">
  1522.    <div class="modal-dialog mat_box" role="document">
  1523.        <div class="modal-content">
  1524.            <div class="modal-body">
  1525. <div class="no-track-found" style="padding: 30px 10px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> The track report was successfully deleted.</div>
  1526.            </div>
  1527.        </div>
  1528.    </div>
  1529. </div>
  1530. <div class="modal fade" id="review_track" tabindex="-1" role="dialog" aria-labelledby="report_track" aria-hidden="true">
  1531.    <div class="modal-dialog mat_box create_playlist" role="document">
  1532.        <div class="modal-content">
  1533.            <div class="modal-header">
  1534.                <h5 class="modal-title">Review track.</h5>
  1535.            </div>
  1536.            <form method="post" action="" id="track-review-form">
  1537.                <div class="alert alert-danger alert-empty" id="output-review-track-errors"></div>
  1538.                <div class="create_playlist_innr">
  1539.                    <div class="play_info">
  1540.                        <div class="form-group mat_input" style="text-align: initial;">
  1541.                            <textarea name="track_review_description" id="track_review_description" rows="5" style="width: 100%;" placeholder="Please enter your review."></textarea>
  1542.                            <br><br>
  1543.  
  1544.                            <section class='rating-widget'>
  1545.                                <!-- Rating Stars Box -->
  1546.                                <div class='rating-stars text-center'>
  1547.                                    <ul id='stars'>
  1548.                                        <li class='star' title='Poor' data-value='1'>
  1549.                                            <i class='fa fa-star fa-fw'></i>
  1550.                                        </li>
  1551.                                        <li class='star' title='Fair' data-value='2'>
  1552.                                            <i class='fa fa-star fa-fw'></i>
  1553.                                        </li>
  1554.                                        <li class='star' title='Good' data-value='3'>
  1555.                                            <i class='fa fa-star fa-fw'></i>
  1556.                                        </li>
  1557.                                        <li class='star' title='Excellent' data-value='4'>
  1558.                                            <i class='fa fa-star fa-fw'></i>
  1559.                                        </li>
  1560.                                        <li class='star' title='WOW!!!' data-value='5'>
  1561.                                            <i class='fa fa-star fa-fw'></i>
  1562.                                        </li>
  1563.                                    </ul>
  1564.                                </div>
  1565.                            </section>
  1566.  
  1567.  
  1568.                        </div>
  1569.                    </div>
  1570.                </div>
  1571.                <input type="hidden" id="review_track_id" name="id">
  1572.                <input type="hidden" id="review_track_oid">
  1573.                <input type="hidden" id="track_stars" name="track_stars" value="0">
  1574.                <div class="modal-footer">
  1575.                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1576.                    <button type="submit" class="btn btn-primary btn-mat" disabled="disabled" id="btn-review-track-submit">Submit</button>
  1577.                </div>
  1578.            </form>
  1579.        </div>
  1580.    </div>
  1581. </div>
  1582. <script>
  1583.    $(document).ready(function(){
  1584.  
  1585.        /* 1. Visualizing things on Hover - See next part for action on click */
  1586.        $('#stars li').on('mouseover', function(){
  1587.            var onStar = parseInt($(this).data('value'), 10); // The star currently mouse on
  1588.  
  1589.            // Now highlight all the stars that's not after the current hovered star
  1590.            $(this).parent().children('li.star').each(function(e){
  1591.                if (e < onStar) {
  1592.                    $(this).addClass('hover');
  1593.                }
  1594.                else {
  1595.                    $(this).removeClass('hover');
  1596.                }
  1597.            });
  1598.  
  1599.        }).on('mouseout', function(){
  1600.            $(this).parent().children('li.star').each(function(e){
  1601.                $(this).removeClass('hover');
  1602.            });
  1603.        });
  1604.  
  1605.        $('#track_review_description').bind('input propertychange', function() {
  1606.            if(this.value.length){
  1607.                var ratingValue = parseInt($('#stars li.selected').last().data('value'), 10);
  1608.                if (ratingValue > 1) {
  1609.                    $('#btn-review-track-submit').removeAttr('disabled');
  1610.                }
  1611.            }
  1612.        });
  1613.  
  1614.        /* 2. Action to perform on click */
  1615.        $('#stars li').on('click', function(){
  1616.            var onStar = parseInt($(this).data('value'), 10); // The star currently selected
  1617.            var stars = $(this).parent().children('li.star');
  1618.  
  1619.            for (i = 0; i < stars.length; i++) {
  1620.                $(stars[i]).removeClass('selected');
  1621.            }
  1622.  
  1623.            for (i = 0; i < onStar; i++) {
  1624.                $(stars[i]).addClass('selected');
  1625.            }
  1626.  
  1627.            // JUST RESPONSE (Not needed)
  1628.            var ratingValue = parseInt($('#stars li.selected').last().data('value'), 10);
  1629.            var msg = "";
  1630.            if (ratingValue > 1) {
  1631.                $('#track_stars').val(ratingValue);
  1632.                if( $('#track_review_description').val() !== '' ) {
  1633.                    $('#btn-review-track-submit').removeAttr('disabled');
  1634.                }
  1635.                msg = "Thanks! You rated this " + ratingValue + " stars.";
  1636.            }
  1637.            else {
  1638.                msg = "We will improve ourselves. You rated this " + ratingValue + " stars.";
  1639.            }
  1640.  
  1641.        });
  1642.  
  1643.  
  1644.    });
  1645.  
  1646.    $(document).ready(function() {
  1647.        var options = {
  1648.            url: "https://gwiremusic.com/endpoints/review-track?hash_id=" + getHashID(),
  1649.            beforeSubmit:  function () {
  1650.                $('#output-review-track-errors').removeClass('alert-success').addClass('alert-danger');
  1651.                $('#output-review-track-errors').empty();
  1652.                $("#btn-review-track-submit").text("Please wait..");
  1653.            },
  1654.            success: function (data) {
  1655.                $("#btn-review-track-submit").text("Submit");
  1656.                if (data.status == 200) {
  1657.                    $('#output-review-track-errors').addClass('alert-success').removeClass('alert-danger');
  1658.                    $('#output-review-track-errors').text("Thanks for your submission.");
  1659.                    setTimeout(function () {
  1660.                        $('#track-review-form')[0].reset();
  1661.                        $('#review_track').modal('hide');
  1662.                        closeModal();
  1663.  
  1664.  
  1665.                        goToAjaxLink('track/'+$('#review_track_oid').val());
  1666.  
  1667.                        $('#output-review-track-errors').empty();
  1668.                    }, 3000);
  1669.                } else if (data.status == 400) {
  1670.                    var errros = data.errors.join("<br>");
  1671.                    $('#output-review-track-errors').html(errros);
  1672.                }
  1673.            }
  1674.        };
  1675.  
  1676.        $('#track-review-form').ajaxForm(options);
  1677.    });
  1678. </script> <div class="modal fade" id="bank_transfer_modal_response" tabindex="-1" role="dialog" aria-labelledby="bank_transfer_modal_response" aria-hidden="true" data-id="0">
  1679.    <div class="modal-dialog mat_box" role="document">
  1680.        <div class="modal-content">
  1681.            <div class="modal-body">
  1682.                <div class="no-track-found" style="padding: 30px 10px;">
  1683.                    <span id="bank_transfer_modal_response_txt"></span>
  1684.  
  1685.                </div>
  1686.            </div>
  1687.        </div>
  1688.    </div>
  1689. </div>
  1690.  
  1691.  
  1692. <div class="bank_transfer_modal modal fade modal-fixed-footer" tabindex="-1" role="dialog" aria-hidden="true" data-id="0">
  1693.    <div class="modal-dialog mat_box" role="document">
  1694.        <div class="modal-content dt_bank_trans_modal">
  1695.            <div class="modal-header">
  1696.                <h5 class="modal-title">Bank Transfer</h5>
  1697.            </div>
  1698.            <div class="modal-body">
  1699.                                <div class="bank_info"><div class="dt_settings_header bg_gradient">
  1700.    <div class="bank_info_innr">
  1701.        <h4 class="bank_name">Garanti Bank</h4>
  1702.        <div class="row">
  1703.            <div class="col-md-12">
  1704.                <div class="bank_account">
  1705.                    <p>4796824372433055</p>
  1706.                    <span class="help-block">Account number / IBAN</span>
  1707.                </div>
  1708.            </div>
  1709.            <div class="col-md-12">
  1710.                <div class="bank_account_holder">
  1711.                    <p>Antoian Kordiyal</p>
  1712.                    <span class="help-block">Account name</span>
  1713.                </div>
  1714.            </div>
  1715.            <div class="col-md-6">
  1716.                <div class="bank_account_code">
  1717.                    <p>TGBATRISXXX</p>
  1718.                    <span class="help-block">Routing code</span>
  1719.                </div>
  1720.            </div>
  1721.            <div class="col-md-6">
  1722.                <div class="bank_account_country">
  1723.                    <p>United States</p>
  1724.                    <span class="help-block">Country</span>
  1725.                </div>
  1726.            </div>
  1727.        </div>
  1728.    </div>
  1729. </div></div>
  1730.                                                <div class="dt_user_profile hide_alert_info_bank_trans">
  1731.                <span class="valign-wrapper">
  1732. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> Note:
  1733.                </span>
  1734.                    <ul class="browser-default dt_prof_vrfy">
  1735.                        <li id="bank_note">In order to confirm the bank transfer, you will need to upload a receipt or take a screenshot of your transfer within 1 day from your payment date. If a bank transfer is made but no receipt is uploaded within this period, your order will be cancelled. We will verify and confirm your receipt within 3 working days from the date you upload it.</li>
  1736.                    </ul>
  1737.                </div>
  1738.                                <p class="dt_bank_trans_upl_rec">
  1739.                    <a href="javascript:void(0);" onclick="$('.bank_transfer_modal').addClass('up_rec_active'); return false">
  1740.                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  1741.                            <path fill="currentColor" d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13.5,16V19H10.5V16H8L12,12L16,16H13.5M13,9V3.5L18.5,9H13Z"></path>
  1742.                        </svg> Upload Receipt
  1743.                    </a>
  1744.                </p>
  1745.                <div class="upload_bank_receipts">
  1746.                    <div onclick="document.getElementById('receipt_img').click(); return false">
  1747.                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13.5,16V19H10.5V16H8L12,12L16,16H13.5M13,9V3.5L18.5,9H13Z"></path></svg>
  1748.                        <p>Upload Receipt</p>
  1749.                        <img id="receipt_img_preview" src="">
  1750.                    </div>
  1751.                </div>
  1752.                <input type="file" id="receipt_img" class="hide" accept="image/x-png, image/gif, image/jpeg, image/webp" name="receipt_img">
  1753.            </div>
  1754.            <!--<span style="display: block;text-align: center;" id="receipt_img_path"></span>-->
  1755.            <div class="modal-footer">
  1756.                <div class="bank_transfr_progress hide" id="img_upload_progress">
  1757.                    <div class="progress">
  1758.                        <div id="img_upload_progress_bar" class="determinate progress-bar progress-bar-striped bg-success progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
  1759.                    </div>
  1760.                </div>
  1761.                <button class="btn btn-default" data-dismiss="modal">Close</button>
  1762.                <button class="btn btn-primary btn-mat" disabled id="btn-upload-receipt" data-selected="" data-mode="" data-id="" data-title="" data-price="">Confirm</button>
  1763.            </div>
  1764.        </div>
  1765.    </div>
  1766. </div>
  1767.  
  1768. <script>
  1769.    document.getElementById('receipt_img').removeEventListener("change", handleReceiptImgChange, true);
  1770.    document.getElementById('receipt_img').addEventListener('change', handleReceiptImgChange, { passive: false });
  1771.    function handleReceiptImgChange(){
  1772.        let imgPath = $(this)[0].files[0].name;
  1773.        if (typeof(FileReader) != "undefined") {
  1774.            let reader = new FileReader();
  1775.            reader.onload = function(e) {
  1776.                $('#receipt_img_preview').attr('src', e.target.result);
  1777.            };
  1778.            reader.readAsDataURL(this.files[0]);
  1779.        }
  1780.        $('#receipt_img_path').html(imgPath);
  1781.        $('.bank_transfer_modal').addClass('up_rec_img_ready');
  1782.        $('#btn-upload-receipt').removeAttr('disabled');
  1783.        $('#btn-upload-receipt').removeClass('btn-flat').addClass('btn-success');
  1784.    }
  1785.    document.getElementById('btn-upload-receipt').addEventListener('click', function(e) {
  1786.        e.preventDefault();
  1787.        let bar = $('#img_upload_progress');
  1788.        let percent = $('#img_upload_progress_bar');
  1789.  
  1790.        let id = $(this).attr("data-id");
  1791.        if (!id) {
  1792.            return false;
  1793.        }
  1794.        let title = $(this).attr("data-title");
  1795.        let price = $(this).attr("data-price");
  1796.        let mode = $(this).attr("data-mode");
  1797.  
  1798.        let formData = new FormData();
  1799.        formData.append("hash_id",'db8dc2b7a3bb754178d96fe9b4e434d0c017825b');
  1800.        formData.append("description",title);
  1801.        formData.append("price", price);
  1802.        formData.append("mode", mode);
  1803.        formData.append("track_id", id);
  1804.        formData.append("receipt_img", $("#receipt_img")[0].files[0], $("#receipt_img")[0].files[0].value);
  1805.        bar.removeClass('hide');
  1806.        $.ajax({
  1807.            xhr: function() {
  1808.                let xhr = new window.XMLHttpRequest();
  1809.                xhr.upload.addEventListener("progress", function(evt){
  1810.                    if (evt.lengthComputable) {
  1811.                        let percentComplete = evt.loaded / evt.total;
  1812.                        percentComplete = parseInt(percentComplete * 100);
  1813.                        //status.html( percentComplete + "%");
  1814.                        percent.width(percentComplete + '%');
  1815.                        percent.html(percentComplete + '%');
  1816.                        if (percentComplete === 100) {
  1817.                            bar.addClass('hide');
  1818.                            percent.width('0%');
  1819.                            percent.html('0%');
  1820.                        }
  1821.                    }
  1822.                }, false);
  1823.                return xhr;
  1824.            },
  1825.            url: ajaxUrl() + '/upload-receipt',
  1826.            type: "POST",
  1827.            async: true,
  1828.            enctype: 'multipart/form-data',
  1829.            processData: false,
  1830.            contentType: false,
  1831.            cache: false,
  1832.            timeout: 60000,
  1833.            dataType: false,
  1834.            data: formData,
  1835.            success: function(result) {
  1836.                if( result.status == 200 ){
  1837.                    $('#payment_modal').modal('hide');
  1838.                    $('#paymentpro_modal').modal('hide');
  1839.                    $('.bank_transfer_modal').modal('hide');
  1840.  
  1841.                    $('#bank_transfer_modal_response_txt').html('Your receipt  has been uploaded successfully.');
  1842.                    $('#bank_transfer_modal_response').modal('show');
  1843.  
  1844.                    setTimeout(function () {
  1845.                        $('#bank_transfer_modal_response').modal('hide');
  1846.                    },2000);
  1847.                    return false;
  1848.                }
  1849.            }
  1850.        });
  1851.    });
  1852. </script> <div class="modal fade mat_box" id="logged-out-modal" role="dialog" data-backdrop="static" data-keyboard="false">
  1853.    <div class="modal-dialog">
  1854.        <div class="modal-content">
  1855.            <div class="modal-header">
  1856.                <h4 class="modal-title"><i class="fa fa-exclamation-circle"></i> Session Expired</h4>
  1857.            </div>
  1858.            <div class="modal-body">
  1859.                <p>Your Session has been expired, please login again.</p>
  1860.            </div>
  1861.  
  1862.            <div class="modal-footer">
  1863.                <a href="https://gwiremusic.com/discover" class="btn btn-default">Login</a>
  1864.            </div>
  1865.        </div>
  1866.    </div>
  1867. </div> <div class="modal fade mat_box" id="verify_code" role="dialog">
  1868.    <div class="modal-dialog">
  1869.        <div class="modal-content">
  1870.            <div class="modal-header">
  1871.                <h5 class="modal-title" id="two_factor_title">
  1872.                    A confirmation email has been sent.                </h5>
  1873.            </div>
  1874.            <form id="confirmation_code_form" class="confirmation_code_form" method="POST">
  1875.                <div class="modal-body">
  1876.                    <div id="confirmation_code_form_alert"></div>
  1877.                    <span class="verfy_sett_email_phone_ico"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21,13.34C20.37,13.12 19.7,13 19,13A6,6 0 0,0 13,19C13,19.34 13.03,19.67 13.08,20H3A2,2 0 0,1 1,18V6C1,4.89 1.89,4 3,4H19A2,2 0 0,1 21,6V13.34M23.5,17L18.5,22L15,18.5L16.5,17L18.5,19L22,15.5L23.5,17M3,6V8L11,13L19,8V6L11,11L3,6Z" /></svg></span>
  1878.                    <p id="two_factor_desc">
  1879.                        We have sent an email that contains the confirmation code to enable Two-factor authentication.                    </p>
  1880.                    <div class="form-group mat_input float verfy_sett_email_phone mt-4">
  1881.                        <input type="text" class="form-control" name="code" placeholder=" ">
  1882. <label>Confirmation code</label>
  1883.                    </div>
  1884.                </div>
  1885.                <div class="modal-footer">
  1886.                    <button data-dismiss="modal" class="btn btn-default">Cancel</button>
  1887.                    <button id="confirmation_code_form_btn" type="submit" class="btn btn-primary btn-main">Send</button>
  1888.                </div>
  1889.                <input type="hidden" id="confirmation_code_form_user_id" name="user_id" value="">
  1890.            </form>
  1891.        </div>
  1892.    </div>
  1893. </div>
  1894.  
  1895. <div class="modal fade mat_box" id="verify_email_phone" role="dialog">
  1896.    <div class="modal-dialog">
  1897.        <div class="modal-content">
  1898.            <div class="modal-header">
  1899.                <h5 class="modal-title" id="verify_email_phone_title">
  1900.                                    </h5>
  1901.            </div>
  1902.            <form id="verify_email_phone_form" class="verify_email_phone_form" method="POST">
  1903.                <div class="modal-body">
  1904.                    <div id="verify_email_phone_form_alert"></div>
  1905.                    <span class="verfy_sett_email_phone_ico"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17,19V5H7V19H17M17,1A2,2 0 0,1 19,3V21A2,2 0 0,1 17,23H7C5.89,23 5,22.1 5,21V3C5,1.89 5.89,1 7,1H17M9,7H15V9H9V7M9,11H13V13H9V11Z" /></svg></span>
  1906.                    <p id="verify_email_phone_desc">
  1907.                                            </p>
  1908.                    <div class="form-group verfy_sett_email_phone">
  1909.                        <input type="text" class="form-control" name="code" placeholder="Confirmation code">
  1910.                    </div>
  1911.                </div>
  1912.                <div class="modal-footer">
  1913.                    <button data-dismiss="modal" class="btn btn-default">Cancel</button>
  1914.                    <button id="verify_email_phone_form_btn" type="submit" class="btn btn-main">Send</button>
  1915.                </div>
  1916.            </form>
  1917.        </div>
  1918.    </div>
  1919. </div> <div class="modal fade" id="refund_order" tabindex="-1" role="dialog" aria-labelledby="refund_order" aria-hidden="true" data-id="0">
  1920.  <div class="modal-dialog mat_box" role="document">
  1921.    <div class="modal-content">
  1922.      <div class="modal-header">
  1923.        <h5 class="modal-title">Request a Refund</h5>
  1924.      </div>
  1925.      <form class="refund_order_form" method="post">
  1926.        <div class="modal-body">
  1927.          <div class="modal_refund_order_modal_alert"></div>
  1928.          <div class="form-group mat_input">
  1929.        <div class="col-md-12">
  1930.          <textarea placeholder="Please explain the reason" name="message" id="refund_order_message"></textarea>
  1931.        </div>
  1932.      </div>
  1933.        </div>
  1934.        <div class="modal-footer">
  1935.          <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1936.          <button type="submit" class="btn btn-primary btn-mat">Request</button>
  1937.        </div>
  1938.      </form>
  1939.    </div>
  1940.  </div>
  1941. </div>
  1942. <div class="modal fade" id="add_address_modal" tabindex="-1" role="dialog" aria-labelledby="add_address_modal" aria-hidden="true" data-id="0">
  1943. <div class="modal-dialog mat_box" role="document">
  1944. <div class="modal-content">
  1945. <div class="modal-header">
  1946. <h5 class="modal-title">Add New Address</h5>
  1947. </div>
  1948. <form class="address_form" method="post">
  1949. <div class="modal-body">
  1950. <div class="modal_add_address_modal_alert"></div>
  1951. <div class="form-group mat_input float">
  1952. <input type="text" name="name" id="name" class="form-control" autofocus placeholder=" ">
  1953. <label>Name</label>
  1954. </div>
  1955. <div class="form-group mat_input float">
  1956. <input type="text" name="phone" id="phone" class="form-control" autofocus placeholder=" ">
  1957. <label>Phone</label>
  1958. </div>
  1959. <div class="form-group mat_input float">
  1960. <input type="text" name="country" id="country" class="form-control" autofocus placeholder=" ">
  1961. <label>Country</label>
  1962. </div>
  1963. <div class="form-group mat_input float">
  1964. <input type="text" name="city" id="city" class="form-control" autofocus placeholder=" ">
  1965. <label>City</label>
  1966. </div>
  1967. <div class="form-group mat_input float">
  1968. <input type="text" name="zip" id="zip" class="form-control" autofocus placeholder=" ">
  1969. <label>Postcode / Zip</label>
  1970. </div>
  1971. <div class="form-group mat_input float mb-0">
  1972. <textarea placeholder=" " class="form-control" name="address"></textarea>
  1973. <label>Address</label>
  1974. </div>
  1975. </div>
  1976. <div class="modal-footer">
  1977. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1978. <button type="submit" class="btn btn-primary btn-mat">Add</button>
  1979. </div>
  1980. </form>
  1981. </div>
  1982. </div>
  1983. </div> <div class="modal fade" id="delete-address" tabindex="-1" role="dialog" aria-labelledby="delete-address" aria-hidden="true" data-id="0">
  1984.  <div class="modal-dialog mat_box" role="document">
  1985.    <div class="modal-content">
  1986.      <div class="modal-header">
  1987.        <h5 class="modal-title">Delete your address</h5>
  1988.      </div>
  1989.      <div class="modal-body">
  1990.        Are you sure you want to delete this address?
  1991.      </div>
  1992.      <div class="modal-footer">
  1993.        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1994.        <button type="button" class="btn btn-danger btn-mat" data-dismiss="modal">Delete</button>
  1995.      </div>
  1996.    </div>
  1997.  </div>
  1998. </div>
  1999.  
  2000. <div class="modal fade" id="buy_product_modal" tabindex="-1" role="dialog" aria-labelledby="buy_product" aria-hidden="true" data-id="0">
  2001.  <div class="modal-dialog mat_box" role="document">
  2002.    <div class="modal-content">
  2003.      <div class="modal-header">
  2004.        <h5 class="modal-title">Payment Alert</h5>
  2005.      </div>
  2006.      <div class="modal-body">
  2007.        <div class="modal_product_pay_alert"></div>
  2008.        You are about to purchase the items, do you want to proceed?
  2009.      </div>
  2010.      <div class="modal-footer">
  2011.        <input type="hidden" id="product_id">
  2012.        <input type="hidden" id="product_price">
  2013.        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  2014.        <button type="button" class="btn btn-primary btn-mat">Pay</button>
  2015.      </div>
  2016.    </div>
  2017.  </div>
  2018. </div>
  2019. <div class="modal fade" id="delete-product" tabindex="-1" role="dialog" aria-labelledby="delete-product" aria-hidden="true" data-id="0">
  2020.  <div class="modal-dialog mat_box" role="document">
  2021.    <div class="modal-content">
  2022.      <div class="modal-header">
  2023.        <h5 class="modal-title">Delete your product</h5>
  2024.      </div>
  2025.      <div class="modal-body">
  2026.        Are you sure you want to delete this product?
  2027.      </div>
  2028.      <div class="modal-footer">
  2029.        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  2030.        <button type="button" class="btn btn-danger btn-mat" data-dismiss="modal">Delete</button>
  2031.      </div>
  2032.    </div>
  2033.  </div>
  2034. </div>
  2035. <div class="modal fade" id="story_pay" tabindex="-1" role="dialog" aria-labelledby="story_pay" aria-hidden="true" data-id="0">
  2036.  <div class="modal-dialog mat_box" role="document">
  2037.    <div class="modal-content">
  2038.      <div class="modal-header">
  2039.        <h5 class="modal-title">Pay for story</h5>
  2040.      </div>
  2041.      <div class="modal-body">
  2042.        <div class="modal_story_pay_alert"></div>
  2043.        Are you sure you want to pay for create story?
  2044.      </div>
  2045.      <div class="modal-footer">
  2046.        <input type="hidden" id="story_pay_id">
  2047.        <input type="hidden" id="story_pay_file">
  2048.        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  2049.        <button type="button" class="btn btn-primary btn-mat" onclick="PayForStory()">Pay $0</button>
  2050.      </div>
  2051.    </div>
  2052.  </div>
  2053. </div>
  2054.  
  2055. <div class="modal fade" id="wallet_to_pay" tabindex="-1" role="dialog" aria-labelledby="wallet_to_pay" aria-hidden="true" data-id="0">
  2056.  <div class="modal-dialog mat_box" role="document">
  2057.    <div class="modal-content">
  2058.      <div class="modal-header">
  2059.        <h5 class="modal-title">Pay from wallet</h5>
  2060.      </div>
  2061.      <div class="modal-body">
  2062.        <div class="modal_wallet_pay_alert"></div>
  2063.        <div id="wallet_to_pay_text"></div>
  2064.      </div>
  2065.      <div class="modal-footer">
  2066.        <input type="hidden" id="wallet_to_pay_price">
  2067.        <input type="hidden" id="wallet_to_pay_type">
  2068.        <input type="hidden" id="wallet_to_pay_id">
  2069.        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  2070.        <button type="button" class="btn btn-primary btn-mat" onclick="PayFromWallet()">Pay $0</button>
  2071.      </div>
  2072.    </div>
  2073.  </div>
  2074. </div>
  2075. <div class="modal fade buy_event_ticket" id="buy_ticket_modal" tabindex="-1" role="dialog" aria-labelledby="buy_ticket_modal" aria-hidden="true" data-id="0">
  2076.  <div class="modal-dialog mat_box" role="document">
  2077.    <div class="modal-content">
  2078.      <div class="buy_event_ticket_top">
  2079.        <h5 class="modal-title">Buy a ticket</h5>
  2080.        <p class="subtitle">Are you sure you want to buy a ticket?</p>
  2081.        <div class="ticket-img"></div>
  2082.        <div class="d-flex justify-content-between buy_event_ticket_top_mid">
  2083.          <div class="avail_ticket">
  2084.            <b>Available Tickets</b>
  2085.            <p></p>
  2086.          </div>
  2087.          <div class="avail_ticket_price text-right">
  2088.            <b>Price</b>
  2089.            <p></p>
  2090.          </div>
  2091.        </div>
  2092.      </div>
  2093.      <div class="buy_event_ticket_mid"></div>
  2094.      <div class="buy_event_ticket_bottom">
  2095.        <div class="modal-body-alert"></div>
  2096.        <div class="row mx-0">
  2097.          <div class="col-6 px-1">
  2098.            <button type="button" class="btn btn-default btn-mat btn-block" data-dismiss="modal">Cancel</button>
  2099.          </div>
  2100.          <div class="col-6 px-1">
  2101.            <button type="button" class="btn btn-primary btn-mat btn-block">Buy</button>
  2102.          </div>
  2103.        </div>
  2104.      </div>
  2105.    </div>
  2106.  </div>
  2107. </div>
  2108. <div class="modal fade" id="unjoin-event" tabindex="-1" role="dialog" aria-labelledby="unjoin-event" aria-hidden="true" data-id="0">
  2109.  <div class="modal-dialog mat_box" role="document">
  2110.    <div class="modal-content">
  2111.      <div class="modal-header">
  2112.        <h5 class="modal-title">Leave event</h5>
  2113.      </div>
  2114.      <div class="modal-body">
  2115.        Are you sure you want to leave this event?
  2116.      </div>
  2117.      <div class="modal-footer">
  2118.        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  2119.        <button type="button" class="btn btn-primary btn-mat" data-dismiss="modal">Leave</button>
  2120.      </div>
  2121.    </div>
  2122.  </div>
  2123. </div>
  2124.  
  2125. <div class="modal fade" id="delete-event" tabindex="-1" role="dialog" aria-labelledby="delete-event" aria-hidden="true" data-id="0">
  2126.  <div class="modal-dialog mat_box" role="document">
  2127.    <div class="modal-content">
  2128.      <div class="modal-header">
  2129.        <h5 class="modal-title">Delete your event</h5>
  2130.      </div>
  2131.      <div class="modal-body">
  2132.        Are you sure you want to delete this event?
  2133.      </div>
  2134.      <div class="modal-footer">
  2135.        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  2136.        <button type="button" class="btn btn-danger btn-mat" data-dismiss="modal">Delete</button>
  2137.      </div>
  2138.    </div>
  2139.  </div>
  2140. </div>
  2141. <div class="modal fade" id="albums_success" role="dialog" aria-labelledby="albums" aria-hidden="true" data-id="{{t_id}}">
  2142.  <div class="modal-dialog mat_box" role="document">
  2143.    <div class="modal-content add_to_plist">
  2144.      <div class="modal-body" style="background: #1b711e;">
  2145.        <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  2146.        <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  2147. viewBox="0 0 512 512" xml:space="preserve" width="50" height="50">
  2148. <g>
  2149. <g>
  2150. <path fill="currentColor" d="M449.716,239.842c-0.543-7.535-7.082-13.191-14.628-12.661c-7.536,0.543-13.204,7.092-12.662,14.628
  2151.  c0.337,4.655,0.506,9.431,0.506,14.191c0,109.061-88.726,197.787-197.786,197.787C116.086,453.787,27.36,365.06,27.36,256
  2152.  S116.086,58.214,225.147,58.214c43.191,0,84.21,13.668,118.62,39.525c6.041,4.538,14.615,3.321,19.154-2.718
  2153.  c4.54-6.04,3.323-14.616-2.717-19.154c-39.189-29.447-85.891-45.012-135.058-45.012C101.001,30.854,0,131.855,0,256
  2154.  s101.001,225.145,225.147,225.145S450.292,380.146,450.292,256C450.292,250.586,450.097,245.15,449.716,239.842z"/>
  2155. </g>
  2156. </g>
  2157. <g>
  2158. <g>
  2159. <path fill="currentColor" d="M496.395,61.77c-20.808-20.807-54.666-20.807-75.474,0l-197.11,197.108l-69.874-69.875
  2160.  c-20.808-20.807-54.666-20.807-75.474,0c-20.808,20.808-20.808,54.666,0,75.474l120.341,120.341
  2161.  c6.895,6.895,15.951,10.342,25.007,10.342c9.057,0,18.113-3.447,25.008-10.342l247.576-247.576
  2162.  C517.201,116.435,517.201,82.579,496.395,61.77z M477.049,117.897L229.472,365.475c-3.12,3.12-8.2,3.12-11.32,0L97.811,245.133
  2163.  c-10.141-10.141-10.141-26.64,0-36.781c5.07-5.072,11.729-7.606,18.39-7.606s13.321,2.535,18.39,7.606l71.882,71.882
  2164.  c4.632,4.631,10.791,7.181,17.339,7.181c6.551,0,12.71-2.551,17.341-7.182L440.268,81.116c10.138-10.141,26.64-10.141,36.781,0
  2165.  C487.189,91.257,487.189,107.756,477.049,117.897z"/>
  2166. </g>
  2167. </g>
  2168. <g>
  2169. </g>
  2170. <g>
  2171. </g>
  2172. <g>
  2173. </g>
  2174. <g>
  2175. </g>
  2176. <g>
  2177. </g>
  2178. <g>
  2179. </g>
  2180. <g>
  2181. </g>
  2182. <g>
  2183. </g>
  2184. <g>
  2185. </g>
  2186. <g>
  2187. </g>
  2188. <g>
  2189. </g>
  2190. <g>
  2191. </g>
  2192. <g>
  2193. </g>
  2194. <g>
  2195. </g>
  2196. <g>
  2197. </g>
  2198. </svg>
  2199.        <br><br>
  2200.        <b>The track has been moved to following album.</b>
  2201.      </div>
  2202.    </div>
  2203.  </div>
  2204. </div>
  2205. <div class="modal fade" id="ShowAlert" tabindex="-1" role="dialog" aria-labelledby="ShowAlert" aria-hidden="true" data-id="0">
  2206.  <div class="modal-dialog mat_box" role="document">
  2207.    <div class="modal-content">
  2208.      <div class="modal-header">
  2209.        <h5 class="modal-title"></h5>
  2210.      </div>
  2211.      <div class="modal-body ShowAlertText">
  2212.  
  2213.      </div>
  2214.      <div class="modal-footer">
  2215.        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  2216.      </div>
  2217.    </div>
  2218.  </div>
  2219. </div>
  2221. <div class="modal fade" id="select-language" tabindex="-1" role="dialog" aria-hidden="true">
  2222. <div class="modal-dialog modal-lg mat_box lang_select_modal" role="document">
  2223. <div class="modal-content">
  2224. <div class="modal-body">
  2225. <div class="row">
  2226. <div class="col-md-12">
  2227. <div class="language_info">
  2228. <h3>Language</h3>
  2230. <ul class="lang_modal">
  2231. <li class="language_select"><a href="?lang=arabic">Arabic</a></li>
  2232. <li class="language_select"><a href="?lang=bengali">Bengali</a></li>
  2233. <li class="language_select"><a href="?lang=chinese">Chinese</a></li>
  2234. <li class="language_select"><a href="?lang=croatian">Croatian</a></li>
  2235. <li class="language_select"><a href="?lang=danish">Danish</a></li>
  2236. <li class="language_select"><a href="?lang=dutch">Dutch</a></li>
  2237. <li class="language_select"><a href="?lang=english">English</a></li>
  2238. <li class="language_select"><a href="?lang=filipino">Filipino</a></li>
  2239. <li class="language_select"><a href="?lang=french">French</a></li>
  2240. <li class="language_select"><a href="?lang=german">German</a></li>
  2241. <li class="language_select"><a href="?lang=hebrew">Hebrew</a></li>
  2242. <li class="language_select"><a href="?lang=hindi">Hindi</a></li>
  2243. <li class="language_select"><a href="?lang=indonesian">Indonesian</a></li>
  2244. <li class="language_select"><a href="?lang=japanese">Japanese</a></li>
  2245. <li class="language_select"><a href="?lang=korean">Korean</a></li>
  2246. <li class="language_select"><a href="?lang=persian">Persian</a></li>
  2247. <li class="language_select"><a href="?lang=russian">Russian</a></li>
  2248. <li class="language_select"><a href="?lang=spanish">Spanish</a></li>
  2249. <li class="language_select"><a href="?lang=swedish">Swedish</a></li>
  2250. <li class="language_select"><a href="?lang=turkish">Turkish</a></li>
  2251. <li class="language_select"><a href="?lang=urdu">Urdu</a></li>
  2252. <li class="language_select"><a href="?lang=vietnamese">Vietnamese</a></li>
  2253. </ul>
  2255. <svg enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m164.061 1.765c89.491 0 164.061 30.492 164.061 123.688 0 39.307-13.272 67.453-35.329 86.867-4.005 3.525-5.715 8.976-4.326 14.127 3.903 14.48 9.536 29.7 17.262 43.91 5.927 10.9-2.075 24.048-14.477 23.702-30.009-.836-62.771-14.812-87.325-41.505-2.922-3.177-7.103-4.882-11.405-4.53-9.262.757-18.773 1.118-28.462 1.118-89.49 0-164.06-30.493-164.06-123.689s74.57-123.688 164.061-123.688z" fill="#b0da87"/><g><g fill="#fff"><ellipse cx="55.409" cy="104.463" rx="29.792" ry="23.725"/><ellipse cx="216.893" cy="104.463" rx="29.792" ry="23.725"/></g><g fill="#4e5660"><path d="m86.952 86.146c-4.143 0-7.5-3.357-7.5-7.5 0-3.684-2.996-6.681-6.68-6.681s-6.681 2.997-6.681 6.681c0 4.143-3.357 7.5-7.5 7.5s-7.5-3.357-7.5-7.5c0-11.955 9.726-21.681 21.681-21.681 11.954 0 21.68 9.726 21.68 21.681 0 4.143-3.357 7.5-7.5 7.5z"/><path d="m213.711 86.146c-4.143 0-7.5-3.357-7.5-7.5 0-3.684-2.997-6.681-6.681-6.681s-6.68 2.997-6.68 6.681c0 4.143-3.357 7.5-7.5 7.5s-7.5-3.357-7.5-7.5c0-11.955 9.726-21.681 21.68-21.681 11.955 0 21.681 9.726 21.681 21.681 0 4.143-3.357 7.5-7.5 7.5z"/><path d="m136.151 109.573c-7.933 0-15.476-3.436-20.696-9.425-2.722-3.123-2.396-7.86.727-10.582 3.122-2.721 7.859-2.396 10.582.727 2.37 2.72 5.792 4.28 9.388 4.28s7.018-1.561 9.388-4.28c2.722-3.123 7.459-3.447 10.582-.727 3.123 2.722 3.448 7.459.727 10.582-5.222 5.99-12.765 9.425-20.698 9.425z"/></g></g><path d="m347.939 96.356c89.491 0 164.061 30.492 164.061 123.688 0 39.308-13.272 67.453-35.329 86.867-4.005 3.525-5.715 8.976-4.326 14.127 3.903 14.48 9.536 29.7 17.262 43.91 5.927 10.9-2.075 24.048-14.477 23.702-30.009-.836-62.771-14.812-87.325-41.505-2.922-3.177-7.103-4.882-11.405-4.53-9.262.757-18.773 1.118-28.462 1.118-89.491 0-164.061-30.492-164.061-123.688.002-93.197 74.572-123.689 164.062-123.689z" fill="#8daee1"/><path d="m296.422 218.871c-27.969-18.07-64.598-28.515-109.1-31.162-2.253 9.825-3.443 20.58-3.443 32.335 0 93.196 74.57 123.688 164.061 123.688 3.718 0 7.401-.071 11.062-.179.006-.645.024-1.283.024-1.931 0-53.841-21.648-96.288-62.604-122.751z" fill="#6a95d6"/><path d="m401.315 262.7-43.695-115.784c-.025-.068-.053-.137-.08-.204-1.573-3.826-5.262-6.297-9.398-6.297h-.009c-4.141.004-7.829 2.482-9.396 6.314-.023.057-.046.113-.067.171l-44.098 115.78c-1.475 3.87.469 8.203 4.34 9.678 3.866 1.474 8.203-.468 9.678-4.34l9.142-24.004h60.498l9.051 23.983c1.133 3.003 3.987 4.853 7.017 4.853.88 0 1.775-.156 2.647-.485 3.876-1.462 5.832-5.789 4.37-9.665zm-77.87-33.686 24.675-64.786 24.449 64.786z" fill="#fff"/><path d="m164.061 217.934c-89.491 0-164.061 30.493-164.061 123.689 0 39.307 13.272 67.453 35.329 86.867 4.005 3.525 5.715 8.976 4.326 14.127-3.903 14.48-9.536 29.7-17.262 43.909-5.927 10.9 2.075 24.048 14.477 23.702 30.009-.836 62.771-14.812 87.325-41.505 2.922-3.177 7.103-4.882 11.405-4.53 9.262.757 18.773 1.118 28.462 1.118 89.491 0 164.061-30.492 164.061-123.688-.002-93.196-74.572-123.689-164.062-123.689z" fill="#fbf1cf"/><path d="m98.158 224.732c-57.403 13.375-98.158 47.997-98.158 116.891 0 39.307 13.272 67.453 35.329 86.867 4.005 3.525 5.715 8.976 4.326 14.127-3.903 14.48-9.536 29.7-17.262 43.909-5.927 10.9 2.075 24.048 14.477 23.702 30.009-.836 62.771-14.812 87.325-41.505 2.922-3.177 7.103-4.882 11.405-4.53 9.262.757 18.773 1.118 28.461 1.118 9.979 0 19.771-.382 29.296-1.185-109.038-33.437-126.653-188.039-95.199-239.394z" fill="#fae0bd"/><path d="m215.939 289.092h-44.267v-19.954c0-4.143-3.357-7.5-7.5-7.5s-7.5 3.357-7.5 7.5v19.954h-44.267c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5h73.205c-1.638 18.399-10.545 38.587-23.975 56.243-7.491-6.699-13.58-14.368-17.432-21.597-1.947-3.654-6.487-5.039-10.146-3.092-3.655 1.948-5.039 6.49-3.092 10.146 4.554 8.546 11.825 17.845 20.986 25.993-8.01 8.521-17.087 16.084-26.839 22.069-3.53 2.167-4.636 6.785-2.47 10.315 1.416 2.307 3.878 3.578 6.399 3.578 1.338 0 2.692-.357 3.916-1.108 11.003-6.753 21.527-15.56 30.892-25.717 8.934 5.854 18.992 10.334 29.679 12.277.453.083.905.122 1.351.122 3.555 0 6.712-2.537 7.37-6.159.741-4.075-1.962-7.979-6.037-8.721-7.906-1.438-15.595-4.733-22.631-9.119 2.391-3.137 4.675-6.357 6.821-9.658 12.049-18.525 18.971-37.605 20.252-55.574h15.285c4.143 0 7.5-3.357 7.5-7.5s-3.358-7.498-7.5-7.498z" fill="#4e5660"/></g></svg>
  2256. </div>
  2257. </div>
  2258. </div>
  2259. </div>
  2260. </div>
  2261. </div>
  2262. </div>
  2263.  
  2264. <div class="queue_overlay" onclick="javascript:$('body').removeClass('data-queue-open');"></div>
  2265. <div class="sidenav_overlay" onclick="javascript:$('body').removeClass('side_open');"></div>
  2266.  
  2267.  
  2268. <script>
  2269. $(document).on('click', '#follow-user', function(event) {
  2270. $(this).toggleClass('btn-primary btn-success');
  2271. $(this).text("Following");
  2272. $(this).attr("id", "unfollow-user");
  2273. $.post('https://gwiremusic.com/endpoints/follow-user/add', {id: $(this).attr('data-user-id')});
  2274. });
  2275.  
  2276. $(function () {
  2277. setTimeout(function () {
  2278.    Fingerprint2.get(function (components) {
  2279.      $.post(ajaxUrl() + '/set-finger-print', {components: components});
  2280.    })
  2281. }, 500);
  2282. });
  2283.  
  2284. $(document).on('click', '.comment_input', function(event){
  2285.    $('#login_box').modal('show');
  2286. });
  2287.  
  2288. // unfollow user
  2289. $(document).on('click', '#unfollow-user', function(event) {
  2290. $(this).toggleClass('btn-success btn-primary');
  2291. $(this).text("Follow");
  2292. $(this).attr("id", "follow-user");
  2293. $.post('https://gwiremusic.com/endpoints/follow-user/remove', {id: $(this).attr('data-user-id')});
  2294. });
  2295. function addToAlbum(id) {
  2296.    getID = $('#albums').attr('data-id');
  2297.    if (!getID) {
  2298.        return false;
  2299.    }
  2300.    var playlists = "";
  2301.    $(".select-albums-list").each(function (index, item) {
  2302.        if ($(this).hasClass('active')) {
  2303.            var albums = $(this).attr('data-id');
  2304.  
  2305.            $('#playlists').find('.btn-mat').text("Please wait..");
  2306.            $.get(ajaxUrl() + "/album/add-to-album", {album: albums, id: getID}, function (data) {
  2307.                if (data.status == 200) {
  2308.                    $('#albums_success').modal('show');
  2309.                    $('#albums').modal('hide');
  2310.                    setTimeout(function () {
  2311.                        $('#albums').remove();
  2312.                    }, 200);
  2313.                    setTimeout(function () {
  2314.                        $('#albums_success').modal('hide');
  2315.                    }, 3000);
  2316.                } else if (data.status == 300) {
  2317.                    alert("Please select which album you want to add this song to.")
  2318.                } else {
  2319.                    $('#albums').modal('hide');
  2320.                    setTimeout(function () {
  2321.                        $('#albums').remove();
  2322.                    }, 200);
  2323.                }
  2324.            });
  2325.  
  2326.        }
  2327.    });
  2328.  
  2329. }
  2330.  
  2331. function loadEventsByDate(thisData) {
  2332. var getThisID = $(thisData).attr('id');
  2333. if (!getThisID) {
  2334. return false;
  2335. }
  2336. $("#events_search_result").html('<svg class="event_spinner" viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle></svg>');
  2337.    // show the loadinfg icon code here,
  2338. $.post('https://gwiremusic.com/endpoints/event/filterByDate', {date: getThisID}, function (data) {
  2339.        if (data.status == 200) {
  2340.            $("#events_search_result").html(data.html);
  2341.        }
  2342.  
  2343.        // remove the icon here and show defaulr value.
  2344.    });
  2345. }
  2346.  
  2347. function checkForSongStatus(songID, form_id = false, local_id = false) {
  2348. $.post('https://gwiremusic.com/endpoints/check-track', {id: songID}, function(dataSecond, textStatus, xhr) {
  2349. if (dataSecond.status == 300) {
  2350. setTimeout(function() {
  2351. checkForSongStatus(songID, form_id, local_id);
  2352. }, 2000);
  2353. } else if (dataSecond.status == 200) {
  2354. if (local_id !== false && form_id)  {
  2355. $('#song-form-' + form_id + '-'+local_id).html('<div class="hidden submitted-song" data-id="' + songID + '"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,18H7V16H17V18M10.3,14L7,10.7L8.4,9.3L10.3,11.2L15.6,5.9L17,7.3L10.3,14Z"></path></svg> ' + $('#title-' + form_id + '-'+local_id).val() + ' Successfully uploaded');
  2356. $('#song-form-' + form_id + '-'+local_id).addClass('no-padding-form submitted');
  2357. publish();
  2358. $('#song-form-' + form_id + '-'+local_id+' .btn-save-songs').addClass('submitted');
  2359. } else if (form_id && local_id === false) {
  2360. $('#song-form-' + form_id).html('<div class="hidden submitted-song" data-id="' + songID + '"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,18H7V16H17V18M10.3,14L7,10.7L8.4,9.3L10.3,11.2L15.6,5.9L17,7.3L10.3,14Z"></path></svg> ' + $('#title-' + form_id + '').val() + ' Successfully uploaded');
  2361. $('#song-form-' + form_id).addClass('no-padding-form submitted');
  2362. publish();
  2363. $('#song-form-' + form_id + ' .btn-save-songs').addClass('submitted');
  2364. } else {
  2365. goToAjaxLink('track/' + songID);
  2366. }
  2367. }
  2368. });
  2369. }
  2370.  
  2371. function likeSong(id, type, element) {
  2372. if (!id || !type) {
  2373. return false;
  2374. }
  2375. if (type == 'track-page') {
  2376. if (element.attr('liked')) {
  2377. element.removeClass('track-liked').removeAttr('liked', 'true');
  2378. element.find('svg path').attr('fill', '#333');
  2379. element.find('span').html("Like");
  2380.  
  2381.            $('#track_likes_count').attr('data-count',parseInt($('#track_likes_count').attr('data-count')) - 1);
  2382.            $('#track_likes_count').html(parseInt($('#track_likes_count').attr('data-count')));
  2383.  
  2384.            if( $('#dislike-track').hasClass('track-disliked') ){
  2385.                $('#dislike-track-text').html("Disliked");
  2386.                $('#dislike-track').addClass('track-disliked');
  2387.            }
  2388.            // $('#like-track').removeAttr('liked');
  2389.            // $('#dislike-track').attr('disliked', 'true');
  2390.  
  2391. } else {
  2392. element.addClass('track-liked').attr('liked', 'true');
  2393.            $('#dislike-track').removeAttr('disliked');
  2394. element.find('svg path').attr('fill', '#fff');
  2395. element.find('span').html("Liked");
  2396.  
  2397.            $('#track_likes_count').attr('data-count',parseInt($('#track_likes_count').attr('data-count')) + 1);
  2398.            $('#track_likes_count').html(parseInt($('#track_likes_count').attr('data-count')));
  2399.  
  2400.            if( $('#dislike-track').hasClass('track-disliked') ){
  2401.                $('#dislike-track').removeClass('track-disliked');
  2402.                $('#dislike-track-text').html("Dislike");
  2403.  
  2404.                $('#track_dislikes_count').attr('data-count',parseInt($('#track_dislikes_count').attr('data-count')) - 1);
  2405.                $('#track_dislikes_count').html(parseInt($('#track_dislikes_count').attr('data-count')));
  2406.            }
  2407.  
  2408. }
  2409. }
  2410. $.get('https://gwiremusic.com/endpoints/like-track', {id: id, type: type});
  2411. }
  2412.  
  2413. function dislikeSong(id, type, element) {
  2414.    if (!id || !type) {
  2415.        return false;
  2416.    }
  2417.    if (type == 'track-page') {
  2418.        if (element.attr('disliked')) {
  2419.            element.removeClass('track-disliked').removeAttr('disliked', 'true');
  2420.            element.find('span').html("Dislike");
  2421.  
  2422.            $('#track_dislikes_count').attr('data-count',parseInt($('#track_dislikes_count').attr('data-count')) - 1);
  2423.            $('#track_dislikes_count').html(parseInt($('#track_dislikes_count').attr('data-count')));
  2424.  
  2425.            if( $('#like-track').hasClass('track-liked') ){
  2426.                $('#like-track-text').html("Liked");
  2427.                $('#like-track').addClass('track-liked');
  2428.            }
  2429.            // $('#like-track').attr('liked', 'true');
  2430.            // $('#dislike-track').removeAttr('disliked');
  2431.  
  2432.        } else {
  2433.            element.addClass('track-disliked').attr('disliked', 'true');
  2434.            $('#like-track').removeAttr('liked');
  2435.  
  2436.            element.find('span').html("Disliked");
  2437.  
  2438.            $('#track_dislikes_count').attr('data-count',parseInt($('#track_dislikes_count').attr('data-count')) + 1);
  2439.            $('#track_dislikes_count').html(parseInt($('#track_dislikes_count').attr('data-count')));
  2440.  
  2441.            if( $('#like-track').hasClass('track-liked') ){
  2442.                $('#like-track').removeClass('track-liked');
  2443.                $('#like-track-text').html("Like");
  2444.                $('#like-track svg path').attr('fill','currentColor');
  2445.  
  2446.                $('#track_likes_count').attr('data-count',parseInt($('#track_likes_count').attr('data-count')) - 1);
  2447.                $('#track_likes_count').html(parseInt($('#track_likes_count').attr('data-count')));
  2448.            }
  2449.  
  2450.        }
  2451.    }
  2452.    $.get('https://gwiremusic.com/endpoints/dislike-track', {id: id, type: type});
  2453. }
  2454.  
  2455. function loadMore(type, get_data) {
  2456. element = $("#load-more-button");
  2457. $default_text = element.html();
  2458. $track_id = 0;
  2459.    views = 0;
  2460.    product_id = 0;
  2461.    let v_ids = [];
  2462. if (type == 'songs') {
  2463.        $last_id = $('.feed_post:last-child').attr('data-id');
  2464. $append_div = '#user-feed-data';
  2465. } else if (type == 'recently_played') {
  2466. $last_id = $('.track_list:last').attr('data-time');
  2467. $append_div = '#recently_played';
  2468. } else if (type == 'comments') {
  2469. $last_id = $('.comment_item:last').attr('comment-id');
  2470. $append_div = '.comment_list';
  2471. $track_id = $('.comment_item:last').attr('comment-song-id')
  2472.    } else if (type == 'blog_comments') {
  2473. $last_id = $('.comment_item:last').attr('comment-id');
  2474. $append_div = '.comment_list';
  2475. $track_id = $('.comment_item:last').attr('comment-song-id')
  2476.    } else if (type == 'latest_music' || type == 'top_music') {
  2477. $last_id = $('#new-music .track_list:last').attr('data-id');
  2478. $append_div = '#new-music';
  2479. } else if (type == 'categories') {
  2480. $last_id = $('.list-recommended:last').attr('data-id');
  2481. $append_div = 'ul.s_list_songs';
  2482. } else if (type == 'followers') {
  2483.        $last_id = $('.follower_list:last-child').attr('data-id');
  2484.        $append_div = '#followers';
  2485.    } else if (type == 'followings') {
  2486.        $last_id = $('.following_list:last-child').attr('data-id');
  2487.        $append_div = '#followings';
  2488.    } else if (type == 'songs_search') {
  2489.        $last_id = $('.song_search_list:last-child').attr('data-id');
  2490.        $append_div = '#songs_search_result';
  2491.    } else if (type == 'artists_search') {
  2492.        $last_id = $('.artist_list:last-child').attr('data-id');
  2493.        $append_div = '#artists_search_result';
  2494.    } else if (type == 'albums_search') {
  2495.        $last_id = $('.track_list:last-child').attr('data-id');
  2496.        $append_div = '#albums_search_result';
  2497.    } else if (type == 'playlists_search') {
  2498.        $last_id = $('.playlist-p-list:last-child').attr('data-id');
  2499.        $append_div = '#playlists_search_result';
  2500.    } else if (type == 'store_albums') {
  2501.        $last_id = $('#store_result .track_list:last-child').attr('data-id');
  2502.        $append_div = '#store_result';
  2503.    } else if (type == 'store_songs') {
  2504.        $last_id = $('.song_list:last-child').attr('data-id');
  2505.        $append_div = '.store_songs';
  2506.    } else if (type == 'blogs') {
  2507.        $last_id = $('.blog_list').last().attr('data-id');
  2508.        $append_div = '.blog_articles';
  2509.    } else if (type == 'stations') {
  2510.        $last_id = $('#new-music .track_list:last').attr('data-id');
  2511.        $append_div = '#new-music';
  2512.    }
  2513.    else if(type == 'fame_page'){
  2514.        $last_id = $('#fame_page_result .artist_lists:last').attr('data-id');
  2515.        views   = $('#fame_page_result .artist_lists:last').attr('data_views');
  2516.        $append_div = '#fame_page_result';
  2517.        $('.artist_lists').each(function(i, obj) {
  2518.            v_ids.push($(obj).attr('data_v_id'));
  2519.        });
  2520.    }
  2521.    else if(type == 'products_search'){
  2522.        $last_id = $('.events-list-wrapper:last').attr('data-product');
  2523.        $append_div = '#products_search_result';
  2524.  
  2525.    }
  2526.    else if(type == 'events_search'){
  2527.        $last_id = $('.events-list-wrapper:last').attr('data-event');
  2528.        $append_div = '#events_search_result';
  2529.  
  2530.    }
  2531.    else if(type == 'events'){
  2532.        $last_id = $('.events-list-wrapper:last').attr('data-event');
  2533.        $append_div = '#events_search_result';
  2534.  
  2535.    }
  2536.    else if(type == 'manage_events'){
  2537.        $last_id = $('.events-list-wrapper:last').attr('data-event');
  2538.        $append_div = '#manage_events_result';
  2539.  
  2540.    }
  2541.    else if(type == 'joined_events'){
  2542.        $last_id = $('.events-list-wrapper:last').attr('data-event');
  2543.        $append_div = '#events_search_result';
  2544.  
  2545.    }
  2546.    else if(type == 'purchased_events'){
  2547.        $last_id = $('.events-list-wrapper:last').attr('data-event');
  2548.        $append_div = '#events_search_result';
  2549.  
  2550.    }
  2551.    else if(type == 'products'){
  2552.        $last_id = $('.events-list-wrapper:last').attr('data-product');
  2553.        $append_div = '#store_result';
  2554.  
  2555.    }
  2556.    else if(type == 'manage_products'){
  2557.        $last_id = $('.events-list-wrapper:last').attr('data-product');
  2558.        $append_div = '#products_result';
  2559.  
  2560.    }
  2561.    else if(type == 'reviews'){
  2562.        $last_id = $('.review_list:last').attr('id');
  2563.        $append_div = '.reviews_section';
  2564.        product_id = $('#product_page_id').val();
  2565.  
  2566.    }
  2567.    else if(type == 'orders'){
  2568.        $last_id = $('.song_list:last').attr('data-order');
  2569.        $append_div = '.store_songs';
  2570.    }
  2571.  
  2572.  
  2573. if (get_data == 'all' || get_data == 'liked' || get_data == 'spotlight' || get_data == 'events') {
  2574. $last_id = $('.feed_post:last-child').attr('data-a-id');
  2575. type = 'activities';
  2576. }
  2577. if (get_data == 'playlists') {
  2578. $last_id = $('.playlist-p-list:last-child').attr('data-id');
  2579. type = 'playlists';
  2580. }
  2581. if (get_data == 'albums') {
  2582. $last_id = $('.album-p-list:last-child').attr('data-id');
  2583. type = 'albums';
  2584. }
  2585.  
  2586.    if (get_data == 'stations') {
  2587.        $last_id = $('.track_list:last-child').attr('data-id');
  2588.        type = 'stations';
  2589.    }
  2590.    if (get_data == 'store') {
  2591.        $last_id = $('.feed_post:last-child').attr('a_id');
  2592.    }
  2593.  
  2594.    if (get_data == 'albums' && type == 'albums') {
  2595.        $last_id = $('.track_list:last').attr('data-id');
  2596.        type = 'albums';
  2597.    }
  2598.  
  2599. element.text("Please wait..");
  2600.  
  2601.    let geners = [];
  2602.    let price = [];
  2603.    let filter_type = null;
  2604.    let current_tag = null;
  2605.    if($('#current_tag').length > 0){
  2606.        current_tag = $('#current_tag').val();
  2607.    }
  2608.    if($('#filter_search_tag').length > 0){
  2609.        current_tag = $('#filter_search_tag').val();
  2610.    }
  2611.    if($('#filter_type').length > 0){
  2612.        filter_type = $('#filter_type').val();
  2613.    }
  2614.    if($('.song_category').length > 0){
  2615.        $('.song_category').each(function(i, obj) {
  2616.            if(this.checked){
  2617.                geners.push($(obj).attr('data-category'));
  2618.            }
  2619.        });
  2620.    }
  2621.    if($( "#slider-range" ).length > 0){
  2622.        price = $("#slider-range").slider("option").values;
  2623.    }
  2624.    let params = {'geners': geners, 'filter_type': filter_type,'current_tag': current_tag, 'price': price};
  2625.  
  2626. $.get(ajaxUrl() + '/load-more/' + type, {id: $last_id, userID: $('#user-id').val(), track_id: $track_id, get_data: get_data,params: params,views:views,v_ids:v_ids,product_id:product_id}, function(data) {
  2627. if (data.status == 200 && data.html.length > 0) {
  2628. $($append_div).append(data.html);
  2629. } else {
  2630. $default_text = "No more tracks found";
  2631. if (type == 'comments' || type == 'blog_comments') {
  2632. $default_text = "No more comments found";
  2633. }
  2634. if (type == 'all') {
  2635. $default_text = "No more activities found";
  2636. }
  2637. if (type == 'playlists' || type == 'playlists_search') {
  2638. $default_text = "No more playlists found";
  2639. }
  2640.            if (type == 'followers') {
  2641.                $default_text = "No more followers found";
  2642.            }
  2643.            if (type == 'followings') {
  2644.                $default_text = "No more following found";
  2645.            }
  2646.            if (type == 'artists_search' || type == 'fame_page') {
  2647.                $default_text = "No more artists found";
  2648.            }
  2649.            if (type == 'albums_search' || type == 'store_albums') {
  2650.                $default_text = "No more albums found";
  2651.            }
  2652.            if (type == 'blogs_search' || type == 'blogs') {
  2653.                $default_text = "No more articles found";
  2654.            }
  2655.            if (type == 'stations' ) {
  2656.                $default_text = "No more stations found";
  2657.            }
  2658.            if (type == 'events_search' || type == 'events' || type == 'joined_events' || type == 'manage_events') {
  2659.                $default_text = "No more events found";
  2660.            }
  2661.            if (type == 'purchased_events') {
  2662.                $default_text = "No more tickets found";
  2663.            }
  2664.            if (type == 'products' || type == 'manage_products' || type == 'products_search') {
  2665.                $default_text = "No more products found";
  2666.            }
  2667.            if (type == 'reviews') {
  2668.                $default_text = "No more reviews found";
  2669.            }
  2670.            if (type == 'orders') {
  2671.                $default_text = "No more orders found";
  2672.            }
  2673.        }
  2674. element.html($default_text);
  2675. });
  2676. }
  2677.  
  2678. $(document).on('click', '.amplitude-next', function(event) {
  2679. console.log($('#current-track').val());
  2680.  
  2681. });
  2682. var is_sent = 0;
  2683. var is_video_checked = 0;
  2684. var is_paused = 0;
  2685. $(function () {
  2686. var songsObject = [{
  2687.        "name": "",
  2688.        "artist": "",
  2689.        "album": "",
  2690.        "url": "",
  2691.        "cover_art_url": "",
  2692.        "youtube_url": "",
  2693. }];
  2694. Amplitude.init({
  2695. "songs": songsObject,
  2696.    "callbacks": {
  2697.        'after_next': function(){
  2698.            setTimeout(function () {
  2699.                if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && !Amplitude.audio().paused && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
  2700.                        $('#my_video_player_container').html('<div class="y_player_cover"></div><span class="player_exit" onclick="HidePlayer()"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span><div class="plyr__video-embed" id="my_video_player_"><iframe src="'+Amplitude.getActiveSongMetadata().youtube_url+'?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency ></iframe> </div>')
  2701.                        $('#my_video_player_container').slideDown();
  2702.                        video_player = new Plyr('#my_video_player_',{muted: true,controls: []});
  2703.                        video_player.on('ready', event => {
  2704.                            video_player.play();
  2705.                        });
  2706.                }
  2707.            },500);
  2708.         },
  2709.         'after_prev': function(){
  2710.            setTimeout(function () {
  2711.                if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && !Amplitude.audio().paused && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
  2712.                        $('#my_video_player_container').html('<div class="y_player_cover"></div><span class="player_exit" onclick="HidePlayer()"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span><div class="plyr__video-embed" id="my_video_player_"><iframe src="'+Amplitude.getActiveSongMetadata().youtube_url+'?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency ></iframe> </div>')
  2713.                        $('#my_video_player_container').slideDown();
  2714.                        video_player = new Plyr('#my_video_player_',{muted: true,controls: []});
  2715.                        video_player.on('ready', event => {
  2716.                            video_player.play();
  2717.                        });
  2718.                }
  2719.            },500);
  2720.         },
  2721.         'time_update': function(songPlayedInSeconds){
  2722.            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))))) {
  2723.                if ((Amplitude.audio().duration - Amplitude.audio().currentTime) > 1) {
  2724.                    video_player.currentTime = Amplitude.audio().currentTime;
  2725.                    // if (video_player.paused && !Amplitude.audio().paused) {
  2726.                        video_player.play();
  2727.                    // }
  2728.                }
  2729.                if (Amplitude.audio().paused) {
  2730.                    is_paused = 1;
  2731.                    video_player.pause();
  2732.                }
  2733.            }
  2734.         },
  2735. 'after_play': function(){
  2736.            var song_seconds = Amplitude.getSongDuration();
  2737.            if (song_seconds) {
  2738.                $('body').attr('song-duration', song_seconds);
  2739.            }
  2740.            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && !$('#my_video_player_container').is(":visible") && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
  2741.                $('#my_video_player_container').html('<div class="y_player_cover"></div><span class="player_exit" onclick="HidePlayer()"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span><div class="plyr__video-embed" id="my_video_player_"><iframe src="'+Amplitude.getActiveSongMetadata().youtube_url+'?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency ></iframe> </div>')
  2742.                $('#my_video_player_container').slideDown();
  2743.                video_player = new Plyr('#my_video_player_',{muted: true,controls: []});
  2744.                video_player.on('ready', event => {
  2745.                    video_player.play();
  2746.                });
  2747.            }
  2748.            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && $('#my_video_player_container').is(":visible") && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
  2749.                video_player.play();
  2750.            }
  2751. setTimeout(function () {
  2752. $('body').addClass('audio_playing');
  2753. $('body').addClass('player_running');
  2754. $('#play-pause').addClass('amplitude-playing');
  2755. }, 100);
  2756. },
  2757. 'after_pause': function(){
  2758.            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
  2759.                is_paused = 1;
  2760.                video_player.pause();
  2761.            }
  2762. $('body').removeClass('audio_playing');
  2763. $('#play-pause').removeClass('amplitude-playing');
  2764. $('body').removeClass('player_running');
  2765. },
  2766. 'after_stop': function(){
  2767.            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
  2768.                $('#my_video_player_container').slideUp();
  2769.                $('#my_video_player_container').html('');
  2770.            }
  2771. if (parseInt($('.ss_track_play_pause').attr('data_is_ad')) > 0 && is_sent == 0) {
  2772. is_sent = 1;
  2773. song_id = $('#current-track').attr('value');
  2774. onTimesUp(song_id);
  2775. return false;
  2776. }
  2777. $('body').removeClass('audio_playing');
  2778. $('#play-pause').removeClass('amplitude-playing');
  2779. $('body').removeClass('player_running');
  2780. $('#light-wave').width('0px');
  2781. }
  2782. }
  2783. });
  2784.  
  2785. });
  2786.  
  2787. const FULL_DASH_ARRAY = 283;
  2788. const WARNING_THRESHOLD = 10;
  2789. const ALERT_THRESHOLD = 5;
  2790.  
  2791. const TIME_LIMIT = 10;
  2792. let timePassed = 0;
  2793. let timeLeft = TIME_LIMIT;
  2794. let timerInterval = null;
  2795.  
  2796. function onTimesUp(song_id) {
  2797. if (typeof wavesurfer != "undefined") {
  2798. wavesurfer.pause();
  2799. }
  2800. if (typeof Amplitude != "undefined") {
  2801. Amplitude.pause();
  2802. Amplitude.removeSong(0);
  2803. }
  2804. $('#queue-' + song_id).remove();
  2805. $(".song_controls").css("pointer-events","auto");
  2806.    $(".song_progress").css("pointer-events","auto");
  2807.    $(".song_progress_right").css("pointer-events","auto");
  2808.    $(".ma_player_playlist").css("pointer-events","auto");
  2809.    $("#waveform").css("pointer-events","auto");
  2810. playSong(song_id,0,'yes');
  2811. $('body').removeClass('player_running');
  2812.    clearInterval(timerInterval);
  2813.    goToAjaxLink('track/' + song_id);
  2814. }
  2815.  
  2816. function startTimer(song_id) {
  2817.  $(".song_controls").css("pointer-events","none");
  2818.  $(".song_progress").css("pointer-events","none");
  2819.  $(".song_progress_right").css("pointer-events","none");
  2820.  $(".ma_player_playlist").css("pointer-events","none");
  2821.  $("#waveform").css("pointer-events","none");
  2822.  timerInterval = setInterval(() => {
  2823.    timePassed = timePassed += 1;
  2824.    timeLeft = TIME_LIMIT - timePassed;
  2825.    if (timeLeft >= 0) {
  2826.     document.getElementById("base-timer-label").innerHTML = formatTime(
  2827.      timeLeft
  2828.    );
  2829.    setCircleDasharray();
  2830.    }
  2831.  
  2832.    if (timeLeft === 0) {
  2833.     song_id = "'"+song_id+"'";
  2834.     $(".pause_btn").replaceWith('<div class="pause_btn" onclick="onTimesUp('+song_id+')"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="var(--main-color)" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M8,8L13,12L8,16M14,8H16V16H14"/></svg></div>');
  2835.    }
  2836.  }, 1000);
  2837. }
  2838.  
  2839. function formatTime(time) {
  2840.  const minutes = Math.floor(time / 60);
  2841.  let seconds = time % 60;
  2842.  
  2843.  if (seconds < 10) {
  2844.    seconds = `0${seconds}`;
  2845.  }
  2846.  
  2847.  return `${minutes}:${seconds}`;
  2848. }
  2849.  
  2850. function calculateTimeFraction() {
  2851.  const rawTimeFraction = timeLeft / TIME_LIMIT;
  2852.  return rawTimeFraction - (1 / TIME_LIMIT) * (1 - rawTimeFraction);
  2853. }
  2854.  
  2855. function setCircleDasharray() {
  2856.  const circleDasharray = `${(
  2857.    calculateTimeFraction() * FULL_DASH_ARRAY
  2858.  ).toFixed(0)} 283`;
  2859.  document
  2860.    .getElementById("base-timer-path-remaining")
  2861.    .setAttribute("stroke-dasharray", circleDasharray);
  2862. }
  2863.  
  2864. var songIndex = [];
  2865. function playSong(id,audio_ad_id = 0,skip = '') {
  2866. if (typeof setPlayerInterval != 'undefined') {
  2867. clearInterval(setPlayerInterval);
  2868. }
  2869. if (!$('body').attr('first-play')) {
  2870. //Amplitude.removeSong(0);
  2871. $('body').attr('first-play', "true");
  2873. }
  2874.  
  2875. if (Amplitude.getActiveSongMetadata().id && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
  2876. if (Amplitude.getActiveSongMetadata().id == id) {
  2877. Amplitude.play();
  2878. if ($('#page').attr('data-page') != 'track') {
  2879. goToAjaxLink('track/' + Amplitude.getActiveSongMetadata().id);
  2880. }
  2881. // $('#container_content').append('<a href="#" id="redirect-user" data-load="track/' + Amplitude.getActiveSongMetadata().id + '"></a>');
  2882. // $('#redirect-user').trigger('click');
  2883.            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
  2884.                console.log(Amplitude)
  2885.                video_player.play();
  2886.                if (!$('#my_video_player_container').is(":visible")) {
  2887.                    $('#my_video_player_container').slideDown();
  2888.  
  2889.                }
  2890.            }
  2891. if ($('body').attr('first-play')) {
  2892. if (skip != 'yes') {
  2893. return false;
  2894. }
  2895. }
  2896. }
  2897. }
  2898.  
  2899. $('#bar_loading').show().animate({width:20 + 80 * Math.random() + "%"}, 200);
  2900. $.get('https://gwiremusic.com/endpoints/get-song-info', {id: id,audio_ad_id: audio_ad_id}, function(data) {
  2901. if (data.age == true) {
  2902. $('#age-restricted').modal('show');
  2903. $('#bar_loading').animate({width:"100%"}, 200).fadeOut(300, function() {
  2904.           $(this).width("0");
  2905.        });
  2906. return false;
  2907. }
  2908. $("#light-wave").stop(true);
  2909. $('.waveform-small').html("");
  2910. $('.ssong_comments.small-waves').addClass('hidden');
  2911. $('.mus_feeds_bodycoms').addClass('hidden');
  2912. $('.post-actions').addClass('hidden');
  2913. if (data.status == 200) {
  2914. $('body').attr('song-duration', data.duration);
  2915. if ($('.feed_post[data-id="' + data.songID + '"]:first').length > 0) {
  2916. if (data.songWaves.length > 0) {
  2917. $('.feed_post[data-id="' + data.songID + '"]:first').find('.waveform-small').html(data.songWaves);
  2918. $('#light-wave img').width($('#dark-wave').width() + 'px');
  2919. }
  2920. $('.feed_post[data-id="' + data.songID + '"]:first').find('.art-info').removeClass('hidden');
  2921. $('.feed_post[data-id="' + data.songID + '"]:first').find('.post-actions').removeClass('hidden');
  2922. $('.feed_post[data-id="' + data.songID + '"]:first').find('.ssong_comments').removeClass('hidden');
  2923. $('.feed_post[data-id="' + data.songID + '"]:first').find('.mus_feeds_bodycoms').removeClass('hidden');
  2924.    $('.feed_post[data-id="' + data.songID + '"]:first').find('.comment_list').html(data.comments);
  2925.    $('.feed_post[data-id="' + data.songID + '"]:first').find('.comment-waves').html(data.waves);
  2926. $('html,body').animate({
  2927.        scrollTop: $('.feed_post[data-id="' + data.songID + '"]:first').offset().top
  2928.    }, 'slow');
  2929. }
  2930.  
  2931. $('body').addClass('player_running');
  2932.            if ($('.amplitude-song-container').length == 0) {
  2933.                Amplitude.removeSong(0)
  2934.            }
  2935.    if ($('#queue-' + id).length == 0 || data.is_ad == 'yes') {
  2936. var songObject = {
  2937.        "name": data.songTitle,
  2938.        "artist": data.artistName,
  2939.        "album": data.albumName,
  2940.        "url": data.songURL,
  2941.        "cover_art_url": data.coverURL,
  2942.                    "youtube_url": data.youtube_url,
  2943.        "id": id,
  2944.        "u_id": data.songID,
  2945.        "data_load": 'track/' + id,
  2946.        "href": data.songPageURL,
  2947.        "duration": data.songDuration,
  2948.        "purchase": data.purchase,
  2949.        'price': data.price,
  2950.        "is_favoriated": data.is_favoriated,
  2951.        "showDemo": data.showDemo
  2952. };
  2953.     var songIndex = Amplitude.addSong(songObject);
  2954. data.qID = songIndex;
  2955. songObject.qID = songIndex;
  2956. Amplitude.playSongAtIndex(songIndex);
  2957.                if (data.is_ad != 'yes') {
  2958.                    addToQueue(data, songObject, false);
  2959.                    addView(data.songID);
  2960.  
  2961.                }
  2962. $('.amplitude-song-container').removeClass('amplitude-playing');
  2963. //$('.amplitude-song-container[amplitude-song-index="' + songIndex + '"]').addClass('amplitude-playing');
  2964.                $('#queue-list').find('.amplitude-song-container').last().addClass('amplitude-playing');
  2965.    } else {
  2966.     songIndex = $('#queue-' + id).attr('amplitude-song-index');
  2967.     Amplitude.playSongAtIndex(songIndex);
  2968.    }
  2969.            setTimeout(function () {
  2970.                if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && data.is_ad != 'yes') {
  2971.                        $('#my_video_player_container').html('<div class="y_player_cover"></div><span class="player_exit" onclick="HidePlayer()"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span><div class="plyr__video-embed" id="my_video_player_"><iframe src="'+Amplitude.getActiveSongMetadata().youtube_url+'?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency ></iframe> </div>')
  2972.                        $('#my_video_player_container').slideDown();
  2973.                        video_player = new Plyr('#my_video_player_',{muted: true,controls: []});
  2974.                        video_player.on('ready', event => {
  2975.                            video_player.play();
  2976.                        });
  2977.                }
  2978.            },500);
  2979.    $('.player-song-url').attr('href', data.songPageURL);
  2980.  
  2981.    if (data.data_load != '') {
  2982.     Amplitude.getActiveSongMetadata().data_load = '';
  2983.     $('.player-song-url').attr('data-load', '');
  2984.    }
  2985.    else{
  2986.     $('.player-song-url').attr('data-load', 'track/' + id);
  2987.    }
  2988.  
  2989. $('#song-fav-button').html(data.favorite_button);
  2990. $('.ma_player').removeClass('closed');
  2991. if (data.is_ad == 'yes') {
  2992. document.querySelector(".pause_btn").innerHTML = `
  2993. <div class="base-timer">
  2994.  <svg class="base-timer__svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><g class="base-timer__circle"><circle class="base-timer__path-elapsed" cx="50" cy="50" r="45"></circle><path id="base-timer-path-remaining" stroke-dasharray="283" class="base-timer__path-remaining" d="M 50, 50 m -45, 0 a 45,45 0 1,0 90,0 a 45,45 0 1,0 -90,0"></path></g></svg>
  2995.  <span id="base-timer-label" class="base-timer__label">${formatTime(
  2996.    timeLeft
  2997.  )}</span><p>to Skip Ad</p>
  2998. </div>
  2999. `;
  3000. startTimer(id);
  3001. $('.ss_track_play_pause').attr('data_is_ad', 1);
  3002. }
  3003. } else {
  3004. alert("Can't load the song, please try again later.")
  3005. }
  3006. $('#bar_loading').animate({width:"100%"}, 200).fadeOut(300, function() {
  3007.           $(this).width("0");
  3008.        });
  3009. });
  3010. }
  3011.  
  3012. function addToQueue(data, object, fetch) {
  3013.    if (fetch == false) {
  3014.        html = '<div class="song amplitude-song-container amplitude-play-pause" id="queue-' + object.id + '" onclick="playSong(\'' + object.id + '\')" amplitude-song-index="' + object.qID + '"><div class="song_icon_container"><img class="now-playing" src="'+ object.cover_art_url+'"/></div><span class="song_duration">' + object.duration + '</span><div class="song_meta_data"><span class="song_title">' + object.name + '</span><span class="song_artist">' + object.artist + '</span></div></div>';
  3015.        $('#queue-list').append(html);
  3016.    }
  3017.    setTimeout(function () {
  3018.        $.post('https://gwiremusic.com/endpoints/add-queue', {qdata: object});
  3019.    }, 2000);
  3020. }
  3021.  
  3022. function registerCommentreplay(value, id, commentid, event, element) {
  3023.    if (!value || !id || !commentid) {
  3024.        return false;
  3025.    }
  3026.    if(event.which == 13) {
  3027.        element.attr('disabled', "true");
  3028.        $.post('https://gwiremusic.com/endpoints/register-comment-replay', {id: id, value: value, cid:commentid}, function(data) {
  3029.            if (data.status == 300) {
  3030.                $('#login_box').modal('show');
  3031.            }
  3032.            if (data.status == 200) {
  3033.                $('.no-comments-found').remove();
  3034.                $('.no-track-found').remove();
  3035.                element.val("");
  3036.                $('.comment-replay-list-' + commentid).append(data.html);
  3037.                //window.init_emojioneArea();
  3038.            }
  3039.            element.removeAttr('disabled');
  3040.        });
  3041.    }
  3042.  
  3043. }
  3044.  
  3045. function deleteCommentReplay(element) {
  3046.    mainElement = $('#delete-comment-replay');
  3047.    comment_id = mainElement.attr('data-id');
  3048.    mode = mainElement.attr('data-mode');
  3049.    if (!comment_id) {
  3050.        return false;
  3051.    }
  3052.    $('#delete-comment-replay').modal('hide');
  3053.    $('.comment-replay-' + comment_id).slideUp('200', function () {
  3054.        $(this).remove();
  3055.    });
  3056.    $.get('https://gwiremusic.com/endpoints/delete-comment-replay', {id: comment_id});
  3057. }
  3058.  
  3059. function registerComment(value, id, event, element) {
  3060. if (!value || !id) {
  3061. return false;
  3062. }
  3063.    //fix
  3064. if(event.which == 13) {
  3065. element.attr('disabled', "true");
  3066. time = "";
  3067. timeSeconds = "";
  3068. if (Amplitude.getActiveSongMetadata().id == id) {
  3069. time = Amplitude.audio().currentTime;
  3070.    timeSeconds = $('.amplitude-song-played-progress').val();
  3071. }
  3072. wave = 0;
  3073. if ($('#light-wave').val()) {
  3074. wave = $('#light-wave').val();
  3075. }
  3076.        $.post('https://gwiremusic.com/endpoints/register-comment', {id: id, value: value, timePercentage: timeSeconds, time: time, wave: wave}, function(data) {
  3077.         if (data.status == 300) {
  3078.                $('#login_box').modal('show');
  3079.            }
  3080.         if (data.status == 200) {
  3081.         $('.no-comments-found').remove();
  3082.         $('.no-track-found').remove();
  3083.         element.val("");
  3084.         $('.comment-waves').append(data.comment_wave);
  3085.         $('.comment-list-' + id).prepend(data.html);
  3086.                //window.init_emojioneArea();
  3087.         }
  3088.         element.removeAttr('disabled');
  3089.        });
  3090.    }
  3091.  
  3092. }
  3093.  
  3094. $(document).on('mouseover', '.comment-on-wave', function(event) {
  3095. $(this).find('.comment-on-wave-data').css({
  3096. display: 'block',
  3097. });
  3098. });
  3099. $(document).on('mouseleave', '.comment-on-wave', function(event) {
  3100. $(this).find('.comment-on-wave-data').css({
  3101. display: 'none',
  3102. });
  3103. });
  3104.  
  3105. $('.comment-on-wave-data').on('hover', function(event) {
  3106.  
  3107. });
  3108.  
  3109. function goToWave(secnods) {
  3110. setTimeout(function () {
  3111. Amplitude.skipTo(secnods, Amplitude.getActiveSongMetadata().qID);
  3112. }, 200);
  3113. }
  3114.  
  3115. function goTo(element) {
  3116. mainElement = element.parents('li');
  3117.  
  3118. if (Amplitude.getActiveSongMetadata().id != mainElement.attr('comment-song-id')) {
  3119. playSong(mainElement.attr('song-id'));
  3120. }
  3121.  
  3122. setTimeout(function () {
  3123. Amplitude.skipTo(mainElement.attr('comment-seconds'), Amplitude.getActiveSongMetadata().qID);
  3124. }, 200);
  3125. }
  3126. function BloglikeComment(comment_id) {
  3127.    if (!comment_id) {
  3128.        return false;
  3129.    }
  3130.    var clickval = $('.comment_like[data-comment-id="'+comment_id+'"]').attr("onclick");
  3131.    $('.comment_like[data-comment-id="'+comment_id+'"]').attr('onclick',clickval.replace('likeComment', 'UnlikeComment') );
  3132.    $('.comment_like[data-comment-id="'+comment_id+'"] path').attr('fill','#e62117');
  3133.    $.get('https://gwiremusic.com/endpoints/like-blog-comment', {id: comment_id});
  3134.    let c = parseInt($('#comment_like_'+comment_id).html());
  3135.    $('#comment_like_'+comment_id).html( c + 1);
  3136. }
  3137. function BlogUnlikeComment(comment_id) {
  3138.    if (!comment_id) {
  3139.        return false;
  3140.    }
  3141.    var clickval = $('.comment_like[data-comment-id="'+comment_id+'"]').attr("onclick");
  3142.    $('.comment_like[data-comment-id="'+comment_id+'"]').attr('onclick',clickval.replace('UnlikeComment', 'likeComment') );
  3143.    $('.comment_like[data-comment-id="'+comment_id+'"] path').attr('fill','currentColor');
  3144.    $.get('https://gwiremusic.com/endpoints/unlike-blog-comment', {id: comment_id});
  3145.    let c = parseInt($('#comment_like_'+comment_id).html());
  3146.    $('#comment_like_'+comment_id).html( c - 1);
  3147. }
  3148. function BlogUnReportComment(comment_id,user_id) {
  3149.    if (!comment_id) {
  3150.        return false;
  3151.    }
  3152.    $('.blog_comment_report[data-comment-id="'+comment_id+'"]').show();
  3153.    $('.blog_comment_report[data-comment-id="'+comment_id+'"]').css({'visibility':'inherit'});
  3154.    $('.blog_comment_unreport[data-comment-id="'+comment_id+'"]').hide();
  3155.    $.get(ajaxUrl() + '/blog-unreport-comment', {id: comment_id,uid: user_id}, function (data) {
  3156.        if (data.status == 200) {
  3157.            $('#blog_comment_unreported').modal('show');
  3158.            setTimeout(function () {
  3159.                $('#blog_comment_unreported').modal('hide');
  3160.            }, 3000);
  3161.        }
  3162.    });
  3163. }
  3164. function deleteComment(element) {
  3165. mainElement = $('#delete-comment');
  3166.    comment_id = mainElement.attr('data-id');
  3167.    mode = mainElement.attr('data-mode');
  3168. if (!comment_id) {
  3169. return false;
  3170. }
  3171. $('#delete-comment').modal('hide');
  3172. $('.comment-' + comment_id).slideUp('200', function () {
  3173. $(this).remove();
  3174. });
  3175. if(mode == 'blog'){
  3176.        $.get('https://gwiremusic.com/endpoints/delete-blog-comment', {id: comment_id});
  3177.    }else{
  3178.        $.get('https://gwiremusic.com/endpoints/delete-comment', {id: comment_id});
  3179.    }
  3180. }
  3181.  
  3182. function likeComment(comment_id) {
  3183.    if (!comment_id) {
  3184.        return false;
  3185.    }
  3186.    var clickval = $('.comment_like[data-comment-id="'+comment_id+'"]').attr("onclick");
  3187.    $('.comment_like[data-comment-id="'+comment_id+'"]').attr('onclick',clickval.replace('likeComment', 'UnlikeComment') );
  3188.    $('.comment_like[data-comment-id="'+comment_id+'"] path').attr('fill','#e62117');
  3189.    $.get('https://gwiremusic.com/endpoints/like-comment', {id: comment_id});
  3190.    let c = parseInt($('#comment_like_'+comment_id).html());
  3191.    $('#comment_like_'+comment_id).html( c + 1);
  3192. }
  3193.  
  3194. function UnlikeComment(comment_id) {
  3195.    if (!comment_id) {
  3196.        return false;
  3197.    }
  3198.    var clickval = $('.comment_like[data-comment-id="'+comment_id+'"]').attr("onclick");
  3199.    $('.comment_like[data-comment-id="'+comment_id+'"]').attr('onclick',clickval.replace('UnlikeComment', 'likeComment') );
  3200.    $('.comment_like[data-comment-id="'+comment_id+'"] path').attr('fill','currentColor');
  3201.    $.get('https://gwiremusic.com/endpoints/unlike-comment', {id: comment_id});
  3202.  
  3203.    let c = parseInt($('#comment_like_'+comment_id).html());
  3204.    $('#comment_like_'+comment_id).html( c - 1);
  3205.  
  3206. }
  3207.  
  3208. function UnReportComment(comment_id,user_id) {
  3209.    if (!comment_id) {
  3210.        return false;
  3211.    }
  3212.    $('.comment_report[data-comment-id="'+comment_id+'"]').show();
  3213.    $('.comment_report[data-comment-id="'+comment_id+'"]').css({'visibility':'inherit'});
  3214.    $('.comment_unreport[data-comment-id="'+comment_id+'"]').hide();
  3215.  
  3216.    $.get(ajaxUrl() + '/unreport-comment', {id: comment_id,uid: user_id}, function (data) {
  3217.        if (data.status == 200) {
  3218.            $('#comment_unreported').modal('show');
  3219.            setTimeout(function () {
  3220.                $('#comment_unreported').modal('hide');
  3221.            }, 3000);
  3222.        }
  3223.    });
  3224.  
  3225. }
  3226.  
  3227. function UnReportTrack(track_id,user_id) {
  3228.    if (!track_id) {
  3229.        return false;
  3230.    }
  3231.    $('.track_report[data-track-id="'+track_id+'"]').show();
  3232.    $('.track_report[data-track-id="'+track_id+'"]').css({'visibility':'inherit'});
  3233.    $('.track_unreport[data-track-id="'+track_id+'"]').hide();
  3234.  
  3235.    $.get(ajaxUrl() + '/unreport-track', {'id': track_id,'uid': user_id}, function (data) {
  3236.        if (data.status == 200) {
  3237.            $('#track_unreported').modal('show');
  3238.            setTimeout(function () {
  3239.                $('#track_unreported').modal('hide');
  3240.            }, 3000);
  3241.        }
  3242.    });
  3243.  
  3244. }
  3245.  
  3246.  
  3247. function SlideSetCookie(cname, cvalue, exdays) {
  3248.    $('#open_slide').attr('onclick', "SlideEraseCookie('open_slide')");
  3249.    var d = new Date();
  3250.    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
  3251.    var expires = "expires="+d.toUTCString();
  3252.    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
  3253. }
  3254. function SlideEraseCookie(name) {
  3255.    $('#open_slide').attr('onclick', "SlideSetCookie('open_slide','yes',1)");
  3256.    document.cookie = name + '=;path=/;Max-Age=0'
  3257. }
  3258.  
  3259.  
  3260. function PayFromWallet() {
  3261.    $('#wallet_to_pay').find('.btn-mat').attr('disabled', 'true');
  3262.    $(".modal_story_pay_alert").html('');
  3263.    price = $('#wallet_to_pay_price').val();
  3264.    type = $('#wallet_to_pay_type').val();
  3265.    id = $('#wallet_to_pay_id').val();
  3266.    $.post('https://gwiremusic.com/endpoints/wallet/pay', {price: price,type: type,id: id}, function(data, textStatus, xhr) {
  3267.        $('#wallet_to_pay').find('.btn-mat').removeAttr('disabled');
  3268.        if (data.status == 200) {
  3269.            clearQueues(false);
  3270.            $(".modal_wallet_pay_alert").html('<div class="alert alert-success"><i class="fa fa-check"></i> payment successfully done</div>');
  3271.            setTimeout(function () {
  3272.                location.href = data.url;
  3273.            },2000);
  3274.        }
  3275.        else{
  3276.            $(".modal_wallet_pay_alert").html('<div class="alert alert-danger"><i class="fa fa-info-circle"></i> '+data.error+'</div>');
  3277.        }
  3278.    });
  3279. }
  3280.  
  3281. function purchaseTrack(id, element,type,price) {
  3282.            $('#login_box').modal('show');
  3283.    }
  3284.  
  3285.  
  3286.  
  3287. function registerBlogComment(value, id, event, element) {
  3288. if (!value || !id) {
  3289. return false;
  3290. }
  3291. if(event.which == 13) {
  3292. element.attr('disabled', "true");
  3293.        $.post('https://gwiremusic.com/endpoints/register-blog-comment', {id: id, value: value}, function(data) {
  3294.         if (data.status == 300) {
  3295.                $('#login_box').modal('show');
  3296.            }
  3297.         if (data.status == 200) {
  3298.         $('.no-comments-found').remove();
  3299.         $('.no-track-found').remove();
  3300.         element.val("");
  3301.         $('.comment-list-' + id).prepend(data.html);
  3302.         }
  3303.         element.removeAttr('disabled');
  3304.        });
  3305.    }
  3306.  
  3307. }
  3308. function TrackReadMore() {
  3309.    var dots = document.getElementById("dots");
  3310.    var moreText = document.getElementById("more");
  3311.    var btnText = document.getElementById("btn-track-load-more");
  3312.  
  3313.    if (dots.style.display === "none") {
  3314.        dots.style.display = "inline";
  3315.        btnText.innerHTML = "Read more";
  3316.        moreText.style.display = "none";
  3317.    } else {
  3318.        dots.style.display = "none";
  3319.        btnText.innerHTML = "Read less";
  3320.        moreText.style.display = "inline";
  3321.    }
  3322. }
  3323.  
  3324.  
  3325.  
  3326.  
  3327.  
  3328.  
  3329.  
  3330.  
  3331.  
  3332.  
  3333.  
  3334.  
  3335.  
  3336.  
  3337.  
  3338.  
  3339. function getUrl() {
  3340. var url = window.location.href;
  3341. return url.replace("https://gwiremusic.com", "");
  3342. }
  3343.  
  3344. function ajaxRedirect(url) {
  3345. if (!url) {
  3346. url = getUrl();
  3347. }
  3348. goToAjaxLink(url);
  3349. }
  3350.  
  3351. function favorite(id, element) {
  3352. if (element.hasClass('is_favoriated')) {
  3353. element.html('<path fill="currentColor" d="M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z" />');
  3354. element.removeClass("is_favoriated");
  3355. if (Amplitude.getActiveSongMetadata()) {
  3356. Amplitude.getActiveSongMetadata().is_favoriated = false;
  3357. }
  3358. } else {
  3359. element.addClass("is_favoriated");
  3360. element.html('<path fill="#ff9900" d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z" />');
  3361. if (Amplitude.getActiveSongMetadata()) {
  3362. Amplitude.getActiveSongMetadata().is_favoriated = true;
  3363. }
  3364. }
  3365.  
  3366. $.get('https://gwiremusic.com/endpoints/favorite-track', {id: id});
  3367. }
  3368.  
  3369. function addToLists(id) {
  3370. getID = $('#playlists').attr('data-id');
  3371. if (!getID) {
  3372. return false;
  3373. }
  3374. var playlists = "";
  3375. $(".select-playlist-list").each(function (index, item) {
  3376. if ($(this).hasClass('active')) {
  3377. playlists += $(this).attr('data-id') + ",";
  3378. }
  3379. });
  3380. if (playlists) {
  3381. $('#playlists').find('.btn-mat').text("Please wait..");
  3382. $.get(ajaxUrl() + "/playlist/add-to-playlist", {playlists: playlists, id: getID}, function (data) {
  3383. if (data.status == 200) {
  3384. $('#playlists').modal('hide');
  3385. setTimeout(function () {
  3386. $('#playlists').remove();
  3387. }, 200);
  3388. } else if (data.status == 300) {
  3389. alert("Please select which playlist you want to add this song to.")
  3390. } else {
  3391. $('#playlists').modal('hide');
  3392. setTimeout(function () {
  3393. $('#playlists').remove();
  3394. }, 200);
  3395. }
  3396. });
  3397. }
  3398. }
  3399.  
  3400. function blockUser(id, username, type) {
  3401. if (!id || !username) {
  3402. return false;
  3403. }
  3404. if (!confirm("Are you sure you want to block this user")) {
  3405. return false;
  3406. }
  3407. $.get('https://gwiremusic.com/endpoints/block-user/' + type, {id: id}, function (data) {
  3408. goToAjaxLink(username);
  3409. });
  3410. }
  3411.  
  3412. $(document).on('click', '#night_mode_toggle', function(event) {
  3413.    mode = $(this).attr('data-mode');
  3414.    $.post('https://gwiremusic.com/endpoints/?mode=' + mode, {}, function(data, textStatus, xhr) { /* pass */ });
  3415.    if (mode !== 'night') {
  3416.        $('body').append('<link rel="stylesheet" href="https://gwiremusic.com/themes/volcano/css/day.style.css" id="night-mode-css">');
  3417.        $('#night_mode_toggle').attr('data-mode', 'night');
  3418.        $('.switch .txt').text('Night mode');
  3419.        $('.head_logo img').attr('src', 'https://gwiremusic.com/themes/volcano/img/logo-white.png?cache=753');
  3420. $('.auth_box .right_combo > .navbar-brand img').attr('src', 'https://gwiremusic.com/themes/volcano/img/logo-white.png?cache=753');
  3421. $('.ma_home_nav nav .navbar-brand img').attr('src', 'https://gwiremusic.com/themes/volcano/img/logo-white.png?cache=753');
  3422. $('.nigh_day_ico').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"></path><path fill="currentColor" d="M10 6a8 8 0 0 0 11.955 6.956C21.474 18.03 17.2 22 12 22 6.477 22 2 17.523 2 12c0-5.2 3.97-9.474 9.044-9.955A7.963 7.963 0 0 0 10 6zm-6 6a8 8 0 0 0 8 8 8.006 8.006 0 0 0 6.957-4.045c-.316.03-.636.045-.957.045-5.523 0-10-4.477-10-10 0-.321.015-.64.045-.957A8.006 8.006 0 0 0 4 12zm14.164-9.709L19 2.5v1l-.836.209a2 2 0 0 0-1.455 1.455L16.5 6h-1l-.209-.836a2 2 0 0 0-1.455-1.455L13 3.5v-1l.836-.209A2 2 0 0 0 15.29.836L15.5 0h1l.209.836a2 2 0 0 0 1.455 1.455zm5 5L24 7.5v1l-.836.209a2 2 0 0 0-1.455 1.455L21.5 11h-1l-.209-.836a2 2 0 0 0-1.455-1.455L18 8.5v-1l.836-.209a2 2 0 0 0 1.455-1.455L20.5 5h1l.209.836a2 2 0 0 0 1.455 1.455z"></path></svg>');
  3423.                    $('#dark-wave').css({'opacity':'0.5'});
  3424.                $('#light-wave').css({'border-right':'1px solid rgb(191, 191, 191)'});
  3425.    } else {
  3426.        $('#night-mode-css').remove();
  3427.        $('#night_mode_toggle').attr('data-mode', 'day');
  3428.        $('.switch .txt').text('Day mode');
  3429.        $('.head_logo img').attr('src', 'https://gwiremusic.com/themes/volcano/img/logo.png?cache=753');
  3430. $('.auth_box .right_combo > .navbar-brand img').attr('src', 'https://gwiremusic.com/themes/volcano/img/logo.png?cache=753');
  3431. $('.ma_home_nav nav .navbar-brand img').attr('src', 'https://gwiremusic.com/themes/volcano/img/logo.png?cache=753');
  3432. $('.nigh_day_ico').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"></path><path fill="currentColor" d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"></path></svg>');
  3433.                    $('#dark-wave').css({'opacity':'inherit'});
  3434.                $('#light-wave').css({'border-right':'1px solid rgb(71, 71, 71)'});
  3435.    }
  3436.  
  3437.  
  3438. });
  3439.  
  3440. $(document).ready(function() {
  3441.    FastClick.attach(document.body);
  3442. });
  3443.  
  3444. function hide_announcement(id){
  3445.    if (!id) { return false; }
  3446.    $("#announcement-"+id).slideUp('fast',function(){
  3447.        $(this).remove();
  3448.        $.post('https://gwiremusic.com/endpoints/user/hide-announcement', {id: id}, function(data, textStatus, xhr) { /* pass */ });
  3449.    })
  3450. }
  3451. function AddEventInterested(id,self,type = 'interest') {
  3452.    if (type == 'interest') {
  3453.        $(self).html('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M0.41,13.41L6,19L7.41,17.58L1.83,12M22.24,5.58L11.66,16.17L7.5,12L6.07,13.41L11.66,19L23.66,7M18,7L16.59,5.58L10.24,11.93L11.66,13.34L18,7Z"></path></svg> <span class="button-text"> Interested</span>')
  3454.        $(self).attr('onclick', "AddEventInterested('"+id+"',this,'uninterest')");
  3455.    }
  3456.    else{
  3457.        $(self).html('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.5,5C15,5 13.58,5.91 13,7.2V17.74C17.25,13.87 20,11.2 20,8.5C20,6.5 18.5,5 16.5,5M16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3Z"></path></svg> <span class="button-text"> Interested</span>')
  3458.        $(self).attr('onclick', "AddEventInterested('"+id+"',this,'interest')");
  3459.    }
  3460.    $.post('https://gwiremusic.com/endpoints/event/interest', {id: id,type: type}, function(data, textStatus, xhr) {});
  3461. }
  3462. function JoinEvent(id,self,type = 'join') {
  3463.    if (type == 'join') {
  3464.        $('#going-'+id).find('button').html('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M0.41,13.41L6,19L7.41,17.58L1.83,12M22.24,5.58L11.66,16.17L7.5,12L6.07,13.41L11.66,19L23.66,7M18,7L16.59,5.58L10.24,11.93L11.66,13.34L18,7Z"></path></svg> <span class="button-text"> Joined</span>')
  3465.        $('#going-'+id).find('button').attr('onclick', "JoinEvent('"+id+"',this,'unjoin')");
  3466.    }
  3467.    else{
  3468.        $('#going-'+id).find('button').html('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.74,11.72C11.21,12.95 11.16,14.23 9.75,14.74C6.85,15.81 6.2,13 6.16,12.86L10.74,11.72M5.71,10.91L10.03,9.84C9.84,8.79 10.13,7.74 10.13,6.5C10.13,4.82 8.8,1.53 6.68,2.06C4.26,2.66 3.91,5.35 4,6.65C4.12,7.95 5.64,10.73 5.71,10.91M17.85,19.85C17.82,20 17.16,22.8 14.26,21.74C12.86,21.22 12.8,19.94 13.27,18.71L17.85,19.85M20,13.65C20.1,12.35 19.76,9.65 17.33,9.05C15.22,8.5 13.89,11.81 13.89,13.5C13.89,14.73 14.17,15.78 14,16.83L18.3,17.9C18.38,17.72 19.89,14.94 20,13.65Z"></path></svg> <span class="button-text"> Join</span>')
  3469.        $('#going-'+id).find('button').attr('onclick', "JoinEvent('"+id+"',this,'join')");
  3470.    }
  3471.    $.post('https://gwiremusic.com/endpoints/event/join', {id: id,type: type}, function(data, textStatus, xhr) {});
  3472. }
  3473. function BuyTicket(id,self,type = 'join',price = 0,show_type = 'show',available_tickets = 0, image = '') {
  3474. $('#buy_ticket_modal').find('.modal-body-alert').html('');
  3475. $('#buy_ticket_modal').find('.btn-primary').removeAttr('disabled');
  3476.    $('#buy_ticket_modal').find('.btn-primary').text("Buy");
  3477. if (parseInt(price) > parseInt("{{ME org_wallet}}")) {
  3478. $('#buy_ticket_modal').find('.modal-body-alert').html(`<div class="alert alert-info"><a href="https://gwiremusic.com/settings/{{ME username/wallet}}" data-load="settings/{{ME username}}/wallet">Please top up your wallet.</a></div>`);
  3479. $('#buy_ticket_modal').find('.btn-primary').attr('disabled', 'true');
  3480. $('#buy_ticket_modal').modal('show');
  3481.        return false;
  3482. }
  3483. if(parseInt(price) > 0 && show_type == 'hide'){
  3484. $('#buy_ticket_modal').find('.btn-primary').attr('onclick', "BuyTicket('"+id+"',this,'"+type+"','"+price+"','show','"+available_tickets+"')");
  3485. $('#buy_ticket_modal').find('.avail_ticket p').html(""+available_tickets+"");
  3486. $('#buy_ticket_modal').find('.avail_ticket_price p').html("$"+price);
  3487. $('#buy_ticket_modal').find('.ticket-img').html("<img src='" + image + "' alt='Picture'>");
  3488.        $('#buy_ticket_modal').modal('show');
  3489.        return false;
  3490. }
  3491. $('#buy_ticket_modal').find('.btn-primary').attr('disabled', 'true');
  3492.    $('#buy_ticket_modal').find('.btn-primary').text("Please wait..");
  3493.    $.post('https://gwiremusic.com/endpoints/event/buy', {id: id,price: price}, function(data, textStatus, xhr) {
  3494.     $('#buy_ticket_modal').find('.btn-primary').removeAttr('disabled');
  3495.        $('#buy_ticket_modal').find('.btn-primary').text("Buy");
  3496.     if (data.status == 200) {
  3497.     $('#buy_ticket_modal').find('.modal-body-alert').html(`<div class="alert alert-success"><i class="fa fa-check"></i> ${data.message}</div>`);
  3498.            setTimeout(function () {
  3499.             $('#buy_ticket_modal').find('.modal-body-alert').html('');
  3500.             $('#buy_ticket_modal').modal('hide');
  3501.             location.href = 'https://gwiremusic.com/purchased';
  3502.            },2000);
  3503.     }
  3504.     else{
  3505.     $('#buy_ticket_modal').find('.modal-body-alert').html(`<div class="alert alert-danger"><i class="fa fa-check"></i> ${data.message}</div>`);
  3506.     }
  3507.    });
  3508. }
  3509. function DeleteEvent(id,type = 'show') {
  3510.    if (type == 'hide') {
  3511.      $('#delete-event').find('.btn-mat').attr('onclick', "DeleteEvent('"+id+"')");
  3512.      $('#delete-event').modal('show');
  3513.      return false;
  3514.    }
  3515.    $('[data-event="'+id+'"').slideUp();
  3516.    $('[data-event="'+id+'"').remove();
  3517.    $.post('https://gwiremusic.com/endpoints/event/delete', {id: id}, function(data, textStatus, xhr) {});
  3518. }
  3519. function StartStories(user_id,story_id) {
  3520.    $('#container_content').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>');
  3521.    $.post('https://gwiremusic.com/endpoints/story/start', {user_id: user_id,story_id:story_id}, function(data, textStatus, xhr) {
  3522.        if (data.status == 200) {
  3523.            if (!Amplitude.audio().paused) {
  3524.                Amplitude.pause();
  3525.                window.playAudio = 'yes';
  3526.            }
  3527.            else{
  3528.                window.playAudio = 'no';
  3529.            }
  3530.            $('.lightbox-container').html(data.html);
  3531.        }
  3532.        else{
  3533.            if (window.playAudio && window.playAudio == 'yes') {
  3534.                Amplitude.play();
  3535.                window.playAudio = 'no';
  3536.            }
  3537.            CloseLightbox();
  3538.        }
  3539.    });
  3540. }
  3541. function NextStory(user_id,story_id,next_user_id,next_story_id) {
  3542.    CloseLightbox();
  3543.    $('#container_content').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>');
  3544.    $.post('https://gwiremusic.com/endpoints/story/next', {user_id: user_id,story_id:story_id,next_user_id:next_user_id,next_story_id:next_story_id}, function(data, textStatus, xhr) {
  3545.        if (data.status == 200) {
  3546.            if (!Amplitude.audio().paused) {
  3547.                Amplitude.pause();
  3548.                window.playAudio = 'yes';
  3549.            }
  3550.            $('.lightbox-container').html(data.html);
  3551.        }
  3552.        else{
  3553.            if (window.playAudio && window.playAudio == 'yes') {
  3554.                Amplitude.play();
  3555.                window.playAudio = 'no';
  3556.            }
  3557.            CloseLightbox();
  3558.        }
  3559.    });
  3560. }
  3561. function PreviousStory(user_id,story_id,pre_user_id,pre_story_id) {
  3562.    CloseLightbox();
  3563.    $('#container_content').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>');
  3564.    $.post('https://gwiremusic.com/endpoints/story/previous', {user_id: user_id,story_id:story_id,pre_user_id:pre_user_id,pre_story_id:pre_story_id}, function(data, textStatus, xhr) {
  3565.        if (data.status == 200) {
  3566.            if (!Amplitude.audio().paused) {
  3567.                Amplitude.pause();
  3568.                window.playAudio = 'yes';
  3569.            }
  3570.            $('.lightbox-container').html(data.html);
  3571.        }
  3572.        else{
  3573.            if (window.playAudio && window.playAudio == 'yes') {
  3574.                Amplitude.play();
  3575.                window.playAudio = 'no';
  3576.            }
  3577.            CloseLightbox();
  3578.        }
  3579.    });
  3580. }
  3581. function CloseLightbox() {
  3582.  $('.lightbox-container').remove();
  3583.  document.body.style.overflow = 'auto';
  3584. }
  3585. function GetMoreStoryViews(story_id,self) {
  3586.  $('.lightpost-'+story_id).addClass('dont_close')
  3587.  last_view = $('.story_views_').last().attr('id');
  3588.  $(self).addClass('dont_close_story_'+story_id);
  3589.  $(self).find('span').html("please_wait");
  3590.  $.post('https://gwiremusic.com/endpoints/story/story_views', {last_view:last_view,story_id:story_id}, function(data, textStatus, xhr) {
  3591.    if (data.status == 200) {
  3592.      $(self).find('button').html('<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather"><polyline points="6 9 12 15 18 9"></polyline></svg> Load More');
  3593.  
  3594.      $('.views_container_').append(data.html);
  3595.    }
  3596.    else{
  3597.      $(self).find('button').html("No More Views");
  3598.  
  3599.    }
  3600.  });
  3601. }
  3602. function DeleteStory(id) {
  3603.    if (!id || !confirm("Are you sure you want to delete your story?")) {
  3604.    return false;
  3605.  }
  3606.  
  3607.  $.ajax({
  3608.    url: 'https://gwiremusic.com/endpoints/story/delete',
  3609.    type: 'POST',
  3610.    dataType: 'json',
  3611.    data: {id:id},
  3612.  })
  3613.  .done(function(data) {
  3614.    if (data.status == 200) {
  3615.      location.reload();
  3616.    }
  3617.  })
  3618.  .fail(function() {
  3619.    console.log("error");
  3620.  })
  3621. }
  3622. function DeleteProduct(id,type = 'show') {
  3623.    if (type == 'hide') {
  3624.      $('#delete-product').find('.btn-mat').attr('onclick', "DeleteProduct('"+id+"')");
  3625.      $('#delete-product').modal('show');
  3626.      return false;
  3627.    }
  3628.    $('[data-product="'+id+'"').slideUp();
  3629.    $('[data-product="'+id+'"').remove();
  3630.    $.post('https://gwiremusic.com/endpoints/product/delete', {id: id}, function(data, textStatus, xhr) {});
  3631. }
  3632. function AddProductToCart(self,id,type) {
  3633.    if (type == 'add') {
  3634.        $(self).html('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="52" height="52" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><circle r="12" cx="12" cy="12" fill="var(--main-color)" shape="circle" transform="matrix(1,0,0,1,0,0)"></circle><g transform="matrix(0.5,0,0,0.5,6.0000000894069645,5.999999999999999)"><path d="m17.5 13c-3.584 0-6.5-2.916-6.5-6.5s2.916-6.5 6.5-6.5 6.5 2.916 6.5 6.5-2.916 6.5-6.5 6.5zm0-12c-3.032 0-5.5 2.467-5.5 5.5s2.468 5.5 5.5 5.5 5.5-2.467 5.5-5.5-2.468-5.5-5.5-5.5z" fill="#ffffff" data-original="#000000" class=""></path><path d="m15.379 9.121c-.128 0-.256-.049-.354-.146-.195-.195-.195-.512 0-.707l4.242-4.242c.195-.195.512-.195.707 0s.195.512 0 .707l-4.242 4.242c-.097.097-.225.146-.353.146z" fill="#ffffff" data-original="#000000" class=""></path><path d="m19.621 9.121c-.128 0-.256-.049-.354-.146l-4.242-4.242c-.195-.195-.195-.512 0-.707s.512-.195.707 0l4.242 4.242c.195.195.195.512 0 .707-.097.097-.225.146-.353.146z" fill="#ffffff" data-original="#000000" class=""></path><path d="m19.5 17h-13c-.238 0-.443-.168-.49-.402l-2-10c-.03-.147.009-.299.103-.415s.238-.183.387-.183h4c.276 0 .5.224.5.5s-.224.5-.5.5h-3.39l1.8 9h12.18l.277-1.385c.055-.272.33-.445.588-.392.271.054.447.317.393.588l-.357 1.787c-.048.234-.253.402-.491.402z" fill="#ffffff" data-original="#000000" class=""></path><path d="m6.499 17c-.233 0-.441-.164-.489-.402l-2.479-12.394c-.139-.699-.759-1.206-1.471-1.206h-.001l-1.558.002c-.001 0-.001 0-.001 0-.276 0-.5-.224-.5-.5s.224-.5.499-.5l1.558-.002h.003c1.188 0 2.219.845 2.452 2.01l2.478 12.394c.055.271-.121.534-.393.588-.032.007-.065.01-.098.01z" fill="#ffffff" data-original="#000000" class=""></path><path d="m21.5 19h-17c-.827 0-1.5-.673-1.5-1.5s.673-1.5 1.5-1.5h2c.276 0 .5.224.5.5s-.224.5-.5.5h-2c-.275 0-.5.224-.5.5s.225.5.5.5h17c.276 0 .5.224.5.5s-.224.5-.5.5z" fill="#ffffff" data-original="#000000" class=""></path><path d="m8 24c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zm0-3c-.552 0-1 .449-1 1s.448 1 1 1 1-.449 1-1-.448-1-1-1z" fill="#ffffff" data-original="#000000" class=""></path><path d="m17 24c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zm0-3c-.552 0-1 .449-1 1s.448 1 1 1 1-.449 1-1-.448-1-1-1z" fill="#ffffff" data-original="#000000" class=""></path></g></svg>');
  3635.        $(self).attr('onclick', "AddProductToCart(this,'"+id+"','remove')");
  3636.    }
  3637.    else{
  3638.        $(self).html('<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 58 58"> <g id="Group_9580" data-name="Group 9580" transform="translate(-833 -689)"> <rect id="Rectangle_3421" data-name="Rectangle 3421" width="58" height="58" rx="29" transform="translate(833 689)" fill="var(--main-color)"/> <path id="Union_12" data-name="Union 12" d="M.588,22.148a.61.61,0,0,1-.417-.17A.616.616,0,0,1,0,21.562v-.074L.992,8.7a.561.561,0,0,1,.183-.374l.013-.008a.561.561,0,0,1,.391-.157H3.415v-.58a7.6,7.6,0,0,1,15.192,0v.58h1.832a.566.566,0,0,1,.393.157l.013.008a.56.56,0,0,1,.183.371l.994,12.817a.619.619,0,0,1-.147.434.61.61,0,0,1-.379.2Zm.634-1.17H20.8l-.9-11.65H2.116ZM6.565,2.95A6.336,6.336,0,0,0,4.6,7.293l-.038.863H17.43v-.58a6.4,6.4,0,0,0-6.137-6.4l-.258-.011-.025,0A6.41,6.41,0,0,0,6.565,2.95ZM8.674,14.568V12.236h4.674v2.332Z" transform="translate(851 707)" fill="#fff"/> </g> </svg>');
  3639.        $(self).attr('onclick', "AddProductToCart(this,'"+id+"','add')");
  3640.    }
  3641.    qty = 1;
  3642.    if ($('#cart_product_qty').length > 0) {
  3643.        qty = $('#cart_product_qty').val();
  3644.    }
  3645.    $.post('https://gwiremusic.com/endpoints/product/add_cart', {product_id: id,qty:qty}, function(data, textStatus, xhr) {
  3646.        if (data.status == 200) {
  3647.            $('.unread_cart_count').html(data.count);
  3648.        }
  3649.    });
  3650. }
  3651. function GetCart() {
  3652.    $.post('https://gwiremusic.com/endpoints/product/get_cart', {param1: 'value1'}, function(data, textStatus, xhr) {
  3653.        if (data.status == 200 && data.html != '') {
  3654.            $('#cart-list').html(data.html);
  3655.        }
  3656.        else{
  3657.            $('#cart-list').html('<li class="empty_state"><svg class="feather" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24.605 24.799"> <path id="Path_7212" data-name="Path 7212" d="M8852.219,2866h-23.362a.649.649,0,0,1-.656-.656v-.08l1.109-14.326a.62.62,0,0,1,.2-.419l.016-.009a.628.628,0,0,1,.439-.176h2.047v-.649a8.532,8.532,0,0,1,2.485-6,8.493,8.493,0,0,1,12,0,8.535,8.535,0,0,1,2.487,6v.649h2.046a.63.63,0,0,1,.439.176l.015.009a.626.626,0,0,1,.2.416l1.109,14.353a.671.671,0,0,1-.161.483.68.68,0,0,1-.424.229Zm-21.654-14.355-1,13.044h21.874l-1-13.044Zm9.938-9.136a7.168,7.168,0,0,0-7.166,6.859l-.041.967h14.382v-.649a7.164,7.164,0,0,0-6.86-7.162l-.284-.012-.03,0Z" transform="translate(-8828.2 -2841.201)" fill="currentColor"></path> <path id="Path_7211" data-name="Path 7211" d="M3649.849,6635.26v2.61h-5.222v-2.61Z" transform="translate(-3634.937 -6621.557)" fill="currentColor"></path> </svg>Your cart is empty.</li>');
  3658.        }
  3659.    });
  3660. }
  3661. function RemoveProductFromCart(id) {
  3662.    $('#cart_product_'+id).remove();
  3663.    $('#checkout_product_'+id).remove();
  3664.    $.post('https://gwiremusic.com/endpoints/product/remove_cart', {product_id: id}, function(data, textStatus, xhr) {
  3665.        if (data.status == 200) {
  3666.            $('.unread_cart_count').html(data.count);
  3667.        }
  3668.    });
  3669. }
  3670. function LoadCheckout() {
  3671.    $('#load_checkout').click();
  3672. }
  3673. $(document).ready(function() {
  3674.    var options = {
  3675.        url: "https://gwiremusic.com/endpoints/address/add?hash_id=" + getHashID(),
  3676.        beforeSubmit:  function () {
  3677.            $('.modal_add_address_modal_alert').empty();
  3678.            $("#add_address_modal").find('.btn-mat').attr('disabled', 'true');
  3679.            $("#add_address_modal").find('.btn-mat').text("Please wait..");
  3680.        },
  3681.        success: function (data) {
  3682.            $("#add_address_modal").find('.btn-mat').text("Add");
  3683.            $("#add_address_modal").find('.btn-mat').removeAttr('disabled')
  3684.            if (data.status == 200) {
  3685.                $('.modal_add_address_modal_alert').html('<div class="alert alert-success"><i class="fa fa-check"></i> '+
  3686.                data.message
  3687.                +'</div>');
  3688.                if (data.url && data.url != '') {
  3689.                    if ($('#load_checkout').length < 1) {
  3690.                        setTimeout(function () {
  3691.                            /*location.href = data.url;*/
  3692.                            $('.modal_add_address_modal_alert').empty();
  3693.                            $("#add_address_modal").find('.btn-mat').removeAttr('disabled')
  3694.                            $("#add_address_modal").find('.btn-mat').text("Add");
  3695.                            $('#add_address_modal').modal('hide');
  3696.                            $('.address_form')[0].reset();
  3697.                            load_page = 'feed';
  3698.                            if ($('#json-data').length > 0) {
  3699.                                json_data = JSON.parse($('#json-data').val());
  3700.                                load_page = json_data.ajax_url;
  3701.                            }
  3702.                            else{
  3703.                                load_page = "feed";
  3704.                            }
  3705.                            goToAjaxLink(load_page);
  3706.                        },2000);
  3707.                    }
  3708.                    else{
  3709.                        setTimeout(function () {
  3710.                            $('.modal_add_address_modal_alert').empty();
  3711.                            $("#add_address_modal").find('.btn-mat').removeAttr('disabled')
  3712.                            $("#add_address_modal").find('.btn-mat').text("Add");
  3713.                            $('#add_address_modal').modal('hide');
  3714.                            $('#load_checkout').click();
  3715.                        },2000);
  3716.                    }
  3717.                }
  3718.            } else {
  3719.                $('.modal_add_address_modal_alert').html('<div class="alert alert-danger"><i class="fa fa-check"></i> '+
  3720.            data.message
  3721.            +'</div>');
  3722.            }
  3723.        }
  3724.    };
  3725.    $('.address_form').ajaxForm(options);
  3726. });
  3727. function NewAddress() {
  3728.    $('.modal_add_address_modal_alert').empty();
  3729.    $("#add_address_modal").find('.btn-mat').removeAttr('disabled')
  3730.    $("#add_address_modal").find('.btn-mat').text("Add");
  3731.    $('#add_address_modal').modal('show');
  3732. }
  3733. function BuyProducts(type = 'show',price) {
  3734.    if ($('.payment_address').length < 1) {
  3735.        $('.checkout_alert').html("<div class='alert alert-danger'><i class='fa fa-info-circle'></i> Please add a new address</div>");
  3736.        return false;
  3737.    }
  3738.    if ($('input[name=choose-address]:checked').length < 1) {
  3739.        $('.checkout_alert').html("<div class='alert alert-danger'><i class='fa fa-info-circle'></i> Please select address</div>");
  3740.        return false;
  3741.    }
  3742.    address_id = $('input[name=choose-address]:checked').val();
  3743.    if (type == 'hide') {
  3744.        $('#buy_product_modal').find('.btn-mat').html("Pay $"+price);
  3745.        $('#buy_product_modal').find('.btn-mat').attr('onclick', "BuyProducts('show','"+price+"')");
  3746.        $('#buy_product_modal').modal('show');
  3747.        return false;
  3748.    }
  3749.    $('#buy_product_modal').find('.btn-mat').html("Please wait..");
  3750.    $('#buy_product_modal').find('.btn-mat').attr('disabled', "true");
  3751.    $.post('https://gwiremusic.com/endpoints/product/buy',{address_id: address_id}, function(data, textStatus, xhr) {
  3752.        $('#buy_product_modal').find('.btn-mat').removeAttr('disabled');
  3753.        $('#buy_product_modal').find('.btn-mat').text("Pay $"+price);
  3754.        if (data.status == 200) {
  3755.            $('#buy_product_modal').find('.modal_product_pay_alert').html("<div class='alert alert-success'><i class='fa fa-check'></i> "+data.message+"</div>");
  3756.            setTimeout(function () {
  3757.                $('#buy_product_modal').find('.modal_product_pay_alert').html("");
  3758.                location.href = "https://gwiremusic.com/purchased";
  3759.            },2000);
  3760.        }
  3761.        else{
  3762.            $('#buy_product_modal').find('.modal_product_pay_alert').html("<div class='alert alert-danger'><i class='fa fa-info-circle'></i> "+data.message+"</div>");
  3763.        }
  3764.    });
  3765. }
  3766. function ChangeQty(self,product_id) {
  3767.    qty = $(self).val();
  3768.    $.post('https://gwiremusic.com/endpoints/product/change_qty', {product_id: product_id,qty: qty}, function(data, textStatus, xhr) {
  3769.        LoadCheckout();
  3770.    });
  3771. }
  3772. function ChangeStatus(self,hash_id) {
  3773.    status = $(self).val();
  3774.    $.post('https://gwiremusic.com/endpoints/product/change_status', {hash_order: hash_id,status: status}, function(data, textStatus, xhr) {
  3775.        $('#load_order').click();
  3776.    });
  3777. }
  3778. function RefundOrder(hash_id,type = 'show') {
  3779.    if (type == 'hide') {
  3780.        $('#refund_order').find('.btn-mat').attr('onclick', "RefundOrder('"+hash_id+"')");
  3781.        $('#refund_order').modal('show');
  3782.        return false;
  3783.    }
  3784.    $('#refund_order').find('.btn-mat').html("Please wait..");
  3785.    $('#refund_order').find('.btn-mat').attr('disabled', "true");
  3786.    message = $('#refund_order_message').val();
  3787.    $.post('https://gwiremusic.com/endpoints/product/refund', {hash_order: hash_id,message: message}, function(data, textStatus, xhr) {
  3788.        $('#refund_order').find('.btn-mat').removeAttr('disabled');
  3789.        $('#refund_order').find('.btn-mat').text("Request");
  3790.        if (data.status == 200) {
  3791.            $('#refund_order').find('.modal_refund_order_modal_alert').html("<div class='alert alert-success'><i class='fa fa-check'></i> "+data.message+"</div>");
  3792.            setTimeout(function () {
  3793.                $('#refund_order').modal('hide');
  3794.                $('#refund_order').find('.modal_refund_order_modal_alert').html("");
  3795.                $('#load_order').click();
  3796.            },2000);
  3797.        }
  3798.        else{
  3799.            $('#refund_order').find('.modal_refund_order_modal_alert').html("<div class='alert alert-danger'><i class='fa fa-info-circle'></i> "+data.message+"</div>");
  3800.        }
  3801.    });
  3802. }
  3803. function DownloadPurchased(id,type = 'event') {
  3804.    url = 'event/download';
  3805.    if (type == 'order') {
  3806.        url = 'product/download';
  3807.    }
  3808.    $.post('https://gwiremusic.com/endpoints/'+url,{id,id}, function(data, textStatus, xhr) {
  3809.        $('.ma_page_content').append(data.html);
  3810.        setTimeout(function () {
  3811.            $('.ticket_card_'+id).remove();
  3812.        },10000);
  3813.    });
  3814. }
  3815. function HidePlayer() {
  3816.    $('#my_video_player_container').slideUp();
  3817. }
  3818. function OpenWriteReview(product_id) {
  3819.    $('#write_product_review_product_id').val(product_id)
  3820.    $('#write_product_review').modal('show');
  3821. }
  3822. function showResponseAlert(item,alert_class,message,time = 0) {
  3823.    $(item).html('<div class="alert alert-'+alert_class+'">'+message+'</div>');
  3824.    if (time > 0) {
  3825.        setTimeout(() => {
  3826.            $(item).html('');
  3827.        },time);
  3828.    }
  3829. }
  3830.  
  3831. function scrollToTop() {
  3832. verticalOffset = typeof (verticalOffset) != 'undefined' ? verticalOffset : 0;
  3833. element = $('html');
  3834. offset = element.offset();
  3835. offsetTop = offset.top;
  3836. $('html, body').animate({
  3837. scrollTop: offsetTop
  3838. }, 300, 'linear');
  3839. }
  3840. </script>
  3841. <script src="https://gwiremusic.com/themes/volcano/js/fingerprint2.min.js?v=1.5.2"></script>
  3842. <script src="https://gwiremusic.com/themes/volcano/js/jquery.form.min.js?v=1.5.2"></script>
  3843. <script src="https://gwiremusic.com/themes/volcano/js/popper.min.js?v=1.5.2"></script>
  3844. <script src="https://gwiremusic.com/themes/volcano/js/bootstrap.min.js?v=1.5.2"></script>
  3845. <script src="https://gwiremusic.com/themes/volcano/js/owl.carousel.min.js?v=1.5.2"></script>
  3846. <script src="https://gwiremusic.com/themes/volcano/js/simplebar.min.js?v=1.5.2"></script>
  3847. <script src="https://gwiremusic.com/themes/volcano/js/amplitude.min.js?v=1.5.2"></script>
  3848. <script src="https://gwiremusic.com/themes/volcano/js/script.js?v=1.5.2"></script>
  3849. <script src="https://gwiremusic.com/themes/volcano/js/Chart.min.js?v=1.5.2"></script>
  3850. <script src="https://gwiremusic.com/themes/volcano/js/highcharts/highcharts.js?v=1.5.2"></script>
  3851. <script src="https://gwiremusic.com/themes/volcano/js/footer.js?v=1.5.2"></script>
  3852. <script src="https://gwiremusic.com/themes/volcano/js/bootstrap-select.min.js?v=1.5.2"></script>
  3853. <script type="text/javascript" src="https://gwiremusic.com/themes/volcano/js/jquery.dataTables.min.js?v=1.5.2"></script>
  3854. <script type="text/javascript" src="https://gwiremusic.com/themes/volcano/js/dataTables.bootstrap4.min.js?v=1.5.2"></script>
  3855. <script src="https://gwiremusic.com/themes/volcano/js/lib/sweetalert2/dist/sweetalert2.js?v=1.5.2"></script>
  3856. <script src="https://gwiremusic.com/themes/volcano/js/bootstrap-toggle.min.js?v=1.5.2"></script>
  3857. <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
  3858. <input type="hidden" class="main_session" value="db5c69b3648ba7be49f589c259422579ee75684a">
  3859.    <script type="text/javascript">
  3860.    (function (factory) {
  3861.        if (typeof define === 'function' && define.amd) {
  3862.            // AMD. Register as an anonymous module.
  3863.            define(['jquery'], factory);
  3864.        } else {
  3865.            // Browser globals
  3866.            factory(jQuery);
  3867.        }
  3868.    }(function ($) {
  3869.        $.timeago = function(timestamp) {
  3870.            if (timestamp instanceof Date) {
  3871.                return inWords(timestamp);
  3872.            } else if (typeof timestamp === "string") {
  3873.                return inWords($.timeago.parse(timestamp));
  3874.            } else if (typeof timestamp === "number") {
  3875.                return inWords(new Date(timestamp));
  3876.            } else {
  3877.                return inWords($.timeago.datetime(timestamp));
  3878.            }
  3879.        };
  3880.        var $t = $.timeago;
  3881.  
  3882.        $.extend($.timeago, {
  3883.            settings: {
  3884.                refreshMillis: 60000,
  3885.                allowPast: true,
  3886.                allowFuture: false,
  3887.                localeTitle: false,
  3888.                cutoff: 0,
  3889.                strings: {
  3890.                    prefixAgo: null,
  3891.                    prefixFromNow: null,
  3892.                    suffixAgo: "ago",
  3893.                    suffixFromNow: "from now",
  3894.                    inPast: "any moment now",
  3895.                    seconds: "Just now",
  3896.                    minute: "about a minute ago",
  3897.                    minutes: "%d minutes ago",
  3898.                    hour: "about an hour ago",
  3899.                    hours: "%d hours ago",
  3900.                    day: "a day ago",
  3901.                    days: "%d days ago",
  3902.                    month: "about a month ago",
  3903.                    months: "%d months ago",
  3904.                    year: "about a year ago",
  3905.                    years: "%d years ago",
  3906.                    wordSeparator: " ",
  3907.                    numbers: []
  3908.                }
  3909.            },
  3910.  
  3911.            inWords: function(distanceMillis) {
  3912.                if(!this.settings.allowPast && ! this.settings.allowFuture) {
  3913.                    throw 'timeago allowPast and allowFuture settings can not both be set to false.';
  3914.                }
  3915.  
  3916.                var $l = this.settings.strings;
  3917.                var prefix = $l.prefixAgo;
  3918.                var suffix = $l.suffixAgo;
  3919.                if (this.settings.allowFuture) {
  3920.                    if (distanceMillis < 0) {
  3921.                        prefix = $l.prefixFromNow;
  3922.                        suffix = $l.suffixFromNow;
  3923.                    }
  3924.                }
  3925.  
  3926.                if(!this.settings.allowPast && distanceMillis >= 0) {
  3927.                    return this.settings.strings.inPast;
  3928.                }
  3929.  
  3930.                var seconds = Math.abs(distanceMillis) / 1000;
  3931.                var minutes = seconds / 60;
  3932.                var hours = minutes / 60;
  3933.                var days = hours / 24;
  3934.                var years = days / 365;
  3935.  
  3936.                function substitute(stringOrFunction, number) {
  3937.                    var string = $.isFunction(stringOrFunction) ? stringOrFunction(number, distanceMillis) : stringOrFunction;
  3938.                    var value = ($l.numbers && $l.numbers[number]) || number;
  3939.                    return string.replace(/%d/i, value);
  3940.                }
  3941.  
  3942.                var words = seconds < 45 && substitute($l.seconds, Math.round(seconds)) ||
  3943.                    seconds < 90 && substitute($l.minute, 1) ||
  3944.                    minutes < 45 && substitute($l.minutes, Math.round(minutes)) ||
  3945.                    minutes < 90 && substitute($l.hour, 1) ||
  3946.                    hours < 24 && substitute($l.hours, Math.round(hours)) ||
  3947.                    hours < 42 && substitute($l.day, 1) ||
  3948.                    days < 30 && substitute($l.days, Math.round(days)) ||
  3949.                    days < 45 && substitute($l.month, 1) ||
  3950.                    days < 365 && substitute($l.months, Math.round(days / 30)) ||
  3951.                    years < 1.5 && substitute($l.year, 1) ||
  3952.                    substitute($l.years, Math.round(years));
  3953.  
  3954.                var separator = $l.wordSeparator || "";
  3955.                if ($l.wordSeparator === undefined) { separator = " "; }
  3956.  
  3957.                    return $.trim([prefix, words].join(separator));
  3958.  
  3959.  
  3960.            },
  3961.  
  3962.            parse: function(iso8601) {
  3963.                var s = $.trim(iso8601);
  3964.                s = s.replace(/\.\d+/,""); // remove milliseconds
  3965.                s = s.replace(/-/,"/").replace(/-/,"/");
  3966.                s = s.replace(/T/," ").replace(/Z/," UTC");
  3967.                s = s.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2"); // -04:00 -> -0400
  3968.                s = s.replace(/([\+\-]\d\d)$/," $100"); // +09 -> +0900
  3969.                return new Date(s);
  3970.            },
  3971.            datetime: function(elem) {
  3972.                var iso8601 = $t.isTime(elem) ? $(elem).attr("datetime") : $(elem).attr("title");
  3973.                return $t.parse(iso8601);
  3974.            },
  3975.            isTime: function(elem) {
  3976.                // jQuery's `is()` doesn't play well with HTML5 in IE
  3977.                return $(elem).get(0).tagName.toLowerCase() === "time"; // $(elem).is("time");
  3978.            }
  3979.        });
  3980.  
  3981.        // functions that can be called via $(el).timeago('action')
  3982.        // init is default when no action is given
  3983.        // functions are called with context of a single element
  3984.        var functions = {
  3985.            init: function(){
  3986.                var refresh_el = $.proxy(refresh, this);
  3987.                refresh_el();
  3988.                var $s = $t.settings;
  3989.                if ($s.refreshMillis > 0) {
  3990.                    this._timeagoInterval = setInterval(refresh_el, $s.refreshMillis);
  3991.                }
  3992.            },
  3993.            update: function(time){
  3994.                var parsedTime = $t.parse(time);
  3995.                $(this).data('timeago', { datetime: parsedTime });
  3996.                if($t.settings.localeTitle) $(this).attr("title", parsedTime.toLocaleString());
  3997.                refresh.apply(this);
  3998.            },
  3999.            updateFromDOM: function(){
  4000.                $(this).data('timeago', { datetime: $t.parse( $t.isTime(this) ? $(this).attr("datetime") : $(this).attr("title") ) });
  4001.                refresh.apply(this);
  4002.            },
  4003.            dispose: function () {
  4004.                if (this._timeagoInterval) {
  4005.                    window.clearInterval(this._timeagoInterval);
  4006.                    this._timeagoInterval = null;
  4007.                }
  4008.            }
  4009.        };
  4010.  
  4011.        $.fn.timeago = function(action, options) {
  4012.            var fn = action ? functions[action] : functions.init;
  4013.            if(!fn){
  4014.                throw new Error("Unknown function name '"+ action +"' for timeago");
  4015.            }
  4016.            // each over objects here and call the requested function
  4017.            this.each(function(){
  4018.                fn.call(this, options);
  4019.            });
  4020.            return this;
  4021.        };
  4022.  
  4023.        function refresh() {
  4024.            var data = prepareData(this);
  4025.            var $s = $t.settings;
  4026.  
  4027.            if (!isNaN(data.datetime)) {
  4028.                if ( $s.cutoff == 0 || Math.abs(distance(data.datetime)) < $s.cutoff) {
  4029.                    $(this).text(inWords(data.datetime));
  4030.                }
  4031.            }
  4032.            return this;
  4033.        }
  4034.  
  4035.        function prepareData(element) {
  4036.            element = $(element);
  4037.            if (!element.data("timeago")) {
  4038.                element.data("timeago", { datetime: $t.datetime(element) });
  4039.                var text = $.trim(element.text());
  4040.                if ($t.settings.localeTitle) {
  4041.                    element.attr("title", element.data('timeago').datetime.toLocaleString());
  4042.                } else if (text.length > 0 && !($t.isTime(element) && element.attr("title"))) {
  4043.                    element.attr("title", text);
  4044.                }
  4045.            }
  4046.            return element.data("timeago");
  4047.        }
  4048.  
  4049.        function inWords(date) {
  4050.            return $t.inWords(distance(date));
  4051.        }
  4052.  
  4053.        function distance(date) {
  4054.            return (new Date().getTime() - date.getTime());
  4055.        }
  4056.  
  4057.        // fix for IE6 suckage
  4058.        document.createElement("abbr");
  4059.        document.createElement("time");
  4060.    }));
  4061.  
  4062.  
  4063.    $(function () {
  4064.        setInterval(function () {
  4065.  
  4066.                if ( $('.ajax-time').length > 0) {
  4067.                    $('.ajax-time').timeago()
  4068.                        .removeClass('.ajax-time');
  4069.                }
  4070.            },
  4071.            500);
  4072.    });
  4073. </script>
  4074. <script>
  4075.            $('#rmjs-1').readmore({
  4076.                speed: 75,
  4077.                collapsedHeight: 190,
  4078.                moreLink: '<a href="#" class="hash"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" /></svg> Read more</a>',
  4079. lessLink: '<a href="#" class="hash"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z" /></svg> Read less</a>',
  4080.                afterToggle: function(trigger, element, expanded) {
  4081.                    //if(! expanded) {
  4082.                        // The "Close" link was clicked
  4083.                        $('html, body').animate({scrollTop: element.offset().top}, {duration: 100});
  4084.                    //}
  4085.                }
  4086.            });
  4087.            var running = false;
  4088.            $( document ).on( 'change', '#chat_message_upload_media_file', function(e){
  4089.                if( running === true ){
  4090.                    running = false;
  4091.                    return false;
  4092.                }
  4093.                running = true;
  4094.                var countFiles = $(this)[0].files.length;
  4095.                var imgPath = $(this)[0].value;
  4096.                var extn = imgPath.substring(imgPath.lastIndexOf('.') + 1).toLowerCase();
  4097.  
  4098.                if(countFiles > 1) {
  4099.                    M.toast({html: 'Please select Four Images only.'});
  4100.                } else if (extn == "gif" || extn == "png" || extn == "jpg" || extn == "jpeg") {
  4101.  
  4102.                    let from = $( '#user-id' ).val();
  4103.                    let formData = new FormData();
  4104.                    formData.append( "media", $(this)[0].files[0],$(this)[0].files[0].value );
  4105.                    formData.append( 'to' , $('#user-id').val() );
  4106.                    formData.append( 'message_id' , window.message_id );
  4107.  
  4108.                    var img = $('<img style="width: 300px;border-radius: 20px;">');
  4109.                    //if (typeof(FileReader) != "undefined") {
  4110.                    let reader = new FileReader();
  4111.                    reader.onload = function(e) {
  4112.                        img.attr('src', e.target.result);
  4113.                    };
  4114.                    reader.readAsDataURL($(this)[0].files[0]);
  4115.                    //}
  4116.  
  4117.                    $('.lds-facebook').removeClass('hide');
  4118.                    $('#btn_chat_f_send').addClass('hide');
  4119.  
  4120.                    $( '.chat_message_upload_media_imgprogress' ).removeClass( 'hide' );
  4121.                    $( '.chat_message_upload_media_imgstatus' ).removeClass( 'hide' );
  4122.                    $.ajax({
  4123.                        xhr: function() {
  4124.                            let xhr = new window.XMLHttpRequest();
  4125.                            xhr.upload.addEventListener("progress", function(evt){
  4126.                                if (evt.lengthComputable) {
  4127.                                    let percentComplete = evt.loaded / evt.total;
  4128.                                    percentComplete = parseInt(percentComplete * 100);
  4129.                                    //console.log( 'prog: ' + percentComplete + '%');
  4130.                                    $( '#chat_message_upload_media_imgstatus' ).html( percentComplete + '%');
  4131.                                    $( '.chat_message_upload_media_imgdeterminate' ).css({'width': percentComplete + '%'});
  4132.                                    if (percentComplete === 100) {
  4133.                                        $( '.chat_message_upload_media_imgprogress' ).addClass( 'hide' );
  4134.                                        $( '.chat_message_upload_media_imgstatus' ).addClass( 'hide' );
  4135.                                        $( '#chat_message_upload_media_imgstatus' ).html( '' );
  4136.                                    }
  4137.                                }
  4138.                            }, false);
  4139.                            return xhr;
  4140.                        },
  4141.                        beforeSend: function() {
  4142.                            $('.messages').append('<div class="data_message" data-id="' + window.message_id + '"><div class="message to-user pull-right" data-id=""><div class="user-message"></div><div class="clear"></div></div><div class="clear"></div></div>');
  4143.                            img.appendTo($('.data_message[data-id="' + window.message_id + '"]').find('.user-message'));
  4144.                            $('.user-messages').scrollTop($('.user-messages')[0].scrollHeight);
  4145.                            window.message_id = makeid();
  4146.                        },
  4147.                        url: 'https://gwiremusic.com/endpoints/messages/upload_media?hash_id=' + $('.main_session').val(),
  4148.                        type: "POST",
  4149.                        async: true,
  4150.                        data: formData,
  4151.                        cache: false,
  4152.                        contentType: false,
  4153.                        processData: false,
  4154.                        timeout: 60000,
  4155.                        dataType: false,
  4156.                        success: function(data) {
  4157.                            $('.data_message[data-id="' + data.message_id + '"]').replaceWith(data.message);
  4158.                            running = false;
  4159.                        }
  4160.                    });
  4161.  
  4162.                }else{
  4163.                    M.toast({html: 'Please select only Images.'});
  4164.                }
  4165.            });
  4166.  
  4167.            // update user last seen
  4168.            function getRandomBetween(min, max) {
  4169.                return min + Math.random() * (max - min);
  4170.            }
  4171.            function UpdateLastSeen() {
  4172.                $.get('https://gwiremusic.com/endpoints/user/update_lastseen', { }, function () {
  4173.                    setTimeout(UpdateLastSeen, getRandomBetween(60000, 120000));
  4174.                });
  4175.            }
  4176.            setTimeout(UpdateLastSeen, getRandomBetween(60000, 120000));
  4177.            function GetArtist(key,form = '') {
  4178.             $.post('https://gwiremusic.com/endpoints/tag_artist/tag', {key: key}, function(data, textStatus, xhr) {
  4179.             if (data.html) {
  4180.             if (form != '') {
  4181.             $('#group_chat_mbr_list_'+form).html(data.html);
  4182.             }
  4183.             else{
  4184.             $('.group_chat_mbr_list').html(data.html);
  4185.             }
  4186.             }
  4187.             });
  4188.            }
  4189.            function ApproveRequest(id) {
  4190.             $.post('https://gwiremusic.com/endpoints/tag_artist/approve', {id: id}, function(data, textStatus, xhr) {});
  4191.            }
  4192.            function DeclineRequest(id) {
  4193.             $.post('https://gwiremusic.com/endpoints/tag_artist/decline', {id: id}, function(data, textStatus, xhr) {});
  4194.            }
  4195.            function count_char(self,id) {
  4196.    $(self).limit("640", id);
  4197. }
  4199. $('svg .verified_ico').tooltip({
  4200. title: 'Verified',
  4201. placement: 'top',
  4202. container: 'body'
  4203. });
  4204. </script>
  4205. <script src="https://gwiremusic.com/themes/volcano/js/footer.js?2577"></script>
  4206. </body>
  4207. </html>
  4208.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda