2019-08-05 23:16:45 +02:00
|
|
|
<div v-if='seen' class='channelViewContainer'>
|
2019-08-07 15:49:25 +02:00
|
|
|
<img class='channelViewBanner' :src='banner' />
|
|
|
|
<br />
|
|
|
|
<div class='channelViewTitle'>
|
|
|
|
<img class='channelViewImage' :src='icon' />
|
|
|
|
<span class='channelViewName'>{{name}}</span>
|
|
|
|
<br />
|
|
|
|
<span class='channelViewSubs'>{{subCount}} Subscribers</span>
|
|
|
|
<div id='subscribeButton' class='channelSubButton' v-on:click='subscription(id);'>
|
|
|
|
{{subButtonText}}
|
|
|
|
</div>
|
2018-06-25 22:04:11 +02:00
|
|
|
</div>
|
2019-08-07 15:49:25 +02:00
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
<div class="select channelVideosSortSelect" v-if='!aboutTabSeen'>
|
|
|
|
<select id='channelVideosSortValue' class="select-text" v-on:change='sort'>
|
|
|
|
<option v-for='option in sortOptions' :value='option.value'>{{option.label}}</option>
|
|
|
|
</select>
|
|
|
|
<span class="select-highlight"></span>
|
|
|
|
<span class="select-bar"></span>
|
|
|
|
<label class="select-label">Sort By</label>
|
2019-08-05 23:16:45 +02:00
|
|
|
</div>
|
2019-08-07 15:49:25 +02:00
|
|
|
<div class="input-text-settings channelSearch">
|
|
|
|
<label for="channelSearchInput">Search Channel</label>
|
|
|
|
<input type="text" id="channelSearchInput" onkeyup="channelSearchKeypress(event)" name="set-name" v-model="channelSearchValue" />
|
|
|
|
<span class='searchButton' v-on:click='search'><i class="fas fa-arrow-right" style='position: relative; float: right; right: 5px; bottom: 30px; cursor: pointer' title='Search'></i></span>
|
|
|
|
</div>
|
|
|
|
<br />
|
2019-08-05 23:16:45 +02:00
|
|
|
<br />
|
2019-08-07 15:49:25 +02:00
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
<div v-on:click='videoTab' class='channelTabOption'>
|
|
|
|
VIDEOS
|
|
|
|
</div>
|
|
|
|
<div v-on:click='playlistTab' class='channelTabOption'>
|
|
|
|
PLAYLISTS
|
2019-08-06 20:53:00 +02:00
|
|
|
</div>
|
2019-08-07 15:49:25 +02:00
|
|
|
<div v-on:click='aboutTab' class='channelTabOption'>
|
|
|
|
ABOUT
|
|
|
|
</div>
|
|
|
|
<div v-if='aboutTabSeen'>
|
|
|
|
<hr />
|
|
|
|
<div class='channelViewDescription'>
|
|
|
|
<span v-html='description'></span>
|
|
|
|
</div>
|
|
|
|
<hr />
|
|
|
|
<br />
|
|
|
|
<div v-if='featuredChannels.length > 0' class='center'>
|
|
|
|
<h2>Featured Channels</h2>
|
|
|
|
<div class='profileEditPadding' v-for='channel in featuredChannels' v-on:click='goToChannel(channel.authorId)'>
|
|
|
|
<img class='profileEdit' :src='channel.authorThumbnails[3].url' style='cursor: pointer;' />
|
|
|
|
<div class='profileEditName'><span>{{channel.author}}</span></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<hr />
|
2018-03-02 04:48:12 +01:00
|
|
|
</div>
|