diff --git a/frontend/src/Movie/Index/Menus/MovieIndexSortMenu.js b/frontend/src/Movie/Index/Menus/MovieIndexSortMenu.js
index 8ffc0880a..d7fb6e039 100644
--- a/frontend/src/Movie/Index/Menus/MovieIndexSortMenu.js
+++ b/frontend/src/Movie/Index/Menus/MovieIndexSortMenu.js
@@ -90,6 +90,24 @@ function MovieIndexSortMenu(props) {
>
Path
+
+
+ Size on Disk
+
+
+
+ Certification
+
);
diff --git a/frontend/src/Movie/Index/Posters/MovieIndexPosterInfo.js b/frontend/src/Movie/Index/Posters/MovieIndexPosterInfo.js
index 563061add..c04a4b443 100644
--- a/frontend/src/Movie/Index/Posters/MovieIndexPosterInfo.js
+++ b/frontend/src/Movie/Index/Posters/MovieIndexPosterInfo.js
@@ -10,6 +10,9 @@ function MovieIndexPosterInfo(props) {
qualityProfile,
showQualityProfile,
added,
+ inCinemas,
+ physicalRelease,
+ certification,
path,
sizeOnDisk,
sortKey,
@@ -52,6 +55,42 @@ function MovieIndexPosterInfo(props) {
);
}
+ if (sortKey === 'inCinemas' && inCinemas) {
+ const inCinemasDate = getRelativeDate(
+ inCinemas,
+ shortDateFormat,
+ showRelativeDates,
+ {
+ timeFormat,
+ timeForToday: false
+ }
+ );
+
+ return (
+
+ {`In Cinemas ${inCinemasDate}`}
+
+ );
+ }
+
+ if (sortKey === 'physicalRelease' && physicalRelease) {
+ const physicalReleaseDate = getRelativeDate(
+ physicalRelease,
+ shortDateFormat,
+ showRelativeDates,
+ {
+ timeFormat,
+ timeForToday: false
+ }
+ );
+
+ return (
+
+ {`Released ${physicalReleaseDate}`}
+
+ );
+ }
+
if (sortKey === 'path') {
return (
@@ -68,6 +107,14 @@ function MovieIndexPosterInfo(props) {
);
}
+ if (sortKey === 'certification') {
+ return (
+
+ {certification}
+
+ );
+ }
+
return null;
}
@@ -76,6 +123,9 @@ MovieIndexPosterInfo.propTypes = {
showQualityProfile: PropTypes.bool.isRequired,
qualityProfile: PropTypes.object.isRequired,
added: PropTypes.string,
+ inCinemas: PropTypes.string,
+ certification: PropTypes.string,
+ physicalRelease: PropTypes.string,
path: PropTypes.string.isRequired,
sizeOnDisk: PropTypes.number,
sortKey: PropTypes.string.isRequired,