Updated javascript for new API changes

This commit is contained in:
hak8or 2018-02-23 23:14:37 -05:00
parent f708503072
commit 8b148b1ad9
3 changed files with 12 additions and 13 deletions

View File

@ -13,13 +13,13 @@ namespace YTManager.Controllers {
struct Channel_ForAPI {
public string Title;
public string Description;
public string YTID;
public string ID;
public List<string> Video_IDs;
public Channel_ForAPI(Models.Channel c) {
Title = c.Title;
Description = c.Description;
YTID = c.YoutubeID;
ID = c.YoutubeID;
Video_IDs = c.Videos?.Select(v => v.YoutubeID).ToList();
}
}

View File

@ -123,19 +123,17 @@ var tbody0 = new Vue({
<table>
<thead>
<tr>
<th>YT Channel ID</th>
<th>ID</th>
<th>Title</th>
<th>Description</th>
<th>ID</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr v-cloak v-for="entry in entries">
<td class="tinytext12px">{{entry.youtubeID}}</td>
<td class="tinytext12px">{{entry.id}}</td>
<td class="tinytext12px">{{entry.title}}</td>
<td class="tinytext12px">{{entry.description}}</td>
<td class="tinytext12px">{{entry.primaryKey}}</td>
<td>
<a href="#"><i class="fa fa-refresh" aria-hidden="true" :id="entry.youtubeID" @click="forcerefresh"/></a>
<a href="#"><i class="fa fa-trash-o" aria-hidden="true" :id="entry.youtubeID" @click="deletechannel"/></a>
@ -223,20 +221,18 @@ var videostb = new Vue({
<table>
<thead>
<tr>
<th>ID</th>
<th>Title</th>
<th>Description</th>
<th>Youtube Video ID</th>
<th>Uploaded</th>
<th>ID</th>
<th>Channel</th>
</tr>
</thead>
<tbody>
<tr v-cloak v-for="video in Videos">
<td class="tinytext12px">{{video.title}}</td>
<td class="tinytext12px">{{video.description}}</td>
<td class="tinytext12px">{{video.youtubeID}}</td>
<td class="tinytext12px">{{video.uploaded}}</td>
<td class="tinytext12px">{{video.primaryKey}}</td>
<td class="tinytext12px">{{video.id}}</td>
<td class="tinytext12px">{{video.channel}}</td>
</tr>
</tbody>
</table>

View File

@ -15,7 +15,10 @@ var vidholder = new Vue({
<div class="grid-x large-up-6">
<div v-for="video in Videos" class="cell">
<div class="card curvedbottom" style="background-color:#ddd9d4; margin:6px;2px;6px;">
<a :href="video.url"><img :src="video.thumbnailURL"></a>
<div class="card-section" style="padding-top: 7px; padding-bottom: 2px;">
<p style="padding-top: 0px; padding-bottom: 0px; font-size: 12px;">{{ video.channel }}</p>
</div>
<a :href="video.url"><img :src="video.thumbnail"></a>
<div class="card-section" style="padding-top: 7px; padding-bottom: 7px;">
<p style="padding-top: 0px; padding-bottom: 0px; font-size: 12px;">{{ video.title }}</p>
</div>