Domino WEB UI User interface

• The next-generation user experience of our printers and devices.

• Solves common UX issues found in QS3.

• The new user interface improves usability and adheres to company branding.

• Responsive - Designed to allow for run on both small and large screens.

• Includes Vite server

• Includes NodeJs for Bootstrap and VUE support

• Based in HTML/CSS and VUE for web applications and user interfaces.

• Use Bootstrap 5.2 as the framework (https://getbootstrap.com/docs/5.2/getting-started/introduction/)

• Modified using SCSS variables

• VUE component library of common user inputs and buttons that can be accessed via global import.

• Approach informed by: (https://codeguide.co/)

• Includes Tauri Build option for creation of a wrapper around web UI so it can be run as Application on a windows enviroment with install into a folder on the desktop and splash options.

Uses the following: bootstrap": ^5.3.3 vue: ^3.4.15", vue-router: ^4.2.5

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint

Tauri build ESLint

npm run tauri build

Docker :whale:

To build a Docker image of this application run:

docker build . -t d-ui

To run the Docker image run:

docker run -p 8050:80 d-ui

The application will be available at http://127.0.0.1:8050.