From 60843a50cdcf5b2951c1ddc7a5df48852e0bde47 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Can=20Y=C4=B1lmaz?= Date: Fri, 12 May 2023 03:05:49 +0300 Subject: [PATCH 1/9] document form input component --- docs/en/UI/Angular/FormInput-Component.md | 43 ++++++++++++++++++++++ docs/en/UI/Angular/images/form-input.png | Bin 0 -> 5896 bytes 2 files changed, 43 insertions(+) create mode 100644 docs/en/UI/Angular/FormInput-Component.md create mode 100644 docs/en/UI/Angular/images/form-input.png diff --git a/docs/en/UI/Angular/FormInput-Component.md b/docs/en/UI/Angular/FormInput-Component.md new file mode 100644 index 0000000000..11b857ddb4 --- /dev/null +++ b/docs/en/UI/Angular/FormInput-Component.md @@ -0,0 +1,43 @@ +# Form Input Component + +The ABP FormInput Component is a reusable form input component for text type. + +It takes `label`, `labelClass` (default form-label), `inputId`,`inputPlaceholder`,`inputReadonly`,`inputClass` (default form-control) and `inputStyle` as input to customize component. Also, it emits `formBlur` and `formFocus` events when component gain or lose focus. + +# Usage + +ABP FormInput component is a part of the `ThemeSharedModule` module. If you've imported that module into your module, you don't need to import it again. If not, first import it as shown below: + +```ts +// my-feature.module.ts + +import { ThemeSharedModule } from "@abp/ng.theme.shared"; +import { FomrInputDemoComponent } from "./FomrInputDemoComponent.component"; + +@NgModule({ + imports: [ + ThemeSharedModule, + // ... + ], + declarations: [FomrInputDemoComponent], + // ... +}) +export class MyFeatureModule {} +``` + +Then, the `abp-form-input` component can be used. See the example below: + +```html +
+
+ +
+
+``` + +See the form input result below: + +![abp-form-input](./images/form-input.png) diff --git a/docs/en/UI/Angular/images/form-input.png b/docs/en/UI/Angular/images/form-input.png new file mode 100644 index 0000000000000000000000000000000000000000..73c9cfd74ccf777e26e75eb8e743bec72411811a GIT binary patch literal 5896 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 HHu66J^~51m literal 0 HcmV?d00001 From d19c21e1e040cc133cce35f776fc5e1cd44f4536 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Can=20Y=C4=B1lmaz?= Date: Fri, 12 May 2023 03:06:17 +0300 Subject: [PATCH 2/9] document checkbox component --- docs/en/UI/Angular/Checkbox-Component.md | 39 ++++++++++++++++++++ docs/en/UI/Angular/images/form-checkbox.png | Bin 0 -> 2723 bytes 2 files changed, 39 insertions(+) create mode 100644 docs/en/UI/Angular/Checkbox-Component.md create mode 100644 docs/en/UI/Angular/images/form-checkbox.png diff --git a/docs/en/UI/Angular/Checkbox-Component.md b/docs/en/UI/Angular/Checkbox-Component.md new file mode 100644 index 0000000000..e33611e471 --- /dev/null +++ b/docs/en/UI/Angular/Checkbox-Component.md @@ -0,0 +1,39 @@ +# Checkbox Component + +The ABP Checkbox Component is a reusable form input component for checkbox type. + +It takes `label`, `labelClass` (default form-check-label), `checkboxId`,`checkboxReadonly`,`checkboxReadonly` (default form-check-input) and `checkboxStyle` as input to customize component. Also, it emits `checkboxBlur` and `checkboxFocus` events when component gain or lose focus. + +# Usage + +ABP Checkbox component is a part of the `ThemeSharedModule` module. If you've imported that module into your module, you don't need to import it again. If not, first import it as shown below: + +```ts +// my-feature.module.ts + +import { ThemeSharedModule } from "@abp/ng.theme.shared"; +import { CheckboxDemoComponent } from "./CheckboxDemoComponent.component"; + +@NgModule({ + imports: [ + ThemeSharedModule, + // ... + ], + declarations: [CheckboxDemoComponent], + // ... +}) +export class MyFeatureModule {} +``` + +Then, the `abp-checkbox` component can be used. See the example below: + +```html +
+ + +
+``` + +See the checkbox input result below: + +![abp-form-input](./images/form-checkbox.png) diff --git a/docs/en/UI/Angular/images/form-checkbox.png b/docs/en/UI/Angular/images/form-checkbox.png new file mode 100644 index 0000000000000000000000000000000000000000..18d064c474fc889904deed0e1662cfd2685b0fe1 GIT binary patch literal 2723 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 UcgBF|)vyE@8<^`?LmZ?31JKPLZ~y=R literal 0 HcmV?d00001 From 0cd91c5326b47fbf50ac876f4157e1c9f957ec55 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Can=20Y=C4=B1lmaz?= Date: Fri, 12 May 2023 03:07:05 +0300 Subject: [PATCH 3/9] fix card demo component name --- docs/en/UI/Angular/Card-Component.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/en/UI/Angular/Card-Component.md b/docs/en/UI/Angular/Card-Component.md index 861171c39e..ca056853ff 100644 --- a/docs/en/UI/Angular/Card-Component.md +++ b/docs/en/UI/Angular/Card-Component.md @@ -29,7 +29,7 @@ ABP Card Component is a part of the `ThemeSharedModule` module. If you've import // my-feature.module.ts import { ThemeSharedModule } from '@abp/ng.theme.shared'; -import { CardDemoComponent } from './chart-demo.component'; +import { CardDemoComponent } from './card-demo.component'; @NgModule({ imports: [ From 6fef25c797fdbb1bdf1fe13e5d4262fde2e1c920 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Can=20Y=C4=B1lmaz?= Date: Fri, 12 May 2023 16:45:47 +0300 Subject: [PATCH 4/9] tidy up formatting --- docs/en/UI/Angular/Checkbox-Component.md | 16 ++++++++++++++-- docs/en/UI/Angular/FormInput-Component.md | 15 ++++++++++++--- 2 files changed, 26 insertions(+), 5 deletions(-) diff --git a/docs/en/UI/Angular/Checkbox-Component.md b/docs/en/UI/Angular/Checkbox-Component.md index e33611e471..15d2a418ae 100644 --- a/docs/en/UI/Angular/Checkbox-Component.md +++ b/docs/en/UI/Angular/Checkbox-Component.md @@ -2,7 +2,19 @@ The ABP Checkbox Component is a reusable form input component for checkbox type. -It takes `label`, `labelClass` (default form-check-label), `checkboxId`,`checkboxReadonly`,`checkboxReadonly` (default form-check-input) and `checkboxStyle` as input to customize component. Also, it emits `checkboxBlur` and `checkboxFocus` events when component gain or lose focus. +# Inputs + +- `label` +- `labelClass (default form-check-label)` +- `checkboxId` +- `checkboxReadonly` +- `checkboxReadonly (default form-check-input)` +- `checkboxStyle` + +# Outputs + +- `checkboxBlur` +- `checkboxFocus` # Usage @@ -36,4 +48,4 @@ Then, the `abp-checkbox` component can be used. See the example below: See the checkbox input result below: -![abp-form-input](./images/form-checkbox.png) +![abp-checkbox](./images/form-checkbox.png) diff --git a/docs/en/UI/Angular/FormInput-Component.md b/docs/en/UI/Angular/FormInput-Component.md index 11b857ddb4..a7a4bda0fd 100644 --- a/docs/en/UI/Angular/FormInput-Component.md +++ b/docs/en/UI/Angular/FormInput-Component.md @@ -2,7 +2,16 @@ The ABP FormInput Component is a reusable form input component for text type. -It takes `label`, `labelClass` (default form-label), `inputId`,`inputPlaceholder`,`inputReadonly`,`inputClass` (default form-control) and `inputStyle` as input to customize component. Also, it emits `formBlur` and `formFocus` events when component gain or lose focus. +# Inputs +* `label` +* `labelClass (default form-label)` +* `inputPlaceholder` +* `inputReadonly` +* `inputClass (default form-control)` + +# Outputs +* `formBlur` +* `formFocus` # Usage @@ -12,14 +21,14 @@ ABP FormInput component is a part of the `ThemeSharedModule` module. If you've i // my-feature.module.ts import { ThemeSharedModule } from "@abp/ng.theme.shared"; -import { FomrInputDemoComponent } from "./FomrInputDemoComponent.component"; +import { FormInputDemoComponent } from "./FomrInputDemoComponent.component"; @NgModule({ imports: [ ThemeSharedModule, // ... ], - declarations: [FomrInputDemoComponent], + declarations: [FormInputDemoComponent], // ... }) export class MyFeatureModule {} From b8e83f3952afe39a01329ffa359a2b6f73b75385 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Can=20Y=C4=B1lmaz?= Date: Fri, 12 May 2023 16:52:36 +0300 Subject: [PATCH 5/9] Update Checkbox-Component.md --- docs/en/UI/Angular/Checkbox-Component.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/en/UI/Angular/Checkbox-Component.md b/docs/en/UI/Angular/Checkbox-Component.md index 15d2a418ae..d85ba283e9 100644 --- a/docs/en/UI/Angular/Checkbox-Component.md +++ b/docs/en/UI/Angular/Checkbox-Component.md @@ -27,8 +27,8 @@ import { ThemeSharedModule } from "@abp/ng.theme.shared"; import { CheckboxDemoComponent } from "./CheckboxDemoComponent.component"; @NgModule({ - imports: [ - ThemeSharedModule, +imports: [ + ThemeSharedModule, // ... ], declarations: [CheckboxDemoComponent], From cadb7835a9d90c73790c34e17f26d0f4af3137a7 Mon Sep 17 00:00:00 2001 From: Masum ULU <49063256+masumulu28@users.noreply.github.com> Date: Fri, 12 May 2023 16:58:43 +0300 Subject: [PATCH 6/9] Update FormInput-Component.md --- docs/en/UI/Angular/FormInput-Component.md | 25 ++++++++++------------- 1 file changed, 11 insertions(+), 14 deletions(-) diff --git a/docs/en/UI/Angular/FormInput-Component.md b/docs/en/UI/Angular/FormInput-Component.md index a7a4bda0fd..07f72cefc2 100644 --- a/docs/en/UI/Angular/FormInput-Component.md +++ b/docs/en/UI/Angular/FormInput-Component.md @@ -18,18 +18,15 @@ The ABP FormInput Component is a reusable form input component for text type. ABP FormInput component is a part of the `ThemeSharedModule` module. If you've imported that module into your module, you don't need to import it again. If not, first import it as shown below: ```ts -// my-feature.module.ts - import { ThemeSharedModule } from "@abp/ng.theme.shared"; import { FormInputDemoComponent } from "./FomrInputDemoComponent.component"; @NgModule({ - imports: [ - ThemeSharedModule, - // ... - ], - declarations: [FormInputDemoComponent], - // ... + imports: [ + ThemeSharedModule, + // ... + ], + declarations: [FormInputDemoComponent], }) export class MyFeatureModule {} ``` @@ -38,12 +35,12 @@ Then, the `abp-form-input` component can be used. See the example below: ```html
-
- -
+
+ +
``` From a20540230432d2c67d0261f70274a477a8c649a4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Can=20Y=C4=B1lmaz?= Date: Fri, 12 May 2023 17:03:25 +0300 Subject: [PATCH 7/9] Update Checkbox-Component.md --- docs/en/UI/Angular/Checkbox-Component.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/docs/en/UI/Angular/Checkbox-Component.md b/docs/en/UI/Angular/Checkbox-Component.md index d85ba283e9..f97181b423 100644 --- a/docs/en/UI/Angular/Checkbox-Component.md +++ b/docs/en/UI/Angular/Checkbox-Component.md @@ -27,12 +27,12 @@ import { ThemeSharedModule } from "@abp/ng.theme.shared"; import { CheckboxDemoComponent } from "./CheckboxDemoComponent.component"; @NgModule({ -imports: [ - ThemeSharedModule, - // ... - ], - declarations: [CheckboxDemoComponent], - // ... + imports: [ + ThemeSharedModule, + // ... + ], + declarations: [CheckboxDemoComponent], + // ... }) export class MyFeatureModule {} ``` @@ -41,8 +41,8 @@ Then, the `abp-checkbox` component can be used. See the example below: ```html
- - + +
``` From 6ae929ac740c6cbe3219505df57b914cb1c0effd Mon Sep 17 00:00:00 2001 From: Hamza Albreem <94292623+braim23@users.noreply.github.com> Date: Fri, 12 May 2023 17:15:44 +0300 Subject: [PATCH 8/9] Quick fix for the Checkbox-Component Doc --- docs/en/UI/Angular/Checkbox-Component.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/en/UI/Angular/Checkbox-Component.md b/docs/en/UI/Angular/Checkbox-Component.md index f97181b423..898f86732c 100644 --- a/docs/en/UI/Angular/Checkbox-Component.md +++ b/docs/en/UI/Angular/Checkbox-Component.md @@ -1,6 +1,6 @@ # Checkbox Component -The ABP Checkbox Component is a reusable form input component for checkbox type. +The ABP Checkbox Component is a reusable form input component for the checkbox type. # Inputs @@ -18,7 +18,7 @@ The ABP Checkbox Component is a reusable form input component for checkbox type. # Usage -ABP Checkbox component is a part of the `ThemeSharedModule` module. If you've imported that module into your module, you don't need to import it again. If not, first import it as shown below: +The ABP Checkbox component is a part of the `ThemeSharedModule` module. If you've imported that module into your module, there's no need to import it again. If not, then first import it as shown below: ```ts // my-feature.module.ts From aed61cc430e63f20836220621678aa0add938164 Mon Sep 17 00:00:00 2001 From: Hamza Albreem <94292623+braim23@users.noreply.github.com> Date: Fri, 12 May 2023 17:19:09 +0300 Subject: [PATCH 9/9] Quick fix for the FormInput-Component Doc --- docs/en/UI/Angular/FormInput-Component.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/en/UI/Angular/FormInput-Component.md b/docs/en/UI/Angular/FormInput-Component.md index 07f72cefc2..f1dedd824a 100644 --- a/docs/en/UI/Angular/FormInput-Component.md +++ b/docs/en/UI/Angular/FormInput-Component.md @@ -1,6 +1,6 @@ # Form Input Component -The ABP FormInput Component is a reusable form input component for text type. +The ABP FormInput Component is a reusable form input component for the text type. # Inputs * `label` @@ -15,7 +15,7 @@ The ABP FormInput Component is a reusable form input component for text type. # Usage -ABP FormInput component is a part of the `ThemeSharedModule` module. If you've imported that module into your module, you don't need to import it again. If not, first import it as shown below: +The ABP FormInput component is a part of the `ThemeSharedModule` module. If you've imported that module into your module, there's no need to import it again. If not, then first import it as shown below: ```ts import { ThemeSharedModule } from "@abp/ng.theme.shared";