trying to reproduce #189

maciejtreder · Apr 5, 2018 · fcdab0c · fcdab0c
1 parent 8a8a501
commit fcdab0c
Show file tree

Hide file tree

Showing 7 changed files with 43 additions and 11 deletions.
diff --git a/application/package-lock.json b/application/package-lock.json
diff --git a/application/package.json b/application/package.json
@@ -2,7 +2,7 @@
   "author": "Maciej Treder <contact@maciejtreder.com>",
   "description": "Angular Universal PWA boilerplate for serverless environment.",
   "name": "angular-universal-pwa",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/maciejtreder/angular-universal-serverless.git"

diff --git a/application/src/app/app.module.ts b/application/src/app/app.module.ts
@@ -24,6 +24,8 @@ import { CommonModule } from '@angular/common';
 import { HttpClientModule } from '@angular/common/http';
 import { Meta, Title } from '@angular/platform-browser';
 import { PrebootModule } from 'preboot';
+import { FormTestComponent } from './form-test/form-test.component';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 
 @NgModule({
     declarations: [
@@ -33,16 +35,19 @@ import { PrebootModule } from 'preboot';
         MenuComponent,
         DonorsComponent,
         WithTransferStateComponent,
-        WithoutTransferStateComponent
+        WithoutTransferStateComponent,
+        FormTestComponent
     ],
     imports: [
+      FormsModule,
         MatButtonModule,
         MatSnackBarModule,
         MatMenuModule,
         TranslateModule.forChild(),
         CommonModule,
         RouterModule.forRoot([
             { path: '', component: HomeComponent, data: {title: 'Home', description: 'Homepage - quick overview.'}},
+          {path: 'forms', component: FormTestComponent},
             { path: 'donors', component: DonorsComponent, data: {title: 'Donors', description: 'List of donations. Became a donor!'}},
             { path: 'lazy', loadChildren: './lazy/lazy.module#LazyModule', data: {title: 'Lazy module', description: 'Lazy module example.'}},
             // { path: 'external', loadChildren: '@angular-universal-serverless/external-module/release#ExternalModule', data: {title: 'External module', description: 'External module example.'}}, not works because of https://github.com/angular/angular-cli/issues/8284

diff --git a/application/src/app/form-test/form-test.component.css b/application/src/app/form-test/form-test.component.css
diff --git a/application/src/app/form-test/form-test.component.html b/application/src/app/form-test/form-test.component.html
@@ -0,0 +1,7 @@
+
+<form #formName="ngForm" (ngSubmit)="onSubmit()">
+  <select *ngIf="segment.breathCycle.length > 1" [(ngModel)]="segment.selectedDuration" name="selectedDuration">
+    <option *ngFor="let d of segment.breathCycle;" [ngValue]="d">{{d.breathCycleDuration}}</option>
+  </select>
+  <input type="submit" value="submit" />
+</form>
diff --git a/application/src/app/form-test/form-test.component.ts b/application/src/app/form-test/form-test.component.ts
@@ -0,0 +1,26 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-form-test',
+  templateUrl: './form-test.component.html',
+  styleUrls: ['./form-test.component.css']
+})
+export class FormTestComponent implements OnInit {
+  public segment = {
+    breathCycle: [
+      {breathCycleDuration: 10},
+      {breathCycleDuration: 15},
+      {breathCycleDuration: 20}
+    ]
+  }
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+  onSubmit() {
+    console.log('form submitted');
+    console.log(this.segment);
+  }
+}
diff --git a/application/src/index.html b/application/src/index.html
@@ -1,8 +1,7 @@
-<html ⚡ lang="en">
+<html lang="en">
 <head>
 
   <link rel="dns-prefetch" href="https://www.google-analytics.com">
-  <script async src="https://cdn.ampproject.org/v0.js"></script>
 
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="description" content="Progressive Web App created with Angular Universal, deployed on Amazon Lambda. Includes Angular Material, push notifications and external modules (for microservices purpose).">
@@ -69,14 +68,9 @@
 
   <title>Angular Universal PWA - Progressive Web App deployed on AWS Lambda - starter/boilerplate</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <script async custom-element="amp-install-serviceworker"
-          src="https://cdn.ampproject.org/v0/amp-install-serviceworker-0.1.js"></script>
+
 </head>
 <body>
-<amp-install-serviceworker
-        src="ngsw-worker.js"
-        layout="nodisplay">
-</amp-install-serviceworker>
 <div id="content-wrapper">
   <app-root></app-root>
 </div>