2018-03-02 04:48:12 +01:00
|
|
|
<!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">
|
2018-09-25 20:26:10 +02:00
|
|
|
<link rel="stylesheet" href="style/playlist.css">
|
2018-03-02 04:48:12 +01:00
|
|
|
<link rel="stylesheet" href="style/loading.css">
|
2018-09-24 20:19:43 +02:00
|
|
|
<link rel="stylesheet" href="style/select.css">
|
2018-03-05 04:08:53 +01:00
|
|
|
<link rel="stylesheet" href="style/fa-solid.min.css">
|
|
|
|
<link rel="stylesheet" href="style/fontawesome-all.min.css">
|
2019-03-20 15:39:00 +01:00
|
|
|
<link rel="shortcut icon" href="icons/iconColor.ico" type="image/x-icon" />
|
2019-02-28 21:24:28 +01:00
|
|
|
<title>FreeTube Player</title>
|
2018-03-02 04:48:12 +01:00
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
2018-06-25 22:04:11 +02:00
|
|
|
<div v-if='seen' id='loading'>
|
2018-03-02 04:48:12 +01:00
|
|
|
<div class="spinner">
|
|
|
|
<div class="double-bounce1"></div>
|
|
|
|
<div class="double-bounce2"></div>
|
2018-07-24 03:11:56 +02:00
|
|
|
</div>
|
2018-08-03 04:18:08 +02:00
|
|
|
</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>
|
2019-02-26 15:19:12 +01:00
|
|
|
<div id="topNav" class="topNav">
|
2018-08-03 04:18:08 +02:00
|
|
|
<i onclick='toggleSideNavigation()' class="fas fa-bars" id='menuButton'></i>
|
2018-11-09 16:11:25 +01:00
|
|
|
<i onclick='forceSubscriptions()' class="fas fa-sync" id='reloadButton' title='Force Subscription Reload'></i>
|
2019-02-26 15:19:12 +01:00
|
|
|
<i v-on:click='back' v-if="canShowBackButton" class="fas fa-arrow-left" id="backButton"></i>
|
2018-08-03 04:18:08 +02:00
|
|
|
<div class="searchBar">
|
|
|
|
<input id='search' class="search" type="text" placeholder="Search / Go to URL">
|
2019-02-26 21:23:03 +01:00
|
|
|
<span class='filterButton' onclick='searchFilter.seen = !searchFilter.seen'><i class="fas fa-filter" style='margin-right: -10px; cursor: pointer'></i> Filter</span>
|
|
|
|
<span class='searchButton' onclick='parseSearchText()'><i class="fas fa-search" style='margin-right: -10px; cursor: pointer'></i> Search</span>
|
2018-07-24 03:11:56 +02:00
|
|
|
</div>
|
2018-11-09 21:26:22 +01:00
|
|
|
<img src='icons/iconBlackSmall.png' id='menuIcon' />
|
|
|
|
<img src='icons/textBlackSmall.png' id='menuText' />
|
2018-03-02 04:48:12 +01:00
|
|
|
</div>
|
|
|
|
<div id='sideNavDisabled'></div>
|
|
|
|
<div id="sideNav">
|
|
|
|
<div class="sideNavContainer">
|
|
|
|
<ul>
|
2018-06-21 22:01:08 +02:00
|
|
|
<li v-on:click='subscriptions'><i class="fas fa-rss"></i> Subscriptions</li>
|
2018-09-21 16:49:23 +02:00
|
|
|
<li v-on:click='trending'><i class="fas fa-fire"></i> Trending</li>
|
2018-06-25 22:04:11 +02:00
|
|
|
<li v-on:click='popular'><i class="fas fa-users"></i> Most Popular</li>
|
2018-08-04 03:59:26 +02:00
|
|
|
<li v-on:click='saved'><i class="fas fa-star"></i> Favorites</li>
|
2018-06-25 22:04:11 +02:00
|
|
|
<li v-on:click='history'><i class="fas fa-history"></i> History</li>
|
2018-03-02 04:48:12 +01:00
|
|
|
</ul>
|
|
|
|
<hr />
|
|
|
|
<ul>
|
2018-06-25 22:04:11 +02:00
|
|
|
<li v-on:click='settings'><i class="fas fa-sliders-h"></i> Settings</li>
|
|
|
|
<li v-on:click='about'><i class="fas fa-info-circle"></i> About</li>
|
2018-03-02 04:48:12 +01:00
|
|
|
</ul>
|
|
|
|
<hr />
|
|
|
|
<ul id='subscriptions'>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="main">
|
2019-02-26 21:23:03 +01:00
|
|
|
<div id='searchFilter' class='center' v-show='seen'>
|
|
|
|
<h2>Search Filters</h2>
|
|
|
|
<select id='searchSortby' class='select-text'>
|
|
|
|
<option value="relevance">Most Relevant</option>
|
|
|
|
<option value="rating">Rating</option>
|
|
|
|
<option value="upload_date">Upload Date</option>
|
|
|
|
<option value="view_count">View Count</option>
|
|
|
|
</select>
|
|
|
|
<select id='searchDate' class='select-text'>
|
|
|
|
<option value="">Any Time</option>
|
|
|
|
<option value="hour">Last Hour</option>
|
|
|
|
<option value="today">Today</option>
|
|
|
|
<option value="week">This Week</option>
|
|
|
|
<option value="month">This Month</option>
|
|
|
|
<option value="year">This Year</option>
|
|
|
|
</select>
|
|
|
|
<select id='searchType' class='select-text'>
|
|
|
|
<option value="all">All Types</option>
|
|
|
|
<option value="video">Videos</option>
|
|
|
|
<option value="channel">Channels</option>
|
|
|
|
<option value="playlist">Playlists</option>
|
|
|
|
</select>
|
|
|
|
<select id='searchDuration' class='select-text'>
|
|
|
|
<option value="">All Durations</option>
|
|
|
|
<option value="short">Short (< 4 minutes)</option>
|
|
|
|
<option value="long">Long (> 20 minutes)</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
2018-07-25 05:38:12 +02:00
|
|
|
<div id='noSubscriptions' v-if='seen'>
|
|
|
|
<h2 class="message">
|
|
|
|
Your Subscription list is currently empty. Start adding subscriptions
|
|
|
|
to see them here.
|
|
|
|
<br /><br />
|
|
|
|
<i class="far fa-frown" style="font-size: 200px"></i>
|
|
|
|
</h2>
|
2018-03-02 04:48:12 +01:00
|
|
|
</div>
|
2018-06-25 22:04:11 +02:00
|
|
|
<div id='channelView'></div>
|
2018-06-21 22:01:08 +02:00
|
|
|
<div id='mainHeaderView'></div>
|
2018-06-25 22:04:11 +02:00
|
|
|
<div id='channelVideosView'></div>
|
2018-06-21 22:01:08 +02:00
|
|
|
<div id='searchView'></div>
|
2018-06-25 22:04:11 +02:00
|
|
|
<div id='subscriptionView'></div>
|
|
|
|
<div id='popularView'></div>
|
2018-09-21 16:49:23 +02:00
|
|
|
<div id='trendingView'></div>
|
2018-06-25 22:04:11 +02:00
|
|
|
<div id='savedView'></div>
|
|
|
|
<div id='historyView'></div>
|
2018-09-25 20:26:10 +02:00
|
|
|
<div id='playlistView'></div>
|
2018-06-25 22:04:11 +02:00
|
|
|
<div id='aboutView'></div>
|
|
|
|
<div id='settingsView'></div>
|
|
|
|
<div id='playerView'></div>
|
2018-03-02 04:48:12 +01:00
|
|
|
</div>
|
2018-06-25 22:04:11 +02:00
|
|
|
<div id='progressView'></div>
|
2018-03-02 04:48:12 +01:00
|
|
|
</body>
|
2018-08-03 04:18:08 +02:00
|
|
|
<script src="js/general.js"></script>
|
2018-06-21 22:01:08 +02:00
|
|
|
<script src="js/youtubeApi.js"></script>
|
|
|
|
<script src="js/updates.js"></script>
|
|
|
|
<script src="js/db.js"></script>
|
2018-07-24 02:15:20 +02:00
|
|
|
<script src="js/settings.js"></script>
|
2018-06-21 22:01:08 +02:00
|
|
|
<script src="js/layout.js"></script>
|
|
|
|
<script src="js/templates.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>
|
2018-09-25 20:26:10 +02:00
|
|
|
<script src="js/playlist.js"></script>
|
2018-06-21 22:01:08 +02:00
|
|
|
<script src="js/events.js"></script>
|
2018-03-02 04:48:12 +01:00
|
|
|
|
|
|
|
</html>
|