From a75d7f5a275c269193b5f8471daf40773c0ca830 Mon Sep 17 00:00:00 2001
From: vapormusic <vietanhfat@gmail.com>
Date: Fri, 28 Jan 2022 21:42:15 +0700
Subject: [PATCH] add tracknumber in album view

---
 src/renderer/views/components/mediaitem-list-item.ejs | 6 ++++++
 src/renderer/views/pages/cider-playlist.ejs           | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/renderer/views/components/mediaitem-list-item.ejs b/src/renderer/views/components/mediaitem-list-item.ejs
index cb347f90..c281fed2 100644
--- a/src/renderer/views/components/mediaitem-list-item.ejs
+++ b/src/renderer/views/components/mediaitem-list-item.ejs
@@ -20,6 +20,11 @@
                         <div class="svg-icon" :style="{'--color': 'var(--keyColor)', '--url': 'url(./assets/feather/plus.svg)'}"></div>
                     </button>
                 </div>
+                <div v-if="showIndex" :style="{display: ((showIndex && !showInLibrary) ? 'block' : 'none'), 'margin-left':'11px'}">
+                    <div>
+                        <div>{{ item.attributes ? (item.attributes.trackNumber ?? '') : ''}}</div>
+                    </div>
+                </div>
                 <div v-if="app.mk.isPlaying && app.mk.nowPlayingItem._songId == item.attributes.playParams.id" :style="{display: (showInLibrary ? 'none' : 'block')}">
                     <div class="loadbar-sound"></div>
                 </div>
@@ -92,6 +97,7 @@
             'show-library-status': {type: Boolean, default: true},
             'show-meta-data': {type: Boolean, default: false},
             'show-duration': {type: Boolean, default: true},
+            'showIndex': {type: Boolean, required: false},
             'contextExt': {type: Object, required: false},
             'class-list': {type: String, required: false, default: ""},
         },
diff --git a/src/renderer/views/pages/cider-playlist.ejs b/src/renderer/views/pages/cider-playlist.ejs
index acdeb392..27e45dd1 100644
--- a/src/renderer/views/pages/cider-playlist.ejs
+++ b/src/renderer/views/pages/cider-playlist.ejs
@@ -128,7 +128,7 @@
                     <div style="width:100%">
                         <draggable :sort="data.attributes.canEdit && data.type == 'library-playlists'"
                                    v-model="data.relationships.tracks.data" @start="drag=true" @end="drag=false;put()">
-                            <mediaitem-list-item :item="item" :parent="getItemParent(data)" :index="index"
+                            <mediaitem-list-item :item="item" :parent="getItemParent(data)" :index="index" :showIndex="(data.attributes.playParams.kind ?? data.type ?? '').includes('album')"
                                                  :context-ext="buildContextMenu()"
                                                  v-for="(item,index) in data.relationships.tracks.data"></mediaitem-list-item>
                         </draggable>