Fix #9, Fix #42, Fix #48, Fix #95, Fix #96, Fix #97, Fix #99, Fix #119. Fix 120

This commit is contained in:
Jai A
2021-03-26 22:07:15 -07:00
parent 98df1f5312
commit e6ece10716
13 changed files with 221 additions and 104 deletions

View File

@@ -2,7 +2,7 @@
<div class="page-container">
<div class="page-contents">
<header class="columns">
<h2 class="column-grow-1">Edit Mod</h2>
<h3 class="column-grow-1">Edit Mod</h3>
<nuxt-link
:to="'/mod/' + (mod.slug ? mod.slug : mod.id)"
class="button column"
@@ -133,8 +133,6 @@
<Multiselect
v-model="clientSideType"
placeholder="Select one"
track-by="id"
label="label"
:options="sideTypes"
:searchable="false"
:close-on-select="true"
@@ -147,8 +145,6 @@
<Multiselect
v-model="serverSideType"
placeholder="Select one"
track-by="id"
label="label"
:options="sideTypes"
:searchable="false"
:close-on-select="true"
@@ -373,14 +369,8 @@ export default {
return {
mod,
clientSideType: {
label: mod.client_side,
id: mod.client_side,
},
serverSideType: {
label: mod.server_side,
id: mod.server_side,
},
clientSideType: mod.client_side.charAt(0) + mod.client_side.slice(1),
serverSideType: mod.server_side.charAt(0) + mod.server_side.slice(1),
availableCategories,
availableLoaders,
availableGameVersions,
@@ -410,11 +400,7 @@ export default {
icon: null,
iconChanged: false,
sideTypes: [
{ label: 'Optional', id: 'optional' },
{ label: 'Required', id: 'required' },
{ label: 'Unsupported', id: 'unsupported' },
],
sideTypes: ['Required', 'Optional', 'Unsupported'],
}
},
watch: {
@@ -459,8 +445,8 @@ export default {
license_url: this.license_url,
discord_url: this.mod.discord_url,
license_id: this.license.short,
client_side: this.clientSideType.id,
server_side: this.serverSideType.id,
client_side: this.clientSideType.toLowerCase(),
server_side: this.serverSideType.toLowerCase(),
slug: this.mod.slug,
license: this.license.short,
donation_urls: this.donationPlatforms.map((it, index) => {
@@ -591,7 +577,7 @@ header {
grid-area: header;
padding: var(--spacing-card-md) var(--spacing-card-lg);
h2 {
h3 {
margin: auto 0;
color: var(--color-text-dark);
font-weight: var(--font-weight-extrabold);

View File

@@ -46,10 +46,21 @@
version.id
"
>
{{ version.name }}
{{ version.name ? version.name : version.version_number }}
</nuxt-link>
</td>
<td>
<nuxt-link
:to="
'/mod/' +
(mod.slug ? mod.slug : mod.id) +
'/version/' +
version.id
"
>
{{ version.version_number }}
</nuxt-link>
</td>
<td>{{ version.version_number }}</td>
<td>
<FabricIcon v-if="version.loaders.includes('fabric')" />
<ForgeIcon v-if="version.loaders.includes('forge')" />

View File

@@ -2,7 +2,7 @@
<div class="page-container">
<div class="page-contents">
<header class="columns">
<h2 class="column-grow-1">Create a mod</h2>
<h3 class="column-grow-1">Create a mod</h3>
<button
title="Save draft"
class="button column"
@@ -123,8 +123,6 @@
<Multiselect
v-model="clientSideType"
placeholder="Select one"
track-by="id"
label="label"
:options="sideTypes"
:searchable="false"
:close-on-select="true"
@@ -137,8 +135,6 @@
<Multiselect
v-model="serverSideType"
placeholder="Select one"
track-by="id"
label="label"
:options="sideTypes"
:searchable="false"
:close-on-select="true"
@@ -161,11 +157,13 @@
You can type the of the long form of your description here. This
editor supports markdown. You can find the syntax
<a
class=""
href="https://guides.github.com/features/mastering-markdown/"
target="_blank"
rel="noopener noreferrer"
>here</a
>.
>. HTML can also be used inside your description, excluding scripts
and iframes.
</span>
<div class="columns">
<div class="textarea-wrapper">
@@ -193,8 +191,8 @@
<th>Version</th>
<th>Mod Loader</th>
<th>Minecraft Version</th>
<th>Status</th>
<th></th>
<th>Version Type</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
@@ -217,18 +215,21 @@
<td>{{ version.game_versions.join(', ') }}</td>
<td>
<span
v-if="version.version_type === 'release'"
v-if="version.release_channel === 'release'"
class="badge green"
>
Release
</span>
<span
v-if="version.version_type === 'beta'"
v-if="version.release_channel === 'beta'"
class="badge yellow"
>
Beta
</span>
<span v-if="version.version_type === 'alpha'" class="badge red">
<span
v-if="version.release_channel === 'alpha'"
class="badge red"
>
Alpha
</span>
</td>
@@ -562,13 +563,9 @@ export default {
license: null,
license_url: null,
sideTypes: [
{ label: 'Required', id: 'required' },
{ label: 'Optional', id: 'optional' },
{ label: 'Unsupported', id: 'unsupported' },
],
clientSideType: { label: 'Required', id: 'required' },
serverSideType: { label: 'Required', id: 'required' },
sideTypes: ['Required', 'Optional', 'Unsupported'],
clientSideType: 'Required',
serverSideType: 'Required',
donationLinks: [],
donationPlatforms: [],
@@ -627,8 +624,8 @@ export default {
source_url: this.source_url,
wiki_url: this.wiki_url,
discord_url: this.discord_url,
client_side: this.clientSideType.id,
server_side: this.serverSideType.id,
client_side: this.clientSideType.toLowerCase(),
server_side: this.serverSideType.toLowerCase(),
license_id: this.license ? this.license.short : 'arr',
license_url: this.license_url,
is_draft: this.draft,
@@ -805,7 +802,7 @@ header {
grid-area: header;
padding: var(--spacing-card-md) var(--spacing-card-lg);
h2 {
h3 {
margin: auto 0;
color: var(--color-text-dark);
font-weight: var(--font-weight-extrabold);
@@ -860,6 +857,10 @@ section.game-sides {
section.description {
grid-area: description;
span a {
text-decoration: underline;
}
& > .columns {
align-items: stretch;
min-height: 10rem;