45 lines
988 B
Vue
45 lines
988 B
Vue
<template>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>ID</th>
|
|
<th>Title</th>
|
|
<th>Description</th>
|
|
<th>User Tags</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-cloak v-for="channel in Channels" :key=channel.ID class="Grid_Small_Text">
|
|
<td>{{channel.ID}}</td>
|
|
<td>{{channel.Title}}</td>
|
|
<td>{{channel.Description}}</td>
|
|
<td>{{channel.User_Tags}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import Vue from "vue";
|
|
import * as Dyt from "../dumbyt";
|
|
|
|
// Vue class for keeping state of the videos.
|
|
export default Vue.extend({
|
|
data() {
|
|
return {
|
|
Channels: Array<Dyt.Channel>()
|
|
}
|
|
},
|
|
|
|
mounted(){
|
|
Dyt.search_channels("").then(v => this.Channels = v);
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style>
|
|
.Grid_Small_Text {
|
|
font-size: 0.7em;
|
|
}
|
|
</style>
|