From 8b148b1ad9df9e75782d06ee46051ee47b126fa1 Mon Sep 17 00:00:00 2001
From: hak8or <hak8or@gmail.com>
Date: Fri, 23 Feb 2018 23:14:37 -0500
Subject: [PATCH] Updated javascript for new API changes

---
 YTManager/Controllers/Channels.cs |  4 ++--
 YTManager/wwwroot/admin.js        | 16 ++++++----------
 YTManager/wwwroot/index.js        |  5 ++++-
 3 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/YTManager/Controllers/Channels.cs b/YTManager/Controllers/Channels.cs
index a20c783..ec94c9c 100644
--- a/YTManager/Controllers/Channels.cs
+++ b/YTManager/Controllers/Channels.cs
@@ -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();
             }
         }
diff --git a/YTManager/wwwroot/admin.js b/YTManager/wwwroot/admin.js
index 1554f8e..52411d9 100644
--- a/YTManager/wwwroot/admin.js
+++ b/YTManager/wwwroot/admin.js
@@ -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>
diff --git a/YTManager/wwwroot/index.js b/YTManager/wwwroot/index.js
index 9c9de95..ae4a0f1 100644
--- a/YTManager/wwwroot/index.js
+++ b/YTManager/wwwroot/index.js
@@ -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>