3 |
23 |
4 |
22 |
5 |
7 | Add Brand
6 |
8 |
17 |
18 |
21 |
3 |
8 |
9 |
10 |
20 |
21 |
22 |
39 |
40 |
--------------------------------------------------------------------------------
/src/app/app.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 | import { RouterTestingModule } from '@angular/router/testing';
3 | import { AppComponent } from './app.component';
4 |
5 | describe('AppComponent', () => {
6 | beforeEach(async () => {
7 | await TestBed.configureTestingModule({
8 | imports: [
9 | RouterTestingModule
10 | ],
11 | declarations: [
12 | AppComponent
13 | ],
14 | }).compileComponents();
15 | });
16 |
17 | it('should create the app', () => {
18 | const fixture = TestBed.createComponent(AppComponent);
19 | const app = fixture.componentInstance;
20 | expect(app).toBeTruthy();
21 | });
22 |
23 | it(`should have as title 'rentacarproject'`, () => {
24 | const fixture = TestBed.createComponent(AppComponent);
25 | const app = fixture.componentInstance;
26 | expect(app.title).toEqual('rentacarproject');
27 | });
28 |
29 | it('should render title', () => {
30 | const fixture = TestBed.createComponent(AppComponent);
31 | fixture.detectChanges();
32 | const compiled = fixture.nativeElement;
33 | expect(compiled.querySelector('.content span').textContent).toContain('rentacarproject app is running!');
34 | });
35 | });
36 |
--------------------------------------------------------------------------------
/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-root',
5 | templateUrl: './app.component.html',
6 | styleUrls: ['./app.component.css']
7 | })
8 | export class AppComponent {
9 | title:string = "Rent A Car | Find The Right Car";
10 | user:string ="Erkan Akkoç";
11 | }
12 |
--------------------------------------------------------------------------------
/src/app/app.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { BrowserModule } from '@angular/platform-browser';
3 | import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
4 | import { FormsModule, ReactiveFormsModule} from '@angular/forms';
5 |
6 | import { AppRoutingModule } from './app-routing.module';
7 | import { AppComponent } from './app.component';
8 | import { CarComponent } from './components/car/car.component';
9 | import { ColorComponent } from './components/color/color.component';
10 | import { NaviComponent } from './components/navi/navi.component';
11 | import { BrandComponent } from './components/brand/brand.component';
12 | import { CustomerComponent } from './components/customer/customer.component';
13 | import { RentalComponent } from './components/rental/rental.component';
14 | import { CarDetailComponent } from './components/car-detail/car-detail.component';
15 | import { ColorFilterPipePipe } from './pipes/color-filter-pipe.pipe';
16 | import { BrandFilterPipePipe } from './pipes/brand-filter-pipe.pipe';
17 | import { CarFilterPipePipe } from './pipes/car-filter-pipe.pipe';
18 | import { CustomerFilterPipePipe } from './pipes/customer-filter-pipe.pipe';
19 | import { CarFilterComponent } from './components/car-filter/car-filter.component';
20 |
21 | import { ToastrModule } from 'ngx-toastr';
22 | //import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
23 | import { PaymentComponent } from './components/payment/payment.component';
24 | import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
25 | import { ColorAddComponent } from './components/color-add/color-add.component';
26 | import { BrandAddComponent } from './components/brand-add/brand-add.component';
27 | import { CarAddComponent } from './components/car-add/car-add.component';
28 | import { ColorListComponent } from './components/color-list/color-list.component';
29 | import { BrandListComponent } from './components/brand-list/brand-list.component';
30 | import { CarListComponent } from './components/car-list/car-list.component';
31 | import { CarUpdateComponent } from './components/car-update/car-update.component';
32 | import { ColorUpdateComponent } from './components/color-update/color-update.component';
33 | import { BrandUpdateComponent } from './components/brand-update/brand-update.component';
34 | import { LoginComponent } from './components/login/login.component';
35 | import { RegisterComponent } from './components/register/register.component';
36 | import { AuthInterceptor } from './interceptors/auth.interceptor';
37 | import { RentalListComponent } from './components/rental-list/rental-list.component';
38 | import { ChangePasswordComponent } from './components/change-password/change-password.component';
39 | import { ProfileComponent } from './components/profile/profile.component';
40 | import { UserCardsComponent } from './components/user-cards/user-cards.component';
41 | import { HomeComponent } from './components/home/home.component';
42 | import { FooterComponent } from './components/footer/footer.component';
43 |
44 |
45 |
46 |
47 | @NgModule({
48 | declarations: [
49 | AppComponent,
50 | CarComponent,
51 | ColorComponent,
52 | NaviComponent,
53 | BrandComponent,
54 | CustomerComponent,
55 | RentalComponent,
56 | CarDetailComponent,
57 | ColorFilterPipePipe,
58 | BrandFilterPipePipe,
59 | CarFilterPipePipe,
60 | CustomerFilterPipePipe,
61 | CarFilterComponent,
62 | PaymentComponent,
63 | ColorAddComponent,
64 | BrandAddComponent,
65 | CarAddComponent,
66 | ColorListComponent,
67 | BrandListComponent,
68 | CarListComponent,
69 | CarUpdateComponent,
70 | ColorUpdateComponent,
71 | BrandUpdateComponent,
72 | LoginComponent,
73 | RegisterComponent,
74 | RentalListComponent,
75 | ChangePasswordComponent,
76 | ProfileComponent,
77 | UserCardsComponent,
78 | HomeComponent,
79 | FooterComponent
80 | ],
81 | imports: [
82 | BrowserModule,
83 | AppRoutingModule,
84 | HttpClientModule,
85 | FormsModule,
86 | ReactiveFormsModule,
87 | ToastrModule.forRoot({
88 | positionClass:"toast-bottom-right"
89 | }),
90 | BrowserAnimationsModule
91 | //NgbModule
92 | ],
93 | providers: [{
94 | provide: HTTP_INTERCEPTORS, useClass:AuthInterceptor, multi:true}],
95 | bootstrap: [AppComponent]
96 | })
97 | export class AppModule { }
98 |
--------------------------------------------------------------------------------
/src/app/components/brand-add/brand-add.component.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/erkanakkoc/ReCapProject-Frontend/4b60229426fa70112ce2a7f15458a7ac67145264/src/app/components/brand-add/brand-add.component.css
--------------------------------------------------------------------------------
/src/app/components/brand-add/brand-add.component.html:
--------------------------------------------------------------------------------
1 |
5 |
7 |
2 |
--------------------------------------------------------------------------------
/src/app/components/brand-add/brand-add.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { BrandAddComponent } from './brand-add.component';
4 |
5 | describe('BrandAddComponent', () => {
6 | let component: BrandAddComponent;
7 | let fixture: ComponentFixture
2 | Loading...
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | | Brand Id | 14 |Brand Name | 15 |Operations | 16 | 17 |
|---|---|---|
| {{brand.brandId}} | 22 |{{brand.brandName}} | 23 |24 | 25 | 26 | | 27 |
brand-update works!
2 | -------------------------------------------------------------------------------- /src/app/components/brand-update/brand-update.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { BrandUpdateComponent } from './brand-update.component'; 4 | 5 | describe('BrandUpdateComponent', () => { 6 | let component: BrandUpdateComponent; 7 | let fixture: ComponentFixture
2 | Loading...
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 | - All Brands 13 |
- {{brand.brandName}} 17 |
Brands
12 |-------------------------------------------------------------------------------- /src/app/components/brand/brand.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { BrandComponent } from './brand.component'; 4 | 5 | describe('BrandComponent', () => { 6 | let component: BrandComponent; 7 | let fixture: ComponentFixture
2 |
--------------------------------------------------------------------------------
/src/app/components/car-add/car-add.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { CarAddComponent } from './car-add.component';
4 |
5 | describe('CarAddComponent', () => {
6 | let component: CarAddComponent;
7 | let fixture: ComponentFixture
3 |
75 |
4 |
74 |
5 |
7 | Add Car
6 |
8 |
64 |
69 |
70 |
73 |
2 |
34 |
35 |
36 |
3 |
4 |
5 |
32 |
33 | | Brand | 7 |Color | 8 |Model Year | 9 |Daily Price | 10 |Description | 11 |Findex | 12 |Function | 13 | 14 | 15 ||
|---|---|---|---|---|---|---|---|
| {{car.brandName}} | 20 |{{car.colorName}} | 21 |{{car.modelYear}} | 22 |{{car.dailyPrice}} | 23 |{{car.description}} | 24 |{{car.findexPoint}} | 25 |You need log-in | 27 | 29 |
34 |
37 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
82 |
94 |
95 |
96 |
97 |
108 |
109 |
--------------------------------------------------------------------------------
/src/app/components/car-detail/car-detail.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { CarDetailComponent } from './car-detail.component';
4 |
5 | describe('CarDetailComponent', () => {
6 | let component: CarDetailComponent;
7 | let fixture: ComponentFixtureCAR DETAILS
38 | 39 |
40 |
61 |
41 |
42 |
45 |
46 |
47 |
52 |
56 |
60 |
48 | 
49 | 
50 |
51 |
44 |
--------------------------------------------------------------------------------
/src/app/components/car-filter/car-filter.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { ActivatedRoute } from '@angular/router';
3 | import { Brand } from 'src/app/models/brand';
4 | import { Color } from 'src/app/models/color';
5 | import { BrandService } from 'src/app/services/brand.service';
6 | import { CarService } from 'src/app/services/car.service';
7 | import { ColorService } from 'src/app/services/color.service';
8 |
9 | @Component({
10 | selector: 'app-car-filter',
11 | templateUrl: './car-filter.component.html',
12 | styleUrls: ['./car-filter.component.css']
13 | })
14 | export class CarFilterComponent implements OnInit {
15 |
16 | constructor(
17 | private brandService:BrandService,
18 | private colorService:ColorService,
19 | private activatedRoute:ActivatedRoute,
20 | private carService:CarService
21 | ) { }
22 |
23 | brands: Brand[] = [];
24 | colors: Color[] = [];
25 | brandFilter: Number;
26 | colorFilter: Number;
27 |
28 | ngOnInit(): void {
29 | this.getBrands();
30 | this.getColors();
31 | }
32 |
33 | getBrands() {
34 | this.brandService.getBrands().subscribe((response) => {
35 | this.brands = response.data;
36 | //this.dataLoaded = true;
37 | });
38 | }
39 | getColors() {
40 | this.colorService.getColors().subscribe((response) => {
41 | this.colors = response.data;
42 | // this.dataLoaded = true;
43 | });
44 | }
45 | getSelectedBrand(brand: Brand) {
46 | if (brand.brandId == this.brandFilter)
47 | return true;
48 | else
49 | return false;
50 | }
51 | getSelectedColor(color: Color) {
52 | if (color.colorId == this.colorFilter)
53 | return true;
54 | else
55 | return false;
56 | }
57 |
58 | IsCurrentColorNull(){
59 | if(this.colorFilter){
60 | return true;
61 | }else{
62 | return false;
63 | }
64 | }
65 |
66 | IsCurrentBrandNull(){
67 | if(this.brandFilter){
68 | return true;
69 | }else{
70 | return false;
71 | }
72 | }
73 |
74 | GetRouterLink(){
75 | if(this.colorFilter && this.brandFilter){
76 | return "/cars/filter/brand/"+this.brandFilter +"/color/" +this.colorFilter;
77 | }else if(this.brandFilter){
78 | return "/cars/filter/brand/" +this.brandFilter;
79 | }else if(this.colorFilter){
80 | return "/cars/filter/color/" +this.colorFilter;
81 | }else{
82 | return "/cars";
83 | }
84 | }
85 | }
86 |
--------------------------------------------------------------------------------
/src/app/components/car-list/car-list.component.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/erkanakkoc/ReCapProject-Frontend/4b60229426fa70112ce2a7f15458a7ac67145264/src/app/components/car-list/car-list.component.css
--------------------------------------------------------------------------------
/src/app/components/car-list/car-list.component.html:
--------------------------------------------------------------------------------
1 |
45 |
59 |
66 | -
46 |
- FILTER THE CARS 47 |
2 |
4 | 5 |
15 |
16 |
17 |
59 |
--------------------------------------------------------------------------------
/src/app/components/car-list/car-list.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { CarListComponent } from './car-list.component';
4 |
5 | describe('CarListComponent', () => {
6 | let component: CarListComponent;
7 | let fixture: ComponentFixtureCAR LİST
3 |4 | 5 |
6 |
7 |
8 |
9 |
10 |
11 | Loading...
12 |
13 |
14 | 15 |
| Car Id | 19 |Brand | 20 |Car Model | 21 |Color | 22 |Model Year | 23 |Daily Price | 24 |Description | 25 |Operations | 26 | 27 |
|---|---|---|---|---|---|---|---|
| {{car.carId}} | 32 | 33 |{{car.brandName}} | 34 |{{car.carName}} | 35 |{{car.colorName}} | 36 |{{car.modelYear}} | 37 |{{car.dailyPrice}} | 38 |{{car.description}} | 39 |
40 |
|
55 |
2 |
3 |
8 |
4 | Loading...
5 |
6 | 8 |
9 | ;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ CarComponent ]
12 | })
13 | .compileComponents();
14 | });
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(CarComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/components/car/car.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { ActivatedRoute } from '@angular/router';
3 | import { Car } from 'src/app/models/car';
4 | import { CarImage } from 'src/app/models/carImage';
5 | import { CarImageService } from 'src/app/services/car-image.service';
6 | import { CarService } from 'src/app/services/car.service';
7 | import { environment } from 'src/environments/environment';
8 | import { ToastrService } from 'ngx-toastr';
9 |
10 | @Component({
11 | selector: 'app-car',
12 | templateUrl: './car.component.html',
13 | styleUrls: ['./car.component.css']
14 | })
15 | export class CarComponent implements OnInit {
16 |
17 | cars:Car[] = [];
18 |
19 | dataLoaded = false;
20 | imageBasePath = environment.baseUrl
21 | carImageDefault= environment.baseUrl+"/default.jpg"
22 |
23 |
24 | constructor(private carService:CarService,
25 | private activatedRoute:ActivatedRoute,
26 | private toastr: ToastrService) { }
27 |
28 | ngOnInit(): void {
29 | this.activatedRoute.params.subscribe(params=>{
30 | if(params["brandId"] && params["colorId"]){
31 | this.getCarsBySelect(params["brandId"],params["colorId"])
32 | } else if(params["brandId"]){
33 | this.getCarsByBrand(params["brandId"])
34 | } else if(params["colorId"]){
35 | this.getCarsByColor(params["colorId"])
36 | } else{
37 | this.getCars()
38 | }
39 |
40 | })
41 | }
42 |
43 | getCars(){
44 | this.carService.getCars().subscribe(response=>{
45 | this.cars=response.data
46 | this.dataLoaded=true;
47 | })
48 | }
49 |
50 | getCarsByBrand(brandId:number){
51 | this.carService.getCarsByBrand(brandId).subscribe(response=>{
52 | this.cars=response.data
53 | this.dataLoaded=true;
54 | })
55 | }
56 |
57 | getCarsByColor(colorId:number){
58 | this.carService.getCarsByColor(colorId).subscribe(response=>{
59 | this.cars=response.data
60 | this.dataLoaded=true;
61 | })
62 | }
63 |
64 | getCarsBySelect(brandId:number, colorId:number){
65 | this.carService.getCarsBySelect(brandId,colorId).subscribe(response=>{
66 | this.cars=response.data
67 | this.dataLoaded=true;
68 | if(this.cars.length == 0){
69 | this.toastr.info('There is no car as you searched.', 'Search Result');
70 | }
71 | })
72 | }
73 | }
74 |
--------------------------------------------------------------------------------
/src/app/components/change-password/change-password.component.css:
--------------------------------------------------------------------------------
1 | .mybtn{
2 | border-radius: 6px;
3 | color: whitesmoke;
4 | height: 100%;
5 | background-color: #046e8f;
6 | border: none;
7 | }
8 | .mybtn:hover{
9 | border-radius: 6px;
10 | background-color: #0090c1;
11 | }
--------------------------------------------------------------------------------
/src/app/components/change-password/change-password.component.html:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/src/app/components/change-password/change-password.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { ChangePasswordComponent } from './change-password.component';
4 |
5 | describe('ChangePasswordComponent', () => {
6 | let component: ChangePasswordComponent;
7 | let fixture: ComponentFixture;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ ChangePasswordComponent ]
12 | })
13 | .compileComponents();
14 | });
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(ChangePasswordComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/components/change-password/change-password.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { FormBuilder, FormGroup, FormControl, Validators } from '@angular/forms';
3 | import { ToastrService } from 'ngx-toastr';
4 | import { AuthService } from 'src/app/services/auth.service';
5 |
6 | @Component({
7 | selector: 'app-change-password',
8 | templateUrl: './change-password.component.html',
9 | styleUrls: ['./change-password.component.css']
10 | })
11 | export class ChangePasswordComponent implements OnInit {
12 |
13 | passwordUpdateForm:FormGroup;
14 | currentUserId:number;
15 |
16 | constructor( private formBuilder:FormBuilder,
17 | private authService:AuthService,
18 | private toastrService:ToastrService
19 | ) { }
20 |
21 | ngOnInit(): void {
22 | this.createPasswordUpdateForm();
23 | this.currentUserId = this.authService.getUserId();
24 | }
25 |
26 | createPasswordUpdateForm(){
27 | this.passwordUpdateForm = this.formBuilder.group({
28 | oldPassword:["",Validators.required],
29 | newPassword:["",Validators.required]
30 | })
31 | }
32 |
33 | changePassword(){
34 | if (this.passwordUpdateForm.valid){
35 | let passwordModel = Object.assign({userId:this.currentUserId},this.passwordUpdateForm.value);
36 | this.authService.changePassword(passwordModel).subscribe(response => {
37 | this.toastrService.success(response.message,"Successfully");
38 | },responseError => {
39 | this.toastrService.error(responseError.error,"Error");
40 | })
41 | }else{
42 | this.toastrService.error("Please Fill The Form Completely","Error")
43 | }
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/src/app/components/color-add/color-add.component.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/erkanakkoc/ReCapProject-Frontend/4b60229426fa70112ce2a7f15458a7ac67145264/src/app/components/color-add/color-add.component.css
--------------------------------------------------------------------------------
/src/app/components/color-add/color-add.component.html:
--------------------------------------------------------------------------------
1 | ;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ ColorAddComponent ]
12 | })
13 | .compileComponents();
14 | });
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(ColorAddComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/components/color-add/color-add.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import {FormGroup, FormBuilder, FormControl, Validators} from '@angular/forms';
3 | import { ToastrService } from 'ngx-toastr';
4 | import { ColorService } from 'src/app/services/color.service';
5 |
6 | @Component({
7 | selector: 'app-color-add',
8 | templateUrl: './color-add.component.html',
9 | styleUrls: ['./color-add.component.css']
10 | })
11 | export class ColorAddComponent implements OnInit {
12 |
13 | colorAddForm: FormGroup;
14 | constructor(private formBuilder:FormBuilder, private colorService:ColorService, private toastrService:ToastrService) { }
15 |
16 | ngOnInit(): void {
17 | this.createColorAddForm();
18 | }
19 |
20 | createColorAddForm(){
21 | this.colorAddForm = this.formBuilder.group({
22 | colorName:["",Validators.required]
23 | })
24 | }
25 | add(){
26 | if (this.colorAddForm.valid) {
27 | let colorModel = Object.assign({},this.colorAddForm.value)
28 | this.colorService.add(colorModel).subscribe(response=>{
29 | this.toastrService.success(response.message, "Successfully")
30 | }, responseError=>{
31 | if(responseError.error.ValidationErrors.length>0)
32 | {
33 | for (let i = 0; i < responseError.error.ValidationErrors.length; i++)
34 | {
35 | this.toastrService.error(responseError.error.ValidationErrors[i].ErrorMessage,"Validation Error")
36 | }
37 | }
38 | })
39 | }else{
40 | this.toastrService.error("Fill the Form Completly","Attention")
41 | }
42 | }
43 | }
44 |
--------------------------------------------------------------------------------
/src/app/components/color-list/color-list.component.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/erkanakkoc/ReCapProject-Frontend/4b60229426fa70112ce2a7f15458a7ac67145264/src/app/components/color-list/color-list.component.css
--------------------------------------------------------------------------------
/src/app/components/color-list/color-list.component.html:
--------------------------------------------------------------------------------
1 |
11 |
12 |
--------------------------------------------------------------------------------
/src/app/components/color-list/color-list.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { ColorListComponent } from './color-list.component';
4 |
5 | describe('ColorListComponent', () => {
6 | let component: ColorListComponent;
7 | let fixture: ComponentFixture;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ ColorListComponent ]
12 | })
13 | .compileComponents();
14 | });
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(ColorListComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/components/color-list/color-list.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { Color } from 'src/app/models/color';
3 | import { ColorService } from 'src/app/services/color.service';
4 |
5 | @Component({
6 | selector: 'app-color-list',
7 | templateUrl: './color-list.component.html',
8 | styleUrls: ['./color-list.component.css']
9 | })
10 | export class ColorListComponent implements OnInit {
11 |
12 | colors:Color[] = [];
13 | currentColor : Color;
14 | dataLoaded = false;
15 | filterText ="";
16 |
17 |
18 | constructor(private colorService:ColorService) { }
19 |
20 | ngOnInit(): void {
21 | this.getColors();
22 | }
23 | getColors(){
24 | this.colorService.getColors().subscribe(response=>{
25 | this.colors=response.data
26 | this.dataLoaded=true;
27 | })
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/src/app/components/color-update/color-update.component.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/erkanakkoc/ReCapProject-Frontend/4b60229426fa70112ce2a7f15458a7ac67145264/src/app/components/color-update/color-update.component.css
--------------------------------------------------------------------------------
/src/app/components/color-update/color-update.component.html:
--------------------------------------------------------------------------------
1 | ;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ ColorUpdateComponent ]
12 | })
13 | .compileComponents();
14 | });
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(ColorUpdateComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/components/color-update/color-update.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-color-update',
5 | templateUrl: './color-update.component.html',
6 | styleUrls: ['./color-update.component.css']
7 | })
8 | export class ColorUpdateComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit(): void {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/components/color/color.component.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/erkanakkoc/ReCapProject-Frontend/4b60229426fa70112ce2a7f15458a7ac67145264/src/app/components/color/color.component.css
--------------------------------------------------------------------------------
/src/app/components/color/color.component.html:
--------------------------------------------------------------------------------
1 |
-------------------------------------------------------------------------------- /src/app/components/color/color.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { ColorComponent } from './color.component'; 4 | 5 | describe('ColorComponent', () => { 6 | let component: ColorComponent; 7 | let fixture: ComponentFixture;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ ColorComponent ]
12 | })
13 | .compileComponents();
14 | });
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(ColorComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/components/color/color.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { Color } from 'src/app/models/color';
3 | import { ColorService } from 'src/app/services/color.service';
4 |
5 | @Component({
6 | selector: 'app-color',
7 | templateUrl: './color.component.html',
8 | styleUrls: ['./color.component.css']
9 | })
10 | export class ColorComponent implements OnInit {
11 |
12 | colors:Color[] = [];
13 | currentColor : Color;
14 | dataLoaded = false;
15 | filterText ="";
16 |
17 |
18 | constructor(private colorService:ColorService) { }
19 |
20 |
21 |
22 | ngOnInit(): void {
23 | this.getColors();
24 | }
25 |
26 | getColors(){
27 | this.colorService.getColors().subscribe(response=>{
28 | this.colors=response.data
29 | this.dataLoaded=true;
30 | })
31 | }
32 | setCurrentColor(color:Color){
33 | this.currentColor = color;
34 | }
35 |
36 | getCurrentColorClass(color:Color){
37 | if(color==this.currentColor){
38 | return "list-group-item active"
39 | } else {
40 | return "list-group-item"
41 | }
42 | }
43 |
44 | getAllColorClass(){
45 | if(!this.currentColor){
46 | return "list-group-item active"
47 | }else{
48 | return "list-group-item"
49 | }
50 | }
51 |
52 | }
--------------------------------------------------------------------------------
/src/app/components/customer/customer.component.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/erkanakkoc/ReCapProject-Frontend/4b60229426fa70112ce2a7f15458a7ac67145264/src/app/components/customer/customer.component.css
--------------------------------------------------------------------------------
/src/app/components/customer/customer.component.html:
--------------------------------------------------------------------------------
1 |
6 |
7 |
26 |
--------------------------------------------------------------------------------
/src/app/components/customer/customer.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { CustomerComponent } from './customer.component';
4 |
5 | describe('CustomerComponent', () => {
6 | let component: CustomerComponent;
7 | let fixture: ComponentFixture;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ CustomerComponent ]
12 | })
13 | .compileComponents();
14 | });
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(CustomerComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/components/customer/customer.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { Customer } from 'src/app/models/customer';
3 | import { CustomerService } from 'src/app/services/customer.service';
4 |
5 | @Component({
6 | selector: 'app-customer',
7 | templateUrl: './customer.component.html',
8 | styleUrls: ['./customer.component.css']
9 | })
10 | export class CustomerComponent implements OnInit {
11 |
12 | customers:Customer[] = [];
13 | dataLoaded = false;
14 |
15 |
16 | constructor(private customerService:CustomerService) { }
17 |
18 | ngOnInit(): void {
19 | this.getCustomers();
20 | }
21 |
22 | getCustomers(){
23 | this.customerService.getCustomers().subscribe(response=>{
24 | this.customers=response.data
25 | this.dataLoaded=true;
26 | })
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/src/app/components/debug.log:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/erkanakkoc/ReCapProject-Frontend/4b60229426fa70112ce2a7f15458a7ac67145264/src/app/components/debug.log
--------------------------------------------------------------------------------
/src/app/components/footer/footer.component.css:
--------------------------------------------------------------------------------
1 | /* Main Footer */
2 | footer .main-footer{ padding: 20px 0; background: #252525;}
3 | footer ul{ padding-left: 0; list-style: none;}
4 |
5 | /* Copy Right Footer */
6 | .footer-copyright { background: #222; padding: 5px 0;}
7 | .footer-copyright .logo { display: inherit;}
8 | .footer-copyright nav { float: right; margin-top: 5px;}
9 | .footer-copyright nav ul { list-style: none; margin: 0; padding: 0;}
10 | .footer-copyright nav ul li { border-left: 1px solid #505050; display: inline-block; line-height: 12px; margin: 0; padding: 0 8px;}
11 | .footer-copyright nav ul li a{ color: #969696;}
12 | .footer-copyright nav ul li:first-child { border: medium none; padding-left: 0;}
13 | .footer-copyright p { color: #969696; margin: 2px 0 0;}
14 |
15 | /* Footer Top */
16 | .footer-top{ background: #252525; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 3px solid #222;}
17 |
18 | /* Footer transparent */
19 | footer.transparent .footer-top, footer.transparent .main-footer{ background: transparent;}
20 | footer.transparent .footer-copyright{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) ;}
21 |
22 | /* Footer light */
23 | footer.light .footer-top{ background: #f9f9f9;}
24 | footer.light .main-footer{ background: #f9f9f9;}
25 | footer.light .footer-copyright{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3) ;}
26 |
27 | /* Footer 4 */
28 | .footer- .logo { display: inline-block;}
29 |
30 | /*====================
31 | Widgets
32 | ====================== */
33 | .widget{ padding: 20px; margin-bottom: 40px;}
34 | .widget.widget-last{ margin-bottom: 0px;}
35 | .widget.no-box{ padding: 0; background-color: transparent; margin-bottom: 40px;
36 | box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;}
37 | .widget.subscribe p{ margin-bottom: 18px;}
38 | .widget li a{ color: #ffffff;}
39 | .widget li a:hover{ color: #4b92dc;}
40 | .widget-title {margin-bottom: 20px;}
41 | .widget-title span {background: #839FAD none repeat scroll 0 0;display: block; height: 1px;margin-top: 25px;position: relative;width: 20%;}
42 | .widget-title span::after {background: inherit;content: "";height: inherit; position: absolute;top: -4px;width: 50%;}
43 | .widget-title.text-center span,.widget-title.text-center span::after {margin-left: auto;margin-right:auto;left: 0;right: 0;}
44 | .widget .badge{ float: right; background: #7f7f7f;}
45 |
46 | .typo-light h1,
47 | .typo-light h2,
48 | .typo-light h3,
49 | .typo-light h4,
50 | .typo-light h5,
51 | .typo-light h6,
52 | .typo-light p,
53 | .typo-light div,
54 | .typo-light span,
55 | .typo-light small{ color: #fff;}
56 |
57 | ul.social-footer2 { margin: 0;padding: 0; width: auto;}
58 | ul.social-footer2 li {display: inline-block;padding: 0;}
59 | ul.social-footer2 li a:hover {background-color:#ff8d1e;}
60 | ul.social-footer2 li a {display: block; height:30px;width: 30px;text-align: center;}
61 | .btn{background-color: #ff8d1e; color:#fff;}
62 | .btn:hover, .btn:focus, .btn.active {background: #4b92dc;color: #fff;
63 | -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
64 | -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
65 | -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
66 | -o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
67 | box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
68 | -webkit-transition: all 250ms ease-in-out 0s;
69 | -moz-transition: all 250ms ease-in-out 0s;
70 | -ms-transition: all 250ms ease-in-out 0s;
71 | -o-transition: all 250ms ease-in-out 0s;
72 | transition: all 250ms ease-in-out 0s;
73 |
74 | }
--------------------------------------------------------------------------------
/src/app/components/footer/footer.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { FooterComponent } from './footer.component';
4 |
5 | describe('FooterComponent', () => {
6 | let component: FooterComponent;
7 | let fixture: ComponentFixture;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ FooterComponent ]
12 | })
13 | .compileComponents();
14 | });
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(FooterComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/components/footer/footer.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-footer',
5 | templateUrl: './footer.component.html',
6 | styleUrls: ['./footer.component.css']
7 | })
8 | export class FooterComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit(): void {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/components/home/home.component.css:
--------------------------------------------------------------------------------
1 |
2 | /*--------------------------------------------------------------------*/
3 |
4 | .how-it-works .step {
5 | width: 20%;
6 | display: inline-block;
7 | text-align: center;
8 | position: relative; }
9 | .how-it-works .step:after {
10 | width: 100%;
11 | height: 4px;
12 | content: "";
13 | position: absolute;
14 | z-index: -1;
15 | top: 25px;
16 | background: #007bff; }
17 | .how-it-works .step:last-child:after {
18 | display: none; }
19 | .how-it-works .step .number {
20 | z-index: 1;
21 | width: 50px;
22 | height: 50px;
23 | border: 4px solid #007bff;
24 | background: #fff;
25 | border-radius: 50%;
26 | color: #007bff;
27 | display: block;
28 | position: relative;
29 | margin: 0 auto 10px auto; }
30 | .how-it-works .step .number > span {
31 | position: absolute;
32 | top: 50%;
33 | left: 50%;
34 | -webkit-transform: translate(-50%, -50%);
35 | -ms-transform: translate(-50%, -50%);
36 | transform: translate(-50%, -50%);
37 | font-size: 1.3rem;
38 | color: #007bff; }
39 | .how-it-works .step .caption {
40 | display: block; }
41 |
42 |
43 |
44 | .block-counter-1 {
45 | text-align: center; }
46 | .block-counter-1 .number,
47 | .block-counter-1 .caption {
48 | display: block;
49 | line-height: 1; }
50 | .block-counter-1 .number {
51 | color: #007bff;
52 | font-size: 4rem;
53 | position: relative;
54 | padding-bottom: 20px;
55 | margin-bottom: 20px; }
56 | @media (max-width: 991.98px) {
57 | .block-counter-1 .number {
58 | font-size: 2rem; } }
59 | .block-counter-1 .number:after {
60 | position: absolute;
61 | content: "";
62 | width: 50px;
63 | height: 3px;
64 | left: 50%;
65 | bottom: 0;
66 | -webkit-transform: translateX(-50%);
67 | -ms-transform: translateX(-50%);
68 | transform: translateX(-50%);
69 | background: rgba(52, 58, 64, 0.3); }
70 | .block-counter-1 .caption {
71 | font-size: 14px;
72 | letter-spacing: .05em; }
73 |
74 |
75 |
76 | /*--------------------------------------------------------------
77 | # Featured Services
78 | --------------------------------------------------------------*/
79 | .featured-services .icon-box {
80 | padding: 30px;
81 | position: relative;
82 | overflow: hidden;
83 | background: #fff;
84 | box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
85 | transition: all 0.3s ease-in-out;
86 | border-radius: 8px;
87 | z-index: 1;
88 | }
89 |
90 | .featured-services .icon-box::before {
91 | content: '';
92 | position: absolute;
93 | background: #cbe0fb;
94 | right: 0;
95 | left: 0;
96 | bottom: 0;
97 | top: 100%;
98 | transition: all 0.3s;
99 | z-index: -1;
100 | }
101 |
102 | .featured-services .icon-box:hover::before {
103 | background: #106eea;
104 | top: 0;
105 | border-radius: 0px;
106 | }
107 |
108 | .featured-services .icon {
109 | margin-bottom: 15px;
110 | }
111 |
112 | .featured-services .icon i {
113 | font-size: 48px;
114 | line-height: 1;
115 | color: #106eea;
116 | transition: all 0.3s ease-in-out;
117 | }
118 |
119 | .featured-services .title {
120 | font-weight: 700;
121 | margin-bottom: 15px;
122 | font-size: 18px;
123 | }
124 |
125 | .featured-services .title a {
126 | color: #111;
127 | }
128 |
129 | .featured-services .description {
130 | font-size: 15px;
131 | line-height: 28px;
132 | margin-bottom: 0;
133 | }
134 |
135 | .featured-services .icon-box:hover .title a, .featured-services .icon-box:hover .description {
136 | color: #fff;
137 | }
138 |
139 | .featured-services .icon-box:hover .icon i {
140 | color: #fff;
141 | }
142 |
--------------------------------------------------------------------------------
/src/app/components/home/home.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { HomeComponent } from './home.component';
4 |
5 | describe('HomeComponent', () => {
6 | let component: HomeComponent;
7 | let fixture: ComponentFixture;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ HomeComponent ]
12 | })
13 | .compileComponents();
14 | });
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(HomeComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/components/home/home.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 |
4 | @Component({
5 | selector: 'app-home',
6 | templateUrl: './home.component.html',
7 | styleUrls: ['./home.component.css']
8 | })
9 | export class HomeComponent implements OnInit {
10 |
11 | constructor() { }
12 |
13 | ngOnInit(): void {
14 | }
15 |
16 |
17 |
18 |
19 |
20 | }
21 |
--------------------------------------------------------------------------------
/src/app/components/login/login.component.css:
--------------------------------------------------------------------------------
1 | html,
2 | body {
3 | height: 100%;
4 | }
5 |
6 | body {
7 | display: flex;
8 | align-items: center;
9 | padding-top: 40px;
10 | padding-bottom: 40px;
11 | }
12 |
13 | .form-signin {
14 | width: 100%;
15 | max-width: 330px;
16 | padding: 15px;
17 | margin: auto;
18 | }
19 |
20 | .form-signin .checkbox {
21 | font-weight: 400;
22 | }
23 |
24 | .form-signin .form-floating:focus-within {
25 | z-index: 2;
26 | }
27 |
28 | .form-signin input[type="email"] {
29 | margin-bottom: -1px;
30 | border-bottom-right-radius: 0;
31 | border-bottom-left-radius: 0;
32 | }
33 |
34 | .form-signin input[type="password"] {
35 | margin-bottom: 10px;
36 | border-top-left-radius: 0;
37 | border-top-right-radius: 0;
38 | }
39 |
40 | .bd-placeholder-img {
41 | font-size: 1.125rem;
42 | text-anchor: middle;
43 | -webkit-user-select: none;
44 | -moz-user-select: none;
45 | user-select: none;
46 | }
47 |
48 | @media (min-width: 768px) {
49 | .bd-placeholder-img-lg {
50 | font-size: 3.5rem;
51 | }
52 | }
--------------------------------------------------------------------------------
/src/app/components/login/login.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
24 |
25 |
26 |
27 |
28 |
--------------------------------------------------------------------------------
/src/app/components/login/login.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { LoginComponent } from './login.component';
4 |
5 | describe('LoginComponent', () => {
6 | let component: LoginComponent;
7 | let fixture: ComponentFixture;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ LoginComponent ]
12 | })
13 | .compileComponents();
14 | });
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(LoginComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/components/login/login.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { FormGroup, FormControl, Validators, FormBuilder } from "@angular/forms";
3 | import { Router } from '@angular/router';
4 | import { ToastrService } from 'ngx-toastr';
5 | import { AuthService } from 'src/app/services/auth.service';
6 | import { LocalStorageService } from 'src/app/services/local-storage.service';
7 |
8 | @Component({
9 | selector: 'app-login',
10 | templateUrl: './login.component.html',
11 | styleUrls: ['./login.component.css']
12 | })
13 | export class LoginComponent implements OnInit {
14 |
15 | loginForm:FormGroup;
16 | constructor(private formBuilder:FormBuilder,
17 | private authService:AuthService,
18 | private localStorageService:LocalStorageService,
19 | private toastrService:ToastrService,
20 | private router:Router
21 | ) { }
22 |
23 | ngOnInit(): void {
24 | this.createLoginForm();
25 | }
26 |
27 | createLoginForm(){
28 | this.loginForm =this.formBuilder.group({
29 | email: ["", Validators.required],
30 | password: ["", Validators.required]
31 | })
32 | }
33 |
34 | login(){
35 | if (this.loginForm.valid) {
36 | let loginModel = Object.assign({}, this.loginForm.value)
37 |
38 | this.authService.login(loginModel).subscribe(response=>{
39 | this.toastrService.info(response.message)
40 | this.localStorageService.set("token",response.data.token);
41 | this.toastrService.success(response.message,"Successfully");
42 | this.router.navigate([""])
43 | setTimeout(function () {
44 | location.reload();
45 | });
46 |
47 | }, responseError=>{
48 | if (responseError.error.length>0 && responseError.error) {
49 | this.toastrService.error(responseError.error,"Error")
50 | }
51 | })
52 | }else{
53 | this.toastrService.error("Please Fill The Form","Error")
54 | }
55 | }
56 |
57 | }
--------------------------------------------------------------------------------
/src/app/components/navi/navi.component.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/erkanakkoc/ReCapProject-Frontend/4b60229426fa70112ce2a7f15458a7ac67145264/src/app/components/navi/navi.component.css
--------------------------------------------------------------------------------
/src/app/components/navi/navi.component.html:
--------------------------------------------------------------------------------
1 |
79 |
--------------------------------------------------------------------------------
/src/app/components/navi/navi.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { NaviComponent } from './navi.component';
4 |
5 | describe('NaviComponent', () => {
6 | let component: NaviComponent;
7 | let fixture: ComponentFixture;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ NaviComponent ]
12 | })
13 | .compileComponents();
14 | });
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(NaviComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/components/navi/navi.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { Router } from '@angular/router';
3 | import { ToastrService } from 'ngx-toastr';
4 | import { User } from 'src/app/models/user';
5 | import { AuthService } from 'src/app/services/auth.service';
6 | import { LocalStorageService } from 'src/app/services/local-storage.service';
7 | import { UserService } from 'src/app/services/user.service';
8 | import { environment } from 'src/environments/environment';
9 |
10 | @Component({
11 | selector: 'app-navi',
12 | templateUrl: './navi.component.html',
13 | styleUrls: ['./navi.component.css']
14 | })
15 | export class NaviComponent implements OnInit {
16 |
17 |
18 |
19 | homePage = environment.baseUrl
20 | currentUserId:number;
21 | user:User;
22 |
23 | constructor(private authService:AuthService,
24 | private userService:UserService,
25 | private localStorageService:LocalStorageService,
26 | private router:Router) { }
27 |
28 | ngOnInit(): void {
29 | this.currentUserId = this.authService.getUserId();
30 | this.getUserDetail();
31 |
32 | }
33 |
34 | isAuthenticated(){
35 | return this.authService.isAuthenticated();
36 | }
37 | logOut(){
38 | this.localStorageService.clean();
39 | this.router.navigate([""])
40 | }
41 | getUserDetail(){
42 | this.userService.getByUserId(this.currentUserId).subscribe(response => {
43 | this.user = response.data;
44 | });
45 | }
46 |
47 | }
48 |
--------------------------------------------------------------------------------
/src/app/components/payment/payment.component.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/erkanakkoc/ReCapProject-Frontend/4b60229426fa70112ce2a7f15458a7ac67145264/src/app/components/payment/payment.component.css
--------------------------------------------------------------------------------
/src/app/components/payment/payment.component.html:
--------------------------------------------------------------------------------
1 | ;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ PaymentComponent ]
12 | })
13 | .compileComponents();
14 | });
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(PaymentComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/components/payment/payment.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { FormGroup, FormBuilder, FormControl, Validators } from '@angular/forms';
3 | import { ActivatedRoute, Router } from '@angular/router';
4 | import { ToastrService } from 'ngx-toastr';
5 | import { Card } from 'src/app/models/card';
6 | import { Payment } from 'src/app/models/payment';
7 | import { Rental } from 'src/app/models/rental';
8 | import { AuthService } from 'src/app/services/auth.service';
9 | import { CardService } from 'src/app/services/card.service';
10 | import { PaymentService } from 'src/app/services/payment.service';
11 | import { RentalService } from 'src/app/services/rental.service';
12 | import { UserService } from 'src/app/services/user.service';
13 |
14 | @Component({
15 | selector: 'app-payment',
16 | templateUrl: './payment.component.html',
17 | styleUrls: ['./payment.component.css']
18 | })
19 | export class PaymentComponent implements OnInit {
20 | rentalAddForm:FormGroup
21 | cards:Card[];
22 | rental:Rental;
23 | isChecked =false;
24 |
25 | constructor(
26 | private rentalService:RentalService,
27 | private paymentService:PaymentService,
28 | private activatedRoute:ActivatedRoute,
29 | private router:Router,
30 | private authService:AuthService,
31 | private toastrService:ToastrService,
32 | private formBuilder:FormBuilder,
33 | private cardService:CardService,
34 | private userService:UserService
35 | ) { }
36 |
37 | ngOnInit(): void {
38 | this.getCardsByUserId()
39 | this.activatedRoute.params.subscribe(params =>{
40 | if (params["rental"]) {
41 | this.rental = JSON.parse(params["rental"]);
42 | this.createRentalAddForm();
43 | }
44 | })
45 | }
46 |
47 | createRentalAddForm(){
48 | this.rentalAddForm = this.formBuilder.group({
49 | cardNumber:["",Validators.required],
50 | expirationDate:["",Validators.required],
51 | cVV:["",Validators.required],
52 | firstName:["",Validators.required],
53 | lastName:["",Validators.required]
54 | })
55 | }
56 |
57 | CardSave(){
58 | if (this.isChecked == true) {
59 | let cardModel = Object.assign({userId:this.authService.getUserId()},this.rentalAddForm.value)
60 | this.cardService.saveCard(cardModel).subscribe(response => {
61 | this.toastrService.success(response.message,"Başarılı")
62 | });
63 | }
64 | }
65 |
66 | addRental(){
67 | if (this.rentalAddForm.valid) {
68 | let addRentalModel = Object.assign({},this.rentalAddForm.value)
69 | this.rentalService.addRental(this.rental).subscribe(response => {
70 | this.toastrService.success(response.message,"Successfully")
71 | this.CardSave();
72 | this.router.navigate(["cars/"])
73 | },responseError => {
74 | this.toastrService.error(responseError.error,"Error")
75 | });
76 | }else{
77 | this.toastrService.error("Please Fill The Form Completely.","Error")
78 | }
79 | }
80 |
81 | checkPayment(){
82 | let checkPaymentModel = Object.assign({},this.rentalAddForm.value)
83 | this.paymentService.checkPayment(checkPaymentModel).subscribe(response => {
84 | this.toastrService.success(response.message,"Successfully")
85 | this.addRental();
86 | this.updateUserFindex();
87 | },responseError => {
88 | this.toastrService.error(responseError.error,"Error");
89 | })
90 | }
91 |
92 | updateUserFindex(){
93 | this.userService.updateUserFindex(this.authService.getUserId()).subscribe(response => {
94 | this.toastrService.info(response.message,"Information")
95 | })
96 | }
97 |
98 | getCardsByUserId(){
99 | this.cardService.getCardsByUserId(this.authService.getUserId()).subscribe(response => {
100 | this.cards = response.data;
101 | })
102 | }
103 | }
104 |
--------------------------------------------------------------------------------
/src/app/components/profile/profile.component.css:
--------------------------------------------------------------------------------
1 | .card-header{
2 | background-color: #045f7a;
3 | color: whitesmoke;
4 | text-align: center;
5 | }
6 |
7 | .mybtn{
8 | border-radius: 6px;
9 | color: whitesmoke;
10 | height: 100%;
11 | background-color: #046e8f;
12 | border: none;
13 | }
14 | .mybtn:hover{
15 | border-radius: 6px;
16 | background-color: #0090c1;
17 | }
18 |
19 | input{
20 | border-left-color: #0090c1;
21 | border-left-width: 7px;
22 | border-top: none;
23 | border-right: none;
24 | border-bottom: none;
25 | }
--------------------------------------------------------------------------------
/src/app/components/profile/profile.component.html:
--------------------------------------------------------------------------------
1 | ;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ ProfileComponent ]
12 | })
13 | .compileComponents();
14 | });
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(ProfileComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/components/profile/profile.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { AuthService } from 'src/app/services/auth.service';
3 | import { FormGroup, FormBuilder, FormControl, Validators } from "@angular/forms"
4 | import { UserService } from 'src/app/services/user.service';
5 | import { ToastrService } from 'ngx-toastr';
6 | import { User } from 'src/app/models/user';
7 | import { CustomerService } from 'src/app/services/customer.service';
8 | import { Customer } from 'src/app/models/customer';
9 |
10 | @Component({
11 | selector: 'app-profile',
12 | templateUrl: './profile.component.html',
13 | styleUrls: ['./profile.component.css']
14 | })
15 | export class ProfileComponent implements OnInit {
16 | userUpdateForm:FormGroup;
17 | customerUpdateForm:FormGroup;
18 | user:User;
19 | customer:Customer;
20 | findex:number;
21 |
22 | constructor(
23 | private authService:AuthService,
24 | private formBuilder:FormBuilder,
25 | private userService:UserService,
26 | private toastrService:ToastrService,
27 | private customerService:CustomerService
28 | ) { }
29 |
30 | ngOnInit(): void {
31 | this.createUserUpdateForm();
32 | this.createCustomerUpdateForm();
33 | this.getUser();
34 | this.getCustomer();
35 | this.getUserFindex();
36 | }
37 |
38 | createUserUpdateForm(){
39 | this.userUpdateForm = this.formBuilder.group({
40 | firstName:["",Validators.required],
41 | lastName:["",Validators.required],
42 | email:["",Validators.required]
43 | })
44 | }
45 |
46 | createCustomerUpdateForm(){
47 | this.customerUpdateForm = this.formBuilder.group({
48 | companyName:["",Validators.required]
49 | })
50 | }
51 |
52 | userUpdate(){
53 | if (this.userUpdateForm.valid) {
54 | let user = Object.assign({id:this.user.userId}, this.userUpdateForm.value)
55 | this.userService.update(user).subscribe(response => {
56 | this.toastrService.success(response.message,"Successfully");
57 | },responseError => {
58 | this.toastrService.error(responseError.error,"Error")
59 | })
60 | }else{
61 | this.toastrService.error("Please fill the form completely","Error")
62 | }
63 | }
64 |
65 | getUser(){
66 | this.userService.getByUserId(this.authService.getUserId()).subscribe(response => {
67 | this.user = response.data;
68 | this.userUpdateForm.patchValue(response.data)
69 | })
70 | }
71 |
72 | getCustomer(){
73 | this.customerService.getCustomerByUserId(this.authService.getUserId()).subscribe(response => {
74 | this.customer = response.data;
75 | this.customerUpdateForm.patchValue(response.data)
76 | })
77 | }
78 |
79 | customerUpdate(){
80 | if (this.customerUpdateForm.valid) {
81 | let customerModel = Object.assign({id:this.customer.customerId,userId:this.customer.userId},this.customerUpdateForm.value)
82 | this.customerService.update(customerModel).subscribe(response => {
83 | this.toastrService.success(response.message,"Successfully");
84 | },responseError => {
85 | this.toastrService.error(responseError.error,"Error")
86 | })
87 | }else{
88 | this.toastrService.error("Please fill the form completely","Error")
89 | }
90 | }
91 |
92 | getUserFindex(){
93 | this.userService.getUserFindexByUserId(this.authService.getUserId()).subscribe(response => {
94 | this.findex = response.data.findexPoint;
95 | console.log(response.data.findexPoint)
96 | })
97 | }
98 |
99 | }
--------------------------------------------------------------------------------
/src/app/components/register/register.component.css:
--------------------------------------------------------------------------------
1 | html,
2 | body {
3 | height: 100%;
4 | }
5 |
6 | body {
7 | display: flex;
8 | align-items: center;
9 | padding-top: 40px;
10 | padding-bottom: 40px;
11 | }
12 |
13 | .form-signin {
14 | width: 100%;
15 | max-width: 330px;
16 | padding: 15px;
17 | margin: auto;
18 | }
19 |
20 | .form-signin .checkbox {
21 | font-weight: 400;
22 | }
23 |
24 | .form-signin .form-floating:focus-within {
25 | z-index: 2;
26 | }
27 |
28 | .form-signin input[type="email"] {
29 | margin-bottom: -1px;
30 | border-bottom-right-radius: 0;
31 | border-bottom-left-radius: 0;
32 | }
33 |
34 | .form-signin input[type="password"] {
35 | margin-bottom: 10px;
36 | border-top-left-radius: 0;
37 | border-top-right-radius: 0;
38 | }
39 |
40 | .bd-placeholder-img {
41 | font-size: 1.125rem;
42 | text-anchor: middle;
43 | -webkit-user-select: none;
44 | -moz-user-select: none;
45 | user-select: none;
46 | }
47 |
48 | @media (min-width: 768px) {
49 | .bd-placeholder-img-lg {
50 | font-size: 3.5rem;
51 | }
52 | }
--------------------------------------------------------------------------------
/src/app/components/register/register.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
32 |
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/src/app/components/register/register.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { RegisterComponent } from './register.component';
4 |
5 | describe('RegisterComponent', () => {
6 | let component: RegisterComponent;
7 | let fixture: ComponentFixture;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ RegisterComponent ]
12 | })
13 | .compileComponents();
14 | });
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(RegisterComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/components/register/register.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { FormGroup, FormControl, Validators, FormBuilder } from "@angular/forms";
3 | import { Router } from '@angular/router';
4 | import { ToastrService } from 'ngx-toastr';
5 | import { AuthService } from 'src/app/services/auth.service';
6 | import { LocalStorageService } from 'src/app/services/local-storage.service';
7 |
8 | @Component({
9 | selector: 'app-register',
10 | templateUrl: './register.component.html',
11 | styleUrls: ['./register.component.css']
12 | })
13 | export class RegisterComponent implements OnInit {
14 |
15 | registerForm:FormGroup;
16 | constructor(private formBuilder:FormBuilder,
17 | private authService:AuthService,
18 | private localStorageService:LocalStorageService,
19 | private toastrService:ToastrService,
20 | private router:Router
21 | ) { }
22 |
23 | ngOnInit(): void {
24 | this.createRegisterForm();
25 | }
26 | createRegisterForm(){
27 | this.registerForm =this.formBuilder.group({
28 | firstName: ["", Validators.required],
29 | lastName: ["", Validators.required],
30 | email: ["", Validators.required],
31 | password: ["", Validators.required]
32 | })
33 | }
34 |
35 | register(){
36 | if (this.registerForm.valid) {
37 | let registerModel = Object.assign({}, this.registerForm.value)
38 | this.authService.register(registerModel).subscribe(response=>{
39 | this.toastrService.info(response.message)
40 | this.localStorageService.set("token",response.data.token);
41 | this.toastrService.success(response.message,"Successfully");
42 | this.router.navigate([""])
43 | setTimeout(function () {
44 | location.reload();
45 | });
46 |
47 | }, responseError=>{
48 | if (responseError.error.length>0 && responseError.error) {
49 | this.toastrService.error(responseError.error,"Error")
50 | }
51 | })
52 | }else{
53 | this.toastrService.error("Please Fill The Form","Error")
54 | }
55 | }
56 |
57 | }
58 |
--------------------------------------------------------------------------------
/src/app/components/rental-list/rental-list.component.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/erkanakkoc/ReCapProject-Frontend/4b60229426fa70112ce2a7f15458a7ac67145264/src/app/components/rental-list/rental-list.component.css
--------------------------------------------------------------------------------
/src/app/components/rental-list/rental-list.component.html:
--------------------------------------------------------------------------------
1 | ;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ RentalListComponent ]
12 | })
13 | .compileComponents();
14 | });
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(RentalListComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/components/rental-list/rental-list.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { ActivatedRoute } from '@angular/router';
3 | import { Rental } from 'src/app/models/rental';
4 | import { RentalService } from 'src/app/services/rental.service';
5 |
6 | @Component({
7 | selector: 'app-rental-list',
8 | templateUrl: './rental-list.component.html',
9 | styleUrls: ['./rental-list.component.css']
10 | })
11 | export class RentalListComponent implements OnInit {
12 | rentals:Rental[] = [];
13 | rentalId:number;
14 |
15 | dataLoaded = false;
16 |
17 | constructor(private rentalService:RentalService, private activatedRoute:ActivatedRoute) { }
18 |
19 | ngOnInit(): void {
20 |
21 | this.activatedRoute.params.subscribe(params=>{
22 | this.getRentals()
23 |
24 |
25 | })
26 |
27 | }
28 | getRentals(){
29 | this.rentalService.getRentals().subscribe(response=>{
30 | this.rentals=response.data
31 | this.dataLoaded=true;
32 | })
33 | }
34 |
35 | }
36 |
--------------------------------------------------------------------------------
/src/app/components/rental/rental.component.css:
--------------------------------------------------------------------------------
1 | caption{
2 | background-color: #0D4BFD;
3 | color: white;
4 | display: block;
5 | text-align: center;
6 | border-top-left-radius: 4px;
7 | border-top-right-radius: 4px;
8 | }
9 | button{
10 | display: inline-block;
11 | }
12 |
13 | .customers{
14 | margin-bottom: 20px;
15 | }
16 |
17 | .mybutton{
18 | display: inline-block;
19 | padding: 10px auto;
20 | }
21 |
22 | .mybtn{
23 | border-radius: 6px;
24 | color: whitesmoke;
25 | height: 100%;
26 | background-color: #046e8f;
27 | border: none;
28 | }
29 | .mybtn:hover{
30 | border-radius: 6px;
31 | background-color: #0090c1;
32 | }
--------------------------------------------------------------------------------
/src/app/components/rental/rental.component.html:
--------------------------------------------------------------------------------
1 |
10 |
52 |
53 |
54 |
55 |
56 |
--------------------------------------------------------------------------------
/src/app/components/car/car.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { CarComponent } from './car.component';
4 |
5 | describe('CarComponent', () => {
6 | let component: CarComponent;
7 | let fixture: ComponentFixture
11 |
12 |
13 | 
14 |
15 |
51 |
16 |
50 |
17 |
27 | {{car.brandName}} - {{car.carName}}
18 | 25 |${{car.dailyPrice}}/day
26 | -
28 |
- 29 | Color 30 | {{car.colorName}} 31 | 32 |
- 33 | Model Year 34 | {{car.modelYear}} 35 | 36 | 37 |
- 38 | Findex Point 39 | {{car.findexPoint}} 40 | 41 |
- 42 | Minium age 43 | 18 years 44 | 45 |
47 | Rent Now
48 |
49 |
2 |
--------------------------------------------------------------------------------
/src/app/components/color-add/color-add.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { ColorAddComponent } from './color-add.component';
4 |
5 | describe('ColorAddComponent', () => {
6 | let component: ColorAddComponent;
7 | let fixture: ComponentFixture
3 |
23 |
24 |
4 |
22 |
5 |
7 | Add Color
6 |
8 |
17 |
18 |
21 |
2 | Loading...
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | | Color Id | 14 |Color Name | 15 |Operations | 16 | 17 |
|---|---|---|
| {{color.colorId}} | 22 |{{color.colorName}} | 23 |24 | 25 | 26 | | 27 |
color-update works!
2 | -------------------------------------------------------------------------------- /src/app/components/color-update/color-update.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { ColorUpdateComponent } from './color-update.component'; 4 | 5 | describe('ColorUpdateComponent', () => { 6 | let component: ColorUpdateComponent; 7 | let fixture: ComponentFixture
2 | Loading...
3 |
4 |
5 |
22 |
23 |
24 |
25 |
26 |
27 |
36 |
37 |
45 |
46 |
47 | {{filterText}}
48 | - All Colors 50 |
- {{color.colorName}} 54 |
Colors
49 |-------------------------------------------------------------------------------- /src/app/components/color/color.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { ColorComponent } from './color.component'; 4 | 5 | describe('ColorComponent', () => { 6 | let component: ColorComponent; 7 | let fixture: ComponentFixture
2 | Loading...
3 |
4 |
5 | | Customer Id | 9 |First Name | 10 |Last Name | 11 |Company Name | 12 | 13 | 14 |
|---|---|---|---|
| {{customer.customerId}} | 19 |{{customer.firstName}} | 20 |{{customer.lastName}} | 21 |{{customer.companyName}} | 22 |
2 |
--------------------------------------------------------------------------------
/src/app/components/payment/payment.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { PaymentComponent } from './payment.component';
4 |
5 | describe('PaymentComponent', () => {
6 | let component: PaymentComponent;
7 | let fixture: ComponentFixture
3 |
4 | Ödeme İşlemleri
5 |
6 |
40 |
41 |
42 | 82 |
92 |
7 | 
8 | 
11 | 
12 |
13 |
14 |
8 |
11 |
12 |
15 |
17 |
18 |
38 |
39 | My Cards
16 || Card Id | 20 |Card Number | 21 |First Name | 22 |Last Name | 23 |Expiration Date | 24 |CVV | 25 |
|---|---|---|---|---|---|
| {{card.cardId}} | 30 |{{card.cardNumber}} | 31 |{{card.firstName}} | 32 |{{card.lastName}} | 33 |{{card.expirationDate}} | 34 |{{card.cvv}} | 35 |
40 |
41 |
42 | 82 |
83 |
88 |
84 |
85 |
86 |
87 |
89 |
90 |
91 |
2 |
--------------------------------------------------------------------------------
/src/app/components/profile/profile.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { ProfileComponent } from './profile.component';
4 |
5 | describe('ProfileComponent', () => {
6 | let component: ProfileComponent;
7 | let fixture: ComponentFixture
3 |
29 |
4 |
28 | User Profile
5 |
6 |
20 |
21 |
22 |
24 |
27 |
30 |
58 |
31 |
47 | Customer Profile
32 |
33 |
39 |
43 |
46 |
40 | There is no company in our Database.
41 |
42 |
48 |
57 |
49 |
56 |
50 | Findex Point
51 |
52 |
53 |
54 |
55 |
2 |
4 | 5 |
10 |
11 |
12 |
49 |
--------------------------------------------------------------------------------
/src/app/components/rental-list/rental-list.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { RentalListComponent } from './rental-list.component';
4 |
5 | describe('RentalListComponent', () => {
6 | let component: RentalListComponent;
7 | let fixture: ComponentFixtureRENTAL LİST
3 |4 | 5 |
6 | Loading...
7 |
8 |
9 | 10 |
| Rental Id | 14 |First Name | 15 |Last Name | 16 |Company | 17 |Rent Date | 18 |Return Date | 19 | 20 | 21 ||
|---|---|---|---|---|---|---|
| {{rental.rentalId}} | 26 |{{rental.firstName}} | 27 |{{rental.lastName}} | 28 |{{rental.companyName}} | 29 |{{rental.rentDate}} | 30 |{{rental.returnDate}} | 31 | 32 |
33 |
|
45 |
2 |
3 |
4 |
8 |
5 | This car isn't available
6 |
7 |
9 | Your Findex point isn't enough to rent this car.
10 |
11 |