Skip to content

Commit 0e73ae4

Browse files
sajadevosajadevo
committed
Add the project starter file
0 parents  commit 0e73ae4

File tree

347 files changed

+34312
-0
lines changed

Some content is hidden

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

347 files changed

+34312
-0
lines changed

‎.browserslistrc‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
> 1%
2+
last 2 versions
3+
not dead

‎.eslintrc.js‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
module.exports = {
2+
root: true,
3+
env: {
4+
node: true,
5+
},
6+
extends: ["plugin:vue/vue3-essential", "eslint:recommended", "@vue/prettier"],
7+
parserOptions: {
8+
parser: "babel-eslint",
9+
},
10+
rules: {
11+
"no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
12+
"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
13+
},
14+
};

‎.gitignore‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
.DS_Store
2+
node_modules
3+
/dist
4+
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?
24+
25+
package-lock.json
26+
yarn.lock

‎README.md‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# vue-soft-ui-dashboard-pro
2+
3+
## Project setup
4+
```
5+
npm install
6+
```
7+
8+
### Compiles and hot-reloads for development
9+
```
10+
npm run serve
11+
```
12+
13+
### Compiles and minifies for production
14+
```
15+
npm run build
16+
```
17+
18+
### Lints and fixes files
19+
```
20+
npm run lint
21+
```
22+
23+
### Customize configuration
24+
See [Configuration Reference](https://cli.vuejs.org/config/).

‎babel.config.js‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
module.exports = {
2+
presets: ["@vue/cli-plugin-babel/preset"],
3+
};

‎package.json‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
{
2+
"name": "vue-soft-ui-dashboard",
3+
"version": "1.0.0",
4+
"private": true,
5+
"scripts": {
6+
"serve": "vue-cli-service serve",
7+
"build": "vue-cli-service build",
8+
"lint": "vue-cli-service lint"
9+
},
10+
"dependencies": {
11+
"@popperjs/core": "2.10.2",
12+
"bootstrap": "5.1.3",
13+
"chart.js": "3.6.0",
14+
"core-js": "3.6.5",
15+
"jkanban": "^1.3.1",
16+
"vue": "3.2.0",
17+
"vue-flatpickr-component": "9.0.5",
18+
"vue-router": "^4.0.0-0",
19+
"vuex": "^4.0.2"
20+
},
21+
"devDependencies": {
22+
"@vue/cli-plugin-babel": "~4.5.0",
23+
"@vue/cli-plugin-eslint": "~4.5.0",
24+
"@vue/cli-plugin-router": "~4.5.0",
25+
"@vue/cli-service": "~4.5.0",
26+
"@vue/compiler-sfc": "3.2.0",
27+
"@vue/eslint-config-prettier": "6.0.0",
28+
"babel-eslint": "10.1.0",
29+
"eslint": "6.7.2",
30+
"eslint-plugin-prettier": "3.3.1",
31+
"eslint-plugin-vue": "7.0.0",
32+
"prettier": "2.2.1",
33+
"sass": "1.43.3",
34+
"sass-loader": "10.1.1"
35+
}
36+
}

‎public/favicon.png‎

6.79 KB
Loading

‎public/index.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!DOCTYPE html>
2+
<html lang="">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
7+
<link rel="icon" href="<%= BASE_URL %>favicon.png" />
8+
<title>Vue Soft UI Dashboard</title>
9+
10+
<link
11+
href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"
12+
rel="stylesheet"
13+
/>
14+
15+
<!-- Font Awesome Icons -->
16+
<script
17+
src="https://kit.fontawesome.com/42d5adcbca.js"
18+
crossorigin="anonymous"
19+
></script>
20+
<link
21+
rel="stylesheet"
22+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
23+
/>
24+
<script async defer src="https://buttons.github.io/buttons.js"></script>
25+
</head>
26+
<body class="bg-gray-100">
27+
<noscript>
28+
<strong
29+
>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
30+
properly without JavaScript enabled. Please enable it to
31+
continue.</strong
32+
>
33+
</noscript>
34+
<div id="app" class="g-sidenav-show"></div>
35+
<!-- built files will be auto injected -->
36+
</body>
37+
</html>

‎src/App.vue‎

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
<template>
2+
<sidenav
3+
:custom_class="this.$store.state.mcolor"
4+
:class="[
5+
this.$store.state.isTransparent,
6+
this.$store.state.isRTL ? 'fixed-end' : 'fixed-start',
7+
]"
8+
v-if="this.$store.state.showSidenav"
9+
/>
10+
<main
11+
class="main-content position-relative max-height-vh-100 h-100 border-radius-lg"
12+
>
13+
<!-- nav -->
14+
<navbar
15+
:class="[navClasses]"
16+
:textWhite="this.$store.state.isAbsolute ? 'text-white opacity-8' : ''"
17+
:minNav="navbarMinimize"
18+
v-if="this.$store.state.showNavbar"
19+
/>
20+
<router-view />
21+
<app-footer v-show="this.$store.state.showFooter" />
22+
<configurator
23+
:toggle="toggleConfigurator"
24+
:class="[
25+
this.$store.state.showConfig ? 'show' : '',
26+
this.$store.state.hideConfigButton ? 'd-none' : '',
27+
]"
28+
/>
29+
</main>
30+
</template>
31+
<script>
32+
import Sidenav from "./examples/Sidenav";
33+
import Configurator from "@/examples/Configurator.vue";
34+
import Navbar from "@/examples/Navbars/Navbar.vue";
35+
import AppFooter from "@/examples/Footer.vue";
36+
import { mapMutations } from "vuex";
37+
export default {
38+
name: "App",
39+
components: {
40+
Sidenav,
41+
Configurator,
42+
Navbar,
43+
AppFooter,
44+
},
45+
methods: {
46+
...mapMutations(["toggleConfigurator", "navbarMinimize"]),
47+
},
48+
computed: {
49+
navClasses() {
50+
return {
51+
"position-sticky blur shadow-blur mt-4 left-auto top-1 z-index-sticky": this
52+
.$store.state.isNavFixed,
53+
"position-absolute px-4 mx-0 w-100 z-index-2": this.$store.state
54+
.isAbsolute,
55+
"px-0 mx-4 mt-4": !this.$store.state.isAbsolute,
56+
};
57+
},
58+
},
59+
beforeMount() {
60+
this.$store.state.isTransparent = "bg-transparent";
61+
},
62+
};
63+
</script>

0 commit comments

Comments
 (0)