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 |