From 980be0f0e762ce17f9a36a44042a29e3b01f2126 Mon Sep 17 00:00:00 2001 From: emoralesb05 Date: Mon, 2 Apr 2018 16:13:41 -0700 Subject: [PATCH] chore(): add demo app to test code-editor --- src/app/app.component.html | 1 + src/app/app.component.scss | 6 ++++++ src/app/app.component.ts | 10 ++++++++++ src/app/app.module.ts | 26 ++++++++++++++++++++++++++ src/app/index.ts | 1 + src/index.html | 5 +++++ src/main.ts | 4 ++-- 7 files changed, 51 insertions(+), 2 deletions(-) create mode 100644 src/app/app.component.html create mode 100644 src/app/app.component.scss create mode 100644 src/app/app.component.ts create mode 100644 src/app/app.module.ts create mode 100644 src/app/index.ts diff --git a/src/app/app.component.html b/src/app/app.component.html new file mode 100644 index 0000000000..abf08202b0 --- /dev/null +++ b/src/app/app.component.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/app.component.scss b/src/app/app.component.scss new file mode 100644 index 0000000000..b61efd152b --- /dev/null +++ b/src/app/app.component.scss @@ -0,0 +1,6 @@ +:host { + height: 100%; + td-code-editor { + height: 500px; + } +} \ No newline at end of file diff --git a/src/app/app.component.ts b/src/app/app.component.ts new file mode 100644 index 0000000000..a67ed7ea19 --- /dev/null +++ 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 new file mode 100644 index 0000000000..87110797dd --- /dev/null +++ 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 new file mode 100644 index 0000000000..da53f6aef4 --- /dev/null +++ b/src/app/index.ts @@ -0,0 +1 @@ +export * from './app.module'; diff --git a/src/index.html b/src/index.html index ad233a5677..817762f9a4 100644 --- a/src/index.html +++ b/src/index.html @@ -7,5 +7,10 @@ + +
+

Covalent Loading...

+
+ diff --git a/src/main.ts b/src/main.ts index 3efb77cc35..8f155f4137 100644 --- 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);