dolphinscheduler0701/dolphinscheduler-ui
lynn-illumio 234f2e8a40
[Feat][UI] Set up UI setting component in profile page (#11226)
* Set up UI setting component in profile page

* Add UI setting page to the route, remove UI setting section from the profile

* Add log auto refresh timer store

* Add logTimer to pinia store and cookies

* Read logTimer from pinia store, and delay getLogs by passing the logTimer to setInterval in refreshLogs function

* Add log timer to getLogs

* Fine tune view log, add auto refresh based on time interval set in UI setting

* Add useI18n to ui setting

* Set up UI setting component in profile page

* Add UI setting page to the route, remove UI setting section from the profile

* Add log auto refresh timer store

* Add logTimer to pinia store and cookies

* Read logTimer from pinia store, and delay getLogs by passing the logTimer to setInterval in refreshLogs function

* Add log timer to getLogs

* Fine tune view log, add auto refresh based on time interval set in UI setting

* Add useI18n to ui setting

* [Feat][UI] Add UI setting page in the project.

* [Feat][UI] Add UI setting page in the project.

* Remove logTimer in cookies

* Clear timer id, set VITE_APP_DEV_WEB_URL back to default

* Clear time id in dag

* [Feat][UI] Add license header.

* [Feat][UI] Remove console.

* [Fix][UI] Fix log timer types.

Co-authored-by: songjianet <1778651752@qq.com>
2022-10-08 16:35:14 +08:00
..
public [Feature][TASK-PLUGIN] AWS Database Migration Service (DMS) (#11868) 2022-09-30 10:16:16 +08:00
src [Feat][UI] Set up UI setting component in profile page (#11226) 2022-10-08 16:35:14 +08:00
.env.development [Feature] Remove old ui. (#9909) 2022-05-06 14:04:35 +08:00
.env.production [Feature] Remove old ui. (#9909) 2022-05-06 14:04:35 +08:00
.eslintignore [Feature] Remove old ui. (#9909) 2022-05-06 14:04:35 +08:00
.eslintrc.js [Feature] Remove old ui. (#9909) 2022-05-06 14:04:35 +08:00
.gitignore [Feature] Remove old ui. (#9909) 2022-05-06 14:04:35 +08:00
.prettierignore [Feature] Remove old ui. (#9909) 2022-05-06 14:04:35 +08:00
.prettierrc.js [Feature] Remove old ui. (#9909) 2022-05-06 14:04:35 +08:00
README.md [Doc][Style] Fix doc format once for all (#12006) 2022-09-17 11:33:32 +08:00
index.html [Feature] Remove old ui. (#9909) 2022-05-06 14:04:35 +08:00
package.json [Feat][UI] Update package. (#12046) 2022-09-19 20:58:41 +08:00
pnpm-lock.yaml [Feat][UI] Set up UI setting component in profile page (#11226) 2022-10-08 16:35:14 +08:00
pom.xml Add dolphinscheduler-bom to manage the dependency version (#11025) 2022-07-20 10:37:31 +08:00
tsconfig.json [Feature] Remove old ui. (#9909) 2022-05-06 14:04:35 +08:00
vite.config.ts [Build][UI] Solve vite config throws terser warning. (#10105) 2022-05-18 22:12:52 +08:00

README.md

Dolphin Scheduler UI

Brand new UI management system (V3.0.0-Release).

Compared with the old UI, it will be more standardized, and it will also have a more complete type checking mechanism. At the same time, its speed has made a qualitative leap.

We also provide dark mode and light mode to meet the preferences of different developers. It will make your eyes shine.

If you have tried the new UI and found problems in use, you can contact us through issue.


Start Using

For the best experience, we recommend using node 16.x.x and pnpm 7.x.x. You can learn how to install the corresponding version from their official website.

Install Dependencies

pnpm install

Development Project

To do this you need to change the VITE_APP_DEV_WEB_URL parameter variable in .env.development in the project root directory.

It is worth noting that when you do not change the request path or route, you only need to write http, ip and port without the / symbol at the end, such as http://127.0. 0.1:12345.

pnpm run dev

Build Project

When you are ready to package, you need to modify the VITE_APP_PROD_WEB_URL parameter in .env.production accordingly to ensure that the packaged file can be normally requested to the backend service address.

pnpm run build:prod

Participate Development

Code Format

Usually after you modify the code, you need to perform code formatting operations to ensure that the code in the project is the same style.

pnpm run prettier

Type Checking

If you are involved in the development of the UI, please make sure to perform type checking before submitting the code, and submit it without errors.

vue-tsc --noEmit