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

update

Browse Source
master
mahdi andalib 3 years ago
parent d06ceba048
commit 91058f7d36
1 changed files with 72 additions and 48 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. 120
      src/components/ReactTable4/EditRow.js

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

@ -5,7 +5,7 @@ const EditRow = ({ row, columns }) => {
return ( return (
<div <div
className="flex flex-col border-r-4 border-blue-600 p-2" className="flex flex-col border-r-4 border-blue-600 p-2 rounded-sm"
style={{ backgroundColor: "#F1F5FE" }} style={{ backgroundColor: "#F1F5FE" }}
> >
{/* 1 */} {/* 1 */}
@ -25,89 +25,113 @@ const EditRow = ({ row, columns }) => {
<input <input
type="text" type="text"
style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }} style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
className="w-11/12 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" 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.name} value={row.name}
// style={{ width: "100%" }} // style={{ width: "100%" }}
/> />
</div> </div>
{/* 2 */} {/* 2 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div <div className="flex flex-row">
className="w-1 h-4 ml-1 rounded" <div
style={{ backgroundColor: "#EDF2FB" }} className="w-1 h-4 ml-1 rounded"
></div> style={{ backgroundColor: "#65A9FF" }}
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> ></div>
تاریخ سفارش: <p
</p> className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
تاریخ سفارش:
</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.order_date} value={row.order_date}
/> />
</div> </div>
{/* 3 */} {/* 3 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div <div className="flex flex-row">
className="w-1 h-4 ml-1 rounded" <div
style={{ backgroundColor: "#EDF2FB" }} className="w-1 h-4 ml-1 rounded"
></div> style={{ backgroundColor: "#65A9FF" }}
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> ></div>
مبلغ سفارش: <p
</p> className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
مبلغ سفارش:
</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.order_price} value={row.order_price}
/> />
</div> </div>
{/* 4 */} {/* 4 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div <div className="flex flex-row">
className="w-1 h-4 ml-1 rounded" <div
style={{ backgroundColor: "#EDF2FB" }} className="w-1 h-4 ml-1 rounded"
></div> style={{ backgroundColor: "#65A9FF" }}
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> ></div>
شماره سفارش: <p
</p> className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
شماره سفارش:
</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.order_number} value={row.order_number}
/> />
</div> </div>
{/* 5 */} {/* 5 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div <div className="flex flex-row">
className="w-1 h-4 ml-1 rounded" <div
style={{ backgroundColor: "#EDF2FB" }} className="w-1 h-4 ml-1 rounded"
></div> style={{ backgroundColor: "#65A9FF" }}
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> ></div>
شغل کاربر: <p
</p> className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
شغل کاربر:
</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.user_job} value={row.user_job}
/> />
</div> </div>
{/* 6 */} {/* 6 */}
<div className="flex flex-row items-center mr-2 my-2"> <div className="flex flex-col mr-2 my-2">
<div <div className="flex flex-row">
className="w-1 h-4 ml-1 rounded" <div
style={{ backgroundColor: "#EDF2FB" }} className="w-1 h-4 ml-1 rounded"
></div> style={{ backgroundColor: "#65A9FF" }}
<p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}> ></div>
وضعیت سفارش: <p
</p> className="text-xs text-blue-400"
style={{ borderColor: "#65A9FF" }}
>
وضعیت سفارش:
</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={columns[5].Cell({ value: row.order_status })}
value={row.order_status} value={row.order_status}
/> />
</div> </div>

Write Preview
Loading…
Cancel
Save