Fixes for new Transcode Column to use the api for filtering and sorting

Update language packs
css fixes

backend/routes/api.js

@@ -28,6 +28,7 @@ const groupedSortMap = [
   { field: "ActivityDateInserted", column: "a.ActivityDateInserted" },
   { field: "PlaybackDuration", column: `COALESCE(ar."TotalDuration", a."PlaybackDuration")` },
   { field: "TotalPlays", column: `COALESCE("TotalPlays",1)` },
+  { field: "PlayMethod", column: "a.PlayMethod" },
 ];
 
 const unGroupedSortMap = [
@@ -38,6 +39,7 @@ const unGroupedSortMap = [
   { field: "DeviceName", column: "a.DeviceName" },
   { field: "ActivityDateInserted", column: "a.ActivityDateInserted" },
   { field: "PlaybackDuration", column: "a.PlaybackDuration" },
+  { field: "PlayMethod", column: "a.PlayMethod" },
 ];
 
 const filterFields = [
@@ -57,6 +59,7 @@ const filterFields = [
   { field: "ActivityDateInserted", column: "a.ActivityDateInserted", isColumn: true },
   { field: "PlaybackDuration", column: `a.PlaybackDuration`, isColumn: true, applyToCTE: true },
   { field: "TotalPlays", column: `COALESCE("TotalPlays",1)` },
+  { field: "PlayMethod", column: `LOWER(a."PlayMethod")` },
 ];
 
 //Functions

public/locales/ca-ES/translation.json

@@ -312,5 +312,6 @@
   "TIMEZONE": "Fus horari",
   "POSTCODE": "Codi postal",
   "X_ROWS_SELECTED": "{ROWS} files seleccionades",
+  "TRANSCODE_REASONS": "",
   "SUBTITLES": "Subtítols"
 }

public/locales/en-UK/translation.json

@@ -313,5 +313,6 @@
   "TIMEZONE": "Timezone",
   "POSTCODE": "Postcode",
   "X_ROWS_SELECTED": "{ROWS} Rows Selected",
+  "TRANSCODE_REASONS": "Transcode Reasons",
   "SUBTITLES": "Subtitles"
 }

public/locales/fr-FR/translation.json

@@ -313,5 +313,6 @@
   "TIMEZONE": "Fuseau horaire",
   "POSTCODE": "Code postal",
   "X_ROWS_SELECTED": "{ROWS} Ligne(s) sélectionnée(s)",
+  "TRANSCODE_REASONS": "",
   "SUBTITLES": ""
 }

public/locales/it-IT/translation.json

@@ -228,6 +228,11 @@
     "GITHUB": "Github",
     "Backup": "Backup Jellystat"
   },
+  "TIMELINE_PAGE": {
+    "TIMELINE": "Cronologia",
+    "EPISODES_one": "Episodio",
+    "EPISODES_other": "Episodi"
+  },
   "SEARCH": "Cerca",
   "TOTAL": "Totale",
   "LAST": "Ultimo",
@@ -303,5 +308,7 @@
   "LONGITUDE": "Longitudine",
   "TIMEZONE": "Fuso orario",
   "POSTCODE": "CAP",
-  "X_ROWS_SELECTED": "{ROWS} righe selezionate"
+  "X_ROWS_SELECTED": "{ROWS} righe selezionate",
+  "TRANSCODE_REASONS": "",
+  "SUBTITLES": ""
 }

public/locales/zh-CN/translation.json

@@ -232,6 +232,10 @@
     "GITHUB": "Github",
     "Backup": "备份 Jellystat"
   },
+  "TIMELINE_PAGE": {
+    "TIMELINE": "时间线",
+    "EPISODES": "集数"
+  },
   "SEARCH": "搜索",
   "TOTAL": "总计",
   "LAST": "过去",
@@ -309,9 +313,5 @@
   "POSTCODE": "邮编",
   "X_ROWS_SELECTED": "已选中 {ROWS} 行",
   "TRANSCODE_REASONS": "转码原因",
-  "SUBTITLES": "字幕",
-  "TIMELINE_PAGE": {
-    "TIMELINE": "时间线",
-    "EPISODES": "集数"
-  }
+  "SUBTITLES": "字幕"
 }

src/App.css

@@ -155,3 +155,11 @@ h2 {
 ::placeholder {
   color: #a7a7a7 !important; /* Replace with your desired color */
 }
+
+.text-primary-custom {
+  color: var(--primary-color) !important;
+}
+
+.text-secondary-custom {
+  color: var(--secondary-color) !important;
+}

src/pages/components/activity/activity-table.jsx

@@ -223,26 +223,24 @@ export default function ActivityTable(props) {
         row = row.original;
         if (row.PlayMethod === "Transcode") {
           return (
-            <span className="text-warning" style={{ fontWeight: 'bold' }}>
+            <span className="text-secondary-custom">
               {i18next.t("TRANSCODE")}
-              {row.TranscodingInfo ? 
+              {row.TranscodingInfo ? (
                 <span>
-                  {!row.TranscodingInfo.IsVideoDirect && 
-                    <span> ({i18next.t("VIDEO")})</span>
-                  }
-                  {!row.TranscodingInfo.IsAudioDirect && 
-                    <span> ({i18next.t("AUDIO")})</span>
-                  }
-                </span> : ""
-              }
+                  {!row.TranscodingInfo.IsVideoDirect && <span> ({i18next.t("VIDEO")})</span>}
+                  {!row.TranscodingInfo.IsAudioDirect && <span> ({i18next.t("AUDIO")})</span>}
+                </span>
+              ) : (
+                ""
+              )}
             </span>
           );
         } else if (row.PlayMethod === "DirectPlay") {
-          return <span className="text-success" style={{ fontWeight: 'bold' }}>{i18next.t("DIRECT")}</span>;
+          return <span>{i18next.t("DIRECT")}</span>;
         } else if (row.PlayMethod === "DirectStream") {
-          return <span className="text-info" style={{ fontWeight: 'bold' }}>{i18next.t("DIRECT_STREAM")}</span>;
+          return <span>{i18next.t("DIRECT_STREAM")}</span>;
         } else {
-          return <span style={{ color: 'gray' }}>-</span>;
+          return <span style={{ color: "gray" }}>-</span>;
         }
       },
     },