Dodano obsługę nowych zestawień

This commit is contained in:
2022-01-09 02:50:26 +01:00
parent d87e978dcf
commit 2c9218872e
+22 -11
View File
@@ -21,7 +21,9 @@
@contextmenu="openPreview($event, v.type, v.number)" @contextmenu="openPreview($event, v.type, v.number)"
@click="choseStock(v.name, v.type, v.number, v.stockString)" @click="choseStock(v.name, v.type, v.number, v.stockString)"
> >
<img :src="icons[v.type]" alt="" /> <img v-if="v.type != 'iR' && v.type != 'RE'" :src="icons[v.type]" alt="" />
<span v-else>{{ v.type }}</span>
<b class="text--accent"> {{ v.name }}</b> <b class="text--accent"> {{ v.name }}</b>
<div>{{ v.number }}</div> <div>{{ v.number }}</div>
</li> </li>
@@ -57,7 +59,7 @@ export default defineComponent({
chosenStock: '', chosenStock: '',
isMobile: 'ontouchstart' in document.documentElement && navigator.userAgent.match(/Mobi/) ? true : false, isMobile: 'ontouchstart' in document.documentElement && navigator.userAgent.match(/Mobi/) ? true : false,
list: {} as List, readyStockList: {} as List,
icons: { icons: {
EIC: require('@/assets/EIC.png'), EIC: require('@/assets/EIC.png'),
@@ -68,12 +70,13 @@ export default defineComponent({
computed: { computed: {
computedList() { computedList() {
if (this.chosenStock == '') return this.list; if (this.chosenStock == '') return this.readyStockList;
let filtered: List = {}; let filtered: List = {};
for (let key in this.list) { for (let key in this.readyStockList) {
if (key.toLocaleLowerCase().includes(this.chosenStock.toLocaleLowerCase())) filtered[key] = this.list[key]; if (key.toLocaleLowerCase().includes(this.chosenStock.toLocaleLowerCase()))
filtered[key] = this.readyStockList[key];
} }
return filtered; return filtered;
@@ -88,10 +91,13 @@ export default defineComponent({
openPreview(e: Event, type: string, number: string) { openPreview(e: Event, type: string, number: string) {
e.preventDefault(); e.preventDefault();
const url = `https://www.vagonweb.cz/razeni/vlak.php?zeme=PKPIC&kategorie=${type}&cislo=${number.replace( const isRegio = type == 'RE' || type == 'iR';
/_/g,
'/' const zeme = isRegio ? 'PREG' : 'PKPIC';
)}`; const rok = isRegio ? '&rok=2013' : '';
const cislo = number.replace(/_/g, '/');
const url = `https://www.vagonweb.cz/razeni/vlak.php?zeme=${zeme}&kategorie=${type}&cislo=${cislo}${rok}`;
window.open(url); window.open(url);
}, },
@@ -148,7 +154,7 @@ export default defineComponent({
}, },
async mounted() { async mounted() {
const response: Response = await (await fetch('https://spythere.github.io/api/readyStock.json')).json(); const response: Response = await (await fetch('https://spythere.github.io/api/readyStockTest.json')).json();
if (!response) { if (!response) {
this.responseStatus = 'error'; this.responseStatus = 'error';
@@ -163,7 +169,7 @@ export default defineComponent({
name += ' ' + splittedKey[i]; name += ' ' + splittedKey[i];
} }
this.list[key] = { this.readyStockList[key] = {
type: splittedKey[0], type: splittedKey[0],
number: splittedKey[1].replace(/_/g, '/'), number: splittedKey[1].replace(/_/g, '/'),
name, name,
@@ -266,6 +272,11 @@ input {
max-width: 1.5em; max-width: 1.5em;
} }
span {
color: #999;
font-weight: bold;
}
&:hover { &:hover {
background: #222; background: #222;
} }