Music Player & Playlist Manager

static/index.html

@@ -16,6 +16,7 @@
     <link rel="stylesheet" href="/css/views/trash.css">
     <link rel="stylesheet" href="/css/views/photos.css">
     <link rel="stylesheet" href="/css/views/photosLightbox.css">
+    <link rel="stylesheet" href="/css/views/music.css">
 
     <!-- Scripts (defer: download in parallel, execute in order, after HTML parsed) -->
     <script defer src="/js/core/i18n.js"></script>
@@ -36,6 +37,7 @@
     <script defer src="/js/features/library/recent.js"></script>
     <script defer src="/js/features/library/photos.js"></script>
     <script defer src="/js/features/library/photosLightbox.js"></script>
+    <script defer src="/js/features/library/music.js"></script>
     <script defer src="/js/features/sharing/fileSharing.js"></script>
     <script defer src="/js/views/shared/sharedView.js"></script>
     <script defer src="/js/features/files/inlineViewer.js"></script>
@@ -89,6 +91,14 @@
                 <i class="fas fa-images"></i>
                 <span data-i18n="nav.photos">Photos</span>
             </div>
+            <div class="nav-item" id="nav-music">
+                <svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                    <path d="M9 18V5l12-2v13"/>
+                    <circle cx="6" cy="18" r="3"/>
+                    <circle cx="18" cy="16" r="3"/>
+                </svg>
+                <span data-i18n="nav.music">Music</span>
+            </div>
             <div class="nav-item">
                 <i class="fas fa-trash"></i>
                 <span data-i18n="nav.trash">Trash</span>