More Cleanup

2026-04-24 22:55:21 -04:00 · 2020-10-19 01:07:21 -04:00
parent d4e12aa276
commit ad04d0d261
550 changed files with 326 additions and 31626 deletions
@@ -0,0 +1,132 @@
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React, { PureComponent } from 'react';
+import DescriptionList from 'Components/DescriptionList/DescriptionList';
+import DescriptionListItem from 'Components/DescriptionList/DescriptionListItem';
+import formatBytes from 'Utilities/Number/formatBytes';
+import translate from 'Utilities/String/translate';
+import styles from './MovieIndexFooter.css';
+
+class MovieIndexFooter extends PureComponent {
+
+  render() {
+    const {
+      movies,
+      colorImpairedMode
+    } = this.props;
+
+    const count = movies.length;
+    let movieFiles = 0;
+    let monitored = 0;
+    let totalFileSize = 0;
+
+    movies.forEach((s) => {
+
+      if (s.hasFile) {
+        movieFiles += 1;
+      }
+
+      if (s.monitored) {
+        monitored++;
+      }
+
+      totalFileSize += s.sizeOnDisk;
+    });
+
+    return (
+      <div className={styles.footer}>
+        <div>
+          <div className={styles.legendItem}>
+            <div className={styles.ended} />
+            <div>
+              {translate('DownloadedAndMonitored')}
+            </div>
+          </div>
+
+          <div className={styles.legendItem}>
+            <div className={styles.availNotMonitored} />
+            <div>
+              {translate('DownloadedButNotMonitored')}
+            </div>
+          </div>
+
+          <div className={styles.legendItem}>
+            <div className={classNames(
+              styles.missingMonitored,
+              colorImpairedMode && 'colorImpaired'
+            )}
+            />
+            <div>
+              {translate('MissingMonitoredAndConsideredAvailable')}
+            </div>
+          </div>
+
+          <div className={styles.legendItem}>
+            <div className={classNames(
+              styles.missingUnmonitored,
+              colorImpairedMode && 'colorImpaired'
+            )}
+            />
+            <div>
+              {translate('MissingNotMonitored')}
+            </div>
+          </div>
+
+          <div className={styles.legendItem}>
+            <div className={styles.queue} />
+            <div>
+              {translate('Queued')}
+            </div>
+          </div>
+
+          <div className={styles.legendItem}>
+            <div className={styles.continuing} />
+            <div>
+              {translate('Unreleased')}
+            </div>
+          </div>
+        </div>
+
+        <div className={styles.statistics}>
+          <DescriptionList>
+            <DescriptionListItem
+              title={translate('Movies')}
+              data={count}
+            />
+
+            <DescriptionListItem
+              title={translate('MovieFiles')}
+              data={movieFiles}
+            />
+          </DescriptionList>
+
+          <DescriptionList>
+            <DescriptionListItem
+              title={translate('Monitored')}
+              data={monitored}
+            />
+
+            <DescriptionListItem
+              title={translate('Unmonitored')}
+              data={count - monitored}
+            />
+          </DescriptionList>
+
+          <DescriptionList>
+            <DescriptionListItem
+              title={translate('TotalFileSize')}
+              data={formatBytes(totalFileSize)}
+            />
+          </DescriptionList>
+        </div>
+      </div>
+    );
+  }
+}
+
+MovieIndexFooter.propTypes = {
+  movies: PropTypes.arrayOf(PropTypes.object).isRequired,
+  colorImpairedMode: PropTypes.bool.isRequired
+};
+
+export default MovieIndexFooter;