location maps
This commit is contained in:
CHIEFSOFT\ameye
@@ -1,5 +1,8 @@
|
||||
|
||||
<ion-content>
|
||||
<div class="boxed_contents">
|
||||
|
||||
|
||||
<div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/family.svg)'">
|
||||
<div class="ion-padding">
|
||||
<ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
|
||||
@@ -93,17 +96,77 @@
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<ion-toolbar>
|
||||
<ion-toolbar *ngIf="toolBarShow == '1' ">
|
||||
<ion-buttons slot="end">
|
||||
<ion-button size="small" fill="solid" color="secondary" shape="round">
|
||||
<ion-button size="small" fill="solid" color="secondary" shape="round" (click)="startAddfund()">
|
||||
Add Fund
|
||||
<ion-icon name="chevron-forward-circle-outline"></ion-icon>
|
||||
</ion-button>
|
||||
<ion-button size="small" fill="solid" shape="round">Plans
|
||||
<ion-button size="small" fill="solid" shape="round" (click)="startWalletPlan()">Plans
|
||||
<ion-icon name="chevron-forward-circle-outline"></ion-icon>
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
</ion-toolbar>
|
||||
|
||||
<div *ngIf="toolBarShow == '2' ">
|
||||
<ion-grid class="send-grid">
|
||||
<ion-row>
|
||||
<ion-col class="intr">Amount({{item.description}})</ion-col>
|
||||
<ion-col>
|
||||
<ion-input type="number" label="Amount(ggg)" placeholder="Enter Amount" [(ngModel)]='amount'></ion-input>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col class="intr">From</ion-col>
|
||||
<ion-col>
|
||||
<ion-input
|
||||
type="text"
|
||||
[readonly]="true"
|
||||
value="12,000 Naira">
|
||||
</ion-input>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col class="intr">To</ion-col>
|
||||
<ion-col>
|
||||
<ion-input
|
||||
type="text"
|
||||
[readonly]="true"
|
||||
value="{{member_firstname}} {{member_lastname}}">
|
||||
</ion-input>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col class="intr">Comment</ion-col>
|
||||
<ion-col>
|
||||
<ion-textarea class="txta"
|
||||
label="Outline textarea"
|
||||
labelPlacement="floating"
|
||||
fill="outline"
|
||||
placeholder="Comment">
|
||||
</ion-textarea>
|
||||
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<ion-button
|
||||
(click)="backToToolBar()"
|
||||
color="danger"
|
||||
shape="round"
|
||||
size="small">Cancel</ion-button>
|
||||
</ion-col>
|
||||
<ion-col class="sendpart">
|
||||
<ion-button
|
||||
(click)="sendReward()"
|
||||
color="secondary"
|
||||
shape="round"
|
||||
size="small">Send</ion-button>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
|
||||
</div>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
@@ -136,6 +199,7 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</ion-content>
|
||||
|
||||
<ion-footer>
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
|
||||
ion-content {
|
||||
.back_image {
|
||||
margin-top: 10px;
|
||||
width: auto;
|
||||
height: 130px;
|
||||
background-size: contain;
|
||||
@@ -12,6 +13,30 @@ ion-content {
|
||||
}
|
||||
}
|
||||
|
||||
.send-grid{
|
||||
background-color: #eff2f4;
|
||||
border-radius: 10px;
|
||||
font-size: 14px;
|
||||
font-weight: bolder;
|
||||
ion-select, ion-input{
|
||||
border-radius: 10px;
|
||||
border-color: #383a3e;
|
||||
background-color: white;
|
||||
text-align: right;
|
||||
}
|
||||
.intr{
|
||||
text-align: right;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.txta{
|
||||
background-color: white;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.sendpart{
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
@@ -111,4 +111,20 @@ export class FamilymemberPage implements OnInit {
|
||||
);
|
||||
|
||||
}
|
||||
|
||||
toolBarShow:string="1";
|
||||
|
||||
backToToolBar(){
|
||||
this.toolBarShow = "1";
|
||||
}
|
||||
startAddfund(){
|
||||
this.toolBarShow = "2";
|
||||
}
|
||||
sendReward(){
|
||||
|
||||
setTimeout(()=>{
|
||||
this.toolBarShow = "1";
|
||||
}, 3000);
|
||||
}
|
||||
startWalletPlan(){}
|
||||
}
|
||||
|
||||
@@ -9,6 +9,13 @@ import { HomePageRoutingModule } from './home-routing.module';
|
||||
import { HomePage } from './home.page';
|
||||
import { SuggestedlistComponent } from "../../components/suggestedlist/suggestedlist.component";
|
||||
import {FamilypendingComponent} from "../../components/familypending/familypending.component";
|
||||
import { TrackingComponent } from "../../components/tracking/tracking.component";
|
||||
|
||||
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
||||
|
||||
// @NgModule({
|
||||
// schemas: [CUSTOM_ELEMENTS_SCHEMA]
|
||||
// })
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
@@ -17,6 +24,7 @@ import {FamilypendingComponent} from "../../components/familypending/familypendi
|
||||
IonicModule,
|
||||
HomePageRoutingModule
|
||||
],
|
||||
declarations: [HomePage,SuggestedlistComponent,FamilypendingComponent]
|
||||
declarations: [HomePage,SuggestedlistComponent,FamilypendingComponent,TrackingComponent],
|
||||
schemas: [CUSTOM_ELEMENTS_SCHEMA]
|
||||
})
|
||||
export class HomePageModule { }
|
||||
|
||||
@@ -119,6 +119,18 @@
|
||||
<!-- <ion-title>{{walletDescription}}</ion-title>-->
|
||||
</ion-toolbar>
|
||||
|
||||
<ion-card>
|
||||
<app-tracking></app-tracking>
|
||||
<!-- <ion-card-header>-->
|
||||
<!-- <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
|
||||
<!-- </ion-card-header>-->
|
||||
<ion-card-content>
|
||||
Here's a small text description for the card content. Nothing more, nothing less.
|
||||
</ion-card-content>
|
||||
</ion-card>
|
||||
|
||||
|
||||
|
||||
<div *ngIf = "homebannerCount <3;">
|
||||
<div class="offer">
|
||||
<div class="bg_image back_image" [style.backgroundImage]="'url('+offerBanner+')'"></div>
|
||||
|
||||
Reference in New Issue
Block a user