v3 UI

2026-04-22 22:16:13 -04:00 · 2018-01-12 18:01:27 -08:00
parent 99feff549d
commit 5894b4fd95
1183 changed files with 91622 additions and 4978 deletions
@@ -0,0 +1,83 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import padNumber from 'Utilities/Number/padNumber';
+import Label from 'Components/Label';
+import RelativeDateCellConnector from 'Components/Table/Cells/RelativeDateCellConnector';
+import TableRow from 'Components/Table/TableRow';
+import TableRowCell from 'Components/Table/Cells/TableRowCell';
+import TableSelectCell from 'Components/Table/Cells/TableSelectCell';
+import EpisodeQuality from 'Episode/EpisodeQuality';
+import styles from './EpisodeFileEditorRow';
+
+function EpisodeFileEditorRow(props) {
+  const {
+    id,
+    seriesType,
+    seasonNumber,
+    episodeNumber,
+    absoluteEpisodeNumber,
+    relativePath,
+    airDateUtc,
+    language,
+    quality,
+    isSelected,
+    onSelectedChange
+  } = props;
+
+  return (
+    <TableRow>
+      <TableSelectCell
+        id={id}
+        isSelected={isSelected}
+        onSelectedChange={onSelectedChange}
+      />
+
+      <TableRowCell>
+        {seasonNumber}x{padNumber(episodeNumber, 2)}
+
+        {
+          seriesType === 'anime' && !!absoluteEpisodeNumber &&
+            <span className={styles.absoluteEpisodeNumber}>
+              ({absoluteEpisodeNumber})
+            </span>
+        }
+      </TableRowCell>
+
+      <TableRowCell>
+        {relativePath}
+      </TableRowCell>
+
+      <RelativeDateCellConnector
+        date={airDateUtc}
+      />
+
+      <TableRowCell>
+        <Label>
+          {language.name}
+        </Label>
+      </TableRowCell>
+
+      <TableRowCell>
+        <EpisodeQuality
+          quality={quality}
+        />
+      </TableRowCell>
+    </TableRow>
+  );
+}
+
+EpisodeFileEditorRow.propTypes = {
+  id: PropTypes.number.isRequired,
+  seriesType: PropTypes.string.isRequired,
+  seasonNumber: PropTypes.number.isRequired,
+  episodeNumber: PropTypes.number.isRequired,
+  absoluteEpisodeNumber: PropTypes.number,
+  relativePath: PropTypes.string.isRequired,
+  airDateUtc: PropTypes.string.isRequired,
+  language: PropTypes.object.isRequired,
+  quality: PropTypes.object.isRequired,
+  isSelected: PropTypes.bool,
+  onSelectedChange: PropTypes.func.isRequired
+};
+
+export default EpisodeFileEditorRow;