From 1bcaa5b6a758a411d632bb2af4da219e111a4050 Mon Sep 17 00:00:00 2001 From: mahdi andalib Date: Mon, 14 Mar 2022 17:09:59 +0330 Subject: [PATCH] update --- src/components/ReactTable5/BasicTable.js | 14 +- src/components/ReactTable5/Buttons.js | 44 --- src/components/ReactTable5/COLUMNS.js | 13 +- src/components/ReactTable5/ColumnSearch.js | 16 - src/components/ReactTable5/DropDown.js | 51 --- src/components/ReactTable5/EditButtons.js | 43 --- src/components/ReactTable5/FilterFileType.js | 58 ---- src/components/ReactTable5/GoToPage.js | 19 - src/components/ReactTable5/MOCK_DATA.json | 325 ------------------ src/components/ReactTable5/OrderLevel.js | 35 -- src/components/ReactTable5/OrderStatus.js | 56 --- src/components/ReactTable5/Pagination.js | 61 ---- .../ReactTable5/SelectColumnFilter.js | 57 --- .../ReactTable5/SelectColumnFilter2.js | 56 --- src/components/ReactTable5/Settings.js | 39 --- src/components/ReactTable5/ShowMoreRows.js | 31 -- .../ReactTable5/SliderColumnFilter.js | 40 --- src/components/ReactTable5/Tabbar.js | 66 ---- src/components/ReactTable5/ToggleColumns.js | 47 --- src/components/ReactTable5/ViewEdit.js | 34 ++ src/components/ReactTable5/arrow-icon.svg | 6 - .../ReactTable5/black-arrow-left.svg | 4 - src/components/ReactTable5/blue-arrow.svg | 4 - .../ReactTable5/double-left-arrow.svg | 12 - src/components/ReactTable5/edit.svg | 6 - src/components/ReactTable5/filter.svg | 3 - src/components/ReactTable5/images/ai.svg | 8 - .../ReactTable5/images/folder-open.svg | 10 - src/components/ReactTable5/images/image1.svg | 8 - src/components/ReactTable5/images/image2.svg | 8 - src/components/ReactTable5/images/image3.svg | 8 - src/components/ReactTable5/images/image4.svg | 8 - src/components/ReactTable5/images/xls.svg | 3 - src/components/ReactTable5/left-arrow.svg | 8 - src/components/ReactTable5/more2.svg | 10 - src/components/ReactTable5/plus.svg | 6 - src/components/ReactTable5/right-arrow.svg | 6 - src/components/ReactTable5/settings.svg | 14 - 38 files changed, 50 insertions(+), 1187 deletions(-) delete mode 100644 src/components/ReactTable5/Buttons.js delete mode 100644 src/components/ReactTable5/ColumnSearch.js delete mode 100644 src/components/ReactTable5/DropDown.js delete mode 100644 src/components/ReactTable5/EditButtons.js delete mode 100644 src/components/ReactTable5/FilterFileType.js delete mode 100644 src/components/ReactTable5/GoToPage.js delete mode 100644 src/components/ReactTable5/MOCK_DATA.json delete mode 100644 src/components/ReactTable5/OrderLevel.js delete mode 100644 src/components/ReactTable5/OrderStatus.js delete mode 100644 src/components/ReactTable5/Pagination.js delete mode 100644 src/components/ReactTable5/SelectColumnFilter.js delete mode 100644 src/components/ReactTable5/SelectColumnFilter2.js delete mode 100644 src/components/ReactTable5/Settings.js delete mode 100644 src/components/ReactTable5/ShowMoreRows.js delete mode 100644 src/components/ReactTable5/SliderColumnFilter.js delete mode 100644 src/components/ReactTable5/Tabbar.js delete mode 100644 src/components/ReactTable5/ToggleColumns.js create mode 100644 src/components/ReactTable5/ViewEdit.js delete mode 100644 src/components/ReactTable5/arrow-icon.svg delete mode 100644 src/components/ReactTable5/black-arrow-left.svg delete mode 100644 src/components/ReactTable5/blue-arrow.svg delete mode 100644 src/components/ReactTable5/double-left-arrow.svg delete mode 100644 src/components/ReactTable5/edit.svg delete mode 100644 src/components/ReactTable5/filter.svg delete mode 100644 src/components/ReactTable5/images/ai.svg delete mode 100644 src/components/ReactTable5/images/folder-open.svg delete mode 100644 src/components/ReactTable5/images/image1.svg delete mode 100644 src/components/ReactTable5/images/image2.svg delete mode 100644 src/components/ReactTable5/images/image3.svg delete mode 100644 src/components/ReactTable5/images/image4.svg delete mode 100644 src/components/ReactTable5/images/xls.svg delete mode 100644 src/components/ReactTable5/left-arrow.svg delete mode 100644 src/components/ReactTable5/more2.svg delete mode 100644 src/components/ReactTable5/plus.svg delete mode 100644 src/components/ReactTable5/right-arrow.svg delete mode 100644 src/components/ReactTable5/settings.svg diff --git a/src/components/ReactTable5/BasicTable.js b/src/components/ReactTable5/BasicTable.js index 823888f..aad215c 100644 --- a/src/components/ReactTable5/BasicTable.js +++ b/src/components/ReactTable5/BasicTable.js @@ -204,7 +204,7 @@ const BasicTable = ({ addTab, activeTab }) => { {/* table LIST */} {activeTab === 0 ? ( <> - {activeList === true && ( + {activeList === false && ( // table { addTab={addTab} row={row.original} /> - {/* {console.log(row.original)} */} ) : null} @@ -273,7 +272,7 @@ const BasicTable = ({ addTab, activeTab }) => {
)} {/* GRID LIST */} - {activeList === false && ( + {activeList === true && (
{ {...row.getRowProps()} className={`flex flex-col items-stretch px-3 py-2 rounded-md w-52 relative ${ chekedItems.includes(row.original.id) - ? "bg-blue-200" - : "bg-blue-100" + ? "bg-[#ddd]" + : "bg-[#F3F3F3]" }`} key={idx} // onClick={() => toggelChekedItems(row.original.id)} > -
toggelChekedItems(row.original.id)}> +
toggelChekedItems(row.original.id)} + > {columns[0].Cell({ value: row.id })}
{ - const [activeDetails, setActiveDetails] = useState(null); - return ( -
-
{ - setActiveDetails(!activeDetails); - }} - > - -
-
{ - addTab({ name: row.original.name, id: row.original.id }); - }} - > - -
- {/* */} - -
- ); -}; diff --git a/src/components/ReactTable5/COLUMNS.js b/src/components/ReactTable5/COLUMNS.js index d0fe529..fd98661 100644 --- a/src/components/ReactTable5/COLUMNS.js +++ b/src/components/ReactTable5/COLUMNS.js @@ -3,6 +3,8 @@ import { format } from "date-fns"; import { SelectColumnFilter } from "../ReactTable5/BasicTable"; import { Checkbox } from "./Checkbox"; +import ViewEdit from "./ViewEdit"; + import { FileType } from "./FileType"; export const COLUMNS = ({ toggelChekedItems, refChekedItems }) => [ @@ -23,24 +25,25 @@ export const COLUMNS = ({ toggelChekedItems, refChekedItems }) => [ { Header: "نام فایل", accessor: "fileName", - - // className: "bg-yellow-500", }, { Header: "نوع فایل", accessor: "fileType", Cell: FileType, Filter: SelectColumnFilter, // new - // className: "bg-red-500 ", }, { Header: "سایز فایل", accessor: "fileSize", - // className: "bg-blue-500 ", }, { Header: "تاریخ فایل", accessor: "fileDate", - // className: "bg-green-500 ", + }, + { + Header: "ویرایش نمایش", + accessor: "edit", + Cell: ViewEdit, + // Cell: ({ row }) => Buttons({ row, addTab }), }, ]; diff --git a/src/components/ReactTable5/ColumnSearch.js b/src/components/ReactTable5/ColumnSearch.js deleted file mode 100644 index c610c4b..0000000 --- a/src/components/ReactTable5/ColumnSearch.js +++ /dev/null @@ -1,16 +0,0 @@ -import React, { useState } from "react"; - -export const ColumnSearch = ({ column }) => { - const { filterValue, setFilter } = column; - - return ( -
- setFilter(e.target.value)} - className={`w-8/12 text-xs text-blue-400 rounded focus:outline-none border p-1 focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20`} - style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} - /> -
- ); -}; diff --git a/src/components/ReactTable5/DropDown.js b/src/components/ReactTable5/DropDown.js deleted file mode 100644 index 3c93430..0000000 --- a/src/components/ReactTable5/DropDown.js +++ /dev/null @@ -1,51 +0,0 @@ -import React from "react"; -import more from "./more2.svg"; - -export const DropDown = ({}) => { - return ( -
- - -
- ); -}; - -export default DropDown; diff --git a/src/components/ReactTable5/EditButtons.js b/src/components/ReactTable5/EditButtons.js deleted file mode 100644 index 93ffa4d..0000000 --- a/src/components/ReactTable5/EditButtons.js +++ /dev/null @@ -1,43 +0,0 @@ -import React, { useState } from "react"; -import Table from "./BasicTable"; - -import DropDown from "./DropDown"; - -import filter from "./filter.svg"; -import plus from "./plus.svg"; - -export function EditButtons({ setFiltering, filtering, addTab }) { - const [selectedFilterRow, setSelectedFilterRow] = useState(filtering); - - return ( -
- {/* add new row */} - - {/* filter */} - { - setFiltering(!selectedFilterRow); - setSelectedFilterRow(!selectedFilterRow); - }} - /> - {/* dropDown */} - -
- ); -} - -EditButtons.defaultProps = {}; diff --git a/src/components/ReactTable5/FilterFileType.js b/src/components/ReactTable5/FilterFileType.js deleted file mode 100644 index 17f1da3..0000000 --- a/src/components/ReactTable5/FilterFileType.js +++ /dev/null @@ -1,58 +0,0 @@ -import React from "react"; - -export const FilterFileType = ({ - column: { filterValue, setFilter, preFilteredRows, id, render }, -}) => { - const options = React.useMemo(() => { - const options = new Set(); - preFilteredRows.forEach((row) => { - options.add(row.values[id]); - }); - return [...options.values()]; - }, [id, preFilteredRows]); - - return ( - - ); -}; diff --git a/src/components/ReactTable5/GoToPage.js b/src/components/ReactTable5/GoToPage.js deleted file mode 100644 index e18d585..0000000 --- a/src/components/ReactTable5/GoToPage.js +++ /dev/null @@ -1,19 +0,0 @@ -import React from "react"; - -export const GoToPage = ({ pageIndex, gotoPage, pageOptions }) => { - return ( - - صفحه{" "} - { - const pageNumber = e.target.value ? Number(e.target.value) - 1 : 0; - gotoPage(pageNumber); - }} - /> - از {pageOptions.length} - - ); -}; diff --git a/src/components/ReactTable5/MOCK_DATA.json b/src/components/ReactTable5/MOCK_DATA.json deleted file mode 100644 index 09a8f0b..0000000 --- a/src/components/ReactTable5/MOCK_DATA.json +++ /dev/null @@ -1,325 +0,0 @@ -[ - { - "id": 1, - "name": "خسرو سهرابی", - "order_date": "1400/11/09", - "order_price": 1, - "order_number": "09120023100", - "user_job": "مهندس ساختمان", - "order_status": 1, - "order_level": 1, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "job": "فروشنده لوازم خانگی", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "uni": "تهران", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" - }, - { - "id": 2, - "name": "خسرو شکیبایی", - "order_date": "1340/04/13", - "order_price": 2, - "order_number": "09390646589", - "user_job": "بازیگر", - "order_status": 2, - "order_level": 2, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "job": "فروشنده لوازم خانگی", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "uni": "تهران", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" - }, - { - "id": 3, - "name": "علی علوی", - "order_date": "1330/12/05", - "order_price": 3, - "order_number": "09120403285", - "user_job": "تاجر", - "order_status": 3, - "order_level": 3, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "job": "فروشنده لوازم خانگی", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "uni": "تهران", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" - }, - { - "id": 4, - "name": "پارسا ایرانی", - "order_date": "1372/01/08", - "order_price": 4, - "order_number": "09120336508", - "user_job": "حسابدار", - "order_status": 4, - "order_level": 4, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "job": "فروشنده لوازم خانگی", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "uni": "تهران", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" - }, - { - "id": 5, - "name": "محمد محمدی", - "order_date": "1389/01/26", - "order_price": 5, - "order_number": "0913698574", - "user_job": "دکتر", - "order_status": 5, - "order_level": 5, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "job": "فروشنده لوازم خانگی", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "uni": "تهران", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" - }, - { - "id": 6, - "name": "خسرو سهرابی", - "order_date": "1400/11/09", - "order_price": 1, - "order_number": "09120023100", - "user_job": "مهندس ساختمان", - "order_status": 1, - "order_level": 1, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "job": "فروشنده لوازم خانگی", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "uni": "تهران", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" - }, - { - "id": 7, - "name": "خسرو شکیبایی", - "order_date": "1340/04/13", - "order_price": 2, - "order_number": "09390646589", - "user_job": "بازیگر", - "order_status": 2, - "order_level": 2, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "job": "فروشنده لوازم خانگی", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "uni": "تهران", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" - }, - { - "id": 8, - "name": "علی علوی", - "order_date": "1330/12/05", - "order_price": 3, - "order_number": "09120403285", - "user_job": "تاجر", - "order_status": 3, - "order_level": 3, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "job": "فروشنده لوازم خانگی", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "uni": "تهران", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" - }, - { - "id": 9, - "name": "پارسا ایرانی", - "order_date": "1372/01/08", - "order_price": 4, - "order_number": "09120336508", - "user_job": "حسابدار", - "order_status": 4, - "order_level": 4, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "job": "فروشنده لوازم خانگی", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "uni": "تهران", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" - }, - { - "id": 10, - "name": "محمد محمدی", - "order_date": "1389/01/26", - "order_price": 5, - "order_number": "0913698574", - "user_job": "دکتر", - "order_status": 5, - "order_level": 5, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "job": "فروشنده لوازم خانگی", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "uni": "تهران", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" - }, - { - "id": 11, - "name": "محمد fds", - "order_date": "1389/01/26", - "order_price": 5, - "order_number": "0913698574", - "user_job": "دکتر", - "order_status": 5, - "order_level": 5, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "job": "فروشنده لوازم خانگی", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "uni": "تهران", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" - }, - { - "id": 12, - "name": "fffff fds", - "order_date": "1389/01/26", - "order_price": 5, - "order_number": "0913698574", - "user_job": "دکتر", - "order_status": 5, - "order_level": 5, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "job": "فروشنده لوازم خانگی", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "uni": "تهران", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" - }, - { - "id": 13, - "name": "fffff fds", - "order_date": "1389/01/26", - "order_price": 5, - "order_number": "0913698574", - "user_job": "دکتر", - "order_status": 5, - "order_level": 5, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "job": "فروشنده لوازم خانگی", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "uni": "تهران", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" - }, - { - "id": 14, - "name": "jjkjhg", - "order_date": "1389/01/26", - "order_price": 5, - "order_number": "0913698574", - "user_job": "دکتر", - "order_status": 5, - "order_level": 5, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "job": "فروشنده لوازم خانگی", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "uni": "تهران", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" - }, - { - "id": 15, - "name": "fffff jghjhg", - "order_date": "1389/01/26", - "order_price": 5, - "order_number": "0913698574", - "user_job": "دکتر", - "order_status": 5, - "order_level": 5, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "job": "فروشنده لوازم خانگی", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "uni": "تهران", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" - }, - { - "id": 16, - "name": "fffff jghjhg", - "order_date": "1389/01/26", - "order_price": 5, - "order_number": "0913698574", - "user_job": "دکتر", - "order_status": 5, - "order_level": 5, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "job": "فروشنده لوازم خانگی", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "uni": "تهران", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" - }, - { - "id": 17, - "name": "fffff jghjhg", - "order_date": "1389/01/26", - "order_price": 5, - "order_number": "0913698574", - "user_job": "دکتر", - "order_status": 5, - "order_level": 5, - "birth_place": "استان تهران شهر تهران", - "office_phone": "02144407010", - "education": "کارشناسی", - "job": "فروشنده لوازم خانگی", - "field_study": "مدیریت صنعتی", - "birth_day": "1368/09/02", - "uni": "تهران", - "address": "خیابان شریعتی نرسیده به خیابان دولت کوچه عباسی نبش تهیه غذای فارسی پلاک 4 واحد 3", - "behaviour": "بچه پرو و دریده شاخ اما کم آزار اهل رفاقت و مرام خلاق نوآور آشنا به صنایع خلاق" - } -] diff --git a/src/components/ReactTable5/OrderLevel.js b/src/components/ReactTable5/OrderLevel.js deleted file mode 100644 index a09965a..0000000 --- a/src/components/ReactTable5/OrderLevel.js +++ /dev/null @@ -1,35 +0,0 @@ -export function OrderLevel({ value }) { - return ( -
- {(() => { - switch(value) { - case 1: - return
- - وضعیت عادی -
; - case 2: - return
- - اعلان سطح هشدار -
; - case 3: - return
- - بررسی و پیگیری -
; - case 4: - return
- - وضعیت بحرانی -
; - default: - return
- - وضعیت پایدار -
; - } - })()} -
- ); - } diff --git a/src/components/ReactTable5/OrderStatus.js b/src/components/ReactTable5/OrderStatus.js deleted file mode 100644 index 91e6ba6..0000000 --- a/src/components/ReactTable5/OrderStatus.js +++ /dev/null @@ -1,56 +0,0 @@ -export function OrderStatus({ value }) { - value = +value; - - return ( -
- {(() => { - if (value === 1) { - return ( - - ارسال شده - - ); - } else if (value === 2) { - return ( - - رسیدگی - - ); - } else if (value === 3) { - return ( - - لغو شده - - ); - } else if (value === 4) { - return ( - - پیگیری - - ); - } else { - return ( - - خطری - - ); - } - })()}{" "} -
- ); -} diff --git a/src/components/ReactTable5/Pagination.js b/src/components/ReactTable5/Pagination.js deleted file mode 100644 index de553b4..0000000 --- a/src/components/ReactTable5/Pagination.js +++ /dev/null @@ -1,61 +0,0 @@ -import React from "react"; -import dobleLeftArrow from "./double-left-arrow.svg"; -import leftArrow from "./left-arrow.svg"; -import rightArrow from "./right-arrow.svg"; - -export const Pagination = ({ - gotoPage, - canPreviousPage, - previousPage, - canNextPage, - pageCount, - nextPage, -}) => { - return ( -
- - - - -
- ); -}; - -export default Pagination; - -// Pagination.defaultProps = { -// pagintaionButtons: [ -// { -// image: { dobleLeftArrow }, -// click: gotoPage(0), -// }, -// ], -// }; diff --git a/src/components/ReactTable5/SelectColumnFilter.js b/src/components/ReactTable5/SelectColumnFilter.js deleted file mode 100644 index 0e4fae7..0000000 --- a/src/components/ReactTable5/SelectColumnFilter.js +++ /dev/null @@ -1,57 +0,0 @@ -import React from "react"; -// {columns[5].Cell({ value: row.order_status })} - -export const SelectColumnFilter = ({ - column: { filterValue, setFilter, preFilteredRows, id, render, columns }, -}) => { - const options = React.useMemo(() => { - const options = new Set(); - preFilteredRows.forEach((row) => { - options.add(row.values[id]); - }); - return [...options.values()]; - }, [id, preFilteredRows]); - - return ( - - ); -}; diff --git a/src/components/ReactTable5/SelectColumnFilter2.js b/src/components/ReactTable5/SelectColumnFilter2.js deleted file mode 100644 index 36d5c6e..0000000 --- a/src/components/ReactTable5/SelectColumnFilter2.js +++ /dev/null @@ -1,56 +0,0 @@ -import React from "react"; - -export const SelectColumnFilter2 = ({ - column: { filterValue, setFilter, preFilteredRows, id, render }, -}) => { - const options = React.useMemo(() => { - const options = new Set(); - preFilteredRows.forEach((row) => { - options.add(row.values[id]); - }); - return [...options.values()]; - }, [id, preFilteredRows]); - - return ( - - ); -}; diff --git a/src/components/ReactTable5/Settings.js b/src/components/ReactTable5/Settings.js deleted file mode 100644 index 7dece26..0000000 --- a/src/components/ReactTable5/Settings.js +++ /dev/null @@ -1,39 +0,0 @@ -import React, { useState } from "react"; -import { ToggleColumns } from "./ToggleColumns"; - -import settings from "./settings.svg"; - -export const Settings = ({ allColumns, getToggleHideAllColumnsProps }) => { - const [openModal, setOpenModal] = useState(false); - console.log(openModal); - - return ( -
-
setOpenModal(true)} - data-modal-toggle="large-modal" - style={{ backgroundColor: "#F9FBFF" }} - className="mr-2 flex flex-col items-center justify-center p-1 rounded" - > - -
- {/* modal */} -
setOpenModal(false)} - > -
e.stopPropagation()} - > - -
-
-
- ); -}; diff --git a/src/components/ReactTable5/ShowMoreRows.js b/src/components/ReactTable5/ShowMoreRows.js deleted file mode 100644 index f871664..0000000 --- a/src/components/ReactTable5/ShowMoreRows.js +++ /dev/null @@ -1,31 +0,0 @@ -import React from "react"; - -const ShowMoreRows = ({ pageSize, setPageSize }) => { - return ( - - ); -}; - -export default ShowMoreRows; diff --git a/src/components/ReactTable5/SliderColumnFilter.js b/src/components/ReactTable5/SliderColumnFilter.js deleted file mode 100644 index f5aa2bb..0000000 --- a/src/components/ReactTable5/SliderColumnFilter.js +++ /dev/null @@ -1,40 +0,0 @@ -import React from "react"; - -import cancleIcon from "./zarbedar-icon.svg"; - -export const SliderColumnFilter = ({ - column: { filterValue, setFilter, preFilteredRows, id }, -}) => { - const [min, max] = React.useMemo(() => { - let min = preFilteredRows.length ? preFilteredRows[0].values[id] : 0; - let max = preFilteredRows.length ? preFilteredRows[0].values[id] : 0; - preFilteredRows.forEach((row) => { - min = Math.min(row.values[id], min); - max = Math.max(row.values[id], max); - }); - return [min, max]; - }, [id, preFilteredRows]); - - return ( -
- { - setFilter(parseInt(e.target.value, 10)); - }} - /> -
- setFilter(undefined)} - className="cursor-pointer w-2 h-2" - /> -
- {/* */} -
- ); -}; diff --git a/src/components/ReactTable5/Tabbar.js b/src/components/ReactTable5/Tabbar.js deleted file mode 100644 index 353ad1b..0000000 --- a/src/components/ReactTable5/Tabbar.js +++ /dev/null @@ -1,66 +0,0 @@ -import React from "react"; -import "./index.scss"; - -import cancleIcon from "./zarbedar-icon.svg"; - -const Tabbar = ({ tabs, delTab, setActivateTab, activeTab }) => { - return ( -
    { - const slider = window.document.querySelector(".tabbar"); - window.isDown = true; - window.startX = e.pageX - slider.offsetLeft; - window.scrollLeft = slider.scrollLeft; - }} - onMouseLeave={(e) => { - window.isDown = false; - }} - onMouseUp={(e) => { - window.isDown = false; - }} - onMouseMove={(e) => { - const slider = window.document.querySelector(".tabbar"); - if (!window.isDown) return; - e.preventDefault(); - const x = e.pageX - slider.offsetLeft; - const walk = (x - window.startX) * 1; - slider.scrollLeft = window.scrollLeft - walk; - }} - > - {tabs.map((el, index) => ( -
  • { - if (window.isDown) return e.preventDefault(); - }} - aria-current="page" - className="flex flex-row items-center text-sm text-center active rounded-sm px-4" - style={{ - backgroundColor: activeTab === el.id ? "#92c1fc" : "#F1F6FF", - color: activeTab === el.id ? "#fff" : "#000", - }} - > -
    setActivateTab(el.id)}> - {el.name} -
    - {el.id ? ( - { - e.preventDefault(); - delTab(el.id); - }} - /> - ) : null} -
  • - ))} -
- ); -}; - -window.isDown = false; - -export default Tabbar; diff --git a/src/components/ReactTable5/ToggleColumns.js b/src/components/ReactTable5/ToggleColumns.js deleted file mode 100644 index 6933917..0000000 --- a/src/components/ReactTable5/ToggleColumns.js +++ /dev/null @@ -1,47 +0,0 @@ -import React from "react"; - -export const ToggleColumns = ({ allColumns, getToggleHideAllColumnsProps }) => { - // console.log(allColumns); - - return ( -
-

- با زدن بر روی هر یک از چک باکس ها میتوانید نمایش ستون هارو خاموش روشن - کنید{" "} -

-
- {" "} - تاگل کردن همه -
- {allColumns.map((column, index) => ( -
- -
- ))} - {/* اگر میخواستیم فیلتر بزاریم */} - {/* {allColumns - .filter((column) => column.Header === "string") - .map((column, index) => ( -
- -
- ))} */} -
- ); -}; - -export default ToggleColumns; diff --git a/src/components/ReactTable5/ViewEdit.js b/src/components/ReactTable5/ViewEdit.js new file mode 100644 index 0000000..4293975 --- /dev/null +++ b/src/components/ReactTable5/ViewEdit.js @@ -0,0 +1,34 @@ +import React from "react"; +import ButtonNewDesign from "../ButtonNewDesign"; + +const ViewEdit = () => { + return ( +
+ + +
+ ); +}; + +export default ViewEdit; diff --git a/src/components/ReactTable5/arrow-icon.svg b/src/components/ReactTable5/arrow-icon.svg deleted file mode 100644 index 589a9ba..0000000 --- a/src/components/ReactTable5/arrow-icon.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/components/ReactTable5/black-arrow-left.svg b/src/components/ReactTable5/black-arrow-left.svg deleted file mode 100644 index d673f67..0000000 --- a/src/components/ReactTable5/black-arrow-left.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/components/ReactTable5/blue-arrow.svg b/src/components/ReactTable5/blue-arrow.svg deleted file mode 100644 index a688a28..0000000 --- a/src/components/ReactTable5/blue-arrow.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/components/ReactTable5/double-left-arrow.svg b/src/components/ReactTable5/double-left-arrow.svg deleted file mode 100644 index 03e2680..0000000 --- a/src/components/ReactTable5/double-left-arrow.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/components/ReactTable5/edit.svg b/src/components/ReactTable5/edit.svg deleted file mode 100644 index 85f109e..0000000 --- a/src/components/ReactTable5/edit.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/components/ReactTable5/filter.svg b/src/components/ReactTable5/filter.svg deleted file mode 100644 index 6b8c315..0000000 --- a/src/components/ReactTable5/filter.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/components/ReactTable5/images/ai.svg b/src/components/ReactTable5/images/ai.svg deleted file mode 100644 index 22659c2..0000000 --- a/src/components/ReactTable5/images/ai.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/src/components/ReactTable5/images/folder-open.svg b/src/components/ReactTable5/images/folder-open.svg deleted file mode 100644 index 904bc6d..0000000 --- a/src/components/ReactTable5/images/folder-open.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/src/components/ReactTable5/images/image1.svg b/src/components/ReactTable5/images/image1.svg deleted file mode 100644 index 5db5ee7..0000000 --- a/src/components/ReactTable5/images/image1.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/src/components/ReactTable5/images/image2.svg b/src/components/ReactTable5/images/image2.svg deleted file mode 100644 index e88d3f3..0000000 --- a/src/components/ReactTable5/images/image2.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/src/components/ReactTable5/images/image3.svg b/src/components/ReactTable5/images/image3.svg deleted file mode 100644 index 8e63235..0000000 --- a/src/components/ReactTable5/images/image3.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/src/components/ReactTable5/images/image4.svg b/src/components/ReactTable5/images/image4.svg deleted file mode 100644 index c39c6a7..0000000 --- a/src/components/ReactTable5/images/image4.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/src/components/ReactTable5/images/xls.svg b/src/components/ReactTable5/images/xls.svg deleted file mode 100644 index 676361f..0000000 --- a/src/components/ReactTable5/images/xls.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/components/ReactTable5/left-arrow.svg b/src/components/ReactTable5/left-arrow.svg deleted file mode 100644 index 3212c91..0000000 --- a/src/components/ReactTable5/left-arrow.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/src/components/ReactTable5/more2.svg b/src/components/ReactTable5/more2.svg deleted file mode 100644 index 3967400..0000000 --- a/src/components/ReactTable5/more2.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/src/components/ReactTable5/plus.svg b/src/components/ReactTable5/plus.svg deleted file mode 100644 index cca7283..0000000 --- a/src/components/ReactTable5/plus.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/components/ReactTable5/right-arrow.svg b/src/components/ReactTable5/right-arrow.svg deleted file mode 100644 index 1cf09b1..0000000 --- a/src/components/ReactTable5/right-arrow.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/components/ReactTable5/settings.svg b/src/components/ReactTable5/settings.svg deleted file mode 100644 index fea3eb9..0000000 --- a/src/components/ReactTable5/settings.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - -