import { Middleware } from "redux";
import actions from "../data-explorer/data-explorer-action";
-import { PROJECT_PANEL_ID, ProjectPanelFilter, COLUMNS, ColumnNames } from "../../views/project-panel/project-panel";
+import { PROJECT_PANEL_ID, ProjectPanelFilter, COLUMNS, ProjectPanelColumnNames } from "../../views/project-panel/project-panel";
import { groupsService } from "../../services/services";
import { RootState } from "../store";
import { getDataExplorer } from "../data-explorer/data-explorer-reducer";
const state = store.getState() as RootState;
const dataExplorer = getDataExplorer(state.dataExplorer, PROJECT_PANEL_ID);
const columns = dataExplorer.columns as DataColumns<ProjectPanelItem, ProjectPanelFilter>;
- const typeFilters = getColumnFilters(columns, ColumnNames.TYPE);
- const statusFilters = getColumnFilters(columns, ColumnNames.STATUS);
+ const typeFilters = getColumnFilters(columns, ProjectPanelColumnNames.TYPE);
+ const statusFilters = getColumnFilters(columns, ProjectPanelColumnNames.STATUS);
const sortColumn = dataExplorer.columns.find(({ sortDirection }) => Boolean(sortDirection && sortDirection !== "none"));
const sortDirection = sortColumn && sortColumn.sortDirection === SortDirection.Asc ? SortDirection.Asc : SortDirection.Desc;
if (typeFilters.length > 0) {
limit: dataExplorer.rowsPerPage,
offset: dataExplorer.page * dataExplorer.rowsPerPage,
order: sortColumn
- ? sortColumn.name === ColumnNames.NAME
+ ? sortColumn.name === ProjectPanelColumnNames.NAME
? getOrder("name", sortDirection)
: getOrder("createdAt", sortDirection)
: OrderBuilder.create(),
{item.status || "-"}
</Typography>;
-export enum ColumnNames {
+export enum ProjectPanelColumnNames {
NAME = "Name",
STATUS = "Status",
TYPE = "Type",
export const COLUMNS: DataColumns<ProjectPanelItem, ProjectPanelFilter> = [
{
- name: ColumnNames.NAME,
+ name: ProjectPanelColumnNames.NAME,
selected: true,
sortDirection: SortDirection.Asc,
render: RENDER_NAME,
width: "75px"
},
{
- name: ColumnNames.TYPE,
+ name: ProjectPanelColumnNames.TYPE,
selected: true,
filters: [
{
width: "125px"
},
{
- name: ColumnNames.OWNER,
+ name: ProjectPanelColumnNames.OWNER,
selected: true,
render: item => RENDER_OWNER(item.owner),
width: "200px"
},
{
- name: ColumnNames.FILE_SIZE,
+ name: ProjectPanelColumnNames.FILE_SIZE,
selected: true,
render: item => RENDER_FILE_SIZE(item.fileSize),
width: "50px"
},
{
- name: ColumnNames.LAST_MODIFIED,
+ name: ProjectPanelColumnNames.LAST_MODIFIED,
selected: true,
sortDirection: SortDirection.None,
render: item => RENDER_DATE(item.lastModified),