5 |
24 |
6 |
23 |
7 |
9 | Renk Güncelle
8 |
10 |
18 |
19 |
22 | Müşteri Listesi
2 |
3 | Loading...
4 |
5 | | Id | 9 |Kullanıcı Id | 10 |Şirket Adı | 11 |Findex Puanı | 12 |
|---|---|---|---|
| {{customer.customerId}} | 16 |{{customer.userId}} | 17 |{{customer.companyName}} | 18 |{{customer.findexPoint}} | 19 |
2 |
3 |
4 | 5 | 6 |
| Id | 10 |Renk Adı | 11 |12 | | 13 |
|---|---|---|
| {{ color.colorId }} | 18 |{{ color.colorName }} | 19 |
20 |
21 |
22 |
23 |
24 | |
25 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/src/app/services/car-image.service.ts:
--------------------------------------------------------------------------------
1 | import { HttpClient } from '@angular/common/http';
2 | import { Injectable } from '@angular/core';
3 | import { Observable } from 'rxjs';
4 | import { CarImage } from '../models/carImage';
5 | import { ListResponseModel } from '../models/listResponseModel';
6 |
7 | @Injectable({
8 | providedIn: 'root'
9 | })
10 | export class CarImageService {
11 |
12 | apiUrl="https://localhost:44384/api/";
13 |
14 | constructor(private httpClient:HttpClient) { }
15 |
16 | getCarImages():Observable
5 | Kayıtlı kartlarım
6 |
7 |
8 |
9 |
10 |
22 |
23 | | 12 | | {{ card.cardNumber }} | 13 || | 14 |{{ card.expirationDate }} | 15 || | 16 |{{ card.cardCvv }} | 17 || | 18 |{{ card.nameOnTheCard }} | 19 |
|---|
2 |
3 |
4 |
--------------------------------------------------------------------------------
/src/app/components/brand-update/brand-update.component.html:
--------------------------------------------------------------------------------
1 | 2 |
3 |
4 |
--------------------------------------------------------------------------------
/src/app/interceptors/auth.interceptor.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import {
3 | HttpRequest,
4 | HttpHandler,
5 | HttpEvent,
6 | HttpInterceptor
7 | } from '@angular/common/http';
8 | import { Observable } from 'rxjs';
9 | import { LocalStorageService } from '../services/local-storage.service';
10 |
11 | @Injectable()
12 | export class AuthInterceptor implements HttpInterceptor {
13 |
14 | constructor(private localStorageService: LocalStorageService) { }
15 |
16 | intercept(request: HttpRequest
5 |
24 |
6 |
23 |
7 |
9 | Marka Güncelle
8 |
10 |
18 |
19 |
22 | 2 |
3 |
4 |
--------------------------------------------------------------------------------
/src/app/components/color-add/color-add.component.html:
--------------------------------------------------------------------------------
1 |
5 |
25 |
6 |
24 |
7 |
9 | Marka Ekle
8 |
10 |
19 |
20 |
23 | 2 |
3 |
4 |
--------------------------------------------------------------------------------
/src/app/guards/login.guard.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree, Router } from '@angular/router';
3 | import { ToastrService } from 'ngx-toastr';
4 | import { Observable } from 'rxjs';
5 | import { AuthService } from '../services/auth.service';
6 |
7 | @Injectable({
8 | providedIn: 'root'
9 | })
10 | export class LoginGuard implements CanActivate {
11 |
12 |
13 | constructor(private authService:AuthService,private router:Router,
14 | private toastrService:ToastrService){
15 |
16 | }
17 |
18 | canActivate(
19 | route: ActivatedRouteSnapshot,
20 | state: RouterStateSnapshot): Observable
5 |
25 |
6 |
24 |
7 |
9 | Renk Ekle
8 |
10 |
19 |
20 |
23 | 2 |
3 |
4 | 5 |
| Id | 9 |Marka | 10 |Renk | 11 |Model Yılı | 12 |Günlük Fiyat | 13 |Açıklama | 14 |15 | | 16 |
|---|---|---|---|---|---|---|
| {{ car.carId }} | 21 |{{ car.brandName }} | 22 |{{ car.colorName }} | 23 |{{ car.modelYear }} | 24 |{{ car.dailyPrice }} | 25 |{{ car.description }} | 26 |
27 |
28 |
29 |
30 |
31 | |
32 |
2 |
3 |
4 | 5 |
6 |
7 |
8 |
9 | 10 |
11 |
12 |
14 |
15 |
16 | {{filterText}} aradınız
17 |
18 | -
19 |
20 |
21 |
25 |
22 | Loading...
23 |
24 | 28 |
-
29 |
- {{color.colorName}} 33 |
2 |
3 |
4 | 18 | 19 | 20 |
| Id | 24 |Marka Adı | 25 |26 | | 27 |
|---|---|---|
| {{ brand.brandId }} | 32 |{{ brand.brandName }} | 33 |
34 |
35 |
36 |
37 |
38 | |
39 |
2 |
30 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "rentcardatabase",
3 | "version": "0.0.0",
4 | "scripts": {
5 | "ng": "ng",
6 | "start": "ng serve",
7 | "build": "ng build",
8 | "test": "ng test",
9 | "lint": "ng lint",
10 | "e2e": "ng e2e"
11 | },
12 | "private": true,
13 | "dependencies": {
14 | "@angular/animations": "^11.2.5",
15 | "@angular/common": "~11.2.4",
16 | "@angular/compiler": "~11.2.4",
17 | "@angular/core": "~11.2.4",
18 | "@angular/forms": "~11.2.4",
19 | "@angular/platform-browser": "~11.2.4",
20 | "@angular/platform-browser-dynamic": "~11.2.4",
21 | "@angular/router": "~11.2.4",
22 | "bootstrap": "^5.0.0-beta2",
23 | "ngx-toastr": "^13.2.1",
24 | "rxjs": "~6.6.0",
25 | "tslib": "^2.0.0",
26 | "zone.js": "~0.11.3"
27 | },
28 | "devDependencies": {
29 | "@angular-devkit/build-angular": "~0.1102.3",
30 | "@angular/cli": "~11.2.3",
31 | "@angular/compiler-cli": "~11.2.4",
32 | "@types/jasmine": "~3.6.0",
33 | "@types/node": "^12.11.1",
34 | "codelyzer": "^6.0.0",
35 | "jasmine-core": "~3.6.0",
36 | "jasmine-spec-reporter": "~5.0.0",
37 | "karma": "~6.1.0",
38 | "karma-chrome-launcher": "~3.1.0",
39 | "karma-coverage": "~2.0.3",
40 | "karma-jasmine": "~4.0.0",
41 | "karma-jasmine-html-reporter": "^1.5.0",
42 | "protractor": "~7.0.0",
43 | "ts-node": "~8.3.0",
44 | "tslint": "~6.1.0",
45 | "typescript": "~4.1.5"
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/src/app/components/navi/auth-menu/auth-menu.component.html:
--------------------------------------------------------------------------------
1 |
3 |
7 |
8 |
9 |
13 |
14 |
15 |
18 |
19 |
29 |
2 |
5 |
6 |
9 |
10 |
11 |
12 |
36 |
--------------------------------------------------------------------------------
/src/app/services/credit-card.service.ts:
--------------------------------------------------------------------------------
1 | import { HttpClient } from '@angular/common/http';
2 | import { Injectable } from '@angular/core';
3 | import { Observable } from 'rxjs';
4 | import { CreditCard } from '../models/creditCard';
5 | import { ListResponseModel } from '../models/listResponseModel';
6 | import { ResponseModel } from '../models/responseModel';
7 |
8 | @Injectable({
9 | providedIn: 'root'
10 | })
11 | export class CreditCardService {
12 |
13 | apiUrl = "https://localhost:44384/api/";
14 |
15 | constructor(private httpClient:HttpClient) { }
16 |
17 | getByCardNumber(cardNumber:string):Observable
13 |
17 |
18 |
34 |
35 | 14 |
15 |
16 |
17 |
22 | 23 | 24 |
25 |
26 | 17 |
18 |
19 |
20 |
21 | 22 | 23 | 24 |
27 | {{filterText}} aradınız
28 |
29 |
30 | -
31 |
32 |
33 |
37 |
34 | Loading...
35 |
36 | -
40 |
41 |
- {{brand.brandName}} 44 | 45 | 46 | 48 |
42 |
51 |
55 | 56 |
-------------------------------------------------------------------------------- /src/app/components/payment/card-saved/card-saved.component.ts: -------------------------------------------------------------------------------- 1 | import { Component,EventEmitter, OnInit, Output } from '@angular/core'; 2 | import { CreditCard } from 'src/app/models/creditCard'; 3 | import { Customer } from 'src/app/models/customer'; 4 | import { CreditCardService } from 'src/app/services/credit-card.service'; 5 | import { LocalStorageService } from 'src/app/services/local-storage.service'; 6 | 7 | @Component({ 8 | selector: 'app-card-saved', 9 | templateUrl: './card-saved.component.html', 10 | styleUrls: ['./card-saved.component.css'] 11 | }) 12 | export class CardSavedComponent implements OnInit { 13 | 14 | cards:CreditCard[]; 15 | currentCustomer:Customer; 16 | @Output() selectedCard : EventEmitter
2 |
54 |
55 |
56 |
--------------------------------------------------------------------------------
/src/app/components/color-update/color-update.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { FormGroup, FormBuilder, FormControl, Validators } from '@angular/forms';
3 | import { ActivatedRoute } from '@angular/router';
4 | import { ToastrService } from 'ngx-toastr';
5 | import { Color } from 'src/app/models/color';
6 | import { ColorService } from 'src/app/services/color.service';
7 |
8 |
9 | @Component({
10 | selector: 'app-color-update',
11 | templateUrl: './color-update.component.html',
12 | styleUrls: ['./color-update.component.css']
13 | })
14 | export class ColorUpdateComponent implements OnInit {
15 |
16 | colorUpdateForm:FormGroup;
17 | color:Color;
18 |
19 | constructor(private formBuilder: FormBuilder, private toastrService: ToastrService,private colorService:ColorService,
20 | private activatedRoute: ActivatedRoute) { }
21 |
22 | ngOnInit(): void {
23 | this.activatedRoute.params.subscribe(params => {
24 | this.getByColorId(params["colorId"]);
25 | })
26 | }
27 |
28 | getByColorId(colorId:number){
29 | this.colorService.getByColorId(colorId).subscribe(response => {
30 | this.color = response.data[0];
31 | this.createColorUpdateForm();
32 | })
33 | }
34 |
35 | createColorUpdateForm(){
36 | this.colorUpdateForm = this.formBuilder.group({
37 | colorId:[this.color.colorId,Validators.required],
38 | colorName:[this.color.colorName,Validators.required]
39 | })
40 | }
41 |
42 |
43 | update(){
44 | if(this.colorUpdateForm.valid){
45 | let colorModel = Object.assign({},this.colorUpdateForm.value)
46 |
47 | this.colorService.update(colorModel).subscribe(response => {
48 | this.toastrService.success('Renk güncellendi','Başarılı')
49 | },responseError => {
50 | if(responseError.error.ValidationErrors.length > 0){
51 | for (let i = 0; i < responseError.error.ValidationErrors.length; i++) {
52 | this.toastrService.error(responseError.error.ValidationErrors[i].ErrorMessage,'Doğrulama Hatası');
53 | }
54 | }
55 | })
56 | }else{
57 | this.toastrService.error('Formunuz eksik','Dikkat')
58 | }
59 | }
60 |
61 | }
62 |
--------------------------------------------------------------------------------
/src/app/components/brand-update/brand-update.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { FormGroup, FormBuilder, FormControl, Validators } from '@angular/forms';
3 | import { ActivatedRoute } from '@angular/router';
4 | import { ToastrService } from 'ngx-toastr';
5 | import { Brand } from 'src/app/models/brand';
6 | import { BrandService } from 'src/app/services/brand.service';
7 |
8 | @Component({
9 | selector: 'app-brand-update',
10 | templateUrl: './brand-update.component.html',
11 | styleUrls: ['./brand-update.component.css']
12 | })
13 | export class BrandUpdateComponent implements OnInit {
14 |
15 | brandUpdateForm: FormGroup;
16 | brand: Brand;
17 |
18 | constructor(private formBuilder: FormBuilder, private toastrService: ToastrService, private brandService: BrandService,
19 | private activatedRoute: ActivatedRoute) { }
20 |
21 | ngOnInit(): void {
22 | this.activatedRoute.params.subscribe(params => {
23 | this.getByBrandId(params["brandId"]);
24 | })
25 | }
26 |
27 |
28 | getByBrandId(brandId: number) {
29 | this.brandService.getByBrandId(brandId).subscribe(response => {
30 | this.brand = response.data[0];
31 | this.createBrandUpdateForm()
32 | })
33 | }
34 |
35 |
36 | createBrandUpdateForm() {
37 | this.brandUpdateForm = this.formBuilder.group({
38 | brandId: [this.brand.brandId, Validators.required],
39 | brandName: [this.brand.brandName, Validators.required]
40 | })
41 | }
42 |
43 | update() {
44 | if (this.brandUpdateForm.valid) {
45 | let brandModel = Object.assign({}, this.brandUpdateForm.value)
46 |
47 | this.brandService.update(brandModel).subscribe(response => {
48 | this.toastrService.success('Marka güncellendi', 'Başarılı')
49 | }, responseError => {
50 | console.log(responseError)
51 | if (responseError.error.errors.length > 0) {
52 | for (let i = 0; i < responseError.error.errors.length; i++) {
53 | this.toastrService.error(responseError.error.errors[i].ErrorMessage, 'Doğrulama Hatası');
54 | }
55 | }
56 | })
57 | } else {
58 | this.toastrService.error('Formunuz eksik', 'Dikkat')
59 | }
60 | }
61 |
62 | }
63 |
--------------------------------------------------------------------------------
/src/app/services/car.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import{HttpClient} from '@angular/common/http';
3 | import { Observable } from 'rxjs';
4 | import { ListResponseModel } from '../models/listResponseModel';
5 | import { Car } from '../models/car';
6 | import { ResponseModel } from '../models/responseModel';
7 |
8 | @Injectable({
9 | providedIn: 'root'
10 | })
11 | export class CarService {
12 |
13 | apiUrl = "https://localhost:44384/api/";
14 |
15 | constructor(private httpClient:HttpClient) { }
16 |
17 | getCars():Observable
3 |
5 |
6 |
20 |
22 |
50 |
7 |
8 |
9 | 10 | 12 |
13 | 8 |
9 | 10 | 12 |
14 | {{filterText}} aradınız
15 |
16 |
17 | 20 |
{{title}}
21 |22 |
23 | Loading...
24 |
25 |
26 |
27 |
49 |
28 | 
29 |
48 |
30 |
32 | {{car.description}}
31 |-
33 |
- Marka: {{car.brandName}} 34 |
- Model: {{car.modelYear}} 35 |
- Günlük Fiyat: {{car.dailyPrice}} 36 |
- Findex Puanı: {{car.findexPoint}} 37 | 38 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
51 |
53 | 2 |
3 |
4 |
--------------------------------------------------------------------------------
/src/app/components/payment/payment.component.html:
--------------------------------------------------------------------------------
1 |
5 |
69 |
70 |
6 |
68 |
7 |
9 | Araç Güncelle
8 |
10 |
63 |
64 |
67 |
2 |
34 |
35 |
3 | İşlem Özeti
4 |
5 |
6 |
7 |
8 |
32 |
33 | | Kiralanan Tarih | 10 |Teslim Tarihi | 11 |Marka | 12 |Renk | 13 |Model | 14 |Günlük Kiralama Fiyatı | 15 |Toplam | 16 |
|---|---|---|---|---|---|---|
| {{rental.rentDate}} | 21 |{{rental.returnDate}} | 22 |{{rental.brandName}} | 23 |{{rental.colorName}} | 24 |{{rental.carModelYear}} | 25 |{{rental.carDailyPrice | currency: "₺" }} | 26 |27 | {{paymentAmount | currency: "₺" }} 28 | | 29 |
36 |
--------------------------------------------------------------------------------
/src/app/app-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { RouterModule, Routes } from '@angular/router';
3 | import { BrandAddComponent } from './components/brand-add/brand-add.component';
4 | import { BrandDeleteComponent } from './components/brand-delete/brand-delete.component';
5 | import { BrandUpdateComponent } from './components/brand-update/brand-update.component';
6 | import { CarAddComponent } from './components/car-add/car-add.component';
7 | import { CarDeleteComponent } from './components/car-delete/car-delete.component';
8 | import { CarDetailComponent } from './components/car-detail/car-detail.component';
9 | import { CarUpdateComponent } from './components/car-update/car-update.component';
10 | import { CarComponent } from './components/car/car.component';
11 | import { ColorAddComponent } from './components/color-add/color-add.component';
12 | import { ColorDeleteComponent } from './components/color-delete/color-delete.component';
13 | import { ColorUpdateComponent } from './components/color-update/color-update.component';
14 | import { CustomerComponent } from './components/customer/customer.component';
15 | import { LoginComponent } from './components/login/login.component';
16 | import { CardSavedComponent } from './components/payment/card-saved/card-saved.component';
17 | import { PaymentComponent } from './components/payment/payment.component';
18 | import { ProfileComponent } from './components/profile/profile.component';
19 | import { RegisterComponent } from './components/register/register.component';
20 | import { RentalComponent } from './components/rental/rental.component';
21 | import { LoginGuard } from './guards/login.guard';
22 |
23 |
24 | const routes: Routes = [
25 | {path:"", pathMatch:"full", component: CarComponent},
26 | {path:"cars/filter/brand/:brandId/color/:colorId",component:CarComponent},
27 | {path:"cars", component: CarComponent},
28 | {path:"cars/customers", component: CustomerComponent},
29 | {path:"cars/brand/:brandId", component: CarComponent},
30 | {path:"cars/color/:colorId", component:CarComponent},
31 | {path:"cars/cardetail/:carId",component:CarDetailComponent},
32 |
33 | {path:"cars/filter/brand/:brandId",component:CarComponent},
34 | {path:"cars/filter/color/:colorId",component:CarComponent},
35 |
36 | {path:"rental/:carId",component:RentalComponent},
37 | {path:"cars/rental/:carId",component:RentalComponent},
38 | {path:"payment/:rental",component:PaymentComponent},
39 |
40 | {path:"cars/add",component:CarAddComponent, canActivate:[LoginGuard]},
41 | {path:"cars/update/:carId",component:CarUpdateComponent},
42 | {path:"cars/delete",component:CarDeleteComponent},
43 |
44 | {path:"brands/add",component:BrandAddComponent, canActivate:[LoginGuard]},
45 | {path:"brands/update/:brandId",component:BrandUpdateComponent},
46 | {path:"brands/delete",component:BrandDeleteComponent},
47 |
48 | {path:"colors/add",component:ColorAddComponent, canActivate:[LoginGuard]},
49 | {path:"colors/delete",component:ColorDeleteComponent},
50 | {path:"colors/update/:colorId",component:ColorUpdateComponent},
51 |
52 | {path:"login",component:LoginComponent},
53 | {path:"register",component:RegisterComponent},
54 | {path:"profile",component:ProfileComponent},
55 |
56 | {path:"cardSaved",component:CardSavedComponent}
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 | // {path:"cars/brand/:brandId/cars/cardetail/:carId",component:CarDetailComponent},
76 | // {path:"cars/color/:colorId/cars/cardetail/:carId",component:CarDetailComponent}
77 |
78 | ];
79 |
80 | @NgModule({
81 | imports: [RouterModule.forRoot(routes)],
82 | exports: [RouterModule]
83 | })
84 | export class AppRoutingModule { }
85 |
--------------------------------------------------------------------------------
/src/app/components/car-add/car-add.component.html:
--------------------------------------------------------------------------------
1 |
37 | Ödeme İşlemi
38 |
39 |
40 |
76 |
41 |
75 |
42 | Kart Üzerindeki Ad Soyad
43 |
46 |
47 |
48 |
74 |
49 |
57 |
50 | Kart Numarası
51 |
54 |
55 |
56 |
58 |
73 |
59 |
72 |
60 | Son Kullanım Tarihi
61 |
64 |
65 |
66 | Güvenlik Kodu
67 |
70 |
71 |
77 |
80 |
81 |
89 | 2 |
3 |
4 |
--------------------------------------------------------------------------------
/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 | import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
6 |
7 | import { AppRoutingModule } from './app-routing.module';
8 | import { AppComponent } from './app.component';
9 | import { CarComponent } from './components/car/car.component';
10 | import { RentalComponent } from './components/rental/rental.component';
11 | import { NaviComponent } from './components/navi/navi.component';
12 | import { BrandComponent } from './components/brand/brand.component';
13 | import { CustomerComponent } from './components/customer/customer.component';
14 | import { ColorComponent } from './components/color/color.component';
15 | import { CarDetailComponent } from './components/car-detail/car-detail.component';
16 | import { CarFilterPipePipe } from './pipes/car-filter-pipe.pipe';
17 | import { ColorFilterPipePipe } from './pipes/color-filter-pipe.pipe';
18 | import { BrandFilterPipePipe } from './pipes/brand-filter-pipe.pipe';
19 |
20 | import {ToastrModule} from 'ngx-toastr';
21 | import { CarFilterComponent } from './components/car-filter/car-filter.component';
22 | import { PaymentComponent } from './components/payment/payment.component';
23 | import { CarAddComponent } from './components/car-add/car-add.component';
24 | import { BrandAddComponent } from './components/brand-add/brand-add.component';
25 | import { ColorAddComponent } from './components/color-add/color-add.component';
26 | import { CarUpdateComponent } from './components/car-update/car-update.component';
27 | import { BrandUpdateComponent } from './components/brand-update/brand-update.component';
28 | import { BrandDeleteComponent } from './components/brand-delete/brand-delete.component';
29 | import { ColorDeleteComponent } from './components/color-delete/color-delete.component';
30 | import { ColorUpdateComponent } from './components/color-update/color-update.component';
31 | import { CarDeleteComponent } from './components/car-delete/car-delete.component';
32 | import { LoginComponent } from './components/login/login.component';
33 | import { AuthInterceptor } from './interceptors/auth.interceptor';
34 | import { RegisterComponent } from './components/register/register.component';
35 | import { AuthMenuComponent } from './components/navi/auth-menu/auth-menu.component';
36 | import { ProfileComponent } from './components/profile/profile.component';
37 | import { CardSavedComponent } from './components/payment/card-saved/card-saved.component';
38 |
39 | @NgModule({
40 | declarations: [
41 | AppComponent,
42 | CarComponent,
43 | RentalComponent,
44 | NaviComponent,
45 | BrandComponent,
46 | CustomerComponent,
47 | ColorComponent,
48 | CarDetailComponent,
49 | CarFilterPipePipe,
50 | ColorFilterPipePipe,
51 | BrandFilterPipePipe,
52 | CarFilterComponent,
53 | PaymentComponent,
54 | CarAddComponent,
55 | BrandAddComponent,
56 | ColorAddComponent,
57 | CarUpdateComponent,
58 | BrandUpdateComponent,
59 | BrandDeleteComponent,
60 | ColorDeleteComponent,
61 | ColorUpdateComponent,
62 | CarDeleteComponent,
63 | LoginComponent,
64 | RegisterComponent,
65 | AuthMenuComponent,
66 | ProfileComponent,
67 | CardSavedComponent
68 |
69 | ],
70 | imports: [
71 | BrowserModule,
72 | AppRoutingModule,
73 | HttpClientModule,
74 | FormsModule,
75 | ReactiveFormsModule,
76 | BrowserAnimationsModule,
77 | ToastrModule.forRoot({
78 | positionClass:"toast-bottom-right"
79 | })
80 | ],
81 | providers: [
82 | {provide:HTTP_INTERCEPTORS, useClass:AuthInterceptor, multi:true}
83 | ],
84 | bootstrap: [AppComponent]
85 | })
86 | export class AppModule { }
87 |
--------------------------------------------------------------------------------
/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "tslint:recommended",
3 | "rulesDirectory": [
4 | "codelyzer"
5 | ],
6 | "rules": {
7 | "align": {
8 | "options": [
9 | "parameters",
10 | "statements"
11 | ]
12 | },
13 | "array-type": false,
14 | "arrow-return-shorthand": true,
15 | "curly": true,
16 | "deprecation": {
17 | "severity": "warning"
18 | },
19 | "eofline": true,
20 | "import-blacklist": [
21 | true,
22 | "rxjs/Rx"
23 | ],
24 | "import-spacing": true,
25 | "indent": {
26 | "options": [
27 | "spaces"
28 | ]
29 | },
30 | "max-classes-per-file": false,
31 | "max-line-length": [
32 | true,
33 | 140
34 | ],
35 | "member-ordering": [
36 | true,
37 | {
38 | "order": [
39 | "static-field",
40 | "instance-field",
41 | "static-method",
42 | "instance-method"
43 | ]
44 | }
45 | ],
46 | "no-console": [
47 | true,
48 | "debug",
49 | "info",
50 | "time",
51 | "timeEnd",
52 | "trace"
53 | ],
54 | "no-empty": false,
55 | "no-inferrable-types": [
56 | true,
57 | "ignore-params"
58 | ],
59 | "no-non-null-assertion": true,
60 | "no-redundant-jsdoc": true,
61 | "no-switch-case-fall-through": true,
62 | "no-var-requires": false,
63 | "object-literal-key-quotes": [
64 | true,
65 | "as-needed"
66 | ],
67 | "quotemark": [
68 | true,
69 | "single"
70 | ],
71 | "semicolon": {
72 | "options": [
73 | "always"
74 | ]
75 | },
76 | "space-before-function-paren": {
77 | "options": {
78 | "anonymous": "never",
79 | "asyncArrow": "always",
80 | "constructor": "never",
81 | "method": "never",
82 | "named": "never"
83 | }
84 | },
85 | "typedef": [
86 | true,
87 | "call-signature"
88 | ],
89 | "typedef-whitespace": {
90 | "options": [
91 | {
92 | "call-signature": "nospace",
93 | "index-signature": "nospace",
94 | "parameter": "nospace",
95 | "property-declaration": "nospace",
96 | "variable-declaration": "nospace"
97 | },
98 | {
99 | "call-signature": "onespace",
100 | "index-signature": "onespace",
101 | "parameter": "onespace",
102 | "property-declaration": "onespace",
103 | "variable-declaration": "onespace"
104 | }
105 | ]
106 | },
107 | "variable-name": {
108 | "options": [
109 | "ban-keywords",
110 | "check-format",
111 | "allow-pascal-case"
112 | ]
113 | },
114 | "whitespace": {
115 | "options": [
116 | "check-branch",
117 | "check-decl",
118 | "check-operator",
119 | "check-separator",
120 | "check-type",
121 | "check-typecast"
122 | ]
123 | },
124 | "component-class-suffix": true,
125 | "contextual-lifecycle": true,
126 | "directive-class-suffix": true,
127 | "no-conflicting-lifecycle": true,
128 | "no-host-metadata-property": true,
129 | "no-input-rename": true,
130 | "no-inputs-metadata-property": true,
131 | "no-output-native": true,
132 | "no-output-on-prefix": true,
133 | "no-output-rename": true,
134 | "no-outputs-metadata-property": true,
135 | "template-banana-in-box": true,
136 | "template-no-negated-async": true,
137 | "use-lifecycle-interface": true,
138 | "use-pipe-transform-interface": true,
139 | "directive-selector": [
140 | true,
141 | "attribute",
142 | "app",
143 | "camelCase"
144 | ],
145 | "component-selector": [
146 | true,
147 | "element",
148 | "app",
149 | "kebab-case"
150 | ]
151 | }
152 | }
153 |
--------------------------------------------------------------------------------
/src/app/components/rental/rental.component.html:
--------------------------------------------------------------------------------
1 |
11 |
12 |
13 |
5 |
78 |
79 |
6 |
77 |
7 |
9 | Araç Ekle
8 |
10 |
72 |
73 |
76 |
14 |
125 |
--------------------------------------------------------------------------------
/src/app/components/car-detail/car-detail.component.html:
--------------------------------------------------------------------------------
1 |
2 |
89 |
90 |
--------------------------------------------------------------------------------
/angular.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3 | "version": 1,
4 | "newProjectRoot": "projects",
5 | "projects": {
6 | "rentcardatabase": {
7 | "projectType": "application",
8 | "schematics": {
9 | "@schematics/angular:application": {
10 | "strict": true
11 | }
12 | },
13 | "root": "",
14 | "sourceRoot": "src",
15 | "prefix": "app",
16 | "architect": {
17 | "build": {
18 | "builder": "@angular-devkit/build-angular:browser",
19 | "options": {
20 | "outputPath": "dist/rentcardatabase",
21 | "index": "src/index.html",
22 | "main": "src/main.ts",
23 | "polyfills": "src/polyfills.ts",
24 | "tsConfig": "tsconfig.app.json",
25 | "aot": true,
26 | "assets": [
27 | "src/favicon.ico",
28 | "src/assets"
29 | ],
30 | "styles": [
31 | "./node_modules/bootstrap/dist/css/bootstrap.min.css",
32 | "./node_modules/ngx-toastr/toastr.css",
33 | "src/styles.css"
34 | ],
35 | "scripts": [
36 | "./node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
37 | ]
38 | },
39 | "configurations": {
40 | "production": {
41 | "fileReplacements": [
42 | {
43 | "replace": "src/environments/environment.ts",
44 | "with": "src/environments/environment.prod.ts"
45 | }
46 | ],
47 | "optimization": true,
48 | "outputHashing": "all",
49 | "sourceMap": false,
50 | "namedChunks": false,
51 | "extractLicenses": true,
52 | "vendorChunk": false,
53 | "buildOptimizer": true,
54 | "budgets": [
55 | {
56 | "type": "initial",
57 | "maximumWarning": "500kb",
58 | "maximumError": "1mb"
59 | },
60 | {
61 | "type": "anyComponentStyle",
62 | "maximumWarning": "2kb",
63 | "maximumError": "4kb"
64 | }
65 | ]
66 | }
67 | }
68 | },
69 | "serve": {
70 | "builder": "@angular-devkit/build-angular:dev-server",
71 | "options": {
72 | "browserTarget": "rentcardatabase:build"
73 | },
74 | "configurations": {
75 | "production": {
76 | "browserTarget": "rentcardatabase:build:production"
77 | }
78 | }
79 | },
80 | "extract-i18n": {
81 | "builder": "@angular-devkit/build-angular:extract-i18n",
82 | "options": {
83 | "browserTarget": "rentcardatabase:build"
84 | }
85 | },
86 | "test": {
87 | "builder": "@angular-devkit/build-angular:karma",
88 | "options": {
89 | "main": "src/test.ts",
90 | "polyfills": "src/polyfills.ts",
91 | "tsConfig": "tsconfig.spec.json",
92 | "karmaConfig": "karma.conf.js",
93 | "assets": [
94 | "src/favicon.ico",
95 | "src/assets"
96 | ],
97 | "styles": [
98 | "src/styles.css"
99 | ],
100 | "scripts": []
101 | }
102 | },
103 | "lint": {
104 | "builder": "@angular-devkit/build-angular:tslint",
105 | "options": {
106 | "tsConfig": [
107 | "tsconfig.app.json",
108 | "tsconfig.spec.json",
109 | "e2e/tsconfig.json"
110 | ],
111 | "exclude": [
112 | "**/node_modules/**"
113 | ]
114 | }
115 | },
116 | "e2e": {
117 | "builder": "@angular-devkit/build-angular:protractor",
118 | "options": {
119 | "protractorConfig": "e2e/protractor.conf.js",
120 | "devServerTarget": "rentcardatabase:serve"
121 | },
122 | "configurations": {
123 | "production": {
124 | "devServerTarget": "rentcardatabase:serve:production"
125 | }
126 | }
127 | }
128 | }
129 | }
130 | },
131 | "defaultProject": "rentcardatabase"
132 | }
133 |
--------------------------------------------------------------------------------
/src/app/components/rental/rental.component.ts:
--------------------------------------------------------------------------------
1 | import { DatePipe } from '@angular/common';
2 | import { Component, Input, OnInit } from '@angular/core';
3 | import { ActivatedRoute, Router } from '@angular/router';
4 | import { ToastrService } from 'ngx-toastr';
5 | import { Car } from 'src/app/models/car';
6 | import { Customer } from 'src/app/models/customer';
7 | import { Rental } from 'src/app/models/rental';
8 | import { AuthService } from 'src/app/services/auth.service';
9 | import { CarService } from 'src/app/services/car.service';
10 | import { CustomerService } from 'src/app/services/customer.service';
11 | import { LocalStorageService } from 'src/app/services/local-storage.service';
12 | import { RentalService } from 'src/app/services/rental.service';
13 |
14 | @Component({
15 | selector: 'app-rental',
16 | templateUrl: './rental.component.html',
17 | styleUrls: ['./rental.component.css'],
18 | providers:[DatePipe]
19 | })
20 | export class RentalComponent implements OnInit {
21 |
22 | carId:number;
23 | customers:Customer[];
24 | cars:Car[]
25 | rentals:Rental[]=[];
26 | dataLoaded=false;
27 | rentDate:Date;
28 | returnDate:Date;
29 | customerId:number;
30 | @Input() car:Car;//Input()?
31 |
32 |
33 |
34 | minDate:string | any;
35 | maxDate: string | null;
36 | maxMinDate: string | null;
37 | firstDateSelected: boolean = false;
38 |
39 | constructor(private rentalService:RentalService,
40 | private customerService:CustomerService,
41 | private toastrService:ToastrService,
42 | private router:Router,
43 | private datePipe:DatePipe,
44 | private carService:CarService,
45 | private activatedRoute:ActivatedRoute,
46 | private authService:AuthService,
47 | private localStorageService:LocalStorageService) { }
48 |
49 | ngOnInit(): void {
50 | this.activatedRoute.params.subscribe(params => {
51 | if(params["carId"]){
52 | this.carId = params["carId"];
53 | this.getCars(params["carId"]);
54 | }
55 | })
56 | this.getCustomer();
57 | }
58 |
59 | getRentals(){
60 | this.rentalService.getRentals().subscribe(response => {
61 | this.rentals = response.data;
62 | this.dataLoaded=true;
63 | });
64 | }
65 |
66 | getCustomer(){
67 | this.customerService.getCustomers().subscribe(response => {
68 | this.customers = response.data;
69 | this.dataLoaded=true;
70 | })
71 | }
72 |
73 | getCars(carId:number){
74 | this.carService.getCarDetails(carId).subscribe(response => {
75 | this.car= response.data[0]
76 | })
77 | }
78 |
79 | checkRentableCar(){
80 |
81 | this.rentalService.getRentalById(this.carId).subscribe(response => {
82 | if(response.data[0]==null){
83 | this.createRental();
84 | return true;
85 | }
86 | let lastItem = response.data[response.data.length-1]
87 | if(lastItem.returnDate==null){
88 | return this.toastrService.error('Bu araç teslim edilmemiş','Teslim Tarihi Geçersiz');
89 | }
90 | let returnDate = new Date(lastItem.returnDate);
91 | let rentDate = new Date(this.rentDate);
92 | if(rentDate < returnDate){
93 | return this.toastrService.error('Bu araç bu tarihler arasında kiralanamaz','Geçersiz tarih seçimi')
94 | }
95 | this.createRental();
96 | return true;
97 | })
98 |
99 | }
100 |
101 | createRental(){
102 | let createdRental : Rental ={
103 | carId: this.car.carId,
104 | brandName: this.car.brandName,
105 | colorName: this.car.colorName,
106 | carModelYear: this.car.modelYear,
107 | carDailyPrice: this.car.dailyPrice,
108 | carDescription: this.car.description,
109 | rentDate: this.rentDate,
110 | returnDate: this.returnDate,
111 | customerId: this.customerId
112 | };
113 | if(createdRental.customerId == undefined || createdRental.rentDate == undefined){
114 | this.toastrService.error('Eksik bilgi girdiniz','Bilgilerinizi kontrol ediniz')
115 | }
116 | else{
117 | this.router.navigate(['/payment/',JSON.stringify(createdRental)]);
118 | this.toastrService.info('Ödeme sayfasına yönlendiriliyorsunuz.','Ödeme İşlemleri')
119 | }
120 | }
121 |
122 | getRentMinDate() {
123 | this.minDate = this.datePipe.transform(new Date(), 'yyyy-MM-dd');
124 | return this.minDate;
125 | }
126 |
127 | getReturnMinDate() {
128 | if (this.rentDate != undefined) {
129 | let stringToDate = new Date(this.rentDate);
130 | let new_date = new Date();
131 | new_date.setDate(stringToDate.getDate() + 1);
132 | return new_date.toISOString().slice(0, 10);
133 | } else {
134 | return this.rentDate;
135 | }
136 | }
137 | getReturnMaxDate() {
138 | this.maxDate = this.datePipe.transform(
139 | new Date(new Date().setFullYear(new Date().getFullYear() + 1)),
140 | 'yyyy-MM-dd'
141 | );
142 | return this.maxDate;
143 | }
144 |
145 | onChangeEvent(event: any) {
146 | this.minDate = event.target.value;
147 | this.firstDateSelected = true;
148 | }
149 |
150 |
151 | isLogin(){
152 | if(this.authService.isAuthenticated()){
153 | return true;
154 | }
155 | return false;
156 | }
157 |
158 | checkFindexPoint(){
159 | this.carService.getCarDetails(this.carId).subscribe(response => {
160 |
161 | let customer = this.localStorageService.getCurrentCustomer();
162 |
163 | if(customer.findexPoint === 0){
164 | this.toastrService.warning("Kullanıcının findeks puanı sıfırdır","Dikkat");
165 | return this.router.navigateByUrl("/cars");
166 | }
167 |
168 | let car:Car = response.data[0];
169 | if(customer.findexPoint < car.findexPoint){
170 | this.toastrService.warning("Findeks puanınız yetersiz","Dikkat");
171 | return this.router.navigate(["/cars"]);
172 | }
173 | return this.checkRentableCar();
174 | })
175 | }
176 |
177 |
178 | }
179 |
--------------------------------------------------------------------------------
/src/app/components/payment/payment.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { tick } from '@angular/core/testing';
3 | import { ActivatedRoute, Router } from '@angular/router';
4 | import { ToastrService } from 'ngx-toastr';
5 | import { Car } from 'src/app/models/car';
6 | import { CreditCard } from 'src/app/models/creditCard';
7 | import { Customer } from 'src/app/models/customer';
8 | import { Rental } from 'src/app/models/rental';
9 | import { AuthService } from 'src/app/services/auth.service';
10 | import { CarService } from 'src/app/services/car.service';
11 | import { CreditCardService } from 'src/app/services/credit-card.service';
12 | import { CustomerService } from 'src/app/services/customer.service';
13 | import { LocalStorageService } from 'src/app/services/local-storage.service';
14 | import { RentalService } from 'src/app/services/rental.service';
15 |
16 | @Component({
17 | selector: 'app-payment',
18 | templateUrl: './payment.component.html',
19 | styleUrls: ['./payment.component.css']
20 | })
21 | export class PaymentComponent implements OnInit {
22 |
23 | save:boolean = true;
24 | selectedCardId: number= 0;
25 |
26 | nameOnTheCard:string;
27 | cardNumber:string;
28 | expirationDate:string;
29 | cardCvv:string;
30 | moneyInTheCard:number;
31 | customerId:number;
32 |
33 |
34 |
35 | customer:Customer;
36 | rental :Rental;
37 | cars:Car;//Car[]?
38 | paymentAmount : number = 0;
39 | creditCard: CreditCard;
40 | cardExist:boolean =false;
41 | getCustomerId:number;
42 |
43 |
44 |
45 | constructor(
46 | private activatedRoute:ActivatedRoute,
47 | private customerService:CustomerService,
48 | private carService:CarService,
49 | private router :Router,
50 | private toastrService:ToastrService,
51 | private creditCardService:CreditCardService,
52 | private rentalService:RentalService,
53 | private localStorageService:LocalStorageService
54 | ) { }
55 |
56 | ngOnInit(): void {
57 | this.activatedRoute.params.subscribe(params => {
58 | if(params['rental']){
59 | this.rental = JSON.parse(params['rental']);
60 | this.getCustomerId =JSON.parse(params['rental']).customerId;
61 | this.getCustomerDetailById(this.getCustomerId);
62 | this.getCarDetails();
63 |
64 | }
65 | });
66 | }
67 |
68 |
69 | getCustomerDetailById(customerId:number){
70 | this.customerService.getCustomerById(customerId).subscribe((response) => {
71 | this.customer = response.data[0];
72 | })
73 | }
74 |
75 | getCarDetails(){
76 | this.carService.getCarDetails(this.rental.carId).subscribe(response => {
77 | this.cars = response.data[0];
78 | this.calculatePayment();
79 | })
80 | }
81 |
82 | calculatePayment(){
83 | if(this.rental.returnDate != null){
84 | var returnDate = new Date(this.rental.returnDate.toString());
85 | var rentDate = new Date(this.rental.rentDate.toString());
86 | var difference = returnDate.getTime() - rentDate.getTime();
87 |
88 | var rentDays = Math.ceil(difference / (1000 * 3600 * 24));
89 |
90 | this.paymentAmount = rentDays * this.cars.dailyPrice;
91 | if(this.paymentAmount <= 0){
92 | this.router.navigate(['/cars']);
93 | this.toastrService.error('Ana sayfaya yönlendiriliyorsunuz','Hatalı işlem');
94 | }
95 | }
96 | }
97 |
98 | rentACar(){
99 | // @ts-ignore
100 | let verifyCreditCard:CreditCard ={
101 | nameOnTheCard: this.nameOnTheCard,
102 | cardNumber: this.cardNumber,
103 | expirationDate: this.expirationDate,
104 | cardCvv: this.cardCvv,
105 | customerId:this.localStorageService.getCurrentCustomer().customerId
106 | }
107 |
108 | this.updateMoney()
109 |
110 | if(this.save)
111 | {
112 | this.saveCard(verifyCreditCard)
113 | }
114 |
115 | this.rentalService.addRental(this.rental).subscribe(response => {
116 | this.toastrService.success('Arabayı kiraladınız','İşlem başarılı');
117 | this.updateFindexPointOfCurrentCustomer();
118 | this.router.navigateByUrl("/cars");
119 | });
120 |
121 | }
122 |
123 | updateMoney(){
124 | if(this.selectedCard){
125 | this.creditCardService.getCardsByCustomerId(this.customerId).subscribe(response => {
126 | let cards: CreditCard[] = response.data
127 |
128 | let card = cards.find(card => card.cardId == this.selectedCardId);
129 |
130 | if(card.moneyInTheCard < this.paymentAmount)
131 | return this.toastrService.error("Kartınızda yeterli bakiye yoktur", "Hata")
132 |
133 | card.moneyInTheCard = card.moneyInTheCard - this.paymentAmount;
134 | return this.creditCardService.updateCard(card).subscribe(response => {
135 | this.toastrService.success("Ödeme yapıldı","Başarılı");
136 | })
137 |
138 | })
139 | }
140 | }
141 |
142 | async getCreditCardByCardNumber(cardNumber:string){
143 | return (await this.creditCardService.getByCardNumber(cardNumber).toPromise()).data[0];
144 | }
145 |
146 | updateCard(creditCard:CreditCard){
147 | this.creditCardService.updateCard(creditCard);
148 | }
149 |
150 | updateFindexPointOfCurrentCustomer(){
151 | let currentCustomer = this.localStorageService.getCurrentCustomer();
152 |
153 | this.customerService.getCustomerByEmail(currentCustomer.email).subscribe(response => {
154 | this.localStorageService.setCurrentCustomer(response.data);
155 | })
156 | }
157 |
158 | saveCard(card:CreditCard){
159 | this.creditCardService.add(card).subscribe(response => {
160 | this.toastrService.success("Kartınız kaydedildi",response.message);
161 | },responseError => {
162 | console.log(responseError);
163 | })
164 | }
165 |
166 | selectedCard(creditCard:CreditCard){
167 | this.selectedCardId = creditCard.cardId;
168 | this.nameOnTheCard = creditCard.nameOnTheCard;
169 | this.expirationDate = creditCard.expirationDate;
170 | this.cardCvv = creditCard.cardCvv;
171 | this.cardNumber = creditCard.cardNumber;
172 | this.customerId = creditCard.customerId;
173 | this.save = false
174 | }
175 |
176 | }
177 |
--------------------------------------------------------------------------------
3 |
5 |
6 |
7 |
85 | 7 |
8 |
12 |
9 | Loading...
10 |
11 |
13 |
14 |
19 |
20 |
42 |
43 |
44 |
57 |
58 |
59 |
79 |
21 |
22 |
40 |
41 | 22 |
23 |
39 |
24 |
28 |
33 |
38 |
25 | 
26 |
27 |
60 |
64 |
65 |
66 |
67 |
78 |
68 |
74 |
69 |
72 |
73 |
75 |
77 | Araç Şu an Kiralanamaz
76 |
80 |
84 |
81 | Araba kiralamak için önce giriş yapmalısınız
82 |
83 |
86 |
88 |