#175 user profile and delete cms

fdhhhdjd · Mar 19, 2023 · e6c1c07 · e6c1c07
1 parent d408e2b
commit e6c1c07
Show file tree

Hide file tree

Showing 10 changed files with 105 additions and 8 deletions.
diff --git a/frontend-manager-cms/src/api/api_user.js b/frontend-manager-cms/src/api/api_user.js
@@ -7,6 +7,7 @@ const API_ADMIN = {
   LOGIN_ADMIN_CMS: '/manager/v1/admin/login',
   GET_ALL_BOOK_CMS: '/manager/v1/admin/private/book/all',
   GET_DETAIL_BOOK_CMS: '/manager/v1/admin/private/book/detail',
+  DELETE_BOOK_CMS: '/manager/v1/admin/private/book/delete',
   GET_ALL_AUTHOR_CMS: '/manager/v1/admin/private/author/all',
   GET_DETAIL_AUTHOR_CMS: '/manager/v1/admin/private/author/detail',
   RENEW_TOKEN_CMS: '/manager/v1/admin/renew-token',

diff --git a/frontend-manager-cms/src/pages/Book/AllBook.jsx b/frontend-manager-cms/src/pages/Book/AllBook.jsx
@@ -1,13 +1,15 @@
 import React, { useEffect } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { Link } from 'react-router-dom';
-import { Get_All_Book_Cms_Initial } from 'redux/managers/book_slice/book_thunk';
+import { Delete_Book_Cms_Initial, Get_All_Book_Cms_Initial } from 'redux/managers/book_slice/book_thunk';
 
 const Book = () => {
   const dispatch = useDispatch();
   const bookList = useSelector((state) => state.book.all_books_list?.element?.result);
 
-  const handleDelete = (e) => { };
+  const handleDelete = (book_id) => {
+    dispatch(Delete_Book_Cms_Initial({ book_id }));
+  };
 
   useEffect(() => {
     dispatch(Get_All_Book_Cms_Initial());
@@ -98,7 +100,10 @@ const Book = () => {
                           </Link>
                         </td>
                         <td className="px-6 py-4 text-sm font-medium text-right whitespace-nowrap">
-                          <button className="text-red-500 hover:text-red-700" onClick={handleDelete}>
+                          <button
+                            className="text-red-500 hover:text-red-700"
+                            onClick={() => handleDelete(book?.book_id)}
+                          >
                             Delete
                           </button>
                         </td>

diff --git a/frontend-manager-cms/src/redux/managers/book_slice/book_slice.js b/frontend-manager-cms/src/redux/managers/book_slice/book_slice.js
@@ -2,7 +2,7 @@
 import { createSlice } from '@reduxjs/toolkit';
 
 //! CALL API REDUX THUNK
-import { Get_All_Book_Cms_Initial, Get_Detail_Book_Cms_Initial } from './book_thunk';
+import { Delete_Book_Cms_Initial, Get_All_Book_Cms_Initial, Get_Detail_Book_Cms_Initial } from './book_thunk';
 
 const initialState = {
   loading: false,
@@ -41,6 +41,18 @@ const Book = createSlice({
       state.loading = false;
       state.error = action.payload;
     },
+
+    //* Delete book CMS
+    [Delete_Book_Cms_Initial.pending]: (state, action) => {
+      state.loading = true;
+    },
+    [Delete_Book_Cms_Initial.fulfilled]: (state, action) => {
+      state.loading = false;
+    },
+    [Delete_Book_Cms_Initial.rejected]: (state, action) => {
+      state.loading = false;
+      state.error = action.payload;
+    },
   },
 });
 const BookSlice = Book.reducer;

diff --git a/frontend-manager-cms/src/redux/managers/book_slice/book_thunk.js b/frontend-manager-cms/src/redux/managers/book_slice/book_thunk.js
@@ -9,6 +9,7 @@ import API_ADMIN from 'api/api_user';
 
 //! SHARE
 import HELPERS from 'utils/helper';
+import NOTIFICATION from 'utils/notification';
 
 /**
  * @author Nguyễn Tiến Tài
@@ -44,6 +45,55 @@ export const Get_All_Book_Cms_Initial = createAsyncThunk('admin/cms/book/all', a
   }
 });
 
+/**
+ * @author Châu Gia Bảo
+ * @created_at 19/03/2023
+ * @descriptionKey Call api Get All Book admin cms
+ * @function Get_Detail_Book_Cms_Initial
+ * @return {Object}
+ */
+export const Delete_Book_Cms_Initial = createAsyncThunk(
+  'admin/cms/book/delete',
+  async ({ book_id }, { rejectWithValue }) => {
+    try {
+      //Call Api axios
+      const response = await axios.get(
+        `${API_ADMIN.DELETE_BOOK_CMS}`,
+        {
+          input: {
+            book_input: {
+              book_id,
+            },
+          },
+        },
+        {
+          headers: HELPERS.headerBrowser(),
+          withCredentials: true,
+        },
+      );
+
+      //Take response Success
+      const successData = response.data;
+
+      //Check data
+      if (successData) {
+        // return result data
+        NOTIFICATION.swalSuccess('Đã xóa thành công', '');
+
+        return successData;
+      }
+    } catch (error) {
+      if (error) {
+        //Take response Error
+        const errorData = error.response.data;
+
+        // return error
+        return rejectWithValue(errorData);
+      }
+    }
+  },
+);
+
 /**
  * @author Châu Gia Bảo
  * @created_at 09/03/2023

diff --git a/frontend-manager-cms/src/styles/pages/_author.scss b/frontend-manager-cms/src/styles/pages/_author.scss
@@ -8,6 +8,7 @@
 
     img {
       width: 100%;
+      height: 100%;
     }
 
     &__require {

diff --git a/frontend-manager-cms/src/utils/notification.js b/frontend-manager-cms/src/utils/notification.js
@@ -3,6 +3,7 @@ import { toast } from 'react-toastify';
 
 //! SHARE
 import CONSTANTS from 'configs/constants';
+import Swal from 'sweetalert2';
 
 const NOTIFICATION = {
   /**
@@ -21,6 +22,22 @@ const NOTIFICATION = {
     });
   },
 
+  /**
+   * @author Nguyễn Tiến Tài
+   * @created_at 02/03/2023
+   * @descriptionKey success
+   */
+  swalSuccess(title, text) {
+    Swal.fire({
+      title,
+      text,
+      icon: 'success',
+      customClass: 'swal-wide',
+      confirmButtonColor: '#3085d6',
+      confirmButtonText: 'Xác nhận',
+    });
+  },
+
   /**
    * @author Nguyễn Tiến Tài
    * @created_at 02/03/2023

diff --git a/frontend-manager-student/src/components/Section.jsx b/frontend-manager-student/src/components/Section.jsx
@@ -11,7 +11,7 @@ export const SectionTitle = (props) => {
     <div className={`section__title ${props.left ? 'left' : 'center'}`}>
       <span>{props.children}</span>
       {props.subTitle && (
-        <Link to="/">
+        <Link to={props.route}>
           {props.subTitle} <i className="bx bx-chevron-right"></i>
         </Link>
       )}

diff --git a/frontend-manager-student/src/pages/Home/index.jsx b/frontend-manager-student/src/pages/Home/index.jsx
@@ -266,7 +266,9 @@ const Home = () => {
       </Section>
 
       <Section>
-        <SectionTitle subTitle={<Link to="/book/all">Xem thêm</Link>}>Tài liệu nổi bật</SectionTitle>
+        <SectionTitle subTitle={'Xem thêm'} route="/book/all">
+          Tài liệu nổi bật
+        </SectionTitle>
         <SectionBody>
           <SlickSlider {...settings}>
             {mockDataBook.map((item, index) => (

diff --git a/frontend-manager-student/src/pages/UserProfile/UserInfo.jsx b/frontend-manager-student/src/pages/UserProfile/UserInfo.jsx
@@ -29,7 +29,7 @@ const UserInfo = () => {
   const [preview, setPreview] = useState();
 
   //File custom hook media
-  // const { handleUpload } = useUploadCloud();
+  const { handleUpload } = useUploadCloud();
 
   const onSelectFile = (e) => {
     if (!e.target.files || e.target.files.length === 0) {
@@ -39,6 +39,7 @@ const UserInfo = () => {
 
     // get first image
     setSelectedFile(e.target.files[0]);
+    handleUpload(e);
   };
 
   console.log(profile_student);
@@ -83,7 +84,10 @@ const UserInfo = () => {
                 </div>
               </Col>
               <Col md={9} className="profile__info__content__input">
-                <div className="profile__info__content__input-item">{profile_student?.data?.name}</div>
+                {/* <div className="profile__info__content__input-item">{profile_student?.data?.name}</div> */}
+                <div className="profile__info__content__input-item">
+                  <input type="text" defaultValue={profile_student?.data?.name} className="input-user" />
+                </div>
                 <div className="profile__info__content__input-item">{profile_student?.data?.mssv}</div>
                 <div className="profile__info__content__input-item">{profile_student?.data?.email}</div>
                 <div className="profile__info__content__input-item">{profile_student?.data?.phone_hidden}</div>

diff --git a/frontend-manager-student/src/styles/pages/_user_profile.scss b/frontend-manager-student/src/styles/pages/_user_profile.scss
@@ -117,8 +117,13 @@
       }
 
       &__input {
+        margin-top: -3px;
         color: $txt-main-color;
 
+        .input-user {
+          padding-left: 1rem;
+        }
+
         input {
           margin-right: 0.5rem;
         }
-Original file line number
+Diff line change
@@ Expand Up / @@ -8,6 +8,7 @@ @@
         img {
           width: 100%;
+          height: 100%;
         }
         &__require {
@@ Expand Down @@