apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

editSummary

Browse Source
This commit is contained in:
Mikola 2023-11-30 16:42:50 +03:00
parent c514062efe
commit ca2e917fc4
1 changed files with 52 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

104
src/pages/Summary/Summary.js
View File

@ -1,8 +1,8 @@
import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
import { CKEditor } from "@ckeditor/ckeditor5-react";
import React, { useEffect, useState } from "react"; import React, { useEffect, useState } from "react";
import { useSelector } from "react-redux"; import { useSelector } from "react-redux";
import { Navigate } from "react-router-dom"; import { Navigate } from "react-router-dom";
import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
import { CKEditor } from "@ckeditor/ckeditor5-react";
import { getProfileInfo } from "@redux/outstaffingSlice"; import { getProfileInfo } from "@redux/outstaffingSlice";
@ -29,8 +29,8 @@ export const Summary = () => {
const profileInfo = useSelector(getProfileInfo); const profileInfo = useSelector(getProfileInfo);
const [openGit, setOpenGit] = useState(false); const [openGit, setOpenGit] = useState(false);
const [gitInfo, setGitInfo] = useState([]); const [gitInfo, setGitInfo] = useState([]);
const [editSummeryOpen, setEditSummeryOpen] = useState(false) const [editSummeryOpen, setEditSummeryOpen] = useState(false);
const [summery, setSummery] = useState('') const [summery, setSummery] = useState("");
useEffect(() => { useEffect(() => {
apiRequest( apiRequest(
@ -39,19 +39,17 @@ export const Summary = () => {
}, []); }, []);
useEffect(() => { useEffect(() => {
setSummery(profileInfo.vc_text) setSummery(profileInfo.vc_text);
}, [profileInfo]) }, [profileInfo]);
function editSummery() { function editSummery() {
apiRequest("/resume/edit-text", { apiRequest("/resume/edit-text", {
method: "PUT", method: "PUT",
data: { data: {
resume: summery resume: summery,
}, },
}).then(() => { }).then(() => {});
}
});
}
return ( return (
<div className="summary"> <div className="summary">
<ProfileHeader /> <ProfileHeader />
@ -120,45 +118,47 @@ export const Summary = () => {
<div className="experience__block"> <div className="experience__block">
<div className="summary__sections__head"> <div className="summary__sections__head">
<h3>Описание опыта работы</h3> <h3>Описание опыта работы</h3>
<button className={editSummeryOpen ? 'edit' : ''} onClick={() => { <button
className={editSummeryOpen ? "edit" : ""}
onClick={() => {
if (editSummeryOpen) { if (editSummeryOpen) {
editSummery() editSummery();
} }
setEditSummeryOpen(!editSummeryOpen) setEditSummeryOpen(!editSummeryOpen);
}}>{ }}
editSummeryOpen ? 'Сохранить' : 'Редактировать раздел'
}</button>
</div>
{editSummeryOpen ?
<CKEditor
editor={ClassicEditor}
data={summery}
config={{
removePlugins: [
"CKFinderUploadAdapter",
"CKFinder",
"EasyImage",
"Image",
"ImageCaption",
"ImageStyle",
"ImageToolbar",
"ImageUpload",
"MediaEmbed",
"BlockQuote",
],
}}
onChange={(event, editor) => {
const data = editor.getData();
setSummery(data);
}}
/>
:
<div
className="experience__content"
dangerouslySetInnerHTML={{ __html: summery }}
> >
</div> {editSummeryOpen ? "Сохранить" : "Редактировать раздел"}
} </button>
</div>
{editSummeryOpen ? (
<CKEditor
editor={ClassicEditor}
data={summery}
config={{
removePlugins: [
"CKFinderUploadAdapter",
"CKFinder",
"EasyImage",
"Image",
"ImageCaption",
"ImageStyle",
"ImageToolbar",
"ImageUpload",
"MediaEmbed",
"BlockQuote",
],
}}
onChange={(event, editor) => {
const data = editor.getData();
setSummery(data);
}}
/>
) : (
<div
className="experience__content"
dangerouslySetInnerHTML={{ __html: summery }}
></div>
)}
</div> </div>
</div> </div>
)} )}