year metadata functionality; header context menu; track hash fix; alb…

…um zoom fix
zeropointnine · Sep 18, 2021 · 0073479 · 0073479
1 parent adc3415
commit 0073479
Show file tree

Hide file tree

Showing 37 changed files with 755 additions and 262 deletions.
diff --git a/.gitignore b/.gitignore
@@ -4,5 +4,5 @@ dist/hqpwv-server-*
 node_modules/
 www/css/main.css.map
 
-hqpwv-metadata.json
+hqpwv-metadata*
 hqpwv-playlists/
diff --git a/dist/dist.sh b/dist/dist.sh
@@ -2,23 +2,20 @@
 # Must be cd'ed to dist dir.
 # Do not use underscores in filenames, just dashes (because MacOS).
 
-echo '************************************************'
-echo '*** Edit filenames in script before running! ***'
-echo '************************************************'
+echo '******************************************************'
+echo '*** Edit version numbers in script before running! ***'
+echo '******************************************************'
 
 pkg ../package.json
 
-mv hqpwv-node16-macos-x64 hqpwv-server-0-9-7-macos-x64
-mv hqpwv-node14-win-x64.exe hqpwv-server-0-9-7-win-x64.exe
-mv hqpwv-node16-linux-x64 hqpwv-server-0-9-7-linux-x64
-mv hqpwv-node16-linux-arm64 hqpwv-server-0-9-7-linux-arm64
+mv hqpwv-node16-macos hqpwv-server-0-9-9-macos-x64
+mv hqpwv-node14-win.exe hqpwv-server-0-9-9-win-x64.exe
+mv hqpwv-node16-linux hqpwv-server-0-9-9-linux-x64
 
-zip hqpwv-server-0-9-7-macos-x64.zip hqpwv-server-0-9-7-macos-x64
-zip hqpwv-server-0-9-7-win-x64.zip hqpwv-server-0-9-7-win-x64.exe
-zip hqpwv-server-0-9-7-linux-x64.zip hqpwv-server-0-9-7-linux-x64
-zip hqpwv-server-0-9-7-linux-arm64.zip hqpwv-server-0-9-7-linux-arm64
+zip hqpwv-server-0-9-9-macos-x64.zip hqpwv-server-0-9-9-macos-x64
+zip hqpwv-server-0-9-9-win-x64.zip hqpwv-server-0-9-9-win-x64.exe
+zip hqpwv-server-0-9-9-linux-x64.zip hqpwv-server-0-9-9-linux-x64
 
-# rm hqpwv-server-0-9-7-macos
-# rm hqpwv-server-0-9-7-win.exe
-# rm hqpwv-server-0-9-7-linux-x64
-# rm hqpwv-server-0-9-7-linux-arm64
+# rm hqpwv-server-0-9-9-macos
+# rm hqpwv-server-0-9-9-win.exe
+# rm hqpwv-server-0-9-9-linux-x64
diff --git a/dist/hqpwv-node14-win.exe b/dist/hqpwv-node14-win.exe
diff --git a/dist/hqpwv-node16-macos b/dist/hqpwv-node16-macos
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hqpwv",
-  "version": "0.9.7",
+  "version": "0.9.9",
   "description": "Remote control application for HQPlayer",
   "bin": "server/server.js",
   "homepage": "https://github.com/zeropointnine/hqpwv",
@@ -12,8 +12,7 @@
     "targets": [
       "node16-macos-x64",
       "node14-windows-x64",
-      "node16-linux-x64",
-      "node16-linux-arm64"
+      "node16-linux-x64"
     ],
     "outputPath": "."
   },

diff --git a/readme_enduser.md b/readme_enduser.md
@@ -3,7 +3,7 @@
 
 HQPWV is a local webserver that allows you to remotely control <a href="https://www.signalyst.com/consumer.html" target="_blank">HQPlayer</a> from any device on your network using a web browser.
 
-[![Demo video](https://i.vimeocdn.com/video/1226369138?mw=1200&mh=750)](https://vimeo.com/593569610 "Demo video")
+[![Demo video](https://i.vimeocdn.com/video/1226369138-b9eb51cefba593dcf444fd1bad72adcfae4474ee2ac765ea22cc37d1d90515b5-d?mw=1300&mh=813&q=90)](https://vimeo.com/593569610 "Demo video")
 Demo video
 
 # Requirements    

diff --git a/scss/library-view.scss b/scss/library-view.scss
@@ -64,7 +64,7 @@ $marginUnitMobile: 6px;
   // expand/collapse caret icon
   &:before {
     @include iconBefore();
-    background-position: 6px center;
+    background-position: 0 center;
     background-image: url('./../img/icons/expand_less_white_24dp.svg');
   }
   &.isCollapsed{
@@ -83,10 +83,8 @@ $marginUnitMobile: 6px;
   margin-left: 6px;
   margin-right: 6px;
   padding-left:28px;
-  padding-right:12px;
-  height:$icon-button-side;
+  height: ($icon-button-side + 12);
   border-top: 1px solid var(--col-listitem);
-  margin-bottom: 12px;
   cursor:pointer;
 
   .icon {
@@ -108,9 +106,22 @@ $marginUnitMobile: 6px;
   .count {
     margin-left: 10px;
     padding-top: 2px;
+    margin-right:12px;
     font-size: $font-size-smaller;
     color: var(--col-text-least);
   }
+  .moreButton {
+    margin-left:auto;
+    flex: 0 0 $icon-button-side;
+    background-color:transparent;
+    &:hover {
+      background-color:var(--col-listitem-over);
+    }
+  }
+}
+
+.libraryGroupLabel + .libraryAlbumGroup {
+  margin-top: 6px;
 }
 
 .libraryGroupLabel {
@@ -153,14 +164,31 @@ $marginUnitMobile: 6px;
       }
     }
   }
+  &.year {
+    .icon {
+      display: block;
+      &:before {
+        background-image: url('./../img/icons/calendar_today_white_24dp.svg');
+      }
+    }
+  }
+  &.decade {
+    .icon {
+      display: block;
+      &:before {
+        background-image: url('./../img/icons/date_range_white_24dp.svg');
+      }
+    }
+  }
+
 }
 
 // ---
 
 .libraryAlbumGroup {
   display:flex;
   flex-wrap: wrap;
-  margin-bottom:8px;
+  margin-bottom:4px;
   &.isCollapsed{
     display:none;
   }
@@ -418,6 +446,9 @@ $marginUnitMobile: 6px;
 #genresTabButton:before {
   content: 'Genres'
 }
+#yearsTabButton:before {
+  content: 'Year'
+}
 #tracksTabButton:before {
   content: 'Track titles'
 }
@@ -431,6 +462,9 @@ $marginUnitMobile: 6px;
   #genresTabButton:before {
     content: 'Genre'
   }
+  #yearsTabButton:before {
+    content: 'Year'
+  }
   #tracksTabButton:before {
     content: 'Tracks'
   }

diff --git a/scss/playbar-view.scss b/scss/playbar-view.scss
@@ -375,7 +375,6 @@ $thumb-width: 20px;
   background-color:var(--col-listitem);
 }
 
-
 // ---
 // Piggybacks off the top of the playbar
 #toast {

diff --git a/scss/top-level.scss b/scss/top-level.scss
@@ -21,6 +21,27 @@ html {
   background-color:var(--col-bg);
 }
 
+#fullOverlayScreen {
+  display:none;
+  position:absolute;
+  z-index: 9998;
+  width:100%;
+  height:100%;
+  background: rgba(0,0,0, 0.9);
+  transition: opacity $app-standard-duration ease-in;
+}
+#fullOverlayImage {
+  display:none;
+  z-index: 9999;
+  position:absolute;
+  cursor: pointer;
+  transition:
+    left $app-standard-duration ease-out,
+    top $app-standard-duration ease-out,
+    width $app-standard-duration ease-out,
+    height $app-standard-duration ease-out;
+}
+
 // Allows us to know current breakpoint programmatically by inspecting element's width
 #breakpointIndicator {
   position:absolute;
@@ -49,26 +70,3 @@ html {
   font-weight:bold;
   background:rgba(255,255,255, 0.2);
 }
-
-#fullOverlayScreen {
-  display:none;
-  opacity: 0;
-  z-index: 9998;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background: rgba(0,0,0, 0.85);
-  transition: opacity $app-standard-duration ease-in;
-}
-#fullOverlayImage {
-  display:none;
-  z-index: 9999;
-  position:absolute;
-  cursor: pointer;
-  transition:
-    left $app-standard-duration $app-standard-ease,
-    top $app-standard-duration $app-standard-ease,
-    width $app-standard-duration $app-standard-ease,
-    height $app-standard-duration $app-standard-ease;
-}
-
diff --git a/scss/widgets.scss b/scss/widgets.scss
@@ -46,6 +46,10 @@
     &:hover {
       background-color: var(--col-listitem);
     }
+    &.isDisabled { // untested
+      pointer-events:none;
+      color:var(--col-text-least);
+    }
   }
 }
 
@@ -195,8 +199,9 @@
 }
 @include mobile {
   .tabButton {
-    padding-left:8px;
-    padding-right:8px;
+    font-size:12px;
+    padding-left:6px;
+    padding-right:6px;
   }
 }
 

diff --git a/server/log.js b/server/log.js
@@ -10,7 +10,7 @@ const makePrefix = (prepre) => {
   return `[${h}:${m}:${s} ${prepre}]`;
 };
 
-/** Log with no prefix and not filtered */
+/** "x" is for user-facing messages, typicaly just for startup. */
 const x = (...rest) => {
   log(...rest);
 }