Add input page

marcin-wosinek · Dec 20, 2024 · a10dcdc · a10dcdc
1 parent 02f099f
commit a10dcdc
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 5 deletions.
diff --git a/webapp/src/app/input/input.page.html b/webapp/src/app/input/input.page.html
@@ -1 +1,19 @@
-<p>input.page works!</p>
+<ion-header>
+  <ion-toolbar>
+    <ion-title>Current measurement of the energy</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content class="ion-padding">
+  <ion-input label="Current value" value="23"></ion-input>
+
+  <ion-datetime-button datetime="datetime"></ion-datetime-button>
+
+  <ion-modal [keepContentsMounted]="true">
+    <ng-template>
+      <ion-datetime id="datetime"></ion-datetime>
+    </ng-template>
+  </ion-modal>
+
+  <ion-button>Add</ion-button>
+</ion-content>
diff --git a/webapp/src/app/input/input.page.ts b/webapp/src/app/input/input.page.ts
@@ -1,9 +1,31 @@
 import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import {
+  IonButton,
+  IonContent,
+  IonDatetime,
+  IonDatetimeButton,
+  IonHeader,
+  IonInput,
+  IonModal,
+  IonTitle,
+  IonToolbar,
+} from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-input.page',
-  imports: [CommonModule],
+  imports: [
+    CommonModule,
+    IonButton,
+    IonContent,
+    IonHeader,
+    IonInput,
+    IonModal,
+    IonTitle,
+    IonToolbar,
+    IonDatetimeButton,
+    IonDatetime,
+  ],
   templateUrl: './input.page.html',
   styleUrl: './input.page.scss',
 })

diff --git a/webapp/src/app/settings/settings.page.html b/webapp/src/app/settings/settings.page.html
@@ -1,12 +1,10 @@
 <ion-header>
   <ion-toolbar>
-    <ion-title>Settings</ion-title>
+    <ion-title>Energy tariff</ion-title>
   </ion-toolbar>
 </ion-header>
 
 <ion-content class="ion-padding">
-  <h1>Energy tariff info</h1>
-
   <ion-input
     label="Fixed charge per day"
     [value]="tariff?.fixedCharge"