Fix #93, Fix #105, Add Mod Secondary Nav Bar, Add featured versions, Remove page transition, Make load bar smaller

This commit is contained in:
Jai A
2021-02-14 12:02:23 -07:00
parent 4d066a762f
commit 0b613812f7
12 changed files with 100 additions and 83 deletions

View File

@@ -1,9 +1,10 @@
<template>
<ModPage
:mod="mod"
:versions="versions"
:featured-versions="featuredVersions"
:members="members"
:current-member="currentMember"
:link-bar="[['Description', '']]"
>
<div
v-compiled-markdown="mod.body"
@@ -41,14 +42,11 @@ export default {
mod.body = (await axios.get(mod.body_url)).data
}
const [members, versions] = (
const [members, featuredVersions] = (
await Promise.all([
axios.get(`https://api.modrinth.com/api/v1/team/${mod.team}/members`),
axios.get(
`https://api.modrinth.com/api/v1/versions?ids=${JSON.stringify(
mod.versions
)}`,
config
`https://api.modrinth.com/api/v1/mod/${mod.id}/version?featured=true`
),
])
).map((it) => it.data)
@@ -74,11 +72,7 @@ export default {
return {
mod,
versions: versions.sort(
(a, b) =>
new Date(b.date_published).getTime() -
new Date(a.date_published).getTime()
),
featuredVersions,
members,
currentMember,
}

View File

@@ -1,9 +1,10 @@
<template>
<ModPage
:mod="mod"
:versions="versions"
:featured-versions="featuredVersions"
:members="members"
:current-member="currentMember"
:link-bar="[['New Version', 'newversion']]"
>
<div class="new-version">
<div class="controls">
@@ -151,14 +152,16 @@ export default {
)
).data
const [members, versions, selectableLoaders, selectableVersions] = (
const [
members,
featuredVersions,
selectableLoaders,
selectableVersions,
] = (
await Promise.all([
axios.get(`https://api.modrinth.com/api/v1/team/${mod.team}/members`),
axios.get(
`https://api.modrinth.com/api/v1/versions?ids=${JSON.stringify(
mod.versions
)}`,
config
`https://api.modrinth.com/api/v1/mod/${mod.id}/version?featured=true`
),
axios.get(`https://api.modrinth.com/api/v1/tag/loader`),
axios.get(`https://api.modrinth.com/api/v1/tag/game_version`),
@@ -186,11 +189,7 @@ export default {
return {
mod,
versions: versions.sort(
(a, b) =>
new Date(b.date_published).getTime() -
new Date(a.date_published).getTime()
),
featuredVersions,
members,
selectableLoaders,
selectableVersions,

View File

@@ -1,9 +1,10 @@
<template>
<ModPage
:mod="mod"
:versions="versions"
:members="members.filter((it) => it.accepted)"
:current-member="currentMember"
:featured-versions="featuredVersions"
:link-bar="[['Settings', 'settings']]"
>
<div class="section-header columns">
<h3 class="column-grow-1">General</h3>
@@ -260,17 +261,14 @@ export default {
)
).data
const [members, versions] = (
const [members, featuredVersions] = (
await Promise.all([
axios.get(
`https://api.modrinth.com/api/v1/team/${mod.team}/members`,
config
),
axios.get(
`https://api.modrinth.com/api/v1/versions?ids=${JSON.stringify(
mod.versions
)}`,
config
`https://api.modrinth.com/api/v1/mod/${mod.id}/version?featured=true`
),
])
).map((it) => it.data)
@@ -298,11 +296,7 @@ export default {
return {
mod,
versions: versions.sort(
(a, b) =>
new Date(b.date_published).getTime() -
new Date(a.date_published).getTime()
),
featuredVersions,
members,
currentMember,
}

View File

@@ -2,8 +2,14 @@
<ModPage
:mod="mod"
:versions="versions"
:featured-versions="featuredVersions"
:members="members"
:current-member="currentMember"
:link-bar="[
['Versions', 'versions'],
[version.name, 'versions/' + version.id],
['Edit Version', 'versions/' + version.id + '/edit'],
]"
>
<div class="new-version">
<div class="controls">
@@ -135,14 +141,18 @@ export default {
)
).data
const [members, versions, selectableLoaders, selectableVersions] = (
const [
members,
versions,
featuredVersions,
selectableLoaders,
selectableVersions,
] = (
await Promise.all([
axios.get(`https://api.modrinth.com/api/v1/team/${mod.team}/members`),
axios.get(`https://api.modrinth.com/api/v1/mod/${mod.id}/version`),
axios.get(
`https://api.modrinth.com/api/v1/versions?ids=${JSON.stringify(
mod.versions
)}`,
config
`https://api.modrinth.com/api/v1/mod/${mod.id}/version?featured=true`
),
axios.get(`https://api.modrinth.com/api/v1/tag/loader`),
axios.get(`https://api.modrinth.com/api/v1/tag/game_version`),
@@ -184,11 +194,8 @@ export default {
return {
mod,
versions: versions.sort(
(a, b) =>
new Date(b.date_published).getTime() -
new Date(a.date_published).getTime()
),
versions,
featuredVersions,
members,
version,
primaryFile,

View File

@@ -4,6 +4,11 @@
:versions="versions"
:members="members"
:current-member="currentMember"
:featured-versions="featuredVersions"
:link-bar="[
['Versions', 'versions'],
[version.name, 'versions/' + version.id],
]"
>
<div class="version">
<div class="version-header">
@@ -150,14 +155,12 @@ export default {
)
).data
const [members, versions] = (
const [members, versions, featuredVersions] = (
await Promise.all([
axios.get(`https://api.modrinth.com/api/v1/team/${mod.team}/members`),
axios.get(`https://api.modrinth.com/api/v1/mod/${mod.id}/version`),
axios.get(
`https://api.modrinth.com/api/v1/versions?ids=${JSON.stringify(
mod.versions
)}`,
config
`https://api.modrinth.com/api/v1/mod/${mod.id}/version?featured=true`
),
])
).map((it) => it.data)
@@ -197,11 +200,8 @@ export default {
return {
mod,
versions: versions.sort(
(a, b) =>
new Date(b.date_published).getTime() -
new Date(a.date_published).getTime()
),
versions,
featuredVersions,
members,
version,
primaryFile,

View File

@@ -2,8 +2,10 @@
<ModPage
:mod="mod"
:versions="versions"
:featured-versions="featuredVersions"
:members="members"
:current-member="currentMember"
:link-bar="[['Versions', 'versions']]"
>
<table>
<thead>
@@ -109,17 +111,13 @@ export default {
)
).data
const [members, versions, selectableLoaders, selectableVersions] = (
const [members, versions, featuredVersions] = (
await Promise.all([
axios.get(`https://api.modrinth.com/api/v1/team/${mod.team}/members`),
axios.get(`https://api.modrinth.com/api/v1/mod/${mod.id}/version`),
axios.get(
`https://api.modrinth.com/api/v1/versions?ids=${JSON.stringify(
mod.versions
)}`,
config
`https://api.modrinth.com/api/v1/mod/${mod.id}/version?featured=true`
),
axios.get(`https://api.modrinth.com/api/v1/tag/loader`),
axios.get(`https://api.modrinth.com/api/v1/tag/game_version`),
])
).map((it) => it.data)
@@ -144,14 +142,9 @@ export default {
return {
mod,
versions: versions.sort(
(a, b) =>
new Date(b.date_published).getTime() -
new Date(a.date_published).getTime()
),
versions,
featuredVersions,
members,
selectableLoaders,
selectableVersions,
currentMember,
}
} catch {

View File

@@ -107,7 +107,7 @@ export default {
let mods = []
res = await axios.get(
`https://api.modrinth.com/api/v1/user/${data.params.id}/mods`,
`https://api.modrinth.com/api/v1/user/${user.id}/mods`,
config
)
if (res.data) {