AnkitMaheshwariIn

// hide-header.directive.ts - this directive will do the actual job to hide header on content scroll in Ionic Framework.

import { Directive, HostListener, Input, OnInit, Renderer2 } from '@angular/core';
import { DomController } from '@ionic/angular';

@Directive({
    selector: '[appHideHeader]'
})
export class HideHeaderDirective implements OnInit {

AnkitMaheshwariIn

// If we want to use the directive ( hide-header.directive ) for more than one directive, we need to create a SharedModule. 
// So that we can add the SharedModule to all the modules we want to use the directive in.

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { HideHeaderDirective } from '../directives/hide-header.directive';

@NgModule({
    declarations: [HideHeaderDirective],
    exports: [HideHeaderDirective],

AnkitMaheshwariIn

{
  "hosting": {
    "public": "www",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "headers": [
      {

AnkitMaheshwariIn

// home.page.ts
import { Component } from '@angular/core';
import { AngularFireMessaging } from '@angular/fire/messaging';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {

AnkitMaheshwariIn

// auth.service.ts
import { Injectable } from '@angular/core';
import { AngularFireAuth } from '@angular/fire/auth';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class AuthService {
  user: Observable<firebase.User>;

AnkitMaheshwariIn

/*
  file-name: app.component.ts

  The important code for logging-in, signing-up or logging-out are:
  — import 'AuthService' at line no. 17
  — declare variable 'email' and 'password' at line no. 25-26
  — inject service 'authService' at line no. 45
  — method for signup() at line no. 57
  — method for login()  at line no. 62
  — method for logout()  at line no. 67

AnkitMaheshwariIn

<!-- 
  file-name: app.component.html
  The important code for logging-in, signing-up or logging-out are from line no. 08 to 29 
  — rest you can manage yourself based on user is logging-in or logging-out | 
    you can any time check user logging-in/out status using *ngIf="!(authService.user | async)"
-->
<ion-app>
  <ion-content padding>
    <h1 *ngIf="authService.user | async">
      Welcome {{ (authService.user | async)?.email }}!

AnkitMaheshwariIn

/*
  file-name: home.page.ts
  The code for copyToClipboard() are at line no. 34-39
*/
import { Component } from '@angular/core';
import { AngularFireMessaging } from '@angular/fire/messaging';
import { Plugins } from '@capacitor/core';

@Component({
  selector: 'app-home',

AnkitMaheshwariIn

/*
  file-name: home.page.ts
  The code to getCurrentPosition() is at line no. 44-47
  The code to watchPosition() is at line no. 50-54
*/
import { Component } from '@angular/core';
import { AngularFireMessaging } from '@angular/fire/messaging';
import { Plugins } from '@capacitor/core';

const { Geolocation, Clipboard } = Plugins;

AnkitMaheshwariIn

import * as functions from 'firebase-functions';

// What this function does -> Image Resizing With a Firebase Cloud Storage Function
// The single most common Cloud Function use-case for a storage bucket is to resize images to thumbnails in the background.

// Note: various modifications done in this code to get this code working without errors.

import { Storage } from '@google-cloud/storage';
const gcs = new Storage();