mahdi
/
danovinTasks
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update

Browse Source
master
mahdi andalib 3 years ago
parent a298e5fee3
commit 6b7e36b906
3 changed files with 346 additions and 289 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      src/components/ReactTable4/Buttons.js
  2. 1
      src/components/ReactTable4/Checkbox.js
  3. 144
      src/components/ReactTable4/EditRow.js

4
src/components/ReactTable4/Buttons.js
Unescape View File

@ -3,6 +3,7 @@ import { useState } from "react";
import arrowIcon from "./arrow-icon.svg"; import arrowIcon from "./arrow-icon.svg";
import more from "./more2.svg"; import more from "./more2.svg";
import edit from "./edit.svg"; import edit from "./edit.svg";
import DropDown from "./DropDown";
export const Buttons = ({ row, addTab }) => { export const Buttons = ({ row, addTab }) => {
const [activeDetails, setActiveDetails] = useState(null); const [activeDetails, setActiveDetails] = useState(null);
@ -36,7 +37,8 @@ export const Buttons = ({ row, addTab }) => {
> >
<img src={edit} alt="" className="w-4" /> <img src={edit} alt="" className="w-4" />
</div> </div>
<img src={more} alt="" className="w-5 cursor-pointer" /> {/* <img src={more} alt="" className="w-5 cursor-pointer" /> */}
<DropDown />
</div> </div>
); );
}; };

1
src/components/ReactTable4/Checkbox.js
Unescape View File

@ -11,7 +11,6 @@ export const Checkbox = React.forwardRef(({ indeterminate, ...rest }, ref) => {
return ( return (
<> <>
<input type="checkbox" ref={resolvedRef} {...rest} /> <input type="checkbox" ref={resolvedRef} {...rest} />
<h2>mahdi</h2>
</> </>
); );
}); });

144
src/components/ReactTable4/EditRow.js
Unescape View File

@ -2,10 +2,10 @@ import React from "react";
const EditRow = ({ row, columns }) => { const EditRow = ({ row, columns }) => {
// console.log(columns); // console.log(columns);
return ( return (
<section className="bg-white p-4 rounded shadow-md ">
<div <div
className="flex flex-col border-r-4 border-blue-600 p-2 rounded-sm" className="flex flex-col border-r-4 border-blue-600 p-2 rounded-md"
style={{ backgroundColor: "#F1F5FE" }} style={{ backgroundColor: "#F1F5FE" }}
> >
{/* 1 */} {/* 1 */}
@ -136,167 +136,223 @@ const EditRow = ({ row, columns }) => {
/> />
</div> </div>
{/* 7 */} {/* 7 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div className="flex flex-row">
<div <div
className="w-1 h-4 ml-1 rounded" className="w-1 h-4 ml-1 rounded"
style={{ backgroundColor: "#EDF2FB" }} style={{ backgroundColor: "#65A9FF" }}
></div> ></div>
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> <p
className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
سطح اهمیت: سطح اهمیت:
</p> </p>
</div>
<input <input
type="text" type="text"
style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
className="w-fit mr-1 text-black text-xs rounded-sm border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
// {columns[6].Cell({ value: row.order_level })}
value={row.order_level} value={row.order_level}
/> />
</div> </div>
{/* 8 */} {/* 8 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div className="flex flex-row">
<div <div
className="w-1 h-4 ml-1 rounded" className="w-1 h-4 ml-1 rounded"
style={{ backgroundColor: "#EDF2FB" }} style={{ backgroundColor: "#65A9FF" }}
></div> ></div>
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> <p
className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
محل تولد: محل تولد:
</p> </p>
</div>
<input <input
type="text" type="text"
style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
className="w-fit mr-1 text-black text-xs rounded-sm border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
value={row.birth_place} value={row.birth_place}
/> />
</div> </div>
{/* 9 */} {/* 9 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div className="flex flex-row">
<div <div
className="w-1 h-4 ml-1 rounded" className="w-1 h-4 ml-1 rounded"
style={{ backgroundColor: "#EDF2FB" }} style={{ backgroundColor: "#65A9FF" }}
></div> ></div>
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> <p
className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
تلفن محل کار: تلفن محل کار:
</p> </p>
</div>
<input <input
type="text" type="text"
style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
className="w-fit mr-1 text-black text-xs rounded-sm border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
value={row.office_phone} value={row.office_phone}
/> />
</div> </div>
{/* 10 */} {/* 10 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div className="flex flex-row">
<div <div
className="w-1 h-4 ml-1 rounded" className="w-1 h-4 ml-1 rounded"
style={{ backgroundColor: "#EDF2FB" }} style={{ backgroundColor: "#65A9FF" }}
></div> ></div>
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> <p
className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
تحصیلات: تحصیلات:
</p> </p>
</div>
<input <input
type="text" type="text"
style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
className="w-fit mr-1 text-black text-xs rounded-sm border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
value={row.education} value={row.education}
/> />
</div> </div>
{/* 11 */} {/* 11 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div className="flex flex-row">
<div <div
className="w-1 h-4 ml-1 rounded" className="w-1 h-4 ml-1 rounded"
style={{ backgroundColor: "#EDF2FB" }} style={{ backgroundColor: "#65A9FF" }}
></div> ></div>
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> <p
className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
تاریخ تولد: تاریخ تولد:
</p> </p>
</div>
<input <input
type="text" type="text"
style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
className="w-fit mr-1 text-black text-xs rounded-sm border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
value={row.birth_day} value={row.birth_day}
/> />
</div> </div>
{/* 12 */} {/* 12 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div className="flex flex-row">
<div <div
className="w-1 h-4 ml-1 rounded" className="w-1 h-4 ml-1 rounded"
style={{ backgroundColor: "#EDF2FB" }} style={{ backgroundColor: "#65A9FF" }}
></div> ></div>
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> <p
className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
شغل: شغل:
</p> </p>
</div>
<input <input
type="text" type="text"
style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
className="w-fit mr-1 text-black text-xs rounded-sm border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
value={row.job} value={row.job}
/> />
</div> </div>
{/* 13 */} {/* 13 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div className="flex flex-row">
<div <div
className="w-1 h-4 ml-1 rounded" className="w-1 h-4 ml-1 rounded"
style={{ backgroundColor: "#EDF2FB" }} style={{ backgroundColor: "#65A9FF" }}
></div> ></div>
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> <p
className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
دانشگاه: دانشگاه:
</p> </p>
</div>
<input <input
type="text" type="text"
style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
className="w-fit mr-1 text-black text-xs rounded-sm border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
value={row.uni} value={row.uni}
/> />
</div> </div>
{/* 14 */} {/* 14 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div className="flex flex-row">
<div <div
className="w-1 h-4 ml-1 rounded" className="w-1 h-4 ml-1 rounded"
style={{ backgroundColor: "#EDF2FB" }} style={{ backgroundColor: "#65A9FF" }}
></div> ></div>
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> <p
className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
رشته تحصیلی: رشته تحصیلی:
</p> </p>
</div>
<input <input
type="text" type="text"
style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
className="w-fit mr-1 text-black text-xs rounded-sm border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
value={row.field_study} value={row.field_study}
/> />
</div> </div>
{/* 15 */} {/* 15 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div className="flex flex-row">
<div <div
className="w-1 h-4 ml-1 rounded" className="w-1 h-4 ml-1 rounded"
style={{ backgroundColor: "#EDF2FB" }} style={{ backgroundColor: "#65A9FF" }}
></div> ></div>
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> <p
className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
اخلاق: اخلاق:
</p> </p>
</div>
<input <input
type="text" type="text"
style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
className="w-full mr-1 text-black text-xs rounded-sm border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
value={row.behaviour} value={row.behaviour}
/> />
</div> </div>
{/* 16 */} {/* 16 */}
<div className=" mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div className="flex flex-row">
<div <div
className="w-1 h-4 ml-1 rounded" className="w-1 h-4 ml-1 rounded"
style={{ backgroundColor: "#EDF2FB" }} style={{ backgroundColor: "#65A9FF" }}
></div> ></div>
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> <p
className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
نشانی: نشانی:
</p> </p>
</div>
<input <input
type="text" type="text"
style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
className="w-full mr-1 text-black text-xs rounded-sm border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
value={row.address} value={row.address}
/> />
</div>{" "}
</div> </div>
</div>
<button
className="text-sm text-white mt-4 rounded px-4 py-2 mr-10"
style={{ backgroundColor: "#65A9FF" }}
>
به روز رسانی
</button>
</section>
); );
}; };

Write Preview
Loading…
Cancel
Save