Aggiunta checkbox

Cambiato inoltre il valore fill per i campi ion-input email e password

.gitignore

@@ -66,3 +66,6 @@ testem.log
 # System files
 .DS_Store
 Thumbs.db
+
+# Android build
+/android

package.json

@@ -21,6 +21,7 @@
     "@angular/platform-browser": "^17.0.2",
     "@angular/platform-browser-dynamic": "^17.0.2",
     "@angular/router": "^17.0.2",
+    "@capacitor/android": "5.7.4",
     "@capacitor/app": "5.0.7",
     "@capacitor/core": "5.7.4",
     "@capacitor/haptics": "5.0.7",

src/app/pages/registration/login/login.page.html

@@ -6,20 +6,22 @@
 
 <ion-content class="login-content" [fullscreen]="true">
   <ion-img id="plusone-logo" src="../../assets/icon/logo-plusone.png"></ion-img>
-  <ion-item fill="solid">
+  <ion-item fill="transparent">
     <ion-input
                type="email"
-               fill="transparent"
                label="Email"
                label-placement="floating"
     ></ion-input>
   </ion-item>
-  <ion-item fill="solid" class="ion-margin-top">
-    <ion-label position="floating">Password</ion-label>
-    <ion-input type="password" color="dark" ngModel password></ion-input>
+  <ion-item fill="transparent" class="ion-margin-top">
+    <ion-input type="password"
+               label="Password"
+               label-placement="floating"
+               color="dark" ngModel password></ion-input>
     <ion-button fill="clear" slot="end" aria-label="Show/hide">
-      <ion-img id="eye-icon" src="../../assets/icon/eye.png" slot="end"></ion-img>
+      <ion-img id="eye-icon" src="../../assets/icon/eye.png"></ion-img>
     </ion-button>
   </ion-item>
-  <ion-button id="login-button" size="default">LOGIN</ion-button>
+  <ion-checkbox id="checkbox" label-placement="end">Rimani connesso</ion-checkbox>
+  <ion-button id="login-button" size="default">Login</ion-button>
 </ion-content>

src/app/pages/registration/login/login.page.scss

@@ -22,6 +22,12 @@
     height: auto;
   }
 
+  #checkbox {
+    margin-left: 1.2em;
+    margin-top: 1.5em;
+    font-size: 15px;
+  }
+
   #login-button {
     margin-top: 2.5em;
     display: grid;

src/app/pages/registration/login/login.page.ts

@@ -2,7 +2,7 @@ import { Component, OnInit } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import {
-  IonButton,
+  IonButton, IonCheckbox,
   IonContent,
   IonHeader, IonIcon,
   IonImg,
@@ -18,7 +18,7 @@ import {
   templateUrl: './login.page.html',
   styleUrls: ['./login.page.scss'],
   standalone: true,
-  imports: [IonContent, IonHeader, IonTitle, IonToolbar, CommonModule, FormsModule, IonImg, IonLabel, IonInput, IonItem, IonIcon, IonButton, IonList]
+  imports: [IonContent, IonHeader, IonTitle, IonToolbar, CommonModule, FormsModule, IonImg, IonLabel, IonInput, IonItem, IonIcon, IonButton, IonList, IonCheckbox]
 })
 export class LoginPage implements OnInit {