channel screen show a red icon when channel is live

fgl27 · Jul 31, 2024 · e8050c2 · e8050c2
1 parent 263960c
commit e8050c2
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/app/index.html b/app/index.html
@@ -503,6 +503,11 @@
                 font-family: 'Roboto-Bold';
             }
 
+            .channel_live_icon {
+                vertical-align: middle;
+                margin-right: 0.2ch;
+            }
+
             .stream_info_channel_partner_icon {
                 display: inline-block;
                 font-size: 75%;
@@ -518,6 +523,7 @@
                 overflow: hidden;
                 width: calc(100% - 3ch);
                 display: inline-block;
+                margin-left: 0.3ch;
             }
 
             .stream_info_user_title,

diff --git a/app/specific/Screens.js b/app/specific/Screens.js
@@ -631,6 +631,7 @@ function Screens_createCellChannel(id, idArray, valuesArray, key) {
         idArray[2] +
         id +
         '" class="stream_info_channel_name">' +
+        (valuesArray[5] ? '<i class="icon-circle channel_live_icon strokedeline" style="color: red;"></i>' : '') +
         valuesArray[3] +
         (valuesArray[4]
             ? STR_SPACE_HTML +

diff --git a/app/specific/ScreensObj.js b/app/specific/ScreensObj.js
@@ -78,10 +78,10 @@ var userVodQuery =
     '{"operationName":"FollowedVideos_CurrentUser","query":"query FollowedVideos_CurrentUser{currentUser{followedVideos(%y first:100,types:%x,sort:%t){pageInfo{hasNextPage},edges{cursor,node{game{displayName,id},duration,viewCount,language,title,animatedPreviewURL,createdAt,id,thumbnailURLs(width:640,height:360),creator{id,displayName,login}}}}}}"}';
 
 var userChannelQuery =
-    '{"operationName":"ChannelFollows","query":"query,ChannelFollows{currentUser{follows(first:100 %y){pageInfo{hasNextPage},edges{cursor,node{id,displayName,login,followers(){totalCount},profileImageURL(width:300),roles{isPartner}}}}}}"}';
+    '{"operationName":"ChannelFollows","query":"query,ChannelFollows{currentUser{follows(first:100 %y){pageInfo{hasNextPage},edges{cursor,node{id,displayName,login,followers(){totalCount},profileImageURL(width:300),roles{isPartner},stream{id}}}}}}"}';
 
 var searchCannelQuery =
-    '{"query":"{searchFor(userQuery:\\"%x\\",platform:\\"web\\",target:{%y index:USER,limit:100}){users{cursor,pageInfo{hasNextPage}items{id,displayName,login,followers(){totalCount},profileImageURL(width:300),roles{isPartner}}}}}"}';
+    '{"query":"{searchFor(userQuery:\\"%x\\",platform:\\"web\\",target:{%y index:USER,limit:100}){users{cursor,pageInfo{hasNextPage}items{id,displayName,login,followers(){totalCount},profileImageURL(width:300),roles{isPartner},stream{id}}}}}"}';
 var searchGamesQuery =
     '{"query":"{searchFor(userQuery:\\"%x\\",platform:\\"web\\",target:{ index:GAME,limit:100}){games{cursor,pageInfo{hasNextPage}items{id,displayName,boxArtURL,viewersCount,channelsCount}}}}"}';
 var searchLiveQuery =
@@ -2955,7 +2955,7 @@ function ScreensObj_ClipCellArray(cell, isQuery) {
 
 function ScreensObj_ChannelCellArray(cell, isQuery) {
     if (isQuery) {
-        return [cell.login, cell.id, cell.profileImageURL, cell.displayName, cell.roles.isPartner];
+        return [cell.login, cell.id, cell.profileImageURL, cell.displayName, cell.roles.isPartner, cell.stream];
     }
 
     return [cell.broadcaster_login, cell.id, cell.thumbnail_url, cell.display_name, null];