Create base email component

core/app/fields/email/templates/detail/email.component.html

@@ -0,0 +1 @@
+{{ field.value }}

core/app/fields/email/templates/detail/email.component.spec.ts

@@ -0,0 +1,37 @@
+import {async, ComponentFixture, TestBed} from '@angular/core/testing';
+import {EmailDetailFieldsComponent} from './email.component';
+import {Field} from '@fields/field.model';
+import {Component} from '@angular/core';
+
+@Component({
+    selector: 'email-detail-field-test-host-component',
+    template: '<scrm-email-detail [field]="field"></scrm-email-detail>'
+})
+class EmailDetailFieldsTestHostComponent {
+    field: Field = {
+        type: 'email',
+        value: 'the.beans.qa@example.tw'
+    };
+}
+
+describe('EmailDetailFieldsComponent', () => {
+    let testHostComponent: EmailDetailFieldsTestHostComponent;
+    let testHostFixture: ComponentFixture<EmailDetailFieldsTestHostComponent>;
+
+    beforeEach(async(() => {
+        TestBed.configureTestingModule({
+            declarations: [
+                EmailDetailFieldsComponent,
+                EmailDetailFieldsTestHostComponent
+            ]
+        }).compileComponents();
+
+        testHostFixture = TestBed.createComponent(EmailDetailFieldsTestHostComponent);
+        testHostComponent = testHostFixture.componentInstance;
+        testHostFixture.detectChanges();
+    }));
+
+    it('should create', () => {
+        expect(testHostComponent).toBeTruthy();
+    });
+});

core/app/fields/email/templates/detail/email.component.ts

@@ -0,0 +1,10 @@
+import {Component} from '@angular/core';
+import {BaseFieldComponent} from '@fields/base/base-field.component';
+
+@Component({
+    selector: 'scrm-email-detail',
+    templateUrl: './email.component.html',
+    styleUrls: []
+})
+export class EmailDetailFieldsComponent extends BaseFieldComponent {
+}

core/app/fields/email/templates/detail/email.module.ts

@@ -0,0 +1,15 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {AppManagerModule} from '@base/app-manager/app-manager.module';
+import {EmailDetailFieldsComponent} from './email.component';
+
+@NgModule({
+    declarations: [EmailDetailFieldsComponent],
+    exports: [EmailDetailFieldsComponent],
+    imports: [
+        CommonModule,
+        AppManagerModule.forChild(EmailDetailFieldsComponent)
+    ]
+})
+export class EmailDetailFieldsModule {
+}