summaryrefslogtreecommitdiffstats
path: root/src/angular/tiles
diff options
context:
space:
mode:
Diffstat (limited to 'src/angular/tiles')
-rw-r--r--src/angular/tiles/children/tile-content.component.ts10
-rw-r--r--src/angular/tiles/children/tile-footer.component.ts10
-rw-r--r--src/angular/tiles/children/tile-header.component.ts10
-rw-r--r--src/angular/tiles/tile.component.html.ts5
-rw-r--r--src/angular/tiles/tile.component.ts11
-rw-r--r--src/angular/tiles/tile.module.ts27
6 files changed, 73 insertions, 0 deletions
diff --git a/src/angular/tiles/children/tile-content.component.ts b/src/angular/tiles/children/tile-content.component.ts
new file mode 100644
index 0000000..741db26
--- /dev/null
+++ b/src/angular/tiles/children/tile-content.component.ts
@@ -0,0 +1,10 @@
+import { Component, HostBinding } from "@angular/core";
+
+@Component({
+ selector: 'sdc-tile-content',
+ template: '<ng-content></ng-content>'
+})
+
+export class TileContentComponent {
+ @HostBinding('class') classes = 'sdc-tile-content';
+}
diff --git a/src/angular/tiles/children/tile-footer.component.ts b/src/angular/tiles/children/tile-footer.component.ts
new file mode 100644
index 0000000..519c5ba
--- /dev/null
+++ b/src/angular/tiles/children/tile-footer.component.ts
@@ -0,0 +1,10 @@
+import { Component, HostBinding } from '@angular/core';
+
+@Component({
+ selector: 'sdc-tile-footer',
+ template: '<ng-content></ng-content>'
+})
+
+export class TileFooterComponent {
+ @HostBinding('class') classes = 'sdc-tile-footer';
+}
diff --git a/src/angular/tiles/children/tile-header.component.ts b/src/angular/tiles/children/tile-header.component.ts
new file mode 100644
index 0000000..b040bcb
--- /dev/null
+++ b/src/angular/tiles/children/tile-header.component.ts
@@ -0,0 +1,10 @@
+import { Component, HostBinding } from '@angular/core';
+
+@Component({
+ selector: "sdc-tile-header",
+ template: '<ng-content></ng-content>'
+})
+
+export class TileHeaderComponent {
+ @HostBinding('class') classes = 'sdc-tile-header';
+}
diff --git a/src/angular/tiles/tile.component.html.ts b/src/angular/tiles/tile.component.html.ts
new file mode 100644
index 0000000..81803d5
--- /dev/null
+++ b/src/angular/tiles/tile.component.html.ts
@@ -0,0 +1,5 @@
+export default `
+<ng-content select="sdc-tile-header"></ng-content>
+<ng-content select="sdc-tile-content"></ng-content>
+<ng-content select="sdc-tile-footer"></ng-content>
+`;
diff --git a/src/angular/tiles/tile.component.ts b/src/angular/tiles/tile.component.ts
new file mode 100644
index 0000000..3791ca0
--- /dev/null
+++ b/src/angular/tiles/tile.component.ts
@@ -0,0 +1,11 @@
+import { Component, HostBinding } from '@angular/core';
+import template from "./tile.component.html";
+
+@Component({
+ selector: "sdc-tile",
+ template: template
+})
+
+export class TileComponent {
+ @HostBinding('class') classes = 'sdc-tile';
+}
diff --git a/src/angular/tiles/tile.module.ts b/src/angular/tiles/tile.module.ts
new file mode 100644
index 0000000..43c750b
--- /dev/null
+++ b/src/angular/tiles/tile.module.ts
@@ -0,0 +1,27 @@
+import { NgModule } from "@angular/core";
+import { TileComponent } from "./tile.component";
+import { CommonModule } from "@angular/common";
+import { TileContentComponent } from "./children/tile-content.component";
+import { TileFooterComponent } from "./children/tile-footer.component";
+import { TileHeaderComponent } from "./children/tile-header.component";
+
+@NgModule({
+ declarations: [
+ TileComponent,
+ TileContentComponent,
+ TileFooterComponent,
+ TileHeaderComponent
+ ],
+ imports: [CommonModule],
+ entryComponents: [TileComponent],
+ exports: [
+ TileComponent,
+ TileContentComponent,
+ TileFooterComponent,
+ TileHeaderComponent
+ ]
+})
+
+export class TileModule {
+
+}