diff --git a/src/app/components/add-data.component.html b/src/app/components/add-data.component.html new file mode 100644 index 0000000..dd19d84 --- /dev/null +++ b/src/app/components/add-data.component.html @@ -0,0 +1,199 @@ +
+
+
+
+
+ Basic Form Elements +
+
+
+
+ +
+

Username

+
+
+
+ +
+ + This is a help text +
+
+
+ +
+ + Please enter your email +
+
+
+ +
+ + Please enter a complex password +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+ + + +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+ + + +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+
+ + +
+
+
+
+
diff --git a/src/app/components/add-data.component.ts b/src/app/components/add-data.component.ts new file mode 100644 index 0000000..9ccea3e --- /dev/null +++ b/src/app/components/add-data.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; +import { Validators, FormBuilder, FormGroup } from '@angular/forms'; +import { Http, Response } from '@angular/http'; +import { ApiService } from '../providers/api-service'; +import 'rxjs/add/operator/map'; + +@Component({ + templateUrl: 'add-data.component.html', + providers: [ApiService] +}) +export class AddDataComponent { + + constructor() { } + +} diff --git a/src/app/components/components-routing.module.ts b/src/app/components/components-routing.module.ts index 593d5ec..32f43f4 100644 --- a/src/app/components/components-routing.module.ts +++ b/src/app/components/components-routing.module.ts @@ -2,6 +2,7 @@ import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { LeaderboardsComponent } from './leaderboards.component'; +import { AddDataComponent } from './add-data.component'; import { ButtonsComponent } from './buttons.component'; import { CardsComponent } from './cards.component'; import { FormsComponent } from './forms.component'; @@ -25,6 +26,14 @@ const routes: Routes = [ title: 'Leaderboards' } }, + { + path: 'add-data', + component: AddDataComponent, + data: { + title: 'Add Data' + } + }, + // Template example pages { path: 'buttons', component: ButtonsComponent, diff --git a/src/app/components/components.module.ts b/src/app/components/components.module.ts index 2429a97..92b42d3 100644 --- a/src/app/components/components.module.ts +++ b/src/app/components/components.module.ts @@ -2,6 +2,7 @@ import { NgModule } from '@angular/core'; // Pagesto be used in Production import { LeaderboardsComponent } from './leaderboards.component'; +import { AddDataComponent } from './add-data.component'; // Buttons Component import { ButtonsComponent } from './buttons.component'; @@ -35,6 +36,7 @@ import { ComponentsRoutingModule } from './components-routing.module'; ], declarations: [ LeaderboardsComponent, + AddDataComponent, ButtonsComponent, CardsComponent, FormsComponent, diff --git a/src/app/layouts/full-layout.component.html b/src/app/layouts/full-layout.component.html index 15f9be9..2b892a5 100644 --- a/src/app/layouts/full-layout.component.html +++ b/src/app/layouts/full-layout.component.html @@ -64,6 +64,9 @@
  • Leaderboards
    • +
  • + Add Data +
  • Buttons
    • @@ -141,12 +144,13 @@
  • - +  Average Transaction Today: {{averageTransactionToday | currency:'GBP':true:'1.2-2'}} --> +