Feature: Admin control panel (MVP)

src/locales/uk/parts/admin.ts

@@ -0,0 +1,29 @@
+export const admin = {
+  id: 'Id',
+  title: 'Заголовок',
+  status: 'Статус',
+  dateOfStatusChange: 'Дата зміни статусу',
+  direction: 'Тема',
+  author: 'Автор',
+  views: 'Перегляди',
+  realViews: 'Реальні перегляди',
+  viewsFull: 'Кількість переглядів, що відображається',
+  realViewsFull: 'Реальна кількість переглядів',
+  actions: 'Дії',
+  DRAFT: 'Чернетка',
+  MODERATION_FIRST_SIGN: 'Не переглянутий',
+  MODERATION_SECOND_SIGN: 'На модерації',
+  PUBLISHED: 'Опублікований',
+  ARCHIVED: 'Архівований',
+  edit: 'Редагувати',
+  archive: 'Надіслати в архів',
+  remove: 'Видалити',
+  publish: 'Опублікувати',
+  schedulePublish: 'Запланувати публікацію',
+  changePublicationDate: 'Змінити дату публікації',
+  changeViewsCount: 'Змінити кількість переглядів',
+  returnToAuthor: 'Надіслати автору на редагування',
+  statuses: 'Статуси',
+  directions: 'Теми',
+  types: 'Типи',
+};

src/locales/uk/ukrainian.ts

@@ -6,6 +6,7 @@ import { materials } from './parts/materials';
 import { date } from './parts/date';
 import { loginRegistration } from './parts/loginRegistration';
 import { passwordForms } from './parts/passwordForms';
+import { admin } from './parts/admin';
 
 export const ukrainian = {
   common,
@@ -16,4 +17,5 @@ export const ukrainian = {
   date,
   loginRegistration,
   passwordForms,
+  admin,
 };

src/models/adminLab/asyncActions.ts

@@ -0,0 +1,90 @@
+/* eslint-disable */
+import { createAsyncThunk } from '@reduxjs/toolkit';
+
+import {
+  getUniquePostViewsCounter,
+  archivePost,
+  getPosts,
+} from '../../old/lib/utilities/API/api';
+import { mapFetchedPosts } from '../materials/asyncActions';
+import { IAdminPost, IAdminLabData } from './types';
+import { RootStateType } from '../rootReducer';
+
+interface IFilterOption {
+  id: number;
+}
+
+const setFilter = (
+  selected: number[] | undefined,
+  all: IFilterOption[],
+): number[] => {
+  return selected?.length ? selected : all.map(({ id }) => id);
+};
+
+export const getMaterialsAction = createAsyncThunk(
+  'adminLab/getAllAdminsMaterialsAction',
+  async (
+    _,
+    { rejectWithValue, getState },
+  ): Promise<IAdminLabData | unknown> => {
+    try {
+      const {
+        adminLab: {
+          meta: { sort, filters, page, size, textFields },
+        },
+        properties: { directions, postTypes, origins, statuses },
+      } = getState() as RootStateType;
+      const {
+        data: { content, totalPages },
+      } = await getPosts('all-posts', {
+        params: {
+          page,
+          size,
+          types: setFilter(filters.types, postTypes),
+          directions: setFilter(filters.directions, directions),
+          origins: setFilter(filters.origins, origins),
+          statuses: setFilter(filters.statuses, statuses),
+          sort: [`${sort.sortBy},${sort.order}`],
+          ...textFields,
+        },
+      });
+      const { ids: postIds } = mapFetchedPosts(content);
+      const postWithViews: IAdminPost[] = await Promise.all(
+        content.map(async (post) => {
+          const { data } = await getUniquePostViewsCounter(post.id);
+          return {
+            ...post,
+            uniqueViewsCounter: data,
+            modifiedViewsCounter: data + 4,
+          };
+        }),
+      );
+      const posts = {};
+      postWithViews.forEach((post) => {
+        if (posts && post.id) {
+          posts[post.id] = post;
+        }
+      });
+      return {
+        totalPages,
+        posts,
+        postIds,
+      };
+    } catch (error) {
+      return rejectWithValue(error.response?.data);
+    }
+  },
+);
+
+export const archiveAdminPost = createAsyncThunk(
+  'adminLab/archivePost',
+  async (options: { id: number }, { rejectWithValue, getState }) => {
+    try {
+      const { id } = options;
+      await archivePost(id);
+      return id;
+    } catch (error) {
+      return rejectWithValue(error.response?.data);
+    }
+  },
+);

src/models/adminLab/index.ts

@@ -0,0 +1,13 @@
+/* eslint-disable import/no-cycle */
+
+export {
+  adminLabReducer,
+  setStateToInit,
+  setSort,
+  setFilter,
+  setPage,
+  setFiltersToInit,
+  setField,
+} from './reducers';
+export { getMaterialsAction, archiveAdminPost } from './asyncActions';
+export { selectAdminLab, selectMeta } from './selectors';

src/models/adminLab/reducers.ts

@@ -0,0 +1,107 @@
+/* eslint-disable */
+import { createSlice, PayloadAction } from '@reduxjs/toolkit';
+import { getAsyncActionsReducer } from '../helpers/asyncActions';
+
+import {
+  IAdminLab,
+  IAdminPost,
+  SortBy,
+  Order,
+  ISort,
+  IFilter,
+  IField,
+} from './types';
+import { LoadingStatusEnum } from '../../old/lib/types';
+import { getMaterialsAction, archiveAdminPost } from './asyncActions';
+
+// так можга тягнути перегляди getUniquePostViewsCounter
+
+const initialState: IAdminLab = {
+  data: {
+    totalPages: 0,
+    postIds: [],
+    posts: {},
+  },
+  meta: {
+    size: 12,
+    sort: {
+      order: Order.desc,
+      sortBy: SortBy.post_id,
+    },
+    filters: {
+      directions: [],
+      types: [],
+      statuses: [],
+    },
+    page: 0,
+    textFields: {
+      author: '',
+      title: '',
+    },
+  },
+  error: '',
+  loading: LoadingStatusEnum.idle,
+};
+
+const adminLabSlice = createSlice({
+  name: 'adminLab',
+  initialState,
+  reducers: {
+    setStateToInit: (state) => {
+      state.data = initialState.data;
+      state.meta = initialState.meta;
+    },
+    setSize: (state, action: PayloadAction<{ size: number }>) => {
+      state.meta.size = action.payload.size;
+    },
+    setField: (state, action: PayloadAction<IField>) => {
+      const { text, field } = action.payload;
+      state.meta.textFields[field] = text;
+    },
+    setFiltersToInit: (state) => {
+      state.meta.filters = initialState.meta.filters;
+      state.meta.textFields = initialState.meta.textFields;
+    },
+    setSort: (state, action: PayloadAction<ISort>) => {
+      state.meta.sort = action.payload;
+    },
+    setFilter: (state, action: PayloadAction<IFilter>) => {
+      const { filter, options } = action.payload;
+      state.meta.filters[filter] = options;
+    },
+    setPage: (state, action: PayloadAction<{ page: number }>) => {
+      state.meta.page = action.payload.page;
+    },
+    editPost: (state, action: PayloadAction<IAdminPost>) => {
+      const editedPostID = action.payload.id;
+      state.data.posts = {
+        ...state.data.posts,
+        [editedPostID]: action.payload,
+      };
+    },
+  },
+  extraReducers: {
+    ...getAsyncActionsReducer(getMaterialsAction as any),
+    ...getAsyncActionsReducer(archiveAdminPost as any),
+    [archiveAdminPost.fulfilled.type]: (
+      state,
+      action: PayloadAction<string>,
+    ) => {
+      state.data.posts[action.payload] = {
+        ...state.data.posts[action.payload],
+        status: 'ARCHIVED',
+      };
+    },
+  },
+});
+
+export const {
+  setStateToInit,
+  editPost,
+  setSort,
+  setFilter,
+  setPage,
+  setFiltersToInit,
+  setField,
+} = adminLabSlice.actions;
+export const adminLabReducer = adminLabSlice.reducer;

src/models/adminLab/selectors.ts

@@ -0,0 +1,10 @@
+import { RootStateType } from '../rootReducer';
+import { IAdminLabData, IAdminLabMeta } from './types';
+
+export const selectAdminLab = (state: RootStateType): IAdminLabData => {
+  return state.adminLab.data;
+};
+
+export const selectMeta = (state: RootStateType): IAdminLabMeta => {
+  return state.adminLab.meta;
+};

src/models/adminLab/types.ts

@@ -0,0 +1,77 @@
+import { IPost, LoadingStatusEnum, QueryTypeEnum } from '../../old/lib/types';
+
+export interface IAdminPost extends IPost {
+  modifiedViewsCounter?: number;
+  status: string;
+}
+
+export enum FieldEnum {
+  AUTHOR = 'author',
+  TITLE = 'title',
+}
+
+export interface IAdminLab {
+  data: IAdminLabData;
+  meta: IAdminLabMeta;
+  loading: LoadingStatusEnum;
+  error: string | null;
+}
+
+export interface IAdminLabMeta {
+  sort: ISort;
+  filters: {
+    [key in QueryTypeEnum]?: number[];
+  };
+  page: number;
+  size: number;
+  textFields: {
+    [key in FieldEnum]: string;
+  };
+}
+
+export interface IFilter {
+  filter: string;
+  options: number[];
+}
+
+export interface IField {
+  field: string;
+  text: string;
+}
+
+export interface ISort {
+  order: keyof typeof Order;
+  sortBy: keyof typeof SortBy;
+}
+
+export interface IAdminLabData {
+  totalPages: number;
+  postIds: number[];
+  posts: IPostsOBJ;
+}
+
+export interface IPostsOBJ {
+  [id: string]: IAdminPost;
+}
+
+export interface IMyKnownError {
+  errorMessage: string;
+}
+
+export enum SortBy {
+  published_at = 'published_at',
+  post_id = 'post_id',
+  type_id = 'title',
+  title = 'title',
+  content = 'content',
+  status = 'status',
+  important = 'important',
+  created_at = 'created_at',
+  modified_at = 'modified_at',
+  author = 'author.firstName',
+}
+
+export enum Order {
+  desc = 'desc',
+  asc = 'asc',
+}

src/models/materials/asyncActions.ts

@@ -18,13 +18,8 @@ export const fetchMaterials = createAsyncThunk(
   'materials/fetchMaterials',
   async (options: IFetchMaterialsOptions, { getState, rejectWithValue }) => {
     try {
-      const {
-        filters,
-        page,
-        appendPosts,
-        url = 'all-posts',
-        statuses = 'PUBLISHED',
-      } = options;
+      const { filters, page, appendPosts, url = 'all-posts' } = options;
+
       const response = await getPosts(url, {
         params: {
           page: page,
@@ -33,7 +28,7 @@ export const fetchMaterials = createAsyncThunk(
           directions: filters.directions,
           origins: filters.origins,
           sort: ['published_at,desc'],
-          statuses,
+          statuses: [3],
         },
       });
 

src/models/properties/index.ts

@@ -13,4 +13,5 @@ export {
   selectPostTags,
   selectPostTypes,
   selectRegions,
+  selectPostStatuses,
 } from './selectors';