MERMS/MermsProviders
1
0
Fork 0
Code Issues Pull Requests Releases Activity

fix

Browse Source
This commit is contained in:
Olu Amey
2020-11-14 17:49:56 -05:00
parent 8324cace7f
commit 58ed7fdc27
41 changed files with 3138 additions and 909 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/merms-dash/merms-dash-routing.module.ts
+17
View File
@@ -0,0 +1,17 @@
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { MermsDashPage } from './merms-dash.page';
const routes: Routes = [
{
path: '',
component: MermsDashPage
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
})
export class MermsDashPageRoutingModule {}
src/app/merms-dash/merms-dash.module.ts
+20
View File
@@ -0,0 +1,20 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { IonicModule } from '@ionic/angular';
import { MermsDashPageRoutingModule } from './merms-dash-routing.module';
import { MermsDashPage } from './merms-dash.page';
@NgModule({
imports: [
CommonModule,
FormsModule,
IonicModule,
MermsDashPageRoutingModule
],
declarations: [MermsDashPage]
})
export class MermsDashPageModule {}
src/app/merms-dash/merms-dash.page.html
+167
View File
@@ -0,0 +1,167 @@
<ion-content fullscreen>
<ion-grid>
<ion-row>
<ion-col>
<div>
<h2>{{ welcomeName }}</h2>
</div>
</ion-col>
<ion-col>
<div style="text-align: right;"> <h4>{{ currentDateFormated }}</h4></div>
</ion-col>
</ion-row>
<ion-row style="height: 80px;">
<ion-col style="background-color:ivory">
<div>.</div>
</ion-col>
<ion-col style="background-color:honeydew">
<div>.</div>
</ion-col>
<ion-col style="background-color: aquamarine;">
<div>.</div>
</ion-col>
</ion-row>
</ion-grid>
<ion-list>
<ion-list-header>
Pending Encounter
</ion-list-header>
<ion-item>
<ion-avatar slot="start">
<img src="./../../assets/imgs/avatar.svg">
</ion-avatar>
<ion-label>
<h2>Adekunle Gold</h2>
<h3>Need hew head</h3>
<p>10/10/2050, 9:30 AM Male , 54 yrs</p>
</ion-label>
</ion-item>
<ion-item>
<ion-avatar slot="start">
<img src="./../../assets/imgs/avatar.svg">
</ion-avatar>
<ion-label>
<h2>Janet Jackson</h2>
<h3>Want to escape from the planet</h3>
<p>10/10/2050, 10:30 AM Female , 34 yrs</p>
</ion-label>
</ion-item>
<ion-item>
<ion-avatar slot="start">
<img src="./../../assets/imgs/avatar.svg">
</ion-avatar>
<ion-label>
<h2>Rey</h2>
<h3>I can handle myself</h3>
<p>You will remove these restraints and leave...</p>
</ion-label>
</ion-item>
<ion-item>
<ion-avatar slot="start">
<img src="./../../assets/imgs/avatar.svg">
</ion-avatar>
<ion-label>
<h2>Luke</h2>
<h3>Your thoughts betray you</h3>
<p>I feel the good in you, the conflict...</p>
</ion-label>
</ion-item>
</ion-list>
<ion-list>
<ion-list-header>
Recent Encounter
</ion-list-header>
<ion-item>
<ion-avatar slot="start">
<img src="./../../assets/imgs/avatar.svg">
</ion-avatar>
<ion-label>
<h2>Poe</h2>
<h3>New Ride</h3>
<p>I just upgraded my X-Wing. Next time...</p>
</ion-label>
</ion-item>
<ion-item>
<ion-avatar slot="start">
<img src="./../../assets/imgs/avatar.svg">
</ion-avatar>
<ion-label>
<h2>Ben</h2>
<h3>Move Along</h3>
<p>These aren't the droids you're looking for...</p>
</ion-label>
</ion-item>
<ion-item>
<ion-avatar slot="start">
<img src="./../../assets/imgs/avatar.svg">
</ion-avatar>
<ion-label>
<h2>Leia</h2>
<h3>You're My Only Hope</h3>
<p>I've placed information vital to the survival...</p>
</ion-label>
</ion-item>
<ion-item>
<ion-avatar slot="start">
<img src="./../../assets/imgs/avatar.svg">
</ion-avatar>
<ion-label>
<h2>Yoda</h2>
<h3>Size matters not</h3>
<p>Do or do not. There is no try...</p>
</ion-label>
</ion-item>
</ion-list>
</ion-content>
<!-- Footer without a border -->
<ion-footer class="ion-no-border">
<ion-toolbar>
<ion-grid style="font-size: 25px; text-align: center;">
<ion-row>
<ion-col>
<div>
<ion-icon name="home"></ion-icon>
</div>
</ion-col>
<ion-col>
<div>
<ion-icon name="grid"></ion-icon>
</div>
</ion-col>
<ion-col>
<div>[----]</div>
</ion-col>
<ion-col>
<div>
<ion-icon name="settings" (click)="goSettings()"></ion-icon>
</div>
</ion-col>
</ion-row>
</ion-grid>
</ion-toolbar>
</ion-footer>
src/app/merms-dash/merms-dash.page.scss
View File
src/app/merms-dash/merms-dash.page.spec.ts
+24
View File
@@ -0,0 +1,24 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { IonicModule } from '@ionic/angular';
import { MermsDashPage } from './merms-dash.page';
describe('MermsDashPage', () => {
let component: MermsDashPage;
let fixture: ComponentFixture<MermsDashPage>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ MermsDashPage ],
imports: [IonicModule.forRoot()]
}).compileComponents();
fixture = TestBed.createComponent(MermsDashPage);
component = fixture.componentInstance;
fixture.detectChanges();
}));
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/merms-dash/merms-dash.page.ts
+26
View File
@@ -0,0 +1,26 @@
import { Component, OnInit } from '@angular/core';
import { Router, NavigationExtras } from '@angular/router'
@Component({
selector: 'app-merms-dash',
templateUrl: './merms-dash.page.html',
styleUrls: ['./merms-dash.page.scss'],
})
export class MermsDashPage implements OnInit {
currentDateFormated: string = '10/10/2020';
welcomeName: string = '';
constructor(private router: Router) {
this.welcomeName = "Dr. Something"
}
ngOnInit() {
}
goSettings() {
this.router.navigateByUrl('/merms-settings')
}
}