More Cleanup

frontend/src/Indexer/Index/Menus/MovieIndexFilterMenu.js

@@ -0,0 +1,41 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import FilterMenu from 'Components/Menu/FilterMenu';
+import { align } from 'Helpers/Props';
+import MovieIndexFilterModalConnector from 'Indexer/Index/MovieIndexFilterModalConnector';
+
+function MovieIndexFilterMenu(props) {
+  const {
+    selectedFilterKey,
+    filters,
+    customFilters,
+    isDisabled,
+    onFilterSelect
+  } = props;
+
+  return (
+    <FilterMenu
+      alignMenu={align.RIGHT}
+      isDisabled={isDisabled}
+      selectedFilterKey={selectedFilterKey}
+      filters={filters}
+      customFilters={customFilters}
+      filterModalConnectorComponent={MovieIndexFilterModalConnector}
+      onFilterSelect={onFilterSelect}
+    />
+  );
+}
+
+MovieIndexFilterMenu.propTypes = {
+  selectedFilterKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  filters: PropTypes.arrayOf(PropTypes.object).isRequired,
+  customFilters: PropTypes.arrayOf(PropTypes.object).isRequired,
+  isDisabled: PropTypes.bool.isRequired,
+  onFilterSelect: PropTypes.func.isRequired
+};
+
+MovieIndexFilterMenu.defaultProps = {
+  showCustomFilters: false
+};
+
+export default MovieIndexFilterMenu;

frontend/src/Indexer/Index/Menus/MovieIndexSearchMenu.js

@@ -0,0 +1,52 @@
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import Menu from 'Components/Menu/Menu';
+import MenuContent from 'Components/Menu/MenuContent';
+import SearchMenuItem from 'Components/Menu/SearchMenuItem';
+import ToolbarMenuButton from 'Components/Menu/ToolbarMenuButton';
+import { align, icons } from 'Helpers/Props';
+
+class MovieIndexSearchMenu extends Component {
+
+  render() {
+    const {
+      isDisabled,
+      onSearchPress
+    } = this.props;
+
+    return (
+      <Menu
+        isDisabled={isDisabled}
+        alignMenu={align.RIGHT}
+      >
+        <ToolbarMenuButton
+          iconName={icons.SEARCH}
+          text="Search"
+          isDisabled={isDisabled}
+        />
+        <MenuContent>
+          <SearchMenuItem
+            name="missingMoviesSearch"
+            onPress={onSearchPress}
+          >
+            Search Missing
+          </SearchMenuItem>
+
+          <SearchMenuItem
+            name="cutoffUnmetMoviesSearch"
+            onPress={onSearchPress}
+          >
+            Search Cutoff Unmet
+          </SearchMenuItem>
+        </MenuContent>
+      </Menu>
+    );
+  }
+}
+
+MovieIndexSearchMenu.propTypes = {
+  isDisabled: PropTypes.bool.isRequired,
+  onSearchPress: PropTypes.func.isRequired
+};
+
+export default MovieIndexSearchMenu;

frontend/src/Indexer/Index/Menus/MovieIndexSortMenu.js

@@ -0,0 +1,142 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import MenuContent from 'Components/Menu/MenuContent';
+import SortMenu from 'Components/Menu/SortMenu';
+import SortMenuItem from 'Components/Menu/SortMenuItem';
+import { align, sortDirections } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
+
+function MovieIndexSortMenu(props) {
+  const {
+    sortKey,
+    sortDirection,
+    isDisabled,
+    onSortSelect
+  } = props;
+
+  return (
+    <SortMenu
+      isDisabled={isDisabled}
+      alignMenu={align.RIGHT}
+    >
+      <MenuContent>
+        <SortMenuItem
+          name="status"
+          sortKey={sortKey}
+          sortDirection={sortDirection}
+          onPress={onSortSelect}
+        >
+          Monitored/Status
+        </SortMenuItem>
+
+        <SortMenuItem
+          name="sortTitle"
+          sortKey={sortKey}
+          sortDirection={sortDirection}
+          onPress={onSortSelect}
+        >
+          {translate('Title')}
+        </SortMenuItem>
+
+        <SortMenuItem
+          name="studio"
+          sortKey={sortKey}
+          sortDirection={sortDirection}
+          onPress={onSortSelect}
+        >
+          {translate('Studio')}
+        </SortMenuItem>
+
+        <SortMenuItem
+          name="qualityProfileId"
+          sortKey={sortKey}
+          sortDirection={sortDirection}
+          onPress={onSortSelect}
+        >
+          {translate('QualityProfile')}
+        </SortMenuItem>
+
+        <SortMenuItem
+          name="added"
+          sortKey={sortKey}
+          sortDirection={sortDirection}
+          onPress={onSortSelect}
+        >
+          {translate('Added')}
+        </SortMenuItem>
+
+        <SortMenuItem
+          name="year"
+          sortKey={sortKey}
+          sortDirection={sortDirection}
+          onPress={onSortSelect}
+        >
+          {translate('Year')}
+        </SortMenuItem>
+
+        <SortMenuItem
+          name="inCinemas"
+          sortKey={sortKey}
+          sortDirection={sortDirection}
+          onPress={onSortSelect}
+        >
+          {translate('InCinemas')}
+        </SortMenuItem>
+
+        <SortMenuItem
+          name="physicalRelease"
+          sortKey={sortKey}
+          sortDirection={sortDirection}
+          onPress={onSortSelect}
+        >
+          {translate('PhysicalRelease')}
+        </SortMenuItem>
+
+        <SortMenuItem
+          name="digitalRelease"
+          sortKey={sortKey}
+          sortDirection={sortDirection}
+          onPress={onSortSelect}
+        >
+          {translate('DigitalRelease')}
+        </SortMenuItem>
+
+        <SortMenuItem
+          name="path"
+          sortKey={sortKey}
+          sortDirection={sortDirection}
+          onPress={onSortSelect}
+        >
+          {translate('Path')}
+        </SortMenuItem>
+
+        <SortMenuItem
+          name="sizeOnDisk"
+          sortKey={sortKey}
+          sortDirection={sortDirection}
+          onPress={onSortSelect}
+        >
+          {translate('SizeOnDisk')}
+        </SortMenuItem>
+
+        <SortMenuItem
+          name="certification"
+          sortKey={sortKey}
+          sortDirection={sortDirection}
+          onPress={onSortSelect}
+        >
+          {translate('Certification')}
+        </SortMenuItem>
+      </MenuContent>
+    </SortMenu>
+  );
+}
+
+MovieIndexSortMenu.propTypes = {
+  sortKey: PropTypes.string,
+  sortDirection: PropTypes.oneOf(sortDirections.all),
+  isDisabled: PropTypes.bool.isRequired,
+  onSortSelect: PropTypes.func.isRequired
+};
+
+export default MovieIndexSortMenu;