ryujinx-archive/Ryujinx-Website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix everything

Browse source
This commit is contained in:
Isaac Marovitz 2023-05-31 12:31:00 -04:00
parent 85fa6036f9
commit ba5b16f1c4
No known key found for this signature in database
GPG key ID: 97250B2B09A132E1
4 changed files with 20 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.env.development
View file

@ -2,7 +2,7 @@ NODE_ENV=development
VITE_BLOG_URL=https://blog.ryujinx.org
VITE_FAQ_URL=https://ryujinx.org/faq
VITE_LABEL_SEARCH_URL=https://api.github.com/search/issues?repository_id=133966349&q=
VITE_LABEL_SEARCH_URL=https://api.github.com/search/issues?q=repo:Ryujinx/Ryujinx-Games-List+state:open
VITE_LABEL_URL=https://github.com/Ryujinx/Ryujinx-Games-List/labels/
VITE_REPO_URL=https://api.github.com/repos/Ryujinx/Ryujinx
VITE_GUIDE_URL=https://github.com/Ryujinx/Ryujinx/wiki/Ryujinx-Setup-&-Configuration-Guide

2
.env.production
View file

@ -2,7 +2,7 @@ NODE_ENV=production
VITE_BLOG_URL=https://blog.ryujinx.org
VITE_FAQ_URL=https://ryujinx.org/faq
VITE_LABEL_SEARCH_URL=https://api.github.com/search/issues?repository_id=133966349&q=
VITE_LABEL_SEARCH_URL=https://api.github.com/search/issues?q=repo:Ryujinx/Ryujinx-Games-List+state:open
VITE_LABEL_URL=https://github.com/Ryujinx/Ryujinx-Games-List/labels/
VITE_REPO_URL=https://api.github.com/repos/Ryujinx/Ryujinx
VITE_GUIDE_URL=https://github.com/Ryujinx/Ryujinx/wiki/Ryujinx-Setup-&-Configuration-Guide

39
src/views/CompatibilityPage.vue
View file

@ -1,10 +1,10 @@
<script lang="ts" setup>
import { IssueSearch } from "@/types";
import axios from "axios";
import { onMounted, ref } from "vue";
import { computed, onMounted, ref } from "vue";
import { useI18n } from "vue-i18n";
import { Bar } from "vue-chartjs";
import { Chart, CategoryScale, LinearScale, BarElement, Title, Legend, Tooltip, Colors, ChartData } from 'chart.js'
import { Chart, CategoryScale, LinearScale, BarElement, Title, Legend, Tooltip, Colors, ChartData, ChartOptions } from 'chart.js'
import { ChartDataset } from "chart.js";
const { t } = useI18n();
@ -97,7 +97,7 @@ const fetchStats = async () => {
try {
await Promise.all(tierData.value.map(async tier => {
const result = await axios.get<IssueSearch>(
`${import.meta.env.VITE_LABEL_SEARCH_URL}label:${tier.labelName}+state:open`
`${import.meta.env.VITE_LABEL_SEARCH_URL}+label:${tier.labelName}`
);
tier.count = result.data.total_count;
@ -120,10 +120,11 @@ const chartData = ref<ChartData<'bar'>>({
datasets: []
});
const chartOptions = {
indexAxis: 'y' as const,
const chartOptions = ref<ChartOptions<'bar'>>({
indexAxis: "y" as const,
scales: {
x: {
display: false,
stacked: true,
},
y: {
@ -132,9 +133,6 @@ const chartOptions = {
}
},
plugins: {
legend: {
display: false,
},
tooltip: {
usePointStyle: true,
position: "cursor" as const,
@ -148,7 +146,15 @@ const chartOptions = {
}
},
}
};
});
const dynamicChartOptions = computed(() => {
const options = { ...chartOptions.value };
options.scales = { ...options.scales };
options.scales.x = { ...options.scales.x };
options.scales.x.max = Math.max(chartData.value.datasets.flatMap((value) => value.data));
return options;
});
Chart.register(CategoryScale, LinearScale, BarElement, Title, Legend, Tooltip, Colors);
Tooltip.positioners.cursor = function(elements, eventPosition) {
@ -163,17 +169,6 @@ onMounted(() => {
})
</script>
<script lang="ts">
export default {
mounted() {
var chart = this.$refs['chart'] as Chart<'bar'>;
console.log(chart);
console.log(chart.config);
// this.$refs.chart.chartOptions.scales.x.max = tierData.value.reduce((accumulator, tier) => accumulator + tier.count, 0);
}
}
</script>
<template>
<div class="space-y-16 container xl:max-w-7xl mx-auto px-4 py-16 lg:px-8 lg:py-32">
<div class="text-center">
@ -194,8 +189,8 @@ export default {
</div>
<div class="container flex justify-center">
<div class="relative lg:h-1/3">
<Bar ref="chart" :data="chartData" :options="chartOptions"/>
<div class="relative lg:h-1/3" lg:w-1vw>
<Bar ref="chart" :data="chartData" :options="dynamicChartOptions"/>
</div>
</div>
</div>

2
src/views/HomePage.vue
View file

@ -43,7 +43,7 @@ function getLang() {
const fetchStats = async () => {
try {
const result = await axios.get<IssueSearch>(
import.meta.env.VITE_LABEL_SEARCH_URL + "label:status-playable+state:open"
import.meta.env.VITE_LABEL_SEARCH_URL + "+label:status-playable"
);
issueSearch.value = result.data;