DumbYT/BackEnd
1
0
Fork 0
Code Issues 7 Pull Requests Releases Wiki Activity

Updated javascript for new API changes

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
YTManager/Controllers/Channels.cs
View File

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

16
YTManager/wwwroot/admin.js
View File

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

5
YTManager/wwwroot/index.js
View File

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