Moved back to ng1
Change-Id: I43b284e3b3cb3ac19d43c088de988c89a7ea8807
diff --git a/src/app/core/header/header.html b/src/app/core/header/header.html
new file mode 100644
index 0000000..b327754
--- /dev/null
+++ b/src/app/core/header/header.html
@@ -0,0 +1,7 @@
+<header class="header">
+ <p class="header-title">
+ <a href="#/" target="_blank">
+ {{vm.title}}
+ </a>
+ </p>
+</header>
diff --git a/src/app/core/header/header.spec.ts b/src/app/core/header/header.spec.ts
new file mode 100644
index 0000000..7c00602
--- /dev/null
+++ b/src/app/core/header/header.spec.ts
@@ -0,0 +1,22 @@
+/// <reference path="../../../../typings/index.d.ts" />
+
+import * as angular from 'angular';
+import 'angular-mocks';
+import {xosHeader} from './header';
+import {StyleConfig} from '../../config/style.config';
+
+describe('header component', () => {
+ beforeEach(() => {
+ angular
+ .module('xosHeader', ['app/core/header/header.html'])
+ .component('xosHeader', xosHeader);
+ angular.mock.module('xosHeader');
+ });
+
+ it('should render the appropriate title', angular.mock.inject(($rootScope: ng.IRootScopeService, $compile: ng.ICompileService) => {
+ const element = $compile('<xos-header></xos-header>')($rootScope);
+ $rootScope.$digest();
+ const header = element.find('a');
+ expect(header.html().trim()).toEqual(StyleConfig.projectName);
+ }));
+});
diff --git a/src/app/core/header/header.ts b/src/app/core/header/header.ts
new file mode 100644
index 0000000..c2e4c41
--- /dev/null
+++ b/src/app/core/header/header.ts
@@ -0,0 +1,15 @@
+import {StyleConfig} from '../../config/style.config';
+
+class HeaderController {
+ public title: string;
+
+ constructor() {
+ this.title = StyleConfig.projectName;
+ }
+}
+
+export const xosHeader: angular.IComponentOptions = {
+ template: require('./header.html'),
+ controllerAs: 'vm',
+ controller: HeaderController
+};