first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,25 @@
|
||||
/*
|
||||
Authors : initappz (Rahul Jograna)
|
||||
Website : https://initappz.com/
|
||||
App Name : E-Learning App Template
|
||||
This App Template Source code is licensed as per the
|
||||
terms found in the Website https://initappz.com/license
|
||||
Copyright and Good Faith Purchasers © 2021-present initappz.
|
||||
*/
|
||||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
|
||||
import { ProfilePage } from './profile.page';
|
||||
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: '',
|
||||
component: ProfilePage
|
||||
}
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forChild(routes)],
|
||||
exports: [RouterModule],
|
||||
})
|
||||
export class ProfilePageRoutingModule { }
|
||||
@@ -0,0 +1,28 @@
|
||||
/*
|
||||
Authors : initappz (Rahul Jograna)
|
||||
Website : https://initappz.com/
|
||||
App Name : E-Learning App Template
|
||||
This App Template Source code is licensed as per the
|
||||
terms found in the Website https://initappz.com/license
|
||||
Copyright and Good Faith Purchasers © 2021-present initappz.
|
||||
*/
|
||||
import { NgModule } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
|
||||
import { IonicModule } from '@ionic/angular';
|
||||
|
||||
import { ProfilePageRoutingModule } from './profile-routing.module';
|
||||
|
||||
import { ProfilePage } from './profile.page';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule,
|
||||
FormsModule,
|
||||
IonicModule,
|
||||
ProfilePageRoutingModule
|
||||
],
|
||||
declarations: [ProfilePage]
|
||||
})
|
||||
export class ProfilePageModule { }
|
||||
@@ -0,0 +1,96 @@
|
||||
<!--
|
||||
Authors : initappz (Rahul Jograna)
|
||||
Website : https://initappz.com/
|
||||
App Name : E-Learning App Template
|
||||
This App Template Source code is licensed as per the
|
||||
terms found in the Website https://initappz.com/license
|
||||
Copyright and Good Faith Purchasers © 2021-present initappz.
|
||||
-->
|
||||
<ion-header mode="ios" class="ion-no-border">
|
||||
<ion-toolbar>
|
||||
<ion-buttons slot="end">
|
||||
<ion-button>
|
||||
<ion-icon name="ellipsis-horizontal-outline"></ion-icon>
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
<ion-title>Profile</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
|
||||
<ion-content class="ion-padding">
|
||||
<div class="profile">
|
||||
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/profile.jpg)'">
|
||||
<div class="icon">
|
||||
<ion-icon name="pencil"></ion-icon>
|
||||
</div>
|
||||
</div>
|
||||
<div class="title">
|
||||
<ion-label style="font-size: 17px; font-family: 'bold';">Jaydeep Hirani</ion-label>
|
||||
<ion-label style="font-size: 13px;">jaydeep@gmail.com</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="route">
|
||||
<ion-item lines="none" (click)="onProfile()">
|
||||
<ion-icon name="person-outline" color="dark"></ion-icon>
|
||||
<ion-label>Edit Profile</ion-label>
|
||||
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
||||
</ion-item>
|
||||
|
||||
<ion-item lines="none" (click)="onNotification()">
|
||||
<ion-icon name="notifications-outline" color="dark"></ion-icon>
|
||||
<ion-label>Notification</ion-label>
|
||||
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
||||
</ion-item>
|
||||
|
||||
<ion-item lines="none" (click)="onPayment()">
|
||||
<ion-icon name="wallet-outline" color="dark"></ion-icon>
|
||||
<ion-label>Payment</ion-label>
|
||||
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
||||
</ion-item>
|
||||
|
||||
<ion-item lines="none" (click)="onSecurity()">
|
||||
<ion-icon name="shield-checkmark-outline" color="dark"></ion-icon>
|
||||
<ion-label>Security</ion-label>
|
||||
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
||||
</ion-item>
|
||||
|
||||
<ion-item lines="none" (click)="onLanguage()">
|
||||
<ion-icon name="language-outline" color="dark"></ion-icon>
|
||||
<ion-label>Language</ion-label>
|
||||
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
||||
</ion-item>
|
||||
|
||||
|
||||
<ion-item lines="none">
|
||||
<ion-icon name="eye-outline" color="dark"></ion-icon>
|
||||
<ion-label>Dark Theme</ion-label>
|
||||
<ion-toggle slot="end" name="grape" color="tertiary"></ion-toggle>
|
||||
</ion-item>
|
||||
|
||||
|
||||
<ion-item lines="none" (click)="onPrivacy()">
|
||||
<ion-icon name="lock-closed-outline" color="dark"></ion-icon>
|
||||
<ion-label>Privacy Policy</ion-label>
|
||||
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
||||
</ion-item>
|
||||
|
||||
<ion-item lines="none">
|
||||
<ion-icon name="help-circle-outline" color="dark"></ion-icon>
|
||||
<ion-label>Help Center</ion-label>
|
||||
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
||||
</ion-item>
|
||||
|
||||
<ion-item lines="none" (click)="onInvite()">
|
||||
<ion-icon name="people-outline" color="dark"></ion-icon>
|
||||
<ion-label>Invite Friends</ion-label>
|
||||
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
||||
</ion-item>
|
||||
|
||||
<ion-item lines="none" (click)="onLogin()">
|
||||
<ion-icon name="log-out-outline" color="dark"></ion-icon>
|
||||
<ion-label>Logout</ion-label>
|
||||
<ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
|
||||
</ion-item>
|
||||
</div>
|
||||
</ion-content>
|
||||
@@ -0,0 +1,77 @@
|
||||
/*
|
||||
Authors : initappz (Rahul Jograna)
|
||||
Website : https://initappz.com/
|
||||
App Name : E-Learning App Template
|
||||
This App Template Source code is licensed as per the
|
||||
terms found in the Website https://initappz.com/license
|
||||
Copyright and Good Faith Purchasers © 2021-present initappz.
|
||||
*/
|
||||
ion-header {
|
||||
ion-toolbar {
|
||||
--background: var(--ion-color-primary);
|
||||
|
||||
ion-icon {
|
||||
color: white;
|
||||
}
|
||||
|
||||
ion-title {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ion-content {
|
||||
.profile {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
padding: 16px;
|
||||
padding-bottom: 30px;
|
||||
|
||||
.back_image {
|
||||
height: 90px;
|
||||
width: 90px;
|
||||
border-radius: 100%;
|
||||
position: relative;
|
||||
|
||||
.icon {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
|
||||
ion-icon {
|
||||
background: var(--ion-color-primary);
|
||||
color: white;
|
||||
padding: 5px;
|
||||
border-radius: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
.route {
|
||||
|
||||
ion-item {
|
||||
--padding-start: 0px;
|
||||
--padding-end: 0px;
|
||||
|
||||
ion-icon {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
ion-label {
|
||||
font-size: 16px;
|
||||
margin: 0px;
|
||||
font-family: "regular";
|
||||
color: var(--ion-color-dark);
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
/*
|
||||
Authors : initappz (Rahul Jograna)
|
||||
Website : https://initappz.com/
|
||||
App Name : E-Learning App Template
|
||||
This App Template Source code is licensed as per the
|
||||
terms found in the Website https://initappz.com/license
|
||||
Copyright and Good Faith Purchasers © 2021-present initappz.
|
||||
*/
|
||||
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
|
||||
import { IonicModule } from '@ionic/angular';
|
||||
|
||||
import { ProfilePage } from './profile.page';
|
||||
|
||||
describe('ProfilePage', () => {
|
||||
let component: ProfilePage;
|
||||
let fixture: ComponentFixture<ProfilePage>;
|
||||
|
||||
beforeEach(waitForAsync(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ProfilePage],
|
||||
imports: [IonicModule.forRoot()]
|
||||
}).compileComponents();
|
||||
|
||||
fixture = TestBed.createComponent(ProfilePage);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
}));
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,58 @@
|
||||
/*
|
||||
Authors : initappz (Rahul Jograna)
|
||||
Website : https://initappz.com/
|
||||
App Name : E-Learning App Template
|
||||
This App Template Source code is licensed as per the
|
||||
terms found in the Website https://initappz.com/license
|
||||
Copyright and Good Faith Purchasers © 2021-present initappz.
|
||||
*/
|
||||
import { Router } from '@angular/router';
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-profile',
|
||||
templateUrl: './profile.page.html',
|
||||
styleUrls: ['./profile.page.scss'],
|
||||
})
|
||||
export class ProfilePage implements OnInit {
|
||||
|
||||
constructor(
|
||||
private router: Router
|
||||
) { }
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
onProfile() {
|
||||
this.router.navigate(['edit-profile']);
|
||||
}
|
||||
|
||||
onSecurity() {
|
||||
this.router.navigate(['security']);
|
||||
}
|
||||
|
||||
onNotification() {
|
||||
this.router.navigate(['notification']);
|
||||
}
|
||||
|
||||
onLanguage() {
|
||||
this.router.navigate(['language']);
|
||||
}
|
||||
|
||||
onPrivacy() {
|
||||
this.router.navigate(['privacy']);
|
||||
}
|
||||
|
||||
onPayment() {
|
||||
this.router.navigate(['payment']);
|
||||
}
|
||||
|
||||
onInvite() {
|
||||
this.router.navigate(['invite']);
|
||||
}
|
||||
|
||||
onLogin() {
|
||||
this.router.navigate(['login']);
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user