New: Project Aphrodite

2025-09-17 17:14:18 +02:00 · 2018-11-23 02:04:42 -05:00
parent 65efa15551
commit 8430cb40ab
1080 changed files with 73015 additions and 0 deletions
--- a/frontend/src/Movie/Index/Table/MovieIndexRow.js
+++ b/frontend/src/Movie/Index/Table/MovieIndexRow.js
@@ -0,0 +1,333 @@
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+// import getProgressBarKind from 'Utilities/Series/getProgressBarKind';
+import { icons } from 'Helpers/Props';
+import HeartRating from 'Components/HeartRating';
+import IconButton from 'Components/Link/IconButton';
+import SpinnerIconButton from 'Components/Link/SpinnerIconButton';
+// import ProgressBar from 'Components/ProgressBar';
+import TagListConnector from 'Components/TagListConnector';
+// import CheckInput from 'Components/Form/CheckInput';
+import VirtualTableRow from 'Components/Table/VirtualTableRow';
+import VirtualTableRowCell from 'Components/Table/Cells/VirtualTableRowCell';
+import RelativeDateCellConnector from 'Components/Table/Cells/RelativeDateCellConnector';
+import MovieTitleLink from 'Movie/MovieTitleLink';
+import EditMovieModalConnector from 'Movie/Edit/EditMovieModalConnector';
+import DeleteMovieModal from 'Movie/Delete/DeleteMovieModal';
+import MovieStatusCell from './MovieStatusCell';
+import styles from './MovieIndexRow.css';
+
+class MovieIndexRow extends Component {
+
+  //
+  // Lifecycle
+
+  constructor(props, context) {
+    super(props, context);
+
+    this.state = {
+      isEditMovieModalOpen: false,
+      isDeleteMovieModalOpen: false
+    };
+  }
+
+  onEditMoviePress = () => {
+    this.setState({ isEditMovieModalOpen: true });
+  }
+
+  onEditMovieModalClose = () => {
+    this.setState({ isEditMovieModalOpen: false });
+  }
+
+  onDeleteMoviePress = () => {
+    this.setState({
+      isEditMovieModalOpen: false,
+      isDeleteMovieModalOpen: true
+    });
+  }
+
+  onDeleteMovieModalClose = () => {
+    this.setState({ isDeleteMovieModalOpen: false });
+  }
+
+  onUseSceneNumberingChange = () => {
+    // Mock handler to satisfy `onChange` being required for `CheckInput`.
+    //
+  }
+
+  //
+  // Render
+
+  render() {
+    const {
+      style,
+      id,
+      monitored,
+      status,
+      title,
+      titleSlug,
+      studio,
+      qualityProfile,
+      added,
+      inCinemas,
+      physicalRelease,
+      path,
+      genres,
+      ratings,
+      certification,
+      tags,
+      showSearchAction,
+      columns,
+      isRefreshingMovie,
+      isSearchingMovie,
+      onRefreshMoviePress,
+      onSearchPress
+    } = this.props;
+
+    const {
+      isEditMovieModalOpen,
+      isDeleteMovieModalOpen
+    } = this.state;
+
+    return (
+      <VirtualTableRow style={style}>
+        {
+          columns.map((column) => {
+            const {
+              name,
+              isVisible
+            } = column;
+
+            if (!isVisible) {
+              return null;
+            }
+
+            if (name === 'status') {
+              return (
+                <MovieStatusCell
+                  key={name}
+                  className={styles[name]}
+                  monitored={monitored}
+                  status={status}
+                  component={VirtualTableRowCell}
+                />
+              );
+            }
+
+            if (name === 'sortTitle') {
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[name]}
+                >
+                  <MovieTitleLink
+                    titleSlug={titleSlug}
+                    title={title}
+                  />
+                </VirtualTableRowCell>
+              );
+            }
+
+            if (name === 'studio') {
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[name]}
+                >
+                  {studio}
+                </VirtualTableRowCell>
+              );
+            }
+
+            if (name === 'qualityProfileId') {
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[name]}
+                >
+                  {qualityProfile.name}
+                </VirtualTableRowCell>
+              );
+            }
+
+            if (name === 'added') {
+              return (
+                <RelativeDateCellConnector
+                  key={name}
+                  className={styles[name]}
+                  date={added}
+                  component={VirtualTableRowCell}
+                />
+              );
+            }
+
+            if (name === 'inCinemas') {
+              return (
+                <RelativeDateCellConnector
+                  key={name}
+                  className={styles[name]}
+                  date={inCinemas}
+                  component={VirtualTableRowCell}
+                />
+              );
+            }
+
+            if (name === 'physicalRelease') {
+              return (
+                <RelativeDateCellConnector
+                  key={name}
+                  className={styles[name]}
+                  date={physicalRelease}
+                  component={VirtualTableRowCell}
+                />
+              );
+            }
+
+            if (name === 'path') {
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[name]}
+                >
+                  {path}
+                </VirtualTableRowCell>
+              );
+            }
+
+            if (name === 'genres') {
+              const joinedGenres = genres.join(', ');
+
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[name]}
+                >
+                  <span title={joinedGenres}>
+                    {joinedGenres}
+                  </span>
+                </VirtualTableRowCell>
+              );
+            }
+
+            if (name === 'ratings') {
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[name]}
+                >
+                  <HeartRating
+                    rating={ratings.value}
+                  />
+                </VirtualTableRowCell>
+              );
+            }
+
+            if (name === 'certification') {
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[name]}
+                >
+                  {certification}
+                </VirtualTableRowCell>
+              );
+            }
+
+            if (name === 'tags') {
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[name]}
+                >
+                  <TagListConnector
+                    tags={tags}
+                  />
+                </VirtualTableRowCell>
+              );
+            }
+
+            if (name === 'actions') {
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[name]}
+                >
+                  <SpinnerIconButton
+                    name={icons.REFRESH}
+                    title="Refresh movie"
+                    isSpinning={isRefreshingMovie}
+                    onPress={onRefreshMoviePress}
+                  />
+
+                  {
+                    showSearchAction &&
+                      <SpinnerIconButton
+                        className={styles.action}
+                        name={icons.SEARCH}
+                        title="Search for movie"
+                        isSpinning={isSearchingMovie}
+                        onPress={onSearchPress}
+                      />
+                  }
+
+                  <IconButton
+                    name={icons.EDIT}
+                    title="Edit Movie"
+                    onPress={this.onEditMoviePress}
+                  />
+                </VirtualTableRowCell>
+              );
+            }
+
+            return null;
+          })
+        }
+
+        <EditMovieModalConnector
+          isOpen={isEditMovieModalOpen}
+          movieId={id}
+          onModalClose={this.onEditMovieModalClose}
+          onDeleteMoviePress={this.onDeleteMoviePress}
+        />
+
+        <DeleteMovieModal
+          isOpen={isDeleteMovieModalOpen}
+          movieId={id}
+          onModalClose={this.onDeleteMovieModalClose}
+        />
+      </VirtualTableRow>
+    );
+  }
+}
+
+MovieIndexRow.propTypes = {
+  style: PropTypes.object.isRequired,
+  id: PropTypes.number.isRequired,
+  monitored: PropTypes.bool.isRequired,
+  status: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  titleSlug: PropTypes.string.isRequired,
+  studio: PropTypes.string,
+  qualityProfile: PropTypes.object.isRequired,
+  added: PropTypes.string,
+  inCinemas: PropTypes.string,
+  physicalRelease: PropTypes.string,
+  path: PropTypes.string.isRequired,
+  genres: PropTypes.arrayOf(PropTypes.string).isRequired,
+  ratings: PropTypes.object.isRequired,
+  certification: PropTypes.string,
+  tags: PropTypes.arrayOf(PropTypes.number).isRequired,
+  showSearchAction: PropTypes.bool.isRequired,
+  columns: PropTypes.arrayOf(PropTypes.object).isRequired,
+  isRefreshingMovie: PropTypes.bool.isRequired,
+  isSearchingMovie: PropTypes.bool.isRequired,
+  onRefreshMoviePress: PropTypes.func.isRequired,
+  onSearchPress: PropTypes.func.isRequired
+};
+
+MovieIndexRow.defaultProps = {
+  genres: [],
+  tags: []
+};
+
+export default MovieIndexRow;