Compare commits

..

2 Commits

Author SHA1 Message Date
Mikola
a7c58b2609 tracker tasks 2024-05-03 14:26:36 +03:00
Mikola
3b8ec8e100 tracker tasks 2024-05-03 14:26:09 +03:00
11 changed files with 83 additions and 21 deletions

View File

@ -0,0 +1,3 @@
<svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.11629 5.8584L8.07227 0.858398H0.160323L4.11629 5.8584Z" fill="#2E3A59"/>
</svg>

After

Width:  |  Height:  |  Size: 184 B

View File

@ -299,7 +299,7 @@
} }
.pass { .pass {
background-color: #f7d7c9 !important; background-color: #ba5c33 !important;
} }
.today { .today {
@ -308,7 +308,7 @@
} }
.selected { .selected {
background-color: #f9f9c3 !important; background-color: #cbcbb4 !important;
} }
.block { .block {

View File

@ -664,11 +664,8 @@ export const ModalTiсket = ({
"EasyImage", "EasyImage",
"Image", "Image",
"ImageCaption", "ImageCaption",
"ImageStyle",
"ImageToolbar",
"ImageUpload", "ImageUpload",
"MediaEmbed", "MediaEmbed"
"BlockQuote"
] ]
}} }}
onChange={(event, editor) => { onChange={(event, editor) => {

View File

@ -683,11 +683,8 @@ export const TicketFullScreen = () => {
"EasyImage", "EasyImage",
"Image", "Image",
"ImageCaption", "ImageCaption",
"ImageStyle",
"ImageToolbar",
"ImageUpload", "ImageUpload",
"MediaEmbed", "MediaEmbed"
"BlockQuote"
] ]
}} }}
onChange={(event, editor) => { onChange={(event, editor) => {

View File

@ -624,7 +624,15 @@ export const TrackerModal = ({
"bulletedList", "bulletedList",
"numberedList" "numberedList"
], ],
removePlugins: ["BlockQuote"], removePlugins: [
"CKFinderUploadAdapter",
"CKFinder",
"EasyImage",
"Image",
"ImageCaption",
"ImageUpload",
"MediaEmbed"
],
placeholder: "Описание задачи" placeholder: "Описание задачи"
}} }}
onChange={(event, editor) => { onChange={(event, editor) => {

View File

@ -34,11 +34,15 @@
display: flex; display: flex;
align-items: center; align-items: center;
grid-column-gap: 30px; grid-column-gap: 30px;
column-gap: 30px; column-gap: 10px;
margin-top: 20px; margin-top: 20px;
cursor: pointer; cursor: pointer;
text-decoration: none; text-decoration: none;
img {
width: 23px;
}
p { p {
margin-bottom: 0; margin-bottom: 0;
font-size: 14px; font-size: 14px;

View File

@ -127,11 +127,8 @@ export const TrackerTaskComment = ({
"EasyImage", "EasyImage",
"Image", "Image",
"ImageCaption", "ImageCaption",
"ImageStyle",
"ImageToolbar",
"ImageUpload", "ImageUpload",
"MediaEmbed", "MediaEmbed"
"BlockQuote"
] ]
}} }}
onChange={(event, editor) => { onChange={(event, editor) => {

View File

@ -44,9 +44,25 @@ export const PartnerCategories = () => {
const theme = useTheme(getTheme()); const theme = useTheme(getTheme());
const [nodes, setNodes] = useState([]); const [nodes, setNodes] = useState([]);
const [initialNodes, setInitialNodes] = useState([]); const [initialNodes, setInitialNodes] = useState([]);
const [activeTab, setActiveTab] = useState(1);
const [search, setSearch] = useState(""); const [search, setSearch] = useState("");
const tabs = [
{
id: 1,
name: "Все"
},
{
id: 2,
name: "Фронтенд"
},
{
id: 3,
name: "Бэкенд"
}
];
const COLUMNS = [ const COLUMNS = [
{ {
label: "", label: "",
@ -256,6 +272,21 @@ export const PartnerCategories = () => {
<div className="partner-categories__items"> <div className="partner-categories__items">
{Boolean(initialNodes.length) ? ( {Boolean(initialNodes.length) ? (
<> <>
<div className="table__tabs">
{tabs.map((tab) => {
return (
<button
onClick={() => setActiveTab(tab.id)}
key={tab.id}
className={`table__tab ${
tab.id === activeTab ? "table__tab--active" : ""
}`}
>
{tab.name}
</button>
);
})}
</div>
<label className="table__search" htmlFor="search"> <label className="table__search" htmlFor="search">
Поиск по имени: Поиск по имени:
<input <input

View File

@ -204,6 +204,29 @@
} }
} }
&__tabs {
margin: 0 auto 36px 18px;
background: rgba(240, 242, 245, 1);
padding: 4px 8px 4px 8px;
border-radius: 6px;
display: flex;
}
&__tab {
color: rgba(46, 58, 89, 1);
font-size: 15px;
outline: none;
background: none;
border: none;
padding: 0 12px;
&--active {
background: rgba(255, 255, 255, 1);
border-radius: 5px;
font-size: 16px;
}
}
&__pagination { &__pagination {
width: 100%; width: 100%;
display: flex; display: flex;

View File

@ -243,11 +243,8 @@ export const Summary = () => {
"EasyImage", "EasyImage",
"Image", "Image",
"ImageCaption", "ImageCaption",
"ImageStyle",
"ImageToolbar",
"ImageUpload", "ImageUpload",
"MediaEmbed", "MediaEmbed"
"BlockQuote"
] ]
}} }}
onChange={(event, editor) => { onChange={(event, editor) => {

View File

@ -64,13 +64,18 @@
&__back { &__back {
display: flex; display: flex;
align-items: center; align-items: center;
column-gap: 30px; column-gap: 10px;
margin-top: 20px; margin-top: 20px;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
text-decoration: none; text-decoration: none;
} }
img {
width: 23px;
}
p { p {
margin-bottom: 0; margin-bottom: 0;
font-weight: 400; font-weight: 400;