From 2a9b6598246c1050658fb58cd2d44e1cdf5b00cd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Can=20Y=C4=B1lmaz?= <30300440+bariscanyilmaz@users.noreply.github.com> Date: Fri, 3 Mar 2023 14:33:03 +0300 Subject: [PATCH] move all directives to seperate files --- .../components/card/card-header.directive.ts | 9 ++++++ .../components/card/card-img-top.directive.ts | 9 ++++++ .../card/card-subtitle.directive.ts | 9 ++++++ .../components/card/card-title.directive.ts | 9 ++++++ .../src/lib/components/card/card.component.ts | 31 ------------------- .../src/lib/components/card/card.module.ts | 18 ++++------- .../src/lib/components/card/index.ts | 6 +++- 7 files changed, 47 insertions(+), 44 deletions(-) create mode 100644 npm/ng-packs/packages/theme-shared/src/lib/components/card/card-header.directive.ts create mode 100644 npm/ng-packs/packages/theme-shared/src/lib/components/card/card-img-top.directive.ts create mode 100644 npm/ng-packs/packages/theme-shared/src/lib/components/card/card-subtitle.directive.ts create mode 100644 npm/ng-packs/packages/theme-shared/src/lib/components/card/card-title.directive.ts diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/card/card-header.directive.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/card/card-header.directive.ts new file mode 100644 index 0000000000..e7ecbfd881 --- /dev/null +++ b/npm/ng-packs/packages/theme-shared/src/lib/components/card/card-header.directive.ts @@ -0,0 +1,9 @@ +import { Directive } from "@angular/core"; + +@Directive({ + selector: `abp-card-header, [abp-card-header], [abpCardHeader]`, + host: { + class: 'card-header', + }, +}) +export class CardHeader {} diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/card/card-img-top.directive.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/card/card-img-top.directive.ts new file mode 100644 index 0000000000..384f9f3989 --- /dev/null +++ b/npm/ng-packs/packages/theme-shared/src/lib/components/card/card-img-top.directive.ts @@ -0,0 +1,9 @@ +import { Directive } from "@angular/core"; + +@Directive({ + selector: `abp-card-img-top, [abp-card-img-top], [abpCardImgTop]`, + host: { + class: 'card-img-top', + }, +}) +export class CardImgTop {} diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/card/card-subtitle.directive.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/card/card-subtitle.directive.ts new file mode 100644 index 0000000000..862a439ea8 --- /dev/null +++ b/npm/ng-packs/packages/theme-shared/src/lib/components/card/card-subtitle.directive.ts @@ -0,0 +1,9 @@ +import { Directive } from "@angular/core"; + +@Directive({ + selector: `abp-card-subtitle, [abp-card-subtitle], [abpCardSubtitle]`, + host: { + class: 'card-subtitle', + }, +}) +export class CardSubtitle {} diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/card/card-title.directive.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/card/card-title.directive.ts new file mode 100644 index 0000000000..143a868b64 --- /dev/null +++ b/npm/ng-packs/packages/theme-shared/src/lib/components/card/card-title.directive.ts @@ -0,0 +1,9 @@ +import { Directive } from "@angular/core"; + +@Directive({ + selector: `abp-card-title, [abp-card-title], [abpCardTitle]`, + host: { + class: 'card-title', + }, +}) +export class CardTitle {} \ No newline at end of file diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/card/card.component.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/card/card.component.ts index f6b11427a9..149866bff0 100644 --- a/npm/ng-packs/packages/theme-shared/src/lib/components/card/card.component.ts +++ b/npm/ng-packs/packages/theme-shared/src/lib/components/card/card.component.ts @@ -1,36 +1,5 @@ import { Component, Directive, Input } from '@angular/core'; -@Directive({ - selector: `abp-card-header, [abp-card-header], [abpCardHeader]`, - host: { - class: 'card-header', - }, -}) -export class CardHeader {} - -@Directive({ - selector: `abp-card-title, [abp-card-title], [abpCardTitle]`, - host: { - class: 'card-title', - }, -}) -export class CardTitle {} - -@Directive({ - selector: `abp-card-subtitle, [abp-card-subtitle], [abpCardSubtitle]`, - host: { - class: 'card-subtitle', - }, -}) -export class CardSubtitle {} - -@Directive({ - selector: `abp-card-img-top, [abp-card-img-top], [abpCardImgTop]`, - host: { - class: 'card-img-top', - }, -}) -export class CardImgTop {} @Component({ selector: 'abp-card', diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/card/card.module.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/card/card.module.ts index 0db0ac90e3..1a3e62113c 100644 --- a/npm/ng-packs/packages/theme-shared/src/lib/components/card/card.module.ts +++ b/npm/ng-packs/packages/theme-shared/src/lib/components/card/card.module.ts @@ -1,17 +1,13 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { CardBodyComponent } from './card-body.component'; -import { - CardComponent, - CardImgTop, - CardLink, - CardSubtitle, - CardText, - CardTitle, - CardHeader, -} from './card.component'; +import { CardComponent } from './card.component'; import { CardHeaderComponent } from './card-header.component'; import { CardFooterComponent } from './card-footer.component'; +import { CardTitle } from './card-title.directive'; +import { CardSubtitle } from './card-subtitle.directive'; +import { CardImgTop } from './card-img-top.directive'; +import { CardHeader } from './card-header.directive'; const declarationsWithExports = [ CardComponent, @@ -20,9 +16,7 @@ const declarationsWithExports = [ CardFooterComponent, CardTitle, CardSubtitle, - CardText, CardImgTop, - CardLink, CardHeader, ]; @@ -31,4 +25,4 @@ const declarationsWithExports = [ imports: [CommonModule], exports: [...declarationsWithExports], }) -export class CardModule {} +export class CardModule { } diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/card/index.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/card/index.ts index bd8e03c2ec..ab901f35fe 100644 --- a/npm/ng-packs/packages/theme-shared/src/lib/components/card/index.ts +++ b/npm/ng-packs/packages/theme-shared/src/lib/components/card/index.ts @@ -2,4 +2,8 @@ export * from './card.module'; export * from './card.component'; export * from './card-body.component'; export * from './card-footer.component'; -export * from './card-header.component'; \ No newline at end of file +export * from './card-header.component'; +export * from './card-title.directive'; +export * from './card-subtitle.directive'; +export * from './card-img-top.directive'; +export * from './card-header.directive'; \ No newline at end of file