fix(app): add the skelton of the app for running examples, this start…

…s but has not pages
fabric8-ui · Mar 6, 2017 · 72431e5 · 72431e5
1 parent ce65aec
commit 72431e5
Show file tree

Hide file tree

Showing 11 changed files with 124 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -75,7 +75,10 @@
     "@angular/compiler": "2.4.9",
     "@angular/compiler-cli": "2.4.9",
     "@angular/core": "2.4.9",
+    "@angular/forms": "2.4.9",
     "@angular/http": "2.4.9",
+    "@angular/platform-browser": "2.4.9",
+    "@angular/platform-browser-dynamic": "2.4.9",
     "@angular/router": "3.4.9",
     "@krux/condition-jenkins": "1.0.1",
     "@types/jasmine": "2.5.43",

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
@@ -0,0 +1,14 @@
+import { NgModule }  from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+const routes: Routes = [{
+    path: '',
+    redirectTo: '',
+    pathMatch: 'full'
+}];
+
+@NgModule({
+  imports: [ RouterModule.forRoot(routes) ],
+  exports: [ RouterModule ]
+})
+export class AppRoutingModule {}
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -0,0 +1,5 @@
+<main class="view-container flex-container in-column-direction">
+  <div class="view flex-container overflow-auto">
+    <router-outlet></router-outlet>
+  </div>
+</main>
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -0,0 +1,3 @@
+.app {
+
+}
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -0,0 +1,19 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+
+/*
+ * App Component
+ * Top Level Component
+ */
+@Component({
+  encapsulation: ViewEncapsulation.None,
+  host: {'class': 'app app-component flex-container in-column-direction flex-grow-1'},
+  selector: 'demo-app',
+  styleUrls: ['./app.component.scss'],
+  templateUrl: './app.component.html'
+})
+export class AppComponent {
+
+  constructor() {}
+
+  ngOnInit() {}
+}
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -0,0 +1,27 @@
+//import './rxjs-extensions';
+
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { FormsModule } from '@angular/forms';
+import { HttpModule } from '@angular/http';
+
+// App components
+import { AppComponent } from './app.component';
+import { AppRoutingModule } from './app-routing.module';
+
+// Main areas
+
+@NgModule({
+  imports: [
+    AppRoutingModule,
+    BrowserModule,
+    FormsModule,
+    HttpModule
+  ],
+  declarations: [
+    AppComponent
+  ],
+  providers: [],
+  bootstrap: [ AppComponent ]
+})
+export class AppModule { }
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
diff --git a/src/index.html b/src/index.html
@@ -0,0 +1,11 @@
+<html>
+  <head>
+    <base href="/">
+    <title>NGX Widgets Demo</title>
+    <meta charset="UTF-8">
+    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
+  </head>
+  <body>
+    <demo-app>Loading...</demo-app>
+  </body>
+</html>
diff --git a/src/main.ts b/src/main.ts
@@ -0,0 +1,11 @@
+// The usual bootstrapping imports
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+
+if (process.env.ENV === 'production') {
+    enableProdMode();
+}
+
+platformBrowserDynamic().bootstrapModule(AppModule);
diff --git a/src/polyfills.ts b/src/polyfills.ts
@@ -0,0 +1,10 @@
+import 'core-js/es6';
+import 'reflect-metadata';
+require('zone.js/dist/zone');
+if (process.env.ENV === 'production') {
+    // Production
+} else {
+    // Development
+    Error['stackTraceLimit'] = Infinity;
+    require('zone.js/dist/long-stack-trace-zone');
+}
diff --git a/src/vendor.ts b/src/vendor.ts
@@ -0,0 +1,21 @@
+// Angular 2
+import '@angular/common';
+//import '@angular/compiler';
+//import '@angular/compiler-cli';
+import '@angular/core';
+import '@angular/forms';
+import '@angular/http';
+import '@angular/platform-browser';
+import '@angular/platform-browser-dynamic';
+//import '@angular/platform-server';
+import '@angular/router';
+//import '@angular/upgrade';
+
+// RxJS
+import 'rxjs';
+
+// Other vendors for example jQuery, Lodash or Bootstrap
+// You can import js, ts, css, sass, ...
+
+// import 'patternfly-sass-with-css/assets/css/patternfly.css';
+