This app is designed to be an out-of-game friendly and easy to use solution for the creation and editing of overview files (.yaml), which are normally located in C:\Users\YourName\Documents\EVE\Overview in Windows.
Made with Vue and Bootstrap.
I know I could have made it using pure javascript, but I've been wanting to learn Vue for a while now. It also allows me to easily scale it up in the future if needed.
And I like Bootstrap :P
App mockup, will update with a proper base design soon.
The app is divided into four sections:
- Navbar (top)
- Object List (left section)
- Settings (mid section)
- Live Preview (right section)
The navbar is pretty simple, mainly decorative for now, but it's reserved for page linking to other tools within and outside the app.
It also has the Import and Export buttons for the overview files.
The Object List shows a stylized list of the latest database dump, filtered to only show objects which are visible in the in-game overview.
The list shows objects already grouped by their group ID's (these ID's are the ones used to enable and disable objects in the in-game overview, and not the individual object ID's), but you'll able to search for individual objects by name and see their associated group ID and sibling objects.
The Settings has all the in-game options to configure your overview.
Plus it has enhanced editing features for naming and colouring Tabs and Presets.
The Live Preview shows your changes in real time for both the overview panel and the HUD brackets.
You can use the latest stable version here: Z-S Overview Customizer
Alternitavely you can clone the repository on your own machine and run it locally.
These are the base commands you can use locally.
Make sure to have Node.js (LTS recommended) and NPM (comes with Node) installed and updated.
npm installnpm run servenpm run lintAccess the dist folder and open the index.html to run the app locally.
npm run build