Added feather icons to the sidebar

This commit is contained in:
booploops 2022-01-06 18:55:05 -08:00
parent cba4a71b87
commit e58a8b166c
14 changed files with 85 additions and 14 deletions

View file

@ -9,7 +9,7 @@
:href="item.href"
@click='$root.appRoute(`playlist_` + item.id); $root.showingPlaylist = [];$root.getPlaylistFromID($root.page.substring(9))'>
<template v-if="!renaming">
{{ item.attributes.name }}
<div class="sidebar-icon" v-html="icon"></div> {{ item.attributes.name }}
</template>
<input type="text" v-model="item.attributes.name" class="pl-rename-field" @blur="rename()" @keydown.enter="rename()" v-else>
</button>
@ -53,9 +53,13 @@
folderOpened: false,
children: [],
playlistRoot: "p.playlistsroot",
renaming: false
renaming: false,
icon: ""
}
},
async mounted() {
this.icon = await this.$root.getSvgIcon("./assets/feather/list.svg")
},
methods: {
rename() {
this.renaming = false