diff --git a/src/App.vue b/src/App.vue index e038b56..862b70c 100644 --- a/src/App.vue +++ b/src/App.vue @@ -5,8 +5,13 @@ @toggle-card="() => (isUpdateCardOpen = false)" /> + + - +
@@ -44,6 +49,7 @@ import UpdateCard from './components/App/UpdateCard.vue'; import StorageManager from './managers/storageManager'; import AppFooter from './components/App/AppFooter.vue'; +import AppWelcomeCard from './components/App/AppWelcomeCard.vue'; const STORAGE_VERSION_KEY = 'app_version'; @@ -54,6 +60,7 @@ export default defineComponent({ AppHeader, AppFooter, UpdateCard, + AppWelcomeCard, Tooltip }, @@ -64,6 +71,7 @@ export default defineComponent({ tooltipStore: useTooltipStore(), isUpdateCardOpen: false, + isWelcomeCardOpen: true, currentLang: 'pl', isOnProductionHost: location.hostname == 'stacjownik-td2.web.app' diff --git a/src/components/App/AppWelcomeCard.vue b/src/components/App/AppWelcomeCard.vue new file mode 100644 index 0000000..200ea3f --- /dev/null +++ b/src/components/App/AppWelcomeCard.vue @@ -0,0 +1,223 @@ + + + + + diff --git a/src/locales/en.json b/src/locales/en.json index 8ad8725..11c0a80 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -1,4 +1,26 @@ { + "welcome": { + "title": "Welcome to Stacjownik!", + "app-desc": "{b1} is a web tool made for {link1}, which main goal is to assist in-game dispatchers and drivers on their duties. Here you can find who is currently online and on what scenery, find a train driver or browse the journal, which contains a history of past timetables and dispatcher duty.", + "app-desc-b1": "Stacjownik", + "sceneries-header": "Sceneries", + "sceneries-desc": "Under the {b1} tab, you will find information about the dispatchers and sceneries they currently occupy. You can also browse all available sceneries in the simulator (in the filters, check the “Free” option to show the rest of the unoccupied ones) and filter them by various aspects, such as control types, additional software, signaling types, required duty level or types of routes. Click on the corresponding scenery in the table to show its details.", + "sceneries-desc-b1": "Sceneries", + "trains-header": "Trains", + "trains-desc": "The {b1} tab contains a list of active drivers and timetables that are currently realized on the selected server (server selection is at the top of the page, next to the counters). The list can be filtered and sorted, taking into account the most important criteria, such as driver name, train number or timetable details. You can also click on the train to show additional information.", + "trains-desc-b1": "Trains", + "journal-header": "Journal", + "journal-desc": "The {b1} is a tab where you can find dispatcher duty and timetables history (currently only from the main PL1 game server). You can also search for a particular player's history using additional filters.", + "journal-desc-b1": "Journal", + "other-apps": "Also check out other apps designed to make TD2 gameplay easier:", + "pojazdownik-desc": "online rolling stock editor", + "generator-desc": "graphical manager of train orders", + "srjp-desc": "Polish working train timetable", + "donation-info": "If you appreciate the Stacjownik project as well as other applications, please consider supporting it financially - click the button with {icon1} to learn more!", + "donation-info-icon1-text": "the diamond icon", + "bottom-text": "Enjoy!\n~Spythere", + "button-confirm": "Start using the app!" + }, "donations": { "button-title": "TOSS A COIN", "header": "Toss a coin to Stacjownik!", diff --git a/src/locales/pl.json b/src/locales/pl.json index 65bce7f..de21021 100644 --- a/src/locales/pl.json +++ b/src/locales/pl.json @@ -1,4 +1,26 @@ { + "welcome": { + "title": "Witaj na Stacjowniku!", + "app-desc": "{b1} to aplikacja stworzona dla symulatora {link1}, której celem jest wspomaganie dyżurnego ruchu i maszynisty. Możesz sprawdzić tutaj kto i na jakiej scenerii obecnie pełni służbę, znaleźć maszynistę lub przejrzeć dziennik, który zawiera historię przeszłych dyżurów i rozkładów jazdy.", + "app-desc-b1": "Stacjownik", + "sceneries-header": "Scenerie", + "sceneries-desc": "W zakładce {b1} znajdziesz informacje o dyżurnych ruchu pełniących służby na wybranych sceneriach. Możesz również przeglądać wszystkie dostępne scenerie w symulatorze (w filtrach należy zaznaczyć opcję \"Wolna\", aby pokazać resztę niezajętych) i filtrować je pod względem wielu kryteriów, takich jak sterowanie, dodatkowe oprogramowanie, sygnalizacja, wymagany poziom dyżurnego czy szlaki. Aby wyświetlić detale danej scenerii, kliknij na nią w tabelce.", + "sceneries-desc-b1": "Scenerie", + "trains-header": "Pociągi", + "trains-desc": " Zakładka {b1} zawiera listę aktywnych maszynistów i rozkładów jazdy, które są obecnie realizowane na wybranym serwerze (wybór serwera znajduje się na górze strony). Listę można filtrować i sortować uwzględniając najważniejsze kryteria, takie jak nazwa maszynisty, numer pociągu lub detale rozkładu jazdy. Możesz również kliknąć na dany pociąg, aby wyświetlić dodatkowe informacje.", + "trains-desc-b1": "Pociągi", + "journal-header": "Dziennik", + "journal-desc": "{b1} to zakładka, w której znajdziesz historię dyżurów i rozkładów jazdy, obecnie jedynie z głównego serwera rozgrywki PL1. Możesz także wyszukać historię danego użytkownika używając dodatkowych filtrów.", + "journal-desc-b1": "Dziennik", + "other-apps": "Sprawdź także inne aplikacje stworzone z myślą ułatwienia rozgrywki w TD2:", + "pojazdownik-desc": "edytor składów online", + "generator-desc": "graficzny menadżer rozkazów pisemnych", + "srjp-desc": "służbowy rozkład jazdy pociągu", + "donation-info": "Jeśli doceniasz projekt Stacjownika jak i inne aplikacje mojego autorstwa, rozważ jego wsparcie finansowe - kliknij przycisk z {icon1}, aby dowiedzieć się więcej!", + "donation-info-icon1-text": "ikoną diamentu", + "bottom-text": "Miłego korzystania\n~Spythere", + "button-confirm": "Zacznij korzystać z aplikacji!" + }, "donations": { "button-title": "GROSZA DAJ", "header": "Grosza daj Stacjownikowi!", @@ -566,4 +588,4 @@ "history": { "title": "DZIENNIK ROZKŁADÓW JAZDY" } -} +} \ No newline at end of file