@adjai/ngx-library v0.0.138
NgxLibrary
This library was generated with Angular CLI version 12.2.0.
Installation
npm i @adjai/ngx-library
Including styles
Import styles to your main style.scss:
@import "../node_modules/@adjai/ngx-library/assets/styles/base";
@import "../node_modules/@adjai/ngx-library/assets/styles/default";
Configuring
Import required modules into your main module (bmqd):
imports: [
ApiModule.forRoot({apiBaseUrl: environment.apiBaseUrl}), // apiBaseUrll - url to api with ending slash
AuthModule.forRoot({
homePage: '/',
loginPage: '/auth',
loggedInPage: '/cabinet',
providers: {
[Oauth2Providers.Google]: {
clientId: '86040793363-bpg8a9eg4qj31f5rpifap8453s18repl.apps.googleusercontent.com', // clientId for development purposes only
},
}
}),
LanguageModule.forRoot({
language: 'russian',
supportedLanguages: ['english', 'russian'],
translations: {}
})
]
Регистрация Oauth2-сервисов
Mail.ru: https://api.mail.ru/sites/my/
VK: https://vk.com/apps?act=manage
Google: https://console.cloud.google.com/apis/credentials
Ссылка на редирект: https://домен/auth/oauth2/redirect
Работа с формами
.form-row > .control > (label + input) # Несколько полей в одной строке (label и input одного поля друг под другом):
.form-row > .control-row > (label + input) # Несколько полей в одной строке (все label и input в одну строку):
.form-row.single-element-row > .control > (label + input) # Все поля располагаются друг под другом, label и input одного поля также друг под другом
Стили
- --global-ngxlib-control-gap
- --global-ngxlib-control-radius
- --global-ngxlib-control-padding
- --global-ngxlib-button-color
- --global-ngxlib-button-color-hover
- --global-ngxlib-button-bg
- --global-ngxlib-button-bg-hover
- --global-ngxlib-button-border-color
- --global-ngxlib-button-primary-color
- --global-ngxlib-button-primary-color-hover
- --global-ngxlib-button-primary-bg
- --global-ngxlib-button-primary-bg-hover
- --global-ngxlib-button-primary-border-color
- --global-ngxlib-button-secondary-color
- --global-ngxlib-button-secondary-color-hover
- --global-ngxlib-button-secondary-bg
- --global-ngxlib-button-secondary-bg-hover
- --global-ngxlib-button-secondary-border-color
- --global-ngxlib-input-border-color: #ddd;
- --global-ngxlib-input-bg: #fff;
- --global-ngxlib-input-disabled-color: #999;
- --global-ngxlib-input-disabled-bg: #f5f5f5;
- --global-ngxlib-input-readonly-bg: #f5f5f5;
6 months ago
8 months ago
8 months ago
9 months ago
8 months ago
8 months ago
9 months ago
9 months 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
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