idanoo/GoScrobble
1
0
Fork 0
mirror of https://github.com/idanoo/GoScrobble synced 2025-07-01 13:42:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

0.0.29

Browse source 
- Add image handler
- Store images locally
This commit is contained in:
Daniel Mason 2021-04-11 20:10:52 +12:00
parent 489527c8f9
commit 8bc462878a
Signed by: idanoo
GPG key ID: 387387CDBC02F132
19 changed files with 158 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web/.env.example
View file

@ -1 +1 @@
REACT_APP_API_URL=http://127.0.0.1:42069/api/v1/
REACT_APP_API_URL=http://127.0.0.1:42069

BIN
web/img/placeholder.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.4 KiB

46
web/src/Api/index.js
View file

@ -49,7 +49,7 @@ function handleErrorResp(error) {
}
export const PostLogin = (formValues) => {
return axios.post(process.env.REACT_APP_API_URL + "login", formValues)
return axios.post(process.env.REACT_APP_API_URL + "/api/v1/login", formValues)
.then((response) => {
if (response.data.token) {
let expandedUser = jwt(response.data.token)
@ -82,7 +82,7 @@ export const PostLogin = (formValues) => {
};
export const PostRefreshToken = (refreshToken) => {
return axios.post(process.env.REACT_APP_API_URL + "refresh", {token: refreshToken})
return axios.post(process.env.REACT_APP_API_URL + "/api/v1/refresh", {token: refreshToken})
.then((response) => {
if (response.data.token) {
let expandedUser = jwt(response.data.token)
@ -115,7 +115,7 @@ export const PostRefreshToken = (refreshToken) => {
export const PostRegister = (formValues) => {
return axios.post(process.env.REACT_APP_API_URL + "register", formValues)
return axios.post(process.env.REACT_APP_API_URL + "/api/v1/register", formValues)
.then((response) => {
if (response.data.message) {
toast.success(response.data.message);
@ -133,7 +133,7 @@ export const PostRegister = (formValues) => {
};
export const PostResetPassword = (formValues) => {
return axios.post(process.env.REACT_APP_API_URL + "resetpassword", formValues)
return axios.post(process.env.REACT_APP_API_URL + "/api/v1/resetpassword", formValues)
.then((response) => {
if (response.data.message) {
toast.success(response.data.message);
@ -151,7 +151,7 @@ export const PostResetPassword = (formValues) => {
};
export const sendPasswordReset = (values) => {
return axios.post(process.env.REACT_APP_API_URL + "sendreset", values).then(
return axios.post(process.env.REACT_APP_API_URL + "/api/v1/sendreset", values).then(
(data) => {
return data.data;
}).catch((error) => {
@ -160,7 +160,7 @@ export const sendPasswordReset = (values) => {
};
export const getStats = () => {
return axios.get(process.env.REACT_APP_API_URL + "stats").then(
return axios.get(process.env.REACT_APP_API_URL + "/api/v1/stats").then(
(data) => {
return data.data;
}).catch((error) => {
@ -169,7 +169,7 @@ export const getStats = () => {
};
export const getRecentScrobbles = (id) => {
return axios.get(process.env.REACT_APP_API_URL + "user/" + id + "/scrobbles", { headers: getHeaders() })
return axios.get(process.env.REACT_APP_API_URL + "/api/v1/user/" + id + "/scrobbles", { headers: getHeaders() })
.then((data) => {
return data.data;
}).catch((error) => {
@ -178,7 +178,7 @@ export const getRecentScrobbles = (id) => {
};
export const getConfigs = () => {
return axios.get(process.env.REACT_APP_API_URL + "config", { headers: getHeaders() })
return axios.get(process.env.REACT_APP_API_URL + "/api/v1/config", { headers: getHeaders() })
.then((data) => {
return data.data;
}).catch((error) => {
@ -193,7 +193,7 @@ export const postConfigs = (values, toggle) => {
values.REGISTRATION_ENABLED = "0"
}
return axios.post(process.env.REACT_APP_API_URL + "config", values, { headers: getHeaders() })
return axios.post(process.env.REACT_APP_API_URL + "/api/v1/config", values, { headers: getHeaders() })
.then((data) => {
if (data.data && data.data.message) {
toast.success(data.data.message);
@ -206,7 +206,7 @@ export const postConfigs = (values, toggle) => {
};
export const getProfile = (userName) => {
return axios.get(process.env.REACT_APP_API_URL + "profile/" + userName, { headers: getHeaders() })
return axios.get(process.env.REACT_APP_API_URL + "/api/v1/profile/" + userName, { headers: getHeaders() })
.then((data) => {
return data.data;
}).catch((error) => {
@ -215,7 +215,7 @@ export const getProfile = (userName) => {
};
export const getUser = () => {
return axios.get(process.env.REACT_APP_API_URL + "user", { headers: getHeaders() })
return axios.get(process.env.REACT_APP_API_URL + "/api/v1/user", { headers: getHeaders() })
.then((data) => {
return data.data;
}).catch((error) => {
@ -224,7 +224,7 @@ export const getUser = () => {
};
export const patchUser = (values) => {
return axios.patch(process.env.REACT_APP_API_URL + "user", values, { headers: getHeaders() })
return axios.patch(process.env.REACT_APP_API_URL + "/api/v1/user", values, { headers: getHeaders() })
.then((data) => {
return data.data;
}).catch((error) => {
@ -233,7 +233,7 @@ export const patchUser = (values) => {
};
export const validateResetPassword = (tokenStr) => {
return axios.get(process.env.REACT_APP_API_URL + "user/", { headers: getHeaders() })
return axios.get(process.env.REACT_APP_API_URL + "/api/v1/user/", { headers: getHeaders() })
.then((data) => {
return data.data;
}).catch((error) => {
@ -242,7 +242,7 @@ export const validateResetPassword = (tokenStr) => {
};
export const getSpotifyClientId = () => {
return axios.get(process.env.REACT_APP_API_URL + "user/spotify", { headers: getHeaders() })
return axios.get(process.env.REACT_APP_API_URL + "/api/v1/user/spotify", { headers: getHeaders() })
.then((data) => {
return data.data
}).catch((error) => {
@ -272,7 +272,7 @@ export const spotifyConnectionRequest = () => {
};
export const spotifyDisonnectionRequest = () => {
return axios.delete(process.env.REACT_APP_API_URL + "user/spotify", { headers: getHeaders() })
return axios.delete(process.env.REACT_APP_API_URL + "/api/v1/user/spotify", { headers: getHeaders() })
.then((data) => {
toast.success(data.data.message);
return true
@ -282,7 +282,7 @@ export const spotifyDisonnectionRequest = () => {
}
export const navidromeConnectionRequest = (values) => {
return axios.post(process.env.REACT_APP_API_URL + "user/navidrome", values, { headers: getHeaders() })
return axios.post(process.env.REACT_APP_API_URL + "/api/v1/user/navidrome", values, { headers: getHeaders() })
.then((data) => {
toast.success(data.data.message);
return true
@ -292,7 +292,7 @@ export const navidromeConnectionRequest = (values) => {
};
export const navidromeDisonnectionRequest = () => {
return axios.delete(process.env.REACT_APP_API_URL + "user/navidrome", { headers: getHeaders() })
return axios.delete(process.env.REACT_APP_API_URL + "/api/v1/user/navidrome", { headers: getHeaders() })
.then((data) => {
toast.success(data.data.message);
return true
@ -303,7 +303,7 @@ export const navidromeDisonnectionRequest = () => {
export const getServerInfo = () => {
return axios.get(process.env.REACT_APP_API_URL + "serverinfo")
return axios.get(process.env.REACT_APP_API_URL + "/api/v1/serverinfo")
.then((data) => {
return data.data
}).catch((error) => {
@ -312,7 +312,7 @@ export const getServerInfo = () => {
}
export const getArtist = (uuid) => {
return axios.get(process.env.REACT_APP_API_URL + "artists/" + uuid).then(
return axios.get(process.env.REACT_APP_API_URL + "/api/v1/artists/" + uuid).then(
(data) => {
return data.data;
}).catch((error) => {
@ -321,7 +321,7 @@ export const getArtist = (uuid) => {
};
export const getAlbum = (uuid) => {
return axios.get(process.env.REACT_APP_API_URL + "albums/" + uuid).then(
return axios.get(process.env.REACT_APP_API_URL + "/api/v1/albums/" + uuid).then(
(data) => {
return data.data;
}).catch((error) => {
@ -330,7 +330,7 @@ export const getAlbum = (uuid) => {
};
export const getTrack = (uuid) => {
return axios.get(process.env.REACT_APP_API_URL + "tracks/" + uuid).then(
return axios.get(process.env.REACT_APP_API_URL + "/api/v1/tracks/" + uuid).then(
(data) => {
return data.data;
}).catch((error) => {
@ -339,7 +339,7 @@ export const getTrack = (uuid) => {
};
export const getTopTracks = (uuid) => {
return axios.get(process.env.REACT_APP_API_URL + "tracks/top/" + uuid).then(
return axios.get(process.env.REACT_APP_API_URL + "/api/v1/tracks/top/" + uuid).then(
(data) => {
return data.data;
}).catch((error) => {
@ -348,7 +348,7 @@ export const getTopTracks = (uuid) => {
}
export const getTopArtists = (uuid) => {
return axios.get(process.env.REACT_APP_API_URL + "artists/top/" + uuid).then(
return axios.get(process.env.REACT_APP_API_URL + "/api/v1/artists/top/" + uuid).then(
(data) => {
return data.data;
}).catch((error) => {

28
web/src/Components/TopTable.js
View file

@ -21,7 +21,7 @@ const TopTable = (props) => {
number="1"
title={tracks[1].name}
link={"/" + props.type + "/" + tracks[1].uuid}
img={tracks[1].img}
uuid={tracks[1].img}
/>
</div>
{ Object.keys(props.items).length > 5 &&
@ -31,28 +31,28 @@ const TopTable = (props) => {
number="2"
title={tracks[2].name}
link={"/" + props.type + "/" + tracks[2].uuid}
img={tracks[2].img}
uuid={tracks[2].img}
/>
<TopTableBox
size={150}
number="3"
title={tracks[3].name}
link={"/" + props.type + "/" + tracks[3].uuid}
img={tracks[3].img}
uuid={tracks[3].img}
/>
<TopTableBox
size={150}
number="4"
title={tracks[4].name}
link={"/" + props.type + "/" + tracks[4].uuid}
img={tracks[4].img}
uuid={tracks[4].img}
/>
<TopTableBox
size={150}
number="5"
title={tracks[5].name}
link={"/" + props.type + "/" + tracks[5].uuid}
img={tracks[5].img}
uuid={tracks[5].img}
/>
</div>
}
@ -63,63 +63,63 @@ const TopTable = (props) => {
number="6"
title={tracks[6].name}
link={"/" + props.type + "/" + tracks[6].uuid}
img={tracks[6].img}
uuid={tracks[6].img}
/>
<TopTableBox
size={100}
number="7"
title={tracks[7].name}
link={"/" + props.type + "/" + tracks[7].uuid}
img={tracks[7].img}
uuid={tracks[7].img}
/>
<TopTableBox
size={100}
number="8"
title={tracks[8].name}
link={"/" + props.type + "/" + tracks[8].uuid}
img={tracks[8].img}
uuid={tracks[8].img}
/>
<TopTableBox
size={100}
number="9"
title={tracks[9].name}
link={"/" + props.type + "/" + tracks[9].uuid}
img={tracks[9].img}
uuid={tracks[9].img}
/>
<TopTableBox
size={100}
number="10"
title={tracks[10].name}
link={"/" + props.type + "/" + tracks[10].uuid}
img={tracks[10].img}
uuid={tracks[10].img}
/>
<TopTableBox
size={100}
number="11"
title={tracks[11].name}
link={"/" + props.type + "/" + tracks[11].uuid}
img={tracks[11].img}
uuid={tracks[11].img}
/>
<TopTableBox
size={100}
number="12"
title={tracks[12].name}
link={"/" + props.type + "/" + tracks[12].uuid}
img={tracks[12].img}
uuid={tracks[12].img}
/>
<TopTableBox
size={100}
number="13"
title={tracks[13].name}
link={"/" + props.type + "/" + tracks[13].uuid}
img={tracks[13].img}
uuid={tracks[13].img}
/>
<TopTableBox
size={100}
number="14"
title={tracks[14].name}
link={"/" + props.type + "/" + tracks[14].uuid}
img={tracks[14].img}
uuid={tracks[14].img}
/>
</div>
}

7
web/src/Components/TopTableBox.js
View file

@ -3,17 +3,12 @@ import { Link } from 'react-router-dom';
import './TopTableBox.css'
const TopTableBox = (props) => {
let img = 'https://www.foot.com/wp-content/uploads/2017/06/placeholder-square-300x300.jpg';
if (props.img && props.img !== '') {
img = props.img
}
return (
<Link to={props.link} float="left" >
<div
className="topTableBox"
style={{
backgroundImage: `url(${img})`,
backgroundImage: `url(${process.env.REACT_APP_API_URL + "/img/" + props.uuid + "_full.jpg"})`,
backgroundSize: `cover`,
backgroundPosition: `top center`,
width: `${props.size}px`,