Socialify

Folder ..

Viewing home.page.ts
84 lines (76 loc) • 2.2 KB

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
import { Component } from '@angular/core';
import { Router } from '@angular/router';
import * as firebase from 'firebase/app';
import { AlertController } from '@ionic/angular';
import 'firebase/auth';
import * as $ from 'jquery';
import '../firebase';

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

  constructor(public alertController: AlertController, private router: Router) { }

  async presentAlertLogoutConfirm() {
    const alertLogout = await this.alertController.create({
      header: 'Confirm Logout?',
      buttons: [
        {
          text: 'Cancel',
          role: 'cancel',
          cssClass: 'secondary',
          handler: (blah) => {
            console.log('Confirm Cancel: blah');
          }
        }, {
          text: 'Okay',
          handler: () => {
            console.log('Confirm Okay');
          }
        }
      ]
    });

    await alertLogout.present();
  }

  showHome() {
    $('#home-content').show();
    $('#course-content').hide();
    $('#profile-content').hide();
    $('#homeBtn').removeClass('no-active');
    $('#hBtn').removeClass('no-active');
    $('#courseBtn').addClass('no-active');
    $('#cBtn').addClass('no-active');
    $('#profileBtn').addClass('no-active');
    $('#pBtn').addClass('no-active');
  }

  showCourses() {
    $('#home-content').hide();
    $('#course-content').show();
    $('#profile-content').hide();
    $('#homeBtn').addClass('no-active');
    $('#hBtn').addClass('no-active');
    $('#courseBtn').removeClass('no-active');
    $('#cBtn').removeClass('no-active');
    $('#profileBtn').addClass('no-active');
    $('#pBtn').addClass('no-active');
  }

  showProfile() {
    $('#home-content').hide();
    $('#course-content').hide();
    $('#profile-content').show();
    $('#homeBtn').addClass('no-active');
    $('#hBtn').addClass('no-active');
    $('#courseBtn').addClass('no-active');
    $('#cBtn').addClass('no-active');
    $('#profileBtn').removeClass('no-active');
    $('#pBtn').removeClass('no-active');
  }

  Logout() {
    firebase.auth().signOut().then(() => {
      this.router.navigateByUrl('/login');
    }).catch((error) => {
      console.log(error.message);
    });
  }
}