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/Calendar/Agenda/AgendaEvent.js
+++ b/frontend/src/Calendar/Agenda/AgendaEvent.js
@@ -0,0 +1,141 @@
+import moment from 'moment';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import classNames from 'classnames';
+import { icons, kinds } from 'Helpers/Props';
+import getStatusStyle from 'Calendar/getStatusStyle';
+import Icon from 'Components/Icon';
+import Link from 'Components/Link/Link';
+import CalendarEventQueueDetails from 'Calendar/Events/CalendarEventQueueDetails';
+import MovieTitleLink from 'Movie/MovieTitleLink';
+import styles from './AgendaEvent.css';
+
+class AgendaEvent extends Component {
+  //
+  // Lifecycle
+
+  constructor(props, context) {
+    super(props, context);
+
+    this.state = {
+      isDetailsModalOpen: false
+    };
+  }
+
+  //
+  // Listeners
+
+  onPress = () => {
+    this.setState({ isDetailsModalOpen: true });
+  }
+
+  onDetailsModalClose = () => {
+    this.setState({ isDetailsModalOpen: false });
+  }
+
+  //
+  // Render
+
+  render() {
+    const {
+      movieFile,
+      title,
+      titleSlug,
+      inCinemas,
+      monitored,
+      hasFile,
+      grabbed,
+      queueItem,
+      showDate,
+      showCutoffUnmetIcon,
+      longDateFormat,
+      colorImpairedMode
+    } = this.props;
+
+    const startTime = moment(inCinemas);
+    const downloading = !!(queueItem || grabbed);
+    const isMonitored = monitored;
+    const statusStyle = getStatusStyle(hasFile, downloading, startTime, isMonitored);
+
+    return (
+      <div>
+        <Link
+          className={styles.event}
+          component="div"
+          onPress={this.onPress}
+        >
+          <div className={styles.date}>
+            {
+              showDate &&
+                startTime.format(longDateFormat)
+            }
+          </div>
+
+          <div
+            className={classNames(
+              styles.eventWrapper,
+              styles[statusStyle],
+              colorImpairedMode && 'colorImpaired'
+            )}
+          >
+            <div className={styles.seriesTitle}>
+              <MovieTitleLink
+                titleSlug={titleSlug}
+                title={title}
+              />
+            </div>
+
+            {
+              !!queueItem &&
+                <span className={styles.statusIcon}>
+                  <CalendarEventQueueDetails
+                    {...queueItem}
+                  />
+                </span>
+            }
+
+            {
+              !queueItem && grabbed &&
+                <Icon
+                  className={styles.statusIcon}
+                  name={icons.DOWNLOADING}
+                  title="Movie is downloading"
+                />
+            }
+
+            {
+              showCutoffUnmetIcon &&
+              !!movieFile &&
+              movieFile.qualityCutoffNotMet &&
+                <Icon
+                  className={styles.statusIcon}
+                  name={icons.MOVIE_FILE}
+                  kind={kinds.WARNING}
+                  title="Quality cutoff has not been met"
+                />
+            }
+          </div>
+        </Link>
+      </div>
+    );
+  }
+}
+
+AgendaEvent.propTypes = {
+  id: PropTypes.number.isRequired,
+  episodeFile: PropTypes.object,
+  title: PropTypes.string.isRequired,
+  titleSlug: PropTypes.string.isRequired,
+  inCinemas: PropTypes.string.isRequired,
+  monitored: PropTypes.bool.isRequired,
+  hasFile: PropTypes.bool.isRequired,
+  grabbed: PropTypes.bool,
+  queueItem: PropTypes.object,
+  showDate: PropTypes.bool.isRequired,
+  showCutoffUnmetIcon: PropTypes.bool.isRequired,
+  timeFormat: PropTypes.string.isRequired,
+  longDateFormat: PropTypes.string.isRequired,
+  colorImpairedMode: PropTypes.bool.isRequired
+};
+
+export default AgendaEvent;