Skip to content

Commit cbf022c

Browse files
riclolsenriclolsen
committed
Add new integrated AdminUI project, in development with Vuetify 3.
1 parent 0865f16 commit cbf022c

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

53 files changed

+13703
-0
lines changed

‎src/AdminUI/.browserslistrc

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
> 1%
2+
last 2 versions
3+
not dead
4+
not ie 11

‎src/AdminUI/.editorconfig

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
[*.{js,jsx,ts,tsx,vue}]
2+
indent_style = space
3+
indent_size = 2
4+
trim_trailing_whitespace = true
5+
insert_final_newline = true

‎src/AdminUI/.eslintrc.js

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
module.exports = {
2+
root: true,
3+
env: {
4+
node: true,
5+
},
6+
extends: [
7+
'plugin:vue/vue3-essential',
8+
'eslint:recommended',
9+
],
10+
}

‎src/AdminUI/.gitignore

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
.DS_Store
2+
node_modules
3+
/public
4+
/dist
5+
6+
# local env files
7+
.env.local
8+
.env.*.local
9+
10+
# Log files
11+
npm-debug.log*
12+
yarn-debug.log*
13+
yarn-error.log*
14+
pnpm-debug.log*
15+
16+
# Editor directories and files
17+
.idea
18+
.vscode
19+
*.suo
20+
*.ntvs*
21+
*.njsproj
22+
*.sln
23+
*.sw?

‎src/AdminUI/.prettierrc.json

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
{
2+
"trailingComma": "es5",
3+
"tabWidth": 2,
4+
"semi": false,
5+
"singleQuote": true,
6+
"bracketSpacing": true,
7+
"bracketSameLine": false,
8+
"jsxBracketSameLine": false,
9+
"jsxSingleQuote": false,
10+
"arrowParens": "always",
11+
"proseWrap": "preserve",
12+
"printWidth": 80,
13+
"htmlWhitespaceSensitivity": "strict",
14+
"endOfLine": "lf",
15+
"quoteProps": "as-needed",
16+
"vueIndentScriptAndStyle": true,
17+
"embeddedLanguageFormatting": "auto",
18+
"singleAttributePerLine": false,
19+
"requirePragma" : false,
20+
"insertPragma": false,
21+
"experimentalTernaries": true
22+
}

‎src/AdminUI/README.md

+79
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
# Vuetify (Default)
2+
3+
This is the official scaffolding tool for Vuetify, designed to give you a head start in building your new Vuetify application. It sets up a base template with all the necessary configurations and standard directory structure, enabling you to begin development without the hassle of setting up the project from scratch.
4+
5+
## ❗️ Important Links
6+
7+
- 📄 [Docs](https://vuetifyjs.com/)
8+
- 🚨 [Issues](https://issues.vuetifyjs.com/)
9+
- 🏬 [Store](https://store.vuetifyjs.com/)
10+
- 🎮 [Playground](https://play.vuetifyjs.com/)
11+
- 💬 [Discord](https://community.vuetifyjs.com)
12+
13+
## 💿 Install
14+
15+
Set up your project using your preferred package manager. Use the corresponding command to install the dependencies:
16+
17+
| Package Manager | Command |
18+
|---------------------------------------------------------------|----------------|
19+
| [yarn](https://yarnpkg.com/getting-started) | `yarn install` |
20+
| [npm](https://docs.npmjs.com/cli/v7/commands/npm-install) | `npm install` |
21+
| [pnpm](https://pnpm.io/installation) | `pnpm install` |
22+
| [bun](https://bun.sh/#getting-started) | `bun install` |
23+
24+
After completing the installation, your environment is ready for Vuetify development.
25+
26+
## ✨ Features
27+
28+
- 🖼️ **Optimized Front-End Stack**: Leverage the latest Vue 3 and Vuetify 3 for a modern, reactive UI development experience. [Vue 3](https://v3.vuejs.org/) | [Vuetify 3](https://vuetifyjs.com/en/)
29+
- 🗃️ **State Management**: Integrated with [Pinia](https://pinia.vuejs.org/), the intuitive, modular state management solution for Vue.
30+
- 🚦 **Routing and Layouts**: Utilizes Vue Router for SPA navigation and vite-plugin-vue-layouts for organizing Vue file layouts. [Vue Router](https://router.vuejs.org/) | [vite-plugin-vue-layouts](https://github.com/JohnCampionJr/vite-plugin-vue-layouts)
31+
- ⚡ **Next-Gen Tooling**: Powered by Vite, experience fast cold starts and instant HMR (Hot Module Replacement). [Vite](https://vitejs.dev/)
32+
- 🧩 **Automated Component Importing**: Streamline your workflow with unplugin-vue-components, automatically importing components as you use them. [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components)
33+
34+
These features are curated to provide a seamless development experience from setup to deployment, ensuring that your Vuetify application is both powerful and maintainable.
35+
36+
## 💡 Usage
37+
38+
This section covers how to start the development server and build your project for production.
39+
40+
### Starting the Development Server
41+
42+
To start the development server with hot-reload, run the following command. The server will be accessible at [http://localhost:3000](http://localhost:3000):
43+
44+
```bash
45+
yarn dev
46+
```
47+
48+
(Repeat for npm, pnpm, and bun with respective commands.)
49+
50+
> Add NODE_OPTIONS='--no-warnings' to suppress the JSON import warnings that happen as part of the Vuetify import mapping. If you are on Node [v21.3.0](https://nodejs.org/en/blog/release/v21.3.0) or higher, you can change this to NODE_OPTIONS='--disable-warning=5401'. If you don't mind the warning, you can remove this from your package.json dev script.
51+
52+
### Building for Production
53+
54+
To build your project for production, use:
55+
56+
```bash
57+
yarn build
58+
```
59+
60+
(Repeat for npm, pnpm, and bun with respective commands.)
61+
62+
Once the build process is completed, your application will be ready for deployment in a production environment.
63+
64+
## 💪 Support Vuetify Development
65+
66+
This project is built with [Vuetify](https://vuetifyjs.com/en/), a UI Library with a comprehensive collection of Vue components. Vuetify is an MIT licensed Open Source project that has been made possible due to the generous contributions by our [sponsors and backers](https://vuetifyjs.com/introduction/sponsors-and-backers/). If you are interested in supporting this project, please consider:
67+
68+
- [Requesting Enterprise Support](https://support.vuetifyjs.com/)
69+
- [Sponsoring John on Github](https://github.com/users/johnleider/sponsorship)
70+
- [Sponsoring Kael on Github](https://github.com/users/kaelwd/sponsorship)
71+
- [Supporting the team on Open Collective](https://opencollective.com/vuetify)
72+
- [Becoming a sponsor on Patreon](https://www.patreon.com/vuetify)
73+
- [Becoming a subscriber on Tidelift](https://tidelift.com/subscription/npm/vuetify)
74+
- [Making a one-time donation with Paypal](https://paypal.me/vuetify)
75+
76+
## 📑 License
77+
[MIT](http://opensource.org/licenses/MIT)
78+
79+
Copyright (c) 2016-present Vuetify, LLC

‎src/AdminUI/index.html

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<link rel="icon" href="/favicon.ico" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<title>JSON-SCADA</title>
9+
</head>
10+
11+
<body>
12+
<div id="app"></div>
13+
<script type="module" src="/src/main.js"></script>
14+
</body>
15+
16+
</html>

‎src/AdminUI/jsconfig.json

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"compilerOptions": {
3+
"allowJs": true,
4+
"target": "es5",
5+
"module": "esnext",
6+
"baseUrl": "./",
7+
"moduleResolution": "bundler",
8+
"paths": {
9+
"@/*": [
10+
"src/*"
11+
]
12+
},
13+
"lib": [
14+
"esnext",
15+
"dom",
16+
"dom.iterable",
17+
"scripthost"
18+
]
19+
}
20+
}

0 commit comments

Comments
 (0)