Merge pull request #29 from Teradata/feature/demo-app

chore(): add demo app to test code-editor
Teradata · Apr 4, 2018 · cfa0717 · cfa0717
2 parents 2eef386 + 980be0f
commit cfa0717
Show file tree

Hide file tree

Showing 7 changed files with 51 additions and 2 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -0,0 +1 @@
+<td-code-editor></td-code-editor>
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -0,0 +1,6 @@
+:host {
+  height: 100%;
+  td-code-editor {
+    height: 500px;
+  }
+}
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'docs-covalent',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.scss'],
+})
+export class DocsAppComponent {
+
+}
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { BrowserModule } from '@angular/platform-browser';
+
+import { DocsAppComponent } from './app.component';
+
+import { CovalentCodeEditorModule } from '../platform/code-editor';
+
+@NgModule({
+  declarations: [
+    DocsAppComponent,
+  ], // directives, components, and pipes owned by this NgModule
+  imports: [
+    CommonModule,
+    FormsModule,
+    BrowserModule,
+
+    CovalentCodeEditorModule,
+  ], // modules needed to run this module
+  providers: [
+  ], // additional providers needed for this module
+  entryComponents: [ ],
+  bootstrap: [ DocsAppComponent ],
+})
+export class AppModule {}
diff --git a/src/app/index.ts b/src/app/index.ts
@@ -0,0 +1 @@
+export * from './app.module';
diff --git a/src/index.html b/src/index.html
@@ -7,5 +7,10 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>
 <body>
+  <docs-covalent>
+    <div style="padding: 20%;text-align:center;height:100%;background-color:#546E7A;color:#B0BEC5;">
+      <h3>Covalent Loading...</h3>
+    </div>
+  </docs-covalent>
 </body>
 </html>
diff --git a/src/main.ts b/src/main.ts
@@ -1,10 +1,10 @@
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { enableProdMode } from '@angular/core';
 import { environment } from './environments/environment';
-import { CovalentCodeEditorModule } from './platform/code-editor';
+import { AppModule } from './app/';
 
 if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic().bootstrapModule(CovalentCodeEditorModule);
+platformBrowserDynamic().bootstrapModule(AppModule);