building section and card components created init

Author: AlperMulayim

leasesoft-ui/src/app/app.module.ts

@@ -11,10 +11,12 @@ import { AboutPageComponent } from './pages/aboutpage/aboutpage.component';
 import { EmloyeesTabComponent } from './emloyees-tab/emloyees-tab.component';
 import { EmployeeCardComponent } from './employee-card/employee-card.component';
 import { FooterComponent } from './footer/footer.component';
+import { BuildingsSectionComponent } from './buildings-section/buildings-section.component';
+import { BuildingCardComponent } from './building-card/building-card.component';
 
 
 @NgModule({
-  declarations: [					
+  declarations: [							
       AppComponent,
       ClientCardComponent,
       HeaderComponent,
@@ -23,7 +25,9 @@ import { FooterComponent } from './footer/footer.component';
       AboutPageComponent,
       EmloyeesTabComponent,
       EmployeeCardComponent,
-      FooterComponent
+      FooterComponent,
+      BuildingsSectionComponent,
+      BuildingCardComponent
    ],
   imports: [
     BrowserModule,

leasesoft-ui/src/app/building-card/building-card.component.html

@@ -0,0 +1,3 @@
+<p>
+  building-card works!
+</p>

leasesoft-ui/src/app/building-card/building-card.component.scss

@@ -0,0 +1,28 @@
+/* tslint:disable:no-unused-variable */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+
+import { BuildingCardComponent } from './building-card.component';
+
+describe('BuildingCardComponent', () => {
+  let component: BuildingCardComponent;
+  let fixture: ComponentFixture<BuildingCardComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ BuildingCardComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(BuildingCardComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

leasesoft-ui/src/app/building-card/building-card.component.spec.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-building-card',
+  templateUrl: './building-card.component.html',
+  styleUrls: ['./building-card.component.scss']
+})
+export class BuildingCardComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

leasesoft-ui/src/app/building-card/building-card.component.ts

@@ -0,0 +1,4 @@
+<p>
+  buildings-section works!
+</p>
+<app-building-card></app-building-card>

leasesoft-ui/src/app/buildings-section/buildings-section.component.html

@@ -0,0 +1,28 @@
+/* tslint:disable:no-unused-variable */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+
+import { BuildingsSectionComponent } from './buildings-section.component';
+
+describe('BuildingsSectionComponent', () => {
+  let component: BuildingsSectionComponent;
+  let fixture: ComponentFixture<BuildingsSectionComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ BuildingsSectionComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(BuildingsSectionComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

leasesoft-ui/src/app/buildings-section/buildings-section.component.scss

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-buildings-section',
+  templateUrl: './buildings-section.component.html',
+  styleUrls: ['./buildings-section.component.scss']
+})
+export class BuildingsSectionComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

leasesoft-ui/src/app/buildings-section/buildings-section.component.spec.ts

@@ -1,3 +1,4 @@
 <p>
   homepage works!
 </p>
+<app-buildings-section></app-buildings-section>