Huge API rewrite

YTManager/wwwroot/Admin/index.css

@@ -0,0 +1,64 @@
+body {
+    margin-left: 5%;
+    margin-right: 5%;
+    line-height: 1.6;
+    font-size: 18px;
+    color: #003636;
+    background-color: #F8F8F8;
+    max-width: 1280px;
+    margin: auto;
+}
+
+.pageheader {
+    max-width: 960px;
+    margin: auto;
+}
+
+.error {
+    background-color: red;
+}
+
+.curvedbottom {
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+}
+
+#addnewchannelform {
+    width: inherit;
+    margin: auto;
+}
+
+.tinytext10px{ font-size: 10px; }
+.tinytext12px{ font-size: 12px; }
+.tinytext14px{ font-size: 14px; }
+.tinytext16px{ font-size: 16px; }
+.tinytext18px{ font-size: 18px; }
+
+[v-cloak] {
+    display: none;
+}
+
+.fade-enter-active, .fade-leave-active {
+    transition: opacity 0.75s;
+}
+
+.fade-enter, .fade-leave-to {
+    opacity: 0;
+}
+
+.apistatusicon {
+    animation-duration: 1s;
+    animation-name: spinny;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}
+
+@keyframes spinny {
+    from {
+        transform: rotate(-15deg);
+    }
+
+    to {
+        transform: rotate(15deg);
+    }
+}

YTManager/wwwroot/Admin/index.html

@@ -39,6 +39,6 @@
     <script src="https://unpkg.com/vue"></script>
 
     <!-- All of my custom JS. Put here so body loads before Vue based stuff loads/attempts to bind. -->
-    <script src="admin.js"></script>
+    <script src="index.js"></script>
 </body>
 </html>

YTManager/wwwroot/Admin/index.js

@@ -59,7 +59,7 @@ var addchanel0 = new Vue({
         submit: function (event) {
             // Send the channel to our API and request tables be updated.
             var d = this.entry;
-            axios.post('/api/Channels/' + this.entry.yTChannelID)
+            axios.post('/api_raw/Channels/' + this.entry.yTChannelID)
                 .then(function (response) {
                     this.entry.title = "";
                     this.entry.description = "";
@@ -229,9 +229,9 @@ var videostb = new Vue({
             </thead>
             <tbody>
                 <tr v-cloak v-for="video in Videos">
+                    <td class="tinytext12px">{{video.id}}</td>
                     <td class="tinytext12px">{{video.title}}</td>
                     <td class="tinytext12px">{{video.description}}</td>
-                    <td class="tinytext12px">{{video.id}}</td>
                     <td class="tinytext12px">{{video.channel}}</td>
                 </tr>
             </tbody>

YTManager/wwwroot/index.css

@@ -14,20 +14,11 @@
     margin: auto;
 }
 
-.error {
-    background-color: red;
-}
-
 .curvedbottom {
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
 }
 
-#addnewchannelform {
-    width: inherit;
-    margin: auto;
-}
-
 .tinytext10px{ font-size: 10px; }
 .tinytext12px{ font-size: 12px; }
 .tinytext14px{ font-size: 14px; }
@@ -45,20 +36,3 @@
 .fade-enter, .fade-leave-to {
     opacity: 0;
 }
-
-.apistatusicon {
-    animation-duration: 1s;
-    animation-name: spinny;
-    animation-iteration-count: infinite;
-    animation-direction: alternate;
-}
-
-@keyframes spinny {
-    from {
-        transform: rotate(-15deg);
-    }
-
-    to {
-        transform: rotate(15deg);
-    }
-}