tracker tasks
This commit is contained in:
parent
94136c97e6
commit
3b8ec8e100
3
src/assets/icons/arrows/tableArrow.svg
Normal file
3
src/assets/icons/arrows/tableArrow.svg
Normal 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 |
@ -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 {
|
||||||
|
@ -664,12 +664,9 @@ export const ModalTiсket = ({
|
|||||||
"EasyImage",
|
"EasyImage",
|
||||||
"Image",
|
"Image",
|
||||||
"ImageCaption",
|
"ImageCaption",
|
||||||
"ImageStyle",
|
|
||||||
"ImageToolbar",
|
|
||||||
"ImageUpload",
|
"ImageUpload",
|
||||||
"MediaEmbed",
|
"MediaEmbed",
|
||||||
"BlockQuote"
|
],
|
||||||
]
|
|
||||||
}}
|
}}
|
||||||
onChange={(event, editor) => {
|
onChange={(event, editor) => {
|
||||||
const data = editor.getData();
|
const data = editor.getData();
|
||||||
|
@ -683,12 +683,9 @@ export const TicketFullScreen = () => {
|
|||||||
"EasyImage",
|
"EasyImage",
|
||||||
"Image",
|
"Image",
|
||||||
"ImageCaption",
|
"ImageCaption",
|
||||||
"ImageStyle",
|
|
||||||
"ImageToolbar",
|
|
||||||
"ImageUpload",
|
"ImageUpload",
|
||||||
"MediaEmbed",
|
"MediaEmbed",
|
||||||
"BlockQuote"
|
],
|
||||||
]
|
|
||||||
}}
|
}}
|
||||||
onChange={(event, editor) => {
|
onChange={(event, editor) => {
|
||||||
const data = editor.getData();
|
const data = editor.getData();
|
||||||
|
@ -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) => {
|
||||||
|
@ -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;
|
||||||
|
@ -127,12 +127,9 @@ export const TrackerTaskComment = ({
|
|||||||
"EasyImage",
|
"EasyImage",
|
||||||
"Image",
|
"Image",
|
||||||
"ImageCaption",
|
"ImageCaption",
|
||||||
"ImageStyle",
|
|
||||||
"ImageToolbar",
|
|
||||||
"ImageUpload",
|
"ImageUpload",
|
||||||
"MediaEmbed",
|
"MediaEmbed",
|
||||||
"BlockQuote"
|
],
|
||||||
]
|
|
||||||
}}
|
}}
|
||||||
onChange={(event, editor) => {
|
onChange={(event, editor) => {
|
||||||
const data = editor.getData();
|
const data = editor.getData();
|
||||||
|
@ -44,9 +44,24 @@ 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 +271,11 @@ 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
|
||||||
|
@ -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;
|
||||||
|
@ -243,12 +243,9 @@ export const Summary = () => {
|
|||||||
"EasyImage",
|
"EasyImage",
|
||||||
"Image",
|
"Image",
|
||||||
"ImageCaption",
|
"ImageCaption",
|
||||||
"ImageStyle",
|
|
||||||
"ImageToolbar",
|
|
||||||
"ImageUpload",
|
"ImageUpload",
|
||||||
"MediaEmbed",
|
"MediaEmbed",
|
||||||
"BlockQuote"
|
],
|
||||||
]
|
|
||||||
}}
|
}}
|
||||||
onChange={(event, editor) => {
|
onChange={(event, editor) => {
|
||||||
const data = editor.getData();
|
const data = editor.getData();
|
||||||
|
@ -70,7 +70,7 @@ export const Tracker = () => {
|
|||||||
renderCell: (item) => (
|
renderCell: (item) => (
|
||||||
<p dangerouslySetInnerHTML={{ __html: item.title }}></p>
|
<p dangerouslySetInnerHTML={{ __html: item.title }}></p>
|
||||||
),
|
),
|
||||||
sort: { sortKey: "NAME" }
|
sort: { sortKey: "NAME" },
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "Создано",
|
label: "Создано",
|
||||||
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user