mirror of
https://github.com/Spythere/pojazdownik.git
synced 2026-05-04 03:58:11 +00:00
code adaptation for API changes; tons changed to kilos
This commit is contained in:
@@ -1,18 +1,26 @@
|
||||
<template>
|
||||
<div class="number-generator tab">
|
||||
<div class="tab_header">
|
||||
<h2>{{ $t('numgen.title') }}</h2>
|
||||
<h3>{{ $t('numgen.subtitle') }}</h3>
|
||||
<h2>{{ $t("numgen.title") }}</h2>
|
||||
<h3>{{ $t("numgen.subtitle") }}</h3>
|
||||
</div>
|
||||
|
||||
<div class="tab_content">
|
||||
<div class="category-select">
|
||||
<label for="category"> {{ $t('numgen.train-category') }}</label>
|
||||
<select id="category" v-model="chosenCategory" @change="randomizeTrainNumber()">
|
||||
<label for="category"> {{ $t("numgen.train-category") }}</label>
|
||||
<select
|
||||
id="category"
|
||||
v-model="chosenCategory"
|
||||
@change="randomizeTrainNumber()"
|
||||
>
|
||||
<option :value="null" disabled>
|
||||
{{ $t('numgen.train-category') }}
|
||||
{{ $t("numgen.train-category") }}
|
||||
</option>
|
||||
<option v-for="(_, category) in genData.categoriesRules" :key="category" :value="category">
|
||||
<option
|
||||
v-for="(_, category) in genData.categoriesRules"
|
||||
:key="category"
|
||||
:value="category"
|
||||
>
|
||||
{{ $t(`numgen.categories.${category}`) }}
|
||||
</option>
|
||||
</select>
|
||||
@@ -20,22 +28,40 @@
|
||||
|
||||
<div class="regions-select">
|
||||
<div>
|
||||
<label for="begin-region"> {{ $t('numgen.start-region') }}</label>
|
||||
<select id="begin-region" v-model="beginRegionName" @change="randomizeTrainNumber()">
|
||||
<label for="begin-region"> {{ $t("numgen.start-region") }}</label>
|
||||
<select
|
||||
id="begin-region"
|
||||
v-model="beginRegionName"
|
||||
@change="randomizeTrainNumber()"
|
||||
>
|
||||
<option :value="null" disabled>
|
||||
{{ $t('numgen.start-region') }}
|
||||
{{ $t("numgen.start-region") }}
|
||||
</option>
|
||||
<option v-for="(_, name) in genData.regionNumbers" :key="name" :value="name">
|
||||
<option
|
||||
v-for="(_, name) in genData.regionNumbers"
|
||||
:key="name"
|
||||
:value="name"
|
||||
>
|
||||
{{ name }}
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="end-region"> {{ $t('numgen.end-region') }}</label>
|
||||
<select id="end-region" v-model="endRegionName" @change="randomizeTrainNumber()">
|
||||
<option :value="null" disabled>{{ $t('numgen.end-region') }}</option>
|
||||
<option v-for="(_, name) in genData.regionNumbers" :key="name" :value="name">
|
||||
<label for="end-region"> {{ $t("numgen.end-region") }}</label>
|
||||
<select
|
||||
id="end-region"
|
||||
v-model="endRegionName"
|
||||
@change="randomizeTrainNumber()"
|
||||
>
|
||||
<option :value="null" disabled>
|
||||
{{ $t("numgen.end-region") }}
|
||||
</option>
|
||||
<option
|
||||
v-for="(_, name) in genData.regionNumbers"
|
||||
:key="name"
|
||||
:value="name"
|
||||
>
|
||||
{{ name }}
|
||||
</option>
|
||||
</select>
|
||||
@@ -44,50 +70,71 @@
|
||||
|
||||
<div class="generated-number" @click="copyNumber">
|
||||
<span v-if="trainNumber">
|
||||
{{ $t('numgen.number-info') }}
|
||||
{{ $t("numgen.number-info") }}
|
||||
<b class="text--accent">{{ trainNumber }}</b>
|
||||
</span>
|
||||
<span v-else>{{ $t('numgen.warning') }}</span>
|
||||
<span v-else>{{ $t("numgen.warning") }}</span>
|
||||
</div>
|
||||
|
||||
<div class="category-rules" v-if="chosenCategory && categoryRules && trainNumber">
|
||||
<div
|
||||
class="category-rules"
|
||||
v-if="chosenCategory && categoryRules && trainNumber"
|
||||
>
|
||||
<!-- First & second digit (the same regions) -->
|
||||
<div v-if="beginRegionName && endRegionName && beginRegionName == endRegionName">
|
||||
<b>{{ $t('numgen.rules.two-first-digits') }}</b> {{ $t('numgen.rules.from-pool') }}
|
||||
<b class="text--accent">{{ genData.sameRegions[beginRegionName].join(', ') }}</b>
|
||||
{{ $t('numgen.rules.for-region') }} {{ beginRegionName }}
|
||||
<div
|
||||
v-if="
|
||||
beginRegionName && endRegionName && beginRegionName == endRegionName
|
||||
"
|
||||
>
|
||||
<b>{{ $t("numgen.rules.two-first-digits") }}</b>
|
||||
{{ $t("numgen.rules.from-pool") }}
|
||||
<b class="text--accent">{{
|
||||
genData.sameRegions[beginRegionName].join(", ")
|
||||
}}</b>
|
||||
{{ $t("numgen.rules.for-region") }} {{ beginRegionName }}
|
||||
</div>
|
||||
|
||||
<!-- First & second digit (different regions) -->
|
||||
<div v-else>
|
||||
<div>
|
||||
<b>
|
||||
{{ $t('numgen.rules.first-digit') }} <span class="text--accent">{{ trainNumber[0] }}</span>
|
||||
{{ $t("numgen.rules.first-digit") }}
|
||||
<span class="text--accent">{{ trainNumber[0] }}</span>
|
||||
</b>
|
||||
{{ $t('numgen.rules.for-region-begin') }} {{ beginRegionName }}
|
||||
{{ $t("numgen.rules.for-region-begin") }} {{ beginRegionName }}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<b>
|
||||
{{ $t('numgen.rules.second-digit') }} <span class="text--accent">{{ trainNumber[1] }} </span>
|
||||
{{ $t("numgen.rules.second-digit") }}
|
||||
<span class="text--accent">{{ trainNumber[1] }} </span>
|
||||
</b>
|
||||
{{ $t('numgen.rules.for-region-end') }} {{ endRegionName }}
|
||||
{{ $t("numgen.rules.for-region-end") }} {{ endRegionName }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Third digit (non-passenger only) -->
|
||||
<div v-if="categoryRules[0] != null">
|
||||
<b>
|
||||
{{ $t('numgen.rules.third-digit') }} <span class="text--accent">{{ categoryRules[0] }}</span>
|
||||
{{ $t("numgen.rules.third-digit") }}
|
||||
<span class="text--accent">{{ categoryRules[0] }}</span>
|
||||
</b>
|
||||
{{ $t('numgen.rules.for-category') }} {{ chosenCategory }}
|
||||
{{ $t("numgen.rules.for-category") }} {{ chosenCategory }}
|
||||
</div>
|
||||
|
||||
<!-- Last digits -->
|
||||
<div>
|
||||
<b> {{ $t(`numgen.rules.${categoryRules[1]?.length == 3 ? 'three' : 'two'}-last-digits`) }}</b>
|
||||
{{ $t('numgen.rules.from-range') }}
|
||||
<b class="text--accent">{{ categoryRules[1] }}-{{ categoryRules[2] }}</b>
|
||||
<b>
|
||||
{{
|
||||
$t(
|
||||
`numgen.rules.${categoryRules[1]?.length == 3 ? "three" : "two"}-last-digits`,
|
||||
)
|
||||
}}</b
|
||||
>
|
||||
{{ $t("numgen.rules.from-range") }}
|
||||
<b class="text--accent"
|
||||
>{{ categoryRules[1] }}-{{ categoryRules[2] }}</b
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -95,7 +142,7 @@
|
||||
|
||||
<div class="tab_links">
|
||||
<a :href="$t('numgen.td2-wiki-link')" target="_blank">
|
||||
{{ $t('numgen.td2-wiki') }}
|
||||
{{ $t("numgen.td2-wiki") }}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -103,15 +150,15 @@
|
||||
|
||||
<div class="tab_actions">
|
||||
<button class="btn" @click="randomizeTrainNumber(true)">
|
||||
{{ $t('numgen.action-random-region') }}
|
||||
{{ $t("numgen.action-random-region") }}
|
||||
</button>
|
||||
|
||||
<button class="btn" @click="randomizeCategory">
|
||||
{{ $t('numgen.action-random-category') }}
|
||||
{{ $t("numgen.action-random-category") }}
|
||||
</button>
|
||||
|
||||
<button class="btn" @click="randomizeTrainNumber(false)">
|
||||
{{ $t('numgen.action-random-number') }}
|
||||
{{ $t("numgen.action-random-number") }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -119,11 +166,11 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { Ref, ref } from 'vue';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import { Ref, ref } from "vue";
|
||||
import { useI18n } from "vue-i18n";
|
||||
|
||||
import genData from '../../constants/numberGeneratorData.json';
|
||||
import { computed } from 'vue';
|
||||
import genData from "../../constants/numberGeneratorData.json";
|
||||
import { computed } from "vue";
|
||||
|
||||
const i18n = useI18n();
|
||||
type RegionName = keyof typeof genData.regionNumbers;
|
||||
@@ -138,7 +185,7 @@ const trainNumber = ref(null) as Ref<string | null>;
|
||||
const copyNumber = () => {
|
||||
if (trainNumber.value) {
|
||||
navigator.clipboard.writeText(trainNumber.value);
|
||||
alert(i18n.t('numgen.alert'));
|
||||
alert(i18n.t("numgen.alert"));
|
||||
}
|
||||
};
|
||||
|
||||
@@ -160,16 +207,23 @@ const randomizeTrainNumber = (randomizeRegions = false) => {
|
||||
|
||||
const regionKeys = Object.keys(genData.regionNumbers);
|
||||
|
||||
if (beginRegionName.value == null || randomizeRegions) beginRegionName.value = regionKeys[(regionKeys.length * Math.random()) << 0] as RegionName;
|
||||
if (beginRegionName.value == null || randomizeRegions)
|
||||
beginRegionName.value = regionKeys[
|
||||
(regionKeys.length * Math.random()) << 0
|
||||
] as RegionName;
|
||||
|
||||
if (endRegionName.value == null || randomizeRegions) endRegionName.value = regionKeys[(regionKeys.length * Math.random()) << 0] as RegionName;
|
||||
if (endRegionName.value == null || randomizeRegions)
|
||||
endRegionName.value = regionKeys[
|
||||
(regionKeys.length * Math.random()) << 0
|
||||
] as RegionName;
|
||||
|
||||
let number = '';
|
||||
let number = "";
|
||||
|
||||
// Two first numbers (begin & end regions)
|
||||
if (beginRegionName.value == endRegionName.value) {
|
||||
const sameRegionsNumbers = genData.sameRegions[beginRegionName.value!];
|
||||
const randRegionNumber = sameRegionsNumbers[Math.floor(Math.random() * sameRegionsNumbers.length)];
|
||||
const randRegionNumber =
|
||||
sameRegionsNumbers[Math.floor(Math.random() * sameRegionsNumbers.length)];
|
||||
number += randRegionNumber.toString();
|
||||
} else {
|
||||
const beginRegionNumber = genData.regionNumbers[beginRegionName.value!];
|
||||
@@ -185,18 +239,22 @@ const randomizeTrainNumber = (randomizeRegions = false) => {
|
||||
}
|
||||
|
||||
// Choose default category if it's not chosen
|
||||
if (chosenCategory.value == null) chosenCategory.value = 'EI';
|
||||
if (chosenCategory.value == null) chosenCategory.value = "EI";
|
||||
|
||||
// Get category rules
|
||||
const [thirdNumber, minRange, maxRange] = categoryRules.value!;
|
||||
|
||||
// Third number
|
||||
number += thirdNumber ?? '';
|
||||
number += thirdNumber ?? "";
|
||||
|
||||
// Remaining numbers
|
||||
const rangeNums = minRange!.length;
|
||||
const randRange = Math.floor(Math.random() * (Number(maxRange) - Number(minRange)) + Number(minRange)).toString();
|
||||
const leadingZeros = new Array(Math.abs(randRange.length - rangeNums)).fill('0').join('');
|
||||
const randRange = Math.floor(
|
||||
Math.random() * (Number(maxRange) - Number(minRange)) + Number(minRange),
|
||||
).toString();
|
||||
const leadingZeros = new Array(Math.abs(randRange.length - rangeNums))
|
||||
.fill("0")
|
||||
.join("");
|
||||
|
||||
number += `${leadingZeros}${randRange}`;
|
||||
|
||||
@@ -205,8 +263,8 @@ const randomizeTrainNumber = (randomizeRegions = false) => {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '../../styles/tab.scss';
|
||||
@import '../../styles/global.scss';
|
||||
@import "../../styles/tab.scss";
|
||||
@import "../../styles/global.scss";
|
||||
|
||||
label {
|
||||
display: block;
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
<div class="tab_attributes">
|
||||
<label>
|
||||
{{ $t('stockgen.input-mass') }}
|
||||
<input type="number" v-model="maxMass" step="100" max="4000" min="0" />
|
||||
<input type="number" v-model="maxTons" step="100" max="4000" min="0" />
|
||||
</label>
|
||||
|
||||
<label>
|
||||
@@ -122,7 +122,7 @@ export default defineComponent({
|
||||
|
||||
previewTimeout: -1,
|
||||
|
||||
maxMass: 3000,
|
||||
maxTons: 3000,
|
||||
maxLength: 650,
|
||||
maxCarCount: 50,
|
||||
|
||||
@@ -191,8 +191,8 @@ export default defineComponent({
|
||||
const cargoObjs = [] as (ICargo | undefined)[];
|
||||
|
||||
if (!cargoType || empty) cargoObjs.push(undefined);
|
||||
else if (cargoType == 'all') cargoObjs.push(...carWagonObjs[0]!.cargoList);
|
||||
else cargoObjs.push(carWagonObjs[0]?.cargoList.find((cargo) => cargo.id == cargoType));
|
||||
else if (cargoType == 'all') cargoObjs.push(...carWagonObjs[0]!.cargoTypes);
|
||||
else cargoObjs.push(carWagonObjs[0]?.cargoTypes.find((cargo) => cargo.id == cargoType));
|
||||
|
||||
carWagonObjs.forEach((cw) => {
|
||||
cargoObjs.forEach((cargoObj) => {
|
||||
@@ -223,9 +223,9 @@ export default defineComponent({
|
||||
|
||||
for (let i = 0; i < 10; i++) {
|
||||
this.store.stockList.splice(this.store.stockList[0]?.isLoco ? 1 : 0);
|
||||
let carCount = 0;
|
||||
|
||||
const maxMass = this.store.acceptableMass > 0 ? Math.min(this.store.acceptableMass, this.maxMass) : this.maxMass;
|
||||
let carCount = 0;
|
||||
const maxWeight = this.store.acceptableWeight > 0 ? Math.min(this.store.acceptableWeight, this.maxTons * 1000) : this.maxTons * 1000;
|
||||
|
||||
// eslint-disable-next-line no-constant-condition
|
||||
while (true) {
|
||||
@@ -233,7 +233,7 @@ export default defineComponent({
|
||||
const { carWagon, cargo } = randomStockType.carPool[~~(Math.random() * randomStockType.carPool.length)];
|
||||
|
||||
if (
|
||||
this.store.totalMass + (cargo?.totalMass || carWagon.mass) > maxMass ||
|
||||
this.store.totalWeight + (carWagon.weight + (cargo?.weight ?? 0)) > maxWeight ||
|
||||
this.store.totalLength + carWagon.length > this.maxLength ||
|
||||
carCount >= this.maxCarCount
|
||||
) {
|
||||
@@ -244,7 +244,7 @@ export default defineComponent({
|
||||
carCount++;
|
||||
}
|
||||
|
||||
const currentGenerationValue = this.store.totalLength + this.store.totalMass + carCount;
|
||||
const currentGenerationValue = this.store.totalLength + this.store.totalWeight + carCount;
|
||||
|
||||
if (bestGeneration.value < currentGenerationValue) {
|
||||
bestGeneration.stockList = this.store.stockList;
|
||||
|
||||
@@ -60,8 +60,8 @@
|
||||
|
||||
<span>
|
||||
{{ $t('stocklist.mass') }}
|
||||
<span class="text--accent">{{ store.totalMass }}t</span> ({{ $t('stocklist.mass-accepted') }}:
|
||||
<span class="text--accent">{{ store.acceptableMass ? store.acceptableMass + 't' : '-' }}</span
|
||||
<span class="text--accent">{{ (store.totalWeight / 1000).toFixed(1) }}t</span> ({{ $t('stocklist.mass-accepted') }}:
|
||||
<span class="text--accent">{{ store.acceptableWeight ? `${~~(store.acceptableWeight / 1000)}t` : '-' }}</span
|
||||
>) - {{ $t('stocklist.length') }}:
|
||||
<span class="text--accent">{{ store.totalLength }}m</span>
|
||||
- {{ $t('stocklist.vmax') }}:
|
||||
@@ -136,9 +136,9 @@
|
||||
<span class="stock-info__cargo" v-if="stock.cargo">
|
||||
{{ stock.cargo.id }}
|
||||
</span>
|
||||
<span class="stock-info__length"> {{ stock.length }}m </span>
|
||||
<span class="stock-info__mass">{{ stock.cargo ? stock.cargo.totalMass : stock.mass }}t </span>
|
||||
<span class="stock-info__speed"> {{ stock.maxSpeed }}km/h </span>
|
||||
<span class="stock-info__length">{{ stock.length }}m</span>
|
||||
<span class="stock-info__mass">{{ ((stock.weight + (stock.cargo?.weight ?? 0)) / 1000).toFixed(1) }}t</span>
|
||||
<span class="stock-info__speed">{{ stock.maxSpeed }}km/h</span>
|
||||
</div>
|
||||
</li>
|
||||
</TransitionGroup>
|
||||
@@ -324,7 +324,7 @@ export default defineComponent({
|
||||
downloadStock() {
|
||||
if (this.store.stockList.length == 0) return alert(this.$t('stocklist.alert-empty'));
|
||||
|
||||
const defaultName = `${this.store.chosenRealStockName || this.store.stockList[0].type} ${this.store.totalMass}t; ${
|
||||
const defaultName = `${this.store.chosenRealStockName || this.store.stockList[0].type} ${this.store.totalWeight}t; ${
|
||||
this.store.totalLength
|
||||
}m; vmax ${this.store.maxStockSpeed}`;
|
||||
|
||||
|
||||
@@ -54,17 +54,23 @@
|
||||
/>
|
||||
</td>
|
||||
|
||||
<td :data-sponsoronly="vehicle.isSponsorsOnly">{{ vehicle.type }}</td>
|
||||
<td :data-sponsoronly="vehicle.isSponsorsOnly">
|
||||
{{ vehicle.type }}
|
||||
</td>
|
||||
|
||||
<td v-if="isLocomotive(vehicle)">{{ $t(`wiki.${vehicle.power}`) }}</td>
|
||||
<td v-if="isLocomotive(vehicle)">
|
||||
{{ $t(`wiki.${vehicle.power}`) }}
|
||||
</td>
|
||||
<td v-else>{{ $t(`wiki.${vehicle.useType}`) }}</td>
|
||||
|
||||
<td>{{ vehicle.constructionType }}</td>
|
||||
<td>{{ vehicle.length }}m</td>
|
||||
<td>{{ vehicle.mass }}t</td>
|
||||
<td>{{ (vehicle.weight / 1000).toFixed(1) }}t</td>
|
||||
<td>{{ vehicle.maxSpeed }}km/h</td>
|
||||
|
||||
<td v-if="currentFilterMode == 'carriages'">{{ !isLocomotive(vehicle) ? vehicle.cargoList.length : '---' }}</td>
|
||||
<td v-if="currentFilterMode == 'carriages'">
|
||||
{{ !isLocomotive(vehicle) ? vehicle.cargoTypes.length : '---' }}
|
||||
</td>
|
||||
<td v-if="currentFilterMode == 'tractions'">
|
||||
{{ isLocomotive(vehicle) ? (vehicle.coldStart ? `✓` : '✗') : '---' }}
|
||||
</td>
|
||||
@@ -87,7 +93,7 @@ import { isLocomotive } from '../../utils/vehicleUtils';
|
||||
import stockMixin from '../../mixins/stockMixin';
|
||||
import imageMixin from '../../mixins/imageMixin';
|
||||
|
||||
type SorterID = 'type' | 'constructionType' | 'image' | 'length' | 'mass' | 'maxSpeed' | 'cargoCount' | 'group' | 'coldStart';
|
||||
type SorterID = 'type' | 'constructionType' | 'image' | 'length' | 'weight' | 'maxSpeed' | 'cargoCount' | 'group' | 'coldStart';
|
||||
|
||||
interface IWikiHeader {
|
||||
id: SorterID;
|
||||
@@ -106,7 +112,7 @@ const headers: IWikiHeader[] = [
|
||||
{ id: 'group', sortable: true, for: 'all' },
|
||||
{ id: 'constructionType', sortable: true, for: 'all' },
|
||||
{ id: 'length', sortable: true, for: 'all' },
|
||||
{ id: 'mass', sortable: true, for: 'all' },
|
||||
{ id: 'weight', sortable: true, for: 'all' },
|
||||
{ id: 'maxSpeed', sortable: true, for: 'all' },
|
||||
{ id: 'coldStart', sortable: true, for: 'tractions' },
|
||||
{ id: 'cargoCount', sortable: true, for: 'carriages' },
|
||||
@@ -166,15 +172,15 @@ export default defineComponent({
|
||||
case 'group':
|
||||
return direction == 1 ? row1.vehicle[id].localeCompare(row2.vehicle[id]) : row2.vehicle[id].localeCompare(row1.vehicle[id]);
|
||||
|
||||
case 'mass':
|
||||
case 'weight':
|
||||
case 'length':
|
||||
case 'maxSpeed':
|
||||
return Math.sign(row1.vehicle[id] - row2.vehicle[id]) * direction;
|
||||
|
||||
case 'cargoCount':
|
||||
return (
|
||||
(!isLocomotive(row1.vehicle) ? Math.sign(row1.vehicle.cargoList.length || -1) : -1) -
|
||||
(!isLocomotive(row2.vehicle) ? (row2.vehicle.cargoList.length || -1) * direction : -1)
|
||||
(!isLocomotive(row1.vehicle) ? Math.sign(row1.vehicle.cargoTypes.length || -1) : -1) -
|
||||
(!isLocomotive(row2.vehicle) ? (row2.vehicle.cargoTypes.length || -1) * direction : -1)
|
||||
);
|
||||
|
||||
case 'coldStart':
|
||||
|
||||
Reference in New Issue
Block a user