aboutsummaryrefslogtreecommitdiff
path: root/src-vue/src/App.vue
AgeCommit message (Collapse)Author
5 daysRestore more logic from main branchGeckoEidechse
5 daysfeat: Copy over more structure from main branchGeckoEidechse
5 daysfeat: Copy over CSS and some structure from App.vue from main branchGeckoEidechse
5 daysrefactor: Restructure UI logic folder structure to match main branchGeckoEidechse
5 daysdev: Replace with sample Tauri 2.0 projectGeckoEidechse
as a first step to convert FlightCore to Tauri 2.0
2024-09-03feat: Switch location of Mods and Changelog tabs (#1002)GeckoEidechse
* feat: Switch location of Mods and Changelog tabs Usually players care more about mods than changelogs so it should be further in front. * fix: Revert unnecessary component re-order
2024-06-18fix: Use border when focusing menu items (#950)Jan
Element Plus implements the menu using lists which do not render outlines
2023-10-25fix: UI bugs (#644)Rémy Raes
Fixes two interface issues caused by leaking CSS styles
2023-10-16feat: Notification menu (#615)Rémy Raes
Introduces a notification menu, which hosts notifications fired while the app was not focused. Notifications can be closed by the user.
2023-10-13refactor: Remove maximize window button (#617)GeckoEidechse
refactor: remove maximize window button Co-authored-by: Remy Raes <raes.remy@gmail.com>
2023-03-30refactor: Style (#247)Rémy Raes
* refactor: apply same style to all settings sections * refactor: only assign developer_mode through store mutation * refactor: remove useless credit mention * refactor: remove menu bar background layer * refactor: use same CSS style for both "no mod" messages For both local and thunderstore mods views. * fix: toggleDeveloperMode does not affect menu style by default * feat: adjust TS mod hint i18n regression
2023-03-28feat: i18n (#182)Rémy Raes
* build: add vue-i18n dependency * feat: add i18n plugin to vue project * feat: use translations in play button * feat: translate play view * feat: translate menu items * feat: translate local mods view * feat: translate online mods view * feat: translate mods menu * feat: translate thunderstore mod card component * fix: remove useless "this" keyword * feat: translate settings view * fix: remove leftover test invocation * feat: add language selector component * feat: using language selector updates interface's language * feat: save language in persistent store on selector change * feat: initialize lang on app launch * refactor: move i18n code into App.mounted callback * feat: update interface language on app launch * feat: adjust language selection on language selector load * fix: this.$root can't be null * feat: translate store notifications * fix: add missing parameter to english translation * feat: translate "by" author keyword * feat: translate repair window * feat: translate repair window title * docs: add some documentation regarding localization * docs: explain how to add a new language * feat: translate Northstar release canal selector elements * docs: describe how to inject variable into translations * feat: translate "info" word * feat: translate popconfirm buttons * fix: remove "this" keyword * fix: save store when updating interface language
2023-03-12feat: Allow opening a window with various repair features (#129)GeckoEidechse
* feat: Initial code for spawning repair window * refactor: Move disable all but core mods button to repair window * refactor: Rename function * refactor: Move button location Still in DeveloperView for now, will be moved to settings page later * feat: Add info banner * feat: Set repair window title * fix: Stop thread crash on duplicate window open Instead of calling an unwrap, handle failure to create window which is usually caused by spawning a second repair window although one already exists. * fix: Re-add accidentally removed lines from merge * fix: Set top padding to zero px As there's no menu bar in this view * feat: Close all windows when close bttn is clicked
2023-01-29fix: Set current route as menu active item (#149)Rémy Raes
fix: set current route as menu active item
2023-01-14refactor: Mods view (#134)Rémy Raes
* feat: add UI skeleton for new mods interface * fix: only apply app menu style to app menu items * feat: add menu skeleton * feat: add thunderstore mods view into mods view * refactor: remove thunderstore mods view from router + menu bar * refactor: move search input into mods view * fix: adjust ts mods container padding * refactor: center pagination components * refactor: rework media queries to adapt cards container width * fix: set mods view navigation min-width * refactor: compute mods container width with CSS variables * refactor: remove horizontal padding around ts mods container This will allow them to take much screen space. * feat: Thunderstore mods container is larger * feat: add layouts for 5 to 8 Thunderstore mod columns * feat: add some space to separate navigation menu subparts * fix: move search pagination reset in ThunderstoreModsView component * feat: retrieve Thunderstore mod categories when fetching mods * feat: add mod categories selector component * feat: mod categories selector now filters Thunderstore mods * fix: reset pagination index if needed when selecting mod categories * fix: first mod does not appear anymore while selecting any mod category First mod's categories array was used as an accumulator (in a reduce call) to regroup all mod categories; we now use an empty array as initial value for the accumulator. * feat: add a selector component to sort mods * feat: set sort selector default value on view mount * fix: set default sorting select value as selected in dropdown list * feat: add date_updated field to ThunderstoreMod type * feat: pass sorting value to ThunderstoreModsView as a prop * feat: mods can be sorted by name and release date * feat: mods can be sorted by most downloaded and top rated * fix: don't display sorting select on local mods view * refactor: remove local mods title * refactor: export local mods view code in dedicated component * refactor: export search value in a search-dedicated store * fix: display "no matching mods" message when no mods match This message was previously displayed only if no mods matched AND search input was not empty; now that we have categories selector, we can have no matching mods with an empty input. * refactor: remove unused input prop * fix: mods can be sorted by rating * refactor: remove unused searchValue computed property * style: adjust SortOptions import * refactor: move selected mod categories into search store module * refactor: move mod sorting into search store module * refactor: export mods menu component to dedicated file * fix: remove compare method initialization * feat: local mods can be filtered with search input * build: add ES2018 lib to typescript compiler options * refactor: remove unused variable * fix: retrieve SortOptions values from string input * refactor: move Thunderstore mods view into dedicated folder * style: add missing trailing newline to SortOptions.d.ts
2022-12-22feat: Maximize button + clean menubar layout (#119)Rémy Raes
* feat: add a button to toggle window maximize status * fix: attach services container to bottom Container was fixed, but with no positioning indication, which fucked its location while going fullscreen. * refactor: encase menu in navigation container * fix: remove CSS ID duplication * refactor: put window controls inside menu bar * feat: add style to additional submenu * fix: don't color focused menu items * fix: restore menu bar debug indicator
2022-12-02fix: blur all views except main oneRemy Raes
2022-11-25feat: Thunderstore mods listing (#54)Rémy Raes
* feat: add ThunderstoreMod type * feat: add view component to develop mods layout * feat: mount view component in router * feat: display thunderstore section in menu * refactor: create thunderstore package * feat: add ThunderstoreModVersion type * feat: add icon field to mod version type * feat: add basic card layout for mods * refactor: card button text is computed In the future, we want the button text to change regarding status of the current mod (installed, deprecated or not installed at all). * feat: display mod owners * feat: display download and like counts * feat: fetch mods from Thunderstore API * fix: type issue * fix: prevent texts from overflowing * fix: all cards have same height * feat: add some space between cards * feat: add basic search bar to filter mods * fix: convert search string to lowercase to avoid font case issues * feat: remove some mods from listing * feat: a button opens mod page on Thunderstore website * feat: display some text if no mod matched searched words * fix: description size * fix: display mod's total downloads count * docs: add documentation to methods * refactor: store thunderstore mods in store * docs: remove TODO notes * style: add trailing line to ThunderstoreModVersion.d.ts * feat: cards container is responsive Mods cards will always appear centered on the screen, and cards container width adjusts to window width. * fix: debounce mods filtering Since filtering mods with search string is costly, we don't do it for each character entered into search bar, but rather wait (300ms) for the user to stop typing. * feat: add full_name field to ThunderstoreModVersion type * feat: mods can be installed by clicking the card button * feat: card displays a loader while mod is being installed * refactor: move installed mods list to frontend store Installed mods are now stored in the frontend store, so they can be used in all views. * feat: card button text varies regarding current mod's status Button can now tell if current mod is being installed, or if it is already installed on local file system. * refactor: export mod status computation in a dedicated method * feat: color buttons regarding associated mod's state * fix: set search debounce timeout to 200ms * refactor: local mods load is done by frontend store * fix: load locally-installed mods before fetching thunderstore mods * fix: display mods while typing in search bar * fix: type issue * fix: CI doesn't know NodeJS namespace * fix: adjust NorthstarMod member types (string instead of String) * feat: tell if a mod is outdated by checking its Thunderstore dependency string prefix * fix: update mods list after installing one from Thunderstore This way, after installing a mod, button text will display "Installed" instead of "Install". * refactor: export Thunderstore mod card to dedicated component file * refactor: rename computed variables * fix: use computed latestVersion member * feat: display "updating" on button when updating an already-installed mod * feat: add some background blur on thunderstore mods view * Update src-vue/src/views/ThunderstoreModsView.vue * Update src-vue/src/plugins/store.ts * fix: zoom background container a bit to hide white border on Windows
2022-11-13feat: Show stripped title bar on debug build (#48)GeckoEidechse
* feat: Show stripped title bar on debug build Helps with differentiating which window is which when both developing FlightCore and is using release version at the same time. * fix: Only show striped menubar for debug builds
2022-10-25feat: Show installed mods (#28)GeckoEidechse
Simply parses `enabledmods.json`. In the future we should also opt to check individual mods and compare with the JSON file.
2022-10-21feat: Add initial skeleton for ModsView (#27)GeckoEidechse
* feat: Backend code to get list of installed mods For now simply parses `enabledmods.json`. Note that this file will not be up-to-date if the user just installed a mod but hasn't launched Northstar yet. * feat: Empty skeleton page for ModsView Will be populated later with list of installed mods * chore: Remove leftover print statement
2022-10-20feat: apply same height to all menu componentsRemy Raes
2022-10-20fix: restore native bar drag regionRemy Raes
2022-10-20fix: adjust focus styleRemy Raes
2022-10-20fix: display dev button only when dev mode is enabledRemy Raes
2022-10-20refactor: remove useless CSS classesRemy Raes
2022-10-20refactor: use el-menu router configuration directlyRemy Raes
2022-10-20refactor: apply style to new app menuRemy Raes
2022-10-20refactor: replace tabs with app menu + router viewRemy Raes
2022-10-12fix: App bar drag (#13)Rémy Raes
* feat: dragging app bar drags the whole app The data-tauri-drag-region attribute cannot be put on menu bar directly because it contains elements, so we emulate its behavior with a mousedown listener. * fix: app cannot be dragged by background container * fix: type issues
2022-09-28feat: add changelog view componentAlystrasz
2022-09-26feat: add DeveloperView componentAlystrasz
2022-09-25feat: load up installation path in app state on launchRemy Raes
2022-09-25feat: add component to see game folder pathRemy Raes
2022-09-24feat: add a "see patch notes" link to main viewRemy Raes
2022-09-24feat: add developer_mode variableRemy Raes
2022-09-24fix: restore window controlsRemy Raes
2022-09-24feat: listen to origin/northstar eventsRemy Raes
2022-09-24refactor: hide mods section (for now)Remy Raes
2022-09-23feat: window can be dragged through dragging app backgroundRemy Raes
2022-09-23feat: window buttons can minimize and close itRemy Raes
2022-09-23feat: add additional styles for window control buttonsRemy Raes
2022-09-23feat: add window control buttonsRemy Raes
2022-09-23feat: add PlayView componentRemy Raes
2022-09-23feat: update tabs header styleRemy Raes
2022-09-23feat: add a container to display background imagesRemy Raes
2022-09-23feat: add some style to tabsRemy Raes
2022-09-23feat: add basic tabsRemy Raes
2022-09-22refactor: remove HelloWorld vue componentRemy Raes
2022-09-22feat: add basic layoutRemy Raes