parent
f0e7f8005c
commit
abaa0c00e8
41 changed files with 857 additions and 290 deletions
@ -0,0 +1,40 @@ |
|||||||
|
import proxy from "../proxy"; |
||||||
|
const comment = { |
||||||
|
list: |
||||||
|
(data = {}) => |
||||||
|
async (dispatch) => |
||||||
|
await proxy.get("comment/list", data, { dispatch }), |
||||||
|
info: |
||||||
|
(data = {}) => |
||||||
|
async (dispatch) => { |
||||||
|
await proxy.get("comment/info", data, { dispatch }); |
||||||
|
}, |
||||||
|
add: |
||||||
|
( |
||||||
|
data = {}, |
||||||
|
data2 = { |
||||||
|
id: window.location.pathname.slice( |
||||||
|
window.location.pathname.lastIndexOf("/") + 1, |
||||||
|
window.location.pathname.length |
||||||
|
), |
||||||
|
} |
||||||
|
) => |
||||||
|
async (dispatch) => { |
||||||
|
await proxy.post("comment/add", data); |
||||||
|
await proxy.get("book/info", data2, { dispatch }); |
||||||
|
}, |
||||||
|
del: |
||||||
|
(data = {}, data2 = {}) => |
||||||
|
async (dispatch) => { |
||||||
|
await proxy.delete("ar/delete", data); |
||||||
|
await proxy.get("ar/list", data2, { dispatch }); |
||||||
|
}, |
||||||
|
update: |
||||||
|
(data = {}, data2 = {}) => |
||||||
|
async (dispatch) => { |
||||||
|
await proxy.put("ar/update", data); |
||||||
|
await proxy.get("ar/list", data2, { dispatch }); |
||||||
|
}, |
||||||
|
}; |
||||||
|
|
||||||
|
export default comment; |
||||||
@ -0,0 +1,34 @@ |
|||||||
|
import { toast } from "react-toastify"; |
||||||
|
|
||||||
|
const initialState = { |
||||||
|
loading: false, |
||||||
|
error: null, |
||||||
|
list: null, |
||||||
|
}; |
||||||
|
|
||||||
|
export default function comment(state = initialState, action) { |
||||||
|
let { type, data } = action; |
||||||
|
switch (type) { |
||||||
|
case "comment/list": |
||||||
|
return { ...state, loading: false, error: null }; |
||||||
|
case "comment/update": |
||||||
|
return { ...state, loading: false, error: null }; |
||||||
|
case "comment/add": |
||||||
|
return { ...state, loading: false, error: null }; |
||||||
|
case "comment/delete": |
||||||
|
return { ...state, loading: false, error: null }; |
||||||
|
case "comment/info": |
||||||
|
return { |
||||||
|
...state, |
||||||
|
loading: false, |
||||||
|
list: data, |
||||||
|
error: null, |
||||||
|
}; |
||||||
|
case "loading": |
||||||
|
return { ...state, loading: true }; |
||||||
|
case "error": |
||||||
|
return { ...state, loading: false, error: data.message }; |
||||||
|
default: |
||||||
|
return state; |
||||||
|
} |
||||||
|
} |
||||||
|
After Width: | Height: | Size: 12 KiB |
@ -0,0 +1,45 @@ |
|||||||
|
import React from "react"; |
||||||
|
import Breadcrumbs from "@material-ui/core/Breadcrumbs"; |
||||||
|
import { Link } from "react-router-dom"; |
||||||
|
|
||||||
|
import "./index.scss"; |
||||||
|
|
||||||
|
function handleClick(event) { |
||||||
|
event.preventDefault(); |
||||||
|
console.info("You clicked a breadcrumb."); |
||||||
|
} |
||||||
|
|
||||||
|
const maxDesktopSize = 1250; |
||||||
|
const maxMobileSize = 650; |
||||||
|
|
||||||
|
const fontSize = { |
||||||
|
desktop: window.innerWidth > maxDesktopSize ? 12 : window.innerWidth / 90, |
||||||
|
mobile: window.innerWidth > maxDesktopSize ? 14 : window.innerWidth / 25, |
||||||
|
}; |
||||||
|
|
||||||
|
export default function ActiveLastBreadcrumb(props) { |
||||||
|
const { name } = props; |
||||||
|
return ( |
||||||
|
<Breadcrumbs aria-label="breadcrumb"> |
||||||
|
<Link |
||||||
|
style={{ |
||||||
|
fontSize: |
||||||
|
window.innerWidth > 1000 ? fontSize.desktop : fontSize.mobile, |
||||||
|
}} |
||||||
|
to={"/"} |
||||||
|
> |
||||||
|
صفحه اصلی |
||||||
|
</Link> |
||||||
|
<Link |
||||||
|
style={{ |
||||||
|
fontSize: |
||||||
|
window.innerWidth > 1000 ? fontSize.desktop : fontSize.mobile, |
||||||
|
color: "#00CC69", |
||||||
|
}} |
||||||
|
to={"/ar"} |
||||||
|
> |
||||||
|
واقعیت افزوده |
||||||
|
</Link> |
||||||
|
</Breadcrumbs> |
||||||
|
); |
||||||
|
} |
||||||
@ -0,0 +1,8 @@ |
|||||||
|
.MuiBreadcrumbs-li{ |
||||||
|
a { |
||||||
|
text-decoration: none; |
||||||
|
font-family: numeralLight; |
||||||
|
color: #6F7074; |
||||||
|
letter-spacing: -1px; |
||||||
|
} |
||||||
|
} |
||||||
@ -1,31 +1,45 @@ |
|||||||
import React, { Component } from 'react'; |
import React, { Component } from "react"; |
||||||
|
import { Link } from "react-router-dom"; |
||||||
|
|
||||||
import './index.scss'; |
import "./index.scss"; |
||||||
export default function LastQR(props){ |
|
||||||
const {data} = props; |
const grades = [ |
||||||
return( |
"اول", |
||||||
<> |
"دوم", |
||||||
{ |
"سوم", |
||||||
window.innerWidth > 1000 ? |
"چهارم", |
||||||
<div className="last-qr"> |
"پنجم", |
||||||
|
"ششم", |
||||||
|
"هفتم", |
||||||
|
"هشتم", |
||||||
|
"نهم", |
||||||
|
"دهم", |
||||||
|
"یازدهم", |
||||||
|
"دوازدهم", |
||||||
|
]; |
||||||
|
|
||||||
</div> : null |
export default function LastQR(props) { |
||||||
} |
const { data } = props; |
||||||
{ |
return ( |
||||||
window.innerWidth < 1000 ? |
<> |
||||||
<div className="mobile-last-qr d-flex"> |
{window.innerWidth > 1000 ? <div className="last-qr"></div> : null} |
||||||
|
{window.innerWidth < 1000 ? ( |
||||||
|
<Link to={`/qr${data.link}`} className="mobile-last-qr d-flex"> |
||||||
<div className="mobile-last-qr__right d-flex"> |
<div className="mobile-last-qr__right d-flex"> |
||||||
<img src={data.image} alt={data.title} /> |
<img |
||||||
|
src={`https://dnvn.ir/api/v1/file/${data.fileIds}`} |
||||||
|
alt={data.name} |
||||||
|
/> |
||||||
<div className="d-flex flex-column"> |
<div className="d-flex flex-column"> |
||||||
<strong>{data.title}</strong> |
<strong>{data.name}</strong> |
||||||
<span>{data.subTitle}</span> |
<span>{grades[data.gradeId]}</span> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
<div className="mobile-last-qr__left d-flex"> |
<div className="mobile-last-qr__left d-flex"> |
||||||
<button>صفحه {data.page}</button> |
<button>صفحه {data.pagesNum}</button> |
||||||
</div> |
</div> |
||||||
</div> : null |
</Link> |
||||||
} |
) : null} |
||||||
</> |
</> |
||||||
); |
); |
||||||
} |
} |
||||||
|
|||||||
Loading…
Reference in new issue