diff --git a/src/views/ImageView.vue b/src/views/ImageView.vue index f96502095790b5602a52a1912cf3954efe6b1841..71b2ec1e6527d9452edd97a209fd83843d9a91c7 100644 --- a/src/views/ImageView.vue +++ b/src/views/ImageView.vue @@ -1,5 +1,13 @@ <template> - <div> + <div class="flex flex-row"> + <section class="flex flex-col sticky top-0 h-screen w-1/3"> + <div> + Tags: + <span v-for="imageTag in imageTags"> + {{ imageTag }} + </span> + </div> + </section> <div id="image-container"> <img :src="`/api/image/${flake}/file`" alt="" /> </div> @@ -8,11 +16,26 @@ <script> export default { + data: function () { + return { + imageTags: Array, + }; + }, computed: { flake: () => { return window.location.pathname.split("/").pop(); }, }, + methods: { + async getImageTags() { + const response = await fetch(`/api/image/${this.flake}/tag`); + const imageTags = await response.json(); + return imageTags; + }, + }, + async created() { + this.imageTags = await this.getImageTags(); + }, }; </script>