@bildvitta/quasar-app-extension-asteroid v3.14.0
Asteroid
Esta App Extension
contém metodos, componentes e estilos para auxiliar o desenvolvimento de aplicativos com Quasar, principalmente C.R.U.D. (Create, Read, Update, Delete), seguindo nosso Design System.
Observação: Alguns componentes do Quasar precisam ser importados manualmente dentro de quasar.config.js (por exemplo quando usar o QasFormView
terá que importar o QPage).
Estrutura
- /app-extension - Quasar app extension
- /ui - standalone npm package
Variaveis de ambiente
Variables | Description |
---|---|
BUCKET_URL | Endereço de hospedagem do assets. |
SERVER_BASE_URL | Endereço de acesso do servidor base. |
SERVER_TIMEOUT | Tempo de espera para API responder. |
MAPS_API_KEY | Chave do Google Maps. |
Instação
$ quasar ext add @bildvitta/asteroid
Na raiz do seu projeto, entre na pasta src/css/quasar.variables.scss
e coloque este código no final do arquivo:
// Asteroid
@mixin setBrand($name, $color) {
:root {
--q-color-#{$name}: #{$color};
}
.text-#{$name} {
color: $color !important;
color: var(--q-color-#{$name}) !important;
}
.bg-#{$name} {
background: $color !important;
background: var(--q-color-#{$name}) !important;
}
}
$primary-contrast: #eaeaff;
$secondary-contrast: #ecffea;
@include setBrand(primary-contrast, $primary-contrast);
@include setBrand(secondary-contrast, $secondary-contrast);
Usage
After the installation the app-extension is ready to be used, check here the documentation.
Development
$ git clone https://github.com/bildvitta/asteroid
Go to /app-extension
folder:
$ npm i
Go to /ui
folder:
$ npm i
Now in ui/dev
folder:
$ npm i
$ quasar dev
Inside ui/dev
you can test the app-extension.
Testing with npm link
In root
folder:
$ npm i
Go to /ui
folder:
$ npm i
$ npm link
Now go to /app-extension
folder:
$ npm i
$ npm link
$ npm link @bildvitta/quasar-ui-asteroid
You have linked your app-extension and ui folder, go to the project that you are using asteroid
and link them:
$ npm link @bildvitta/quasar-app-extension-asteroid
$ npm link @bildvitta/quasar-ui-asteroid
Now your project is linked with asteroid directory and not anymore with is installed within node_modules of project.
To unlink asteroid directory:
$ npm i
Uninstall
$ quasar ext remove @bildvitta/asteroid
Donate
If you appreciate the work that went into this project, please consider donating to Quasar.
License
MIT (c) Bild & Vitta systemteam@bild.com.br
8 days ago
10 days ago
13 days ago
14 days ago
20 days ago
28 days ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
7 months ago
7 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
6 months ago
6 months ago
6 months ago
6 months ago
7 months ago
7 months ago
6 months ago
7 months ago
5 months ago
10 months ago
10 months ago
8 months ago
9 months ago
10 months ago
10 months ago
10 months ago
8 months ago
8 months ago
8 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
7 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
10 months ago
10 months ago
10 months ago
10 months ago
12 months ago
12 months ago
12 months ago
1 year ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago