Merge pull request #52 from gnehs/dev

Dev

package.json

@@ -1,6 +1,6 @@
 {
     "name": "pokaplayer",
-    "version": "0.10.2",
+    "version": "0.10.3",
     "description": "",
     "main": "index.js",
     "scripts": {

public/css/style.css

@@ -109,6 +109,12 @@ header.mdui-appbar.mdui-appbar-fixed {
     }
 }
 
+@media screen and (max-width:1023px) {
+    #drawer .mdui-list-item {
+        border-radius: 0;
+    }
+}
+
 
 /* header-wrapper */
 
@@ -207,6 +213,26 @@ header.mdui-appbar.mdui-appbar-fixed {
     background-size: cover;
 }
 
+.album:nth-child(5n+1) {
+    background-color: rgb(210, 105, 30);
+}
+
+.album:nth-child(5n+2) {
+    background-color: rgb(30, 210, 30);
+}
+
+.album:nth-child(5n+3) {
+    background-color: rgb(29, 179, 233);
+}
+
+.album:nth-child(5n+4) {
+    background-color: rgb(255, 179, 179);
+}
+
+.album:nth-child(5n+5) {
+    background-color: rgb(62, 47, 146);
+}
+
 .album .mdui-card-media {
     position: unset;
 }

public/js/script.js

@@ -40,8 +40,10 @@ router
             done()
         },
         after: params => {
-            $('#drawer a').removeClass('mdui-list-item-active')
-            $(`#drawer a[href="${$('#content').attr('data-page')}"]`).addClass('mdui-list-item-active')
+            $('#drawer a')
+                .removeClass('mdui-color-theme mdui-list-item-active')
+            $(`#drawer a[href="${$('#content').attr('data-page')}"]`)
+                .addClass('mdui-color-theme mdui-list-item-active')
         }
     })
 
@@ -51,7 +53,7 @@ $(() => {
     tryRelogin()
 
     $(`#drawer a[href="${$('#content').attr('data-page')}"]`)
-        .addClass('mdui-list-item-active')
+        .addClass('mdui-list-item-active mdui-color-theme')
     $(`#drawer a`)
         .click(function() {
             if ($(window).width() < 1024) {

public/js/setting.js

@@ -11,12 +11,15 @@ $(async() => {
         navigator.serviceWorker
             .register('/sw.js', { scope: '/' })
             .then(reg => {
-                if (version != window.localStorage["PokaPlayerVersion"]) {
-                    reg.update()
-                }
+                if (version != window.localStorage["PokaPlayerVersion"]) reg.update()
             })
             .catch(err => console.log('Error!', err));
     }
+    // 更新版本號
+    if (version != window.localStorage["PokaPlayerVersion"]) {
+        if ($("#content").attr("data-page") == "settings" || $("#content").attr("data-page") == "home")
+            $("#header-wrapper .title .subtitle").text(`PokaPlayer ${version}`)
+    }
     window.localStorage["PokaPlayerVersion"] = version;
 });
 //- 設定頁面用的範本