new changes

config.xml

@@ -21,6 +21,8 @@
     <preference name="SplashShowOnlyFirstTime" value="false" />
     <preference name="SplashScreen" value="screen" />
     <preference name="SplashScreenDelay" value="5000" />
+    <preference name="KeyboardResize" value="true" />
+    <preference name="resizeOnFullScreen" value="true" />
     <platform name="android">
         <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">
             <application android:networkSecurityConfig="@xml/network_security_config" />
@@ -99,7 +101,6 @@
     <plugin name="cordova-plugin-device" spec="2.0.2" />
     <plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
     <plugin name="cordova-plugin-ionic-webview" spec="^4.0.0" />
-    <plugin name="cordova-plugin-ionic-keyboard" spec="^2.0.5" />
     <plugin name="cordova-plugin-geolocation" spec="4.0.2">
         <variable name="GEOLOCATION_USAGE_DESCRIPTION" value="To locate you" />
     </plugin>

package-lock.json

@@ -1508,6 +1508,21 @@
         "@types/cordova": "^0.0.34"
       }
     },
+    "@ionic-native/navigation-bar": {
+      "version": "5.21.6",
+      "resolved": "https://registry.npmjs.org/@ionic-native/navigation-bar/-/navigation-bar-5.21.6.tgz",
+      "integrity": "sha512-vVyrbyzZpSiVhejtpFbhC15+yfF9Xz8eszx71xd/LfQ9OCkusYFAEwImRj/MeO60oa5J0ldV7RSP1E8EUV3Y8Q==",
+      "requires": {
+        "@types/cordova": "^0.0.34"
+      },
+      "dependencies": {
+        "@types/cordova": {
+          "version": "0.0.34",
+          "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-0.0.34.tgz",
+          "integrity": "sha1-6nrd907Ow9dimCegw54smt3HPQQ="
+        }
+      }
+    },
     "@ionic-native/social-sharing": {
       "version": "5.20.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/social-sharing/-/social-sharing-5.20.0.tgz",
@@ -3575,6 +3590,11 @@
       "resolved": "https://registry.npmjs.org/cordova-plugin-nativegeocoder/-/cordova-plugin-nativegeocoder-3.2.2.tgz",
       "integrity": "sha512-3ZmfA01H6EYPsfUqv3DHPvWgn2yBVtqCbTe8CAMalT3qlFZBOUBdJemydSmgKNRhTgQvHSFc20jUJXiH67vt4w=="
     },
+    "cordova-plugin-navigationbar": {
+      "version": "1.0.31",
+      "resolved": "https://registry.npmjs.org/cordova-plugin-navigationbar/-/cordova-plugin-navigationbar-1.0.31.tgz",
+      "integrity": "sha1-eFy+lSPpcTiq7bJtzSPMu8kcnPo="
+    },
     "cordova-plugin-splashscreen": {
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/cordova-plugin-splashscreen/-/cordova-plugin-splashscreen-5.0.3.tgz",

package.json

@@ -28,6 +28,7 @@
     "@ionic-native/geolocation": "^5.19.1",
     "@ionic-native/google-plus": "^5.19.1",
     "@ionic-native/native-geocoder": "^5.19.1",
+    "@ionic-native/navigation-bar": "^5.21.6",
     "@ionic-native/social-sharing": "^5.20.0",
     "@ionic-native/splash-screen": "^5.19.1",
     "@ionic-native/status-bar": "^5.19.1",
@@ -40,9 +41,10 @@
     "cordova-plugin-device": "^2.0.3",
     "cordova-plugin-geolocation": "^4.0.2",
     "cordova-plugin-googleplus": "^8.4.0",
-    "cordova-plugin-ionic-keyboard": "^2.2.0",
+    "cordova-plugin-ionic-keyboard": "2.2.0",
     "cordova-plugin-ionic-webview": "^4.1.3",
     "cordova-plugin-nativegeocoder": "^3.2.2",
+    "cordova-plugin-navigationbar": "^1.0.31",
     "cordova-plugin-splashscreen": "^5.0.3",
     "cordova-plugin-statusbar": "^2.4.3",
     "cordova-plugin-whitelist": "^1.3.4",
@@ -93,7 +95,6 @@
       "cordova-plugin-ionic-webview": {
         "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
       },
-      "cordova-plugin-ionic-keyboard": {},
       "cordova-plugin-geolocation": {
         "GEOLOCATION_USAGE_DESCRIPTION": "To locate you"
       },
@@ -107,10 +108,12 @@
         "ANDROID_SUPPORT_V4_VERSION": "24.1.1+"
       },
       "mx.ferreyra.callnumber": {},
-      "call-number": {}
+      "call-number": {},
+      "cordova-plugin-ionic-keyboard": {},
+      "cordova-plugin-navigationbar": {}
     },
     "platforms": [
       "android"
     ]
   }
-}
\ No newline at end of file
+}

src/app/app.component.ts

@@ -18,7 +18,7 @@ import { CategoriesService } from './../config/category.service';
 import { SearchmodalPage } from './searchmodal/searchmodal.page';
 
 import { trigger, transition, animate, style } from '@angular/animations';
-
+import { NavigationBar } from '@ionic-native/navigation-bar/ngx';
 @Component({
   selector: 'app-root',
   templateUrl: 'app.component.html',
@@ -66,7 +66,8 @@ export class AppComponent {
     public service: ServiceService,
     public categoryService: CategoriesService,
     public subjectService: SubjectService,
-    private route: ActivatedRoute
+    private route: ActivatedRoute,
+    private navigationBar: NavigationBar
   ) {
     console.log(this.router.url);
     this.state = true;
@@ -101,6 +102,8 @@ export class AppComponent {
 
   initializeApp() {
     this.platform.ready().then(() => {
+      const autoHide = true;
+      this.navigationBar.setUp(autoHide);
       this.statusBar.styleDefault();
       this.statusBar.hide();
       this.statusBar.overlaysWebView(false);

src/app/app.module.ts

@@ -8,6 +8,7 @@ import { StatusBar } from '@ionic-native/status-bar/ngx';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { IonicStorageModule } from '@ionic/storage';
 import { GooglePlus } from '@ionic-native/google-plus/ngx';
+import { NavigationBar } from '@ionic-native/navigation-bar/ngx';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
@@ -60,8 +61,9 @@ import { sanitizeHtmlPipe } from './../config/safehtml';
     AuthService,
     GooglePlus,
     SocialSharing,
-    sanitizeHtmlPipe
+    sanitizeHtmlPipe,
+    NavigationBar
   ],
   bootstrap: [AppComponent]
 })
-export class AppModule {}
+export class AppModule { }

src/app/signup/signup.page.scss

@@ -98,7 +98,6 @@
                     font-weight: 900;
                 }
                 .styled-checkbox {
-                    position: absolute; // take it out of document flow
                     opacity: 0; // hide it
                     &+label {
                         position: relative;