Reza_ashrafi
3 years ago
|
Before Width: | Height: | Size: 287 B |
|
Before Width: | Height: | Size: 860 B |
|
Before Width: | Height: | Size: 411 B |
|
Before Width: | Height: | Size: 1020 B |
|
Before Width: | Height: | Size: 177 B |
|
Before Width: | Height: | Size: 177 B |
|
Before Width: | Height: | Size: 177 B |
|
Before Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 177 B |
|
Before Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 868 B |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 92 KiB |
|
Before Width: | Height: | Size: 75 KiB |
|
Before Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 46 KiB |
@ -1,12 +0,0 @@ |
|||||||
export {default as BG} from './BG'; |
|
||||||
export {default as Button} from './Button'; |
|
||||||
export {default as Dots} from './Dots'; |
|
||||||
export {default as FloatWithMouse} from './FloatWidthMouse'; |
|
||||||
export {default as JolPlayer} from './JolPlayer'; |
|
||||||
export {default as Navbar} from './Navbar'; |
|
||||||
export {default as Progress} from './Progress'; |
|
||||||
export {default as Search} from './Search'; |
|
||||||
export {default as Select} from './Select'; |
|
||||||
// export {default as Wave} from './Wave';
|
|
||||||
|
|
||||||
|
|
||||||
|
Before Width: | Height: | Size: 582 B |
@ -1,33 +0,0 @@ |
|||||||
import React, { useState, useRef, useEffect } from "react"; |
|
||||||
import { Link } from "react-router-dom"; |
|
||||||
import { connect } from "react-redux"; |
|
||||||
import onInput from "../../../utils/onInput"; |
|
||||||
|
|
||||||
import { user } from "../../../redux/actions"; |
|
||||||
import _ from "lodash"; |
|
||||||
|
|
||||||
//assets
|
|
||||||
|
|
||||||
|
|
||||||
function Login({ login, theme, ...props }) { |
|
||||||
const [loginFields, setSignUpFiels] = useState(undefined); |
|
||||||
const onChange = (name, value) => { |
|
||||||
setSignUpFiels({ ...loginFields, [name]: value }); |
|
||||||
}; |
|
||||||
|
|
||||||
useEffect(() => {}, []); |
|
||||||
return ( |
|
||||||
<div |
|
||||||
className={_.join( |
|
||||||
[ |
|
||||||
"flex flex-col items-center justify-center w-screen h-screen relative", |
|
||||||
], |
|
||||||
" " |
|
||||||
)} |
|
||||||
> |
|
||||||
|
|
||||||
</div> |
|
||||||
); |
|
||||||
} |
|
||||||
|
|
||||||
export default connect(() => ({}), { login: user.login })(Login); |
|
||||||
@ -1,262 +0,0 @@ |
|||||||
.login { |
|
||||||
|
|
||||||
&-light { |
|
||||||
.MuiFormControl-root label{ |
|
||||||
background-color: white !important; |
|
||||||
} |
|
||||||
b{ |
|
||||||
color: $gray5 !important; |
|
||||||
} |
|
||||||
.login { |
|
||||||
&__back { |
|
||||||
a { |
|
||||||
color: black !important; |
|
||||||
} |
|
||||||
} |
|
||||||
&__options { |
|
||||||
color: $gray9; |
|
||||||
a { |
|
||||||
color: $green4; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
&__options { |
|
||||||
color: #b5b5b5; |
|
||||||
a { |
|
||||||
color: $green4; |
|
||||||
} |
|
||||||
} |
|
||||||
button[type="submit"] { |
|
||||||
margin-top: 25px; |
|
||||||
background-color: $green4; |
|
||||||
color: white; |
|
||||||
padding: 10px 0px; |
|
||||||
border: 0px; |
|
||||||
border-radius: 10px; |
|
||||||
} |
|
||||||
img { |
|
||||||
// transform: rotate(-90deg); |
|
||||||
} |
|
||||||
.MuiButtonBase-root { |
|
||||||
padding: 0px !important; |
|
||||||
} |
|
||||||
.footer { |
|
||||||
position: fixed; |
|
||||||
bottom: 0px; |
|
||||||
left: 0px; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
@media screen and (min-width: 1441px) { |
|
||||||
.login { |
|
||||||
section { |
|
||||||
width: 410px; |
|
||||||
b { |
|
||||||
color: white; |
|
||||||
font-size: 16px; |
|
||||||
margin-bottom: 30px; |
|
||||||
font-weight: 500; |
|
||||||
p { |
|
||||||
font-size: 16px; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
button { |
|
||||||
font-size: 17px; |
|
||||||
} |
|
||||||
} |
|
||||||
&__info { |
|
||||||
width: 350px; |
|
||||||
margin: 40px auto 0px; |
|
||||||
text-align: center; |
|
||||||
color: white; |
|
||||||
font-size: 14px; |
|
||||||
a { |
|
||||||
color: $green4; |
|
||||||
} |
|
||||||
} |
|
||||||
&__back { |
|
||||||
margin-bottom: 60px; |
|
||||||
img { |
|
||||||
transform: rotate(-90deg); |
|
||||||
} |
|
||||||
a { |
|
||||||
color: white; |
|
||||||
font-size: 13px; |
|
||||||
} |
|
||||||
} |
|
||||||
&__options { |
|
||||||
div { |
|
||||||
font-size: 13px; |
|
||||||
} |
|
||||||
a { |
|
||||||
font-size: 13px; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
@media screen and (min-width: 1008px) and (max-width: 1440px) { |
|
||||||
.login { |
|
||||||
section { |
|
||||||
width: 350px; |
|
||||||
transform: scale(0.9); |
|
||||||
b { |
|
||||||
color: white; |
|
||||||
font-size: calc(100vw / 80); |
|
||||||
margin-bottom: 30px; |
|
||||||
font-weight: 500; |
|
||||||
} |
|
||||||
|
|
||||||
button { |
|
||||||
font-size: calc(100vw / 80); |
|
||||||
} |
|
||||||
} |
|
||||||
&__info { |
|
||||||
width: 300px; |
|
||||||
margin: 40px auto 0px; |
|
||||||
text-align: center; |
|
||||||
color: white; |
|
||||||
font-size: calc(100vw / 110); |
|
||||||
a { |
|
||||||
color: $green4; |
|
||||||
} |
|
||||||
} |
|
||||||
&__back { |
|
||||||
margin-bottom: 40px; |
|
||||||
img { |
|
||||||
transform: rotate(-90deg); |
|
||||||
} |
|
||||||
a { |
|
||||||
color: white; |
|
||||||
font-size: calc(100vw / 110); |
|
||||||
} |
|
||||||
} |
|
||||||
&__options { |
|
||||||
div { |
|
||||||
font-size: calc(100vw / 110); |
|
||||||
} |
|
||||||
a { |
|
||||||
font-size: calc(100vw / 110); |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
@media screen and (min-width: 641px) and (max-width: 1007px) { |
|
||||||
.login { |
|
||||||
.footer { |
|
||||||
display: none !important; |
|
||||||
} |
|
||||||
section { |
|
||||||
// background-color: red; |
|
||||||
width: 90%; |
|
||||||
max-width: 700px; |
|
||||||
height: calc(100% - 60px); |
|
||||||
justify-content: center; |
|
||||||
b { |
|
||||||
color: white; |
|
||||||
font-size: calc(100vw / 30); |
|
||||||
margin-bottom: 30px; |
|
||||||
font-weight: 500; |
|
||||||
} |
|
||||||
|
|
||||||
button { |
|
||||||
font-size: calc(100vw / 30); |
|
||||||
width: 100%; |
|
||||||
max-width: 400px; |
|
||||||
margin: 50px auto 0px; |
|
||||||
} |
|
||||||
} |
|
||||||
&__info { |
|
||||||
width: 300px; |
|
||||||
margin: 40px auto 0px; |
|
||||||
text-align: center; |
|
||||||
color: white; |
|
||||||
font-size: calc(100vw / 40); |
|
||||||
a { |
|
||||||
color: $green4; |
|
||||||
} |
|
||||||
} |
|
||||||
&__back { |
|
||||||
position: fixed; |
|
||||||
top: 100px; |
|
||||||
margin-bottom: 40px; |
|
||||||
left: 30px; |
|
||||||
a { |
|
||||||
color: white; |
|
||||||
font-size: calc(100vw / 110); |
|
||||||
} |
|
||||||
img { |
|
||||||
width: 50px; |
|
||||||
} |
|
||||||
} |
|
||||||
&__options { |
|
||||||
padding-top: 20px; |
|
||||||
div { |
|
||||||
font-size: calc(100vw / 40); |
|
||||||
} |
|
||||||
a { |
|
||||||
font-size: calc(100vw / 45); |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
@media screen and (max-width: 640px) { |
|
||||||
.login { |
|
||||||
section { |
|
||||||
// background-color: red; |
|
||||||
width: 90%; |
|
||||||
max-width: 400px; |
|
||||||
height: calc(100% - 60px); |
|
||||||
// transform: scale(0.9); |
|
||||||
justify-content: center; |
|
||||||
// align-items: center; |
|
||||||
b { |
|
||||||
color: white; |
|
||||||
font-size: calc(100vw / 18); |
|
||||||
margin-bottom: 30px; |
|
||||||
font-weight: 500; |
|
||||||
} |
|
||||||
|
|
||||||
button { |
|
||||||
margin-top: 25px; |
|
||||||
font-size: calc(100vw / 25); |
|
||||||
} |
|
||||||
} |
|
||||||
&__info { |
|
||||||
width: 300px; |
|
||||||
margin: 40px auto 0px; |
|
||||||
text-align: center; |
|
||||||
color: white; |
|
||||||
font-size: calc(100vw / 30); |
|
||||||
a { |
|
||||||
color: $green4; |
|
||||||
} |
|
||||||
} |
|
||||||
&__back { |
|
||||||
position: fixed; |
|
||||||
top: 70px; |
|
||||||
left: 20px; |
|
||||||
margin-bottom: 40px; |
|
||||||
a { |
|
||||||
color: white; |
|
||||||
font-size: calc(100vw / 110); |
|
||||||
} |
|
||||||
img { |
|
||||||
width: 40px; |
|
||||||
// transform: scale() |
|
||||||
} |
|
||||||
} |
|
||||||
&__options { |
|
||||||
div { |
|
||||||
font-size: calc(100vw / 30); |
|
||||||
} |
|
||||||
a { |
|
||||||
font-size: calc(100vw / 30); |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
@ -1,124 +0,0 @@ |
|||||||
const list = [ |
|
||||||
{ |
|
||||||
title: "دسکتاپ - بنر بالای سایت", |
|
||||||
description: "گرفتن لیست واقعی بنرها از دیتابیس", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - اسلایدر", |
|
||||||
description: "اضافه کردن دکمه های اسلایدر", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - منوی بالای سایت", |
|
||||||
description: "فعال سازی جستجو", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - منوی بالای سایت", |
|
||||||
description: "تعداد محصولات داخل سبد خرید نمایش داده شود", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - صفحه محصولات ", |
|
||||||
description: "فیلتر محصولات کاملا درست شود.", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - صفحه محصول", |
|
||||||
description: "خطای اجرای منطق داریم", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - صفحه محصول", |
|
||||||
description: "اسلایدر عکس محصول کار نمیکند و به سرور وصل نیست.", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - صفحه محصول", |
|
||||||
description: "دکمه مشاهده نمونه کار نمیکند.", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - صفحه محصول", |
|
||||||
description: "دکمه مشاهده دوره ویدیویی محصول کار نمیکند.", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - صفحه محصول", |
|
||||||
description: "قسمت ثبت رضایت مشتری توسط ستاره به سرور وصل نیست", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - صفحه محصول", |
|
||||||
description: "اصلاعات منوی سمت چپ واقعی نیست و همچنین دکمه اضافه کردن به سبد خرید کار نمیکند.", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - صفحه محصول", |
|
||||||
description: "تب مشخصات اطلاعاتش واقعی نیست.", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - صفحه محصول", |
|
||||||
description: "تب پرسش و پاسخ و محتوایی ندارد.", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - صفحه محصول", |
|
||||||
description: "امکان ثبت نظر برای محصول فراهم نیست.", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - صفحه ویدئو", |
|
||||||
description: "قسمت نمایش ویدئو به api وصل نیست.", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - صفحه ویدئو", |
|
||||||
description: "اسلایدر کار نمیکند.", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - صفحه ویدئو", |
|
||||||
description: "تب مشخصات و پرسش و پاسخ محتوایی ندارد.", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - صفحه ویدئو", |
|
||||||
description: "تب سرفصل ها مرتب نیست.", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - صفحه ویدئو", |
|
||||||
description: "اضافه کردن به سبد خرید کار نمیکند.", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: "دسکتاپ - صفحه نمایش ویدئو", |
|
||||||
description: "دیزاین این صفحه مرتب نیست کاملا.", |
|
||||||
status: 0, |
|
||||||
developer: "", |
|
||||||
}, |
|
||||||
]; |
|
||||||
|
|
||||||
export default list; |
|
||||||
@ -1,67 +0,0 @@ |
|||||||
import React from "react"; |
|
||||||
import list from "./data"; |
|
||||||
|
|
||||||
const colors = ['bg-white', 'bg-blue-200', 'bg-green-200', 'bg-red-200']; |
|
||||||
const statuses = ['کاری انجام نشده', 'در حال انجام', 'انجام شد', 'به مشکل خوردم']; |
|
||||||
|
|
||||||
function Bugs({}) { |
|
||||||
return ( |
|
||||||
<ul className="flex flex-col w-4/5 gap-4 mx-auto h-screen"> |
|
||||||
<div className="w-full flex justify-center mx-auto"> |
|
||||||
<div className="flex flex-col w-full"> |
|
||||||
<div className="w-full"> |
|
||||||
<div className="w-full "> |
|
||||||
<table className="w-full"> |
|
||||||
<thead className="bg-gray-500"> |
|
||||||
<tr> |
|
||||||
<th className="px-6 py-2 text-tiny text-white">Title</th> |
|
||||||
<th className="px-6 py-2 text-tiny text-white"> |
|
||||||
Description |
|
||||||
</th> |
|
||||||
<th className="px-6 py-2 text-tiny text-white">Status</th> |
|
||||||
<th className="px-6 py-2 text-tiny text-white"> |
|
||||||
Developer |
|
||||||
</th> |
|
||||||
</tr> |
|
||||||
</thead> |
|
||||||
<tbody |
|
||||||
className="overflow-y-scroll" |
|
||||||
style={{ minHeight: "100%" }} |
|
||||||
> |
|
||||||
{list.map((bug, index) => ( |
|
||||||
<tr |
|
||||||
key={index} |
|
||||||
className={`whitespace-nowrap p-2 w-full border border-solid border-gray-300 ${ |
|
||||||
colors[bug.status] |
|
||||||
}`}
|
|
||||||
key={bug.title} |
|
||||||
> |
|
||||||
<td className="px-6 py-4 text-center border border-solid border-gray-300"> |
|
||||||
<div className="text-sm text-gray-900">{bug.title}</div> |
|
||||||
</td> |
|
||||||
<td className="px-6 py-4 text-center border border-solid border-gray-300"> |
|
||||||
<div className="text-sm text-gray-900"> |
|
||||||
{bug?.description} |
|
||||||
</div> |
|
||||||
</td> |
|
||||||
<td className="px-6 py-4 text-sm text-gray-900 text-center border border-solid border-gray-300"> |
|
||||||
{statuses[bug.status]} |
|
||||||
</td> |
|
||||||
<td className="px-6 py-4 text-center border border-solid border-gray-300"> |
|
||||||
<div className="text-sm text-gray-900"> |
|
||||||
{bug?.developer} |
|
||||||
</div> |
|
||||||
</td> |
|
||||||
</tr> |
|
||||||
))} |
|
||||||
</tbody> |
|
||||||
</table> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</ul> |
|
||||||
); |
|
||||||
} |
|
||||||
|
|
||||||
export default Bugs; |
|
||||||
|
Before Width: | Height: | Size: 499 B |
|
Before Width: | Height: | Size: 434 B |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 874 B |
|
Before Width: | Height: | Size: 48 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |