owntone-server/htdocs/assets/ListGenres.js
2023-12-14 20:00:28 +00:00

2 lines
1.6 KiB
JavaScript

import{M as u}from"./ModalDialogGenre.js";import{_ as k,r as c,o as t,c as i,F as d,f,a as s,t as r,h as v,d as m,k as C,g as x,B as w}from"./index.js";const y={name:"ListGenres",components:{ModalDialogGenre:u},props:["genres","hide_group_title","media_kind"],data(){return{show_details_modal:!1,selected_genre:{}}},methods:{open_genre(o){this.$router.push({name:"genre-albums",params:{name:o.name},query:{media_kind:this.media_kind}})},open_dialog(o){this.selected_genre=o,this.show_details_modal=!0}}},B={key:0,class:"mt-6 mb-5 py-2"},b={class:"media-content is-clipped"},L=["id","textContent"],G=["onClick"],I={class:"media-content is-clickable is-clipped"},M=["textContent"],N={class:"media-right"},V=["onClick"];function D(o,l,n,F,a,_){const h=c("mdicon"),p=c("modal-dialog-genre");return t(),i(d,null,[(t(!0),i(d,null,f(n.genres,e=>(t(),i(d,{key:e.itemId},[!e.isItem&&!n.hide_group_title?(t(),i("div",B,[s("div",b,[s("span",{id:"index_"+e.groupKey,class:"tag is-info is-light is-small has-text-weight-bold",textContent:r(e.groupKey)},null,8,L)])])):e.isItem?(t(),i("div",{key:1,class:"media is-align-items-center",onClick:g=>_.open_genre(e.item)},[s("div",I,[s("h1",{class:"title is-6",textContent:r(e.item.name)},null,8,M)]),s("div",N,[s("a",{onClick:v(g=>_.open_dialog(e.item),["prevent","stop"])},[m(h,{class:"icon has-text-dark",name:"dots-vertical",size:"16"})],8,V)])],8,G)):C("",!0)],64))),128)),(t(),x(w,{to:"#app"},[m(p,{show:a.show_details_modal,genre:a.selected_genre,media_kind:n.media_kind,onClose:l[0]||(l[0]=e=>a.show_details_modal=!1)},null,8,["show","genre","media_kind"])]))],64)}const z=k(y,[["render",D]]);export{z as L};