twitchStatus/script.js at master · 4B50h/twitchStatus · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
$(document).ready(function() {


var apiUsers=["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "habathcx", "RobotCaleb", "noobs2ninjas"];

  //creates <div> elements for each user name

   for (i=0;i<apiUsers.length;i++){
    var html="<div class= bigBox><div id="+apiUsers[i].toLowerCase()+"0></div><div class= smallBox><div id="+apiUsers[i].toLowerCase()+"2><div><div id="+apiUsers[i].toLowerCase()+"1></div></div></div>";
    $(html).appendTo(".returnUserName");
  }


   apiUsers.forEach(function(apiUsers){

   var apiURLUsers="https://cors-anywhere.herokuapp.com/https://wind-bow.gomix.me/twitch-api/channels/"+apiUsers+"/";
   var apiURLStreams="https://cors-anywhere.herokuapp.com/https://wind-bow.gomix.me/twitch-api/streams/"+apiUsers+"/";

         $.getJSON(apiURLUsers, function(data) {
           console.log(data)

              var userLogo="#"+data.name.toLowerCase()+"0";
              var userName="#"+data.name.toLowerCase()+"1";

              var htmlLogo="<div class=userLogo><img class=userIMG src="+ data.logo +"></img></div>";
              var htmlName="<div class=userName>"+data.name+"</div>";

              $(htmlLogo).appendTo(userLogo);
              $(htmlName).appendTo(userName);
                  });

         $.getJSON(apiURLStreams, function(data) {

           var userStatus="#"+data._links.self.replace("https://api.twitch.tv/kraken/streams/","").toLowerCase()+"2";
           var userLink=data._links.self.replace("https://api.twitch.tv/kraken/streams/","").toLowerCase();
             if(data.stream===null)
               var htmlStatus="<div class=userStream>Offline</div>";
             else if(data.stream===undefined)
               var htmlStatus="<div class=userStream>Closed</div>";
             else
               var htmlStatus="<a href=https://www.twitch.tv/"+userLink+"><div class=userStream>"+data.stream.game+"</div><a>";

               $(htmlStatus).appendTo(userStatus);
         });
   });


$("#allUsers").on("click", function(){
   apiUsers.forEach(function(apiUsers){
       var apiURLUsers="https://cors-anywhere.herokuapp.com/https://wind-bow.gomix.me/twitch-api/channels/"+apiUsers+"/";
   var apiURLStreams="https://cors-anywhere.herokuapp.com/https://wind-bow.gomix.me/twitch-api/streams/"+apiUsers+"/";
     $.getJSON(apiURLStreams, function(data) {

       var userStatusStatus=data._links.self.replace("https://api.twitch.tv/kraken/streams/","").toLowerCase();
       var userStatusStatusStatus="#"+userStatusStatus+"0";
       var userStatusStatusName="#"+userStatusStatus+"1";
       var userStatusStatusLogo="#"+userStatusStatus+"2";
                 $(userStatusStatusStatus).children().show();
                 $(userStatusStatusName).children().show();
                 $(userStatusStatusLogo).children().show();
     });
   });

 });

$("#onlineStatus").on("click", function(){

   apiUsers.forEach(function(apiUsers){

   var apiURLUsers="https://cors-anywhere.herokuapp.com/https://wind-bow.gomix.me/twitch-api/channels/"+apiUsers+"/";
   var apiURLStreams="https://cors-anywhere.herokuapp.com/https://wind-bow.gomix.me/twitch-api/streams/"+apiUsers+"/";
     $.getJSON(apiURLStreams, function(data) {
       var userStatusStatus=data._links.self.replace("https://api.twitch.tv/kraken/streams/","").toLowerCase();
       var userStatusStatusStatus="#"+userStatusStatus+"0";
       var userStatusStatusName="#"+userStatusStatus+"1";
       var userStatusStatusLogo="#"+userStatusStatus+"2";
            if(data.stream===null || data.stream===undefined){

                 $(userStatusStatusStatus).children().hide();
                 $(userStatusStatusName).children().hide();
                 $(userStatusStatusLogo).children().hide();
           }

            if(data.stream!=null || data.stream!=undefined){
                   $(userStatusStatusStatus).children().show();
                 $(userStatusStatusName).children().show();
                 $(userStatusStatusLogo).children().show();
           }
     });
   });
});


$("#offlineStatus").on("click", function(){

   apiUsers.forEach(function(apiUsers){
   var apiURLUsers="https://cors-anywhere.herokuapp.com/https://wind-bow.gomix.me/twitch-api/channels/"+apiUsers+"/";
   var apiURLStreams="https://cors-anywhere.herokuapp.com/https://wind-bow.gomix.me/twitch-api/streams/"+apiUsers+"/";
   $.getJSON(apiURLStreams, function(data) {
       var userStatusStatus=data._links.self.replace("https://api.twitch.tv/kraken/streams/","").toLowerCase();
       var userStatusStatusStatus="#"+userStatusStatus+"0";
       var userStatusStatusName="#"+userStatusStatus+"1";
       var userStatusStatusLogo="#"+userStatusStatus+"2";
             if(data.stream!=null || data.stream!=undefined){
                 $(userStatusStatusStatus).children().hide();
                 $(userStatusStatusName).children().hide();
                 $(userStatusStatusLogo).children().hide();
           }
         if(data.stream===null || data.stream===undefined){
                 $(userStatusStatusStatus).children().show();
                 $(userStatusStatusName).children().show();
                 $(userStatusStatusLogo).children().show();
           }
     });
   });
});
});