mirror of https://github.com/FreeTubeApp/FreeTube
95 lines
2.7 KiB
HTML
95 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="style/main.css">
|
|
<link rel="stylesheet" href="style/lightTheme.css">
|
|
<link rel="stylesheet" href="style/player.css">
|
|
<link rel="stylesheet" href="style/videoList.css">
|
|
<link rel="stylesheet" href="style/channel.css">
|
|
<link rel="stylesheet" href="style/loading.css">
|
|
<link rel="stylesheet" href="style/fa-solid.min.css">
|
|
<link rel="stylesheet" href="style/fontawesome-all.min.css">
|
|
<script src="js/youtubeApi.js"></script>
|
|
<script src="js/settings.js"></script>
|
|
<script src="js/layout.js"></script>
|
|
<script src="js/videos.js"></script>
|
|
<script src="js/player.js"></script>
|
|
<script src="js/subscriptions.js"></script>
|
|
<script src="js/channels.js"></script>
|
|
<script src="js/savedVideos.js"></script>
|
|
<script src="js/history.js"></script>
|
|
<script src="js/events.js"></script>
|
|
<script>
|
|
showVideoRecommendations("{{videoId}}");
|
|
|
|
const checkIfSubscribed = isSubscribed('{{channelId}}');
|
|
|
|
checkIfSubscribed.then((results) => {
|
|
|
|
const subscribeButton = document.getElementById('subscribeButton');
|
|
console.log(results);
|
|
console.log(subscribeButton);
|
|
|
|
if (results === false) {
|
|
if (subscribeButton != null) {
|
|
subscribeButton.innerHTML = 'UNSUBSCRIBE';
|
|
}
|
|
} else {
|
|
if (subscribeButton != null) {
|
|
subscribeButton.innerHTML = 'SUBSCRIBE';
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
<title>Freetube Player</title>
|
|
<style>
|
|
#main{
|
|
width: 100%;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.spinner {
|
|
width: 40px;
|
|
height: 40px;
|
|
|
|
position: relative;
|
|
margin: 0px auto;
|
|
}
|
|
|
|
#loading{
|
|
width: 100%;
|
|
height: 0%;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id='loading'>
|
|
<div class="spinner">
|
|
<div class="double-bounce1"></div>
|
|
<div class="double-bounce2"></div>
|
|
</div>
|
|
</div>
|
|
<div id='confirmFunction'>
|
|
<span id='confirmMessage'>Would you like to perform the function?</span>
|
|
<div class='confirmButton' id='confirmYes'>Yes</div>
|
|
<div class='confirmButton' id='confirmNo'>No</div>
|
|
</div>
|
|
<div id='toast'>
|
|
<span id='toastMessage'></span>
|
|
<i onclick='hideToast()' class="closeToast fas fa-times"></i>
|
|
</div>
|
|
<div class="topNav">
|
|
<i onclick='toggleSideNavigation()' class="fas fa-bars" id='menuButton' style='display: none;'></i>
|
|
<div class="searchBar">
|
|
<input id='search' class="search" type="text" placeholder="Search / Go to URL">
|
|
<i onclick='parseSearchText()' class="fas fa-search searchButton" style='margin-right: -10px; cursor: pointer'></i>
|
|
</div>
|
|
<img src='icons/iconBlack.png' id='menuIcon'/>
|
|
|
|
<img src='icons/textBlack.png' id='menuText'/>
|
|
</div>
|
|
<div id='main'>
|