Skip to content

F
ForexWeb
Commit b59207b9 by amal
Options

final

parent 16be67ba
Showing with 398 additions and 2 deletions
src/app/app-routing.module.ts
......@@ -4,7 +4,7 @@ import { Routes, RouterModule } from '@angular/router';
const routes: Routes = [
{
path: '',
redirectTo: 'start/login',
redirectTo: 'checker/currency',
pathMatch: 'full'
}
];
......
src/app/checker/checker.module.ts
......@@ -8,9 +8,11 @@ import { IndexComponent } from './index/index.component';
import { AddproviderComponent} from './addprovider/addprovider.component';
import { EditproviderComponent } from './editprovider/editprovider.component';
import { ManageproviderComponent } from './manageprovider/manageprovider.component';
import { HomeComponent } from './home/home.component';
import { CurrencyComponent } from './currency/currency.component';
@NgModule({
declarations: [IndexComponent, AddproviderComponent, EditproviderComponent, ManageproviderComponent],
declarations: [IndexComponent, AddproviderComponent, EditproviderComponent, ManageproviderComponent, HomeComponent, CurrencyComponent],
imports: [
CommonModule,
moduleRouting
......
src/app/checker/checker.routing.ts
......@@ -12,6 +12,8 @@ import { IndexComponent } from './index/index.component';
import { AddproviderComponent} from './addprovider/addprovider.component';
import { EditproviderComponent } from './editprovider/editprovider.component';
import { ManageproviderComponent } from './manageprovider/manageprovider.component';
import { HomeComponent } from './home/home.component';
import { CurrencyComponent } from './currency/currency.component';
const ModuleRoutes: Routes = [
......@@ -32,6 +34,14 @@ const ModuleRoutes: Routes = [
{
path: "manageprovider",
component: ManageproviderComponent
},
{
path: "home",
component: HomeComponent
},
{
path: "currency",
component: CurrencyComponent
}
]
......
src/app/checker/currency/currency.component.html 0 → 100644
<header class="provider_header">
<div class="row">
<div class="col-md-6">
<h4>Forex Delivery Service Provider</h4>
</div>
<div class="col-md-6 textRight relative">
<img src="assets/images/asset_logo1.png">
<span (click)="goToPage('delivery/changepin')">Change PIN</span>
</div>
</div>
</header>
<section>
<div class="provider_content">
<h3>Currency & Rates</h3>
<div class="provider_inner_content">
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-12">
<p>Currency</p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="currency_div">
<ul>
<li>USD</li>
<li>Pound</li>
<li>Euro</li>
<li>Dirham</li>
<li>USD</li>
<li>Pound</li>
<li>Euro</li>
<li>Dirham</li>
<li>USD</li>
<li>Pound</li>
<li>Euro</li>
<li>Dirham</li>
</ul>
</div>
</div>
<div class="col-md-4 textCenter">
<button class="add_btn">Add<img src="assets/images/right.png"></button><br>
<button class="add_btn"><img src="assets/images/left.png">Remove</button>
</div>
<div class="col-md-4">
<div class="currency_div">
</div>
</div>
</div>
</div>
<div class="col-md-2"></div>
<div class="col-md-4">
<div class="row">
<div class="col-md-12">
<p>Rates</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h6>USD</h6>
<input class="" type="number">
</div>
<div class="col-md-6">
<h6>Pound</h6>
<input class="" type="number">
</div>
</div>
<div class="row">
<div class="col-md-6">
<h6>Euro</h6>
<input class="" type="number">
</div>
<div class="col-md-6">
<h6>Dirham</h6>
<input class="" type="number">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="add_provider_btn_bay">
<button class="save_btn floatRight" (click)="goToPage('checker/manageprovider')">Save</button>
<button class="cancel_btn floatRight">Cancel</button>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</section>
src/app/checker/currency/currency.component.scss 0 → 100644
.provider_header{
background: #1a5c7c;
padding: 4px;
h4{
margin:0px;
color: #fff;
padding: 20px;
font-weight: 400;
font-size:20px;
}
span{
position: absolute;
bottom:-30px;
right:15px;
font-size: 14px;
cursor: pointer;
z-index: 999;
}
}
.provider_content{
width:100%;
position: relative;
h3{
margin:0px;
padding:0px;
border-bottom: 1px solid #494949;
color: #464646;
font-size: 20px;
font-weight: 400;
padding: 15px;
}
.provider_inner_content{
width:100%;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
.row{
p{
color: #464646;
font-size: 18px;
}
input{
width:100%;
border:1px solid #b2b2b2;
height:40px;
padding-left: 5px;
padding-right: 5px;
}
h6{
margin:0px;
padding:0px;
color: #464646;
font-size: 16px;
font-weight: 400;
padding-bottom: 10px;
padding-top: 10px;
}
.currency_div{
border:1px solid #b2b2b2;
width:100%;
height:155px;
padding: 4px;
overflow: scroll;
ul{
padding:0px;
margin:0px;
li{
background: #e6eef0;
color: #636466;
padding:5px;
margin-bottom: 3px;
cursor: pointer;
}
}
}
.add_btn{
margin:0 auto;
background: #f99e1c;
color: #fff;
width:100px;
font-size: 14px;
border:none;
border-radius: 3px;
margin: 8%;
img{
}
&:focus{
outline: none;
}
}
}
.add_provider_btn_bay{
width:100%;
padding-top:10%;
text-align: right;
.save_btn{
background: #cd3d3d;
color: #fff;
border-radius:20px;
height:40px;
border:none;
padding-left:4%;
padding-right:4%;
margin:1%;
&:hover{
outline: none;
}
&:focus{
outline:none;
}
}
.cancel_btn{
background: #1a5c7c;
color: #fff;
border-radius:20px;
height:40px;
padding-left:4%;
padding-right:4%;
border:none;
margin:1%;
&:hover{
outline: none;
}
&:focus{
outline:none;
}
}
}
}
}
\ No newline at end of file
src/app/checker/currency/currency.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { CurrencyComponent } from './currency.component';
describe('CurrencyComponent', () => {
let component: CurrencyComponent;
let fixture: ComponentFixture<CurrencyComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ CurrencyComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(CurrencyComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/checker/currency/currency.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
import { Router,ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-currency',
templateUrl: './currency.component.html',
styleUrls: ['./currency.component.scss']
})
export class CurrencyComponent implements OnInit {
constructor(private router: Router,private route: ActivatedRoute) { }
ngOnInit() {
}
goToPage(path,data=null){
console.log(data)
this.router.navigateByUrl(path,{queryParams:data});
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
}
src/app/checker/home/home.component.html 0 → 100644
<header class="provider_header">
<div class="row">
<div class="col-md-6">
<h4>Forex Delivery Service Provider</h4>
</div>
<div class="col-md-6 textRight relative">
<img src="assets/images/asset_logo1.png">
</div>
</div>
</header>
<section>
<div class="forex_wrapper">
<div class="row">
<div class="col-md-6">
<div class="forex_inner">
<img src="assets/images/asset_forex.png">
<h5>Manage Forex Provider</h5>
</div>
</div>
<div class="col-md-6">
<div class="forex_inner">
<img src="assets/images/asset_manage.png">
<h5>Manage Delivery Provider</h5>
</div>
</div>
</div>
</div>
</section>
src/app/checker/home/home.component.scss 0 → 100644
.provider_header{
background: #1a5c7c;
padding: 4px;
h4{
margin:0px;
color: #fff;
padding: 20px;
font-weight: 400;
font-size:20px;
}
span{
position: absolute;
bottom:-30px;
right:15px;
font-size: 14px;
cursor: pointer;
z-index: 999;
}
}
.forex_wrapper{
.forex_inner{
cursor: pointer;
text-align: center;
height: calc(100vh - 100px);
padding-top: 35%;
h5{
color: #464646;
font-weight: 500;
}
}
}
\ No newline at end of file
src/app/checker/home/home.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { HomeComponent } from './home.component';
describe('HomeComponent', () => {
let component: HomeComponent;
let fixture: ComponentFixture<HomeComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ HomeComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(HomeComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/checker/home/home.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
import { Router,ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.scss']
})
export class HomeComponent implements OnInit {
constructor(private router: Router,private route: ActivatedRoute) { }
ngOnInit() {
}
goToPage(path,data=null){
console.log(data)
this.router.navigateByUrl(path,{queryParams:data});
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment