├── .browserslistrc ├── .editorconfig ├── .gitignore ├── README.md ├── angular.json ├── debug.log ├── e2e ├── protractor.conf.js ├── src │ ├── app.e2e-spec.ts │ └── app.po.ts └── tsconfig.json ├── karma.conf.js ├── package-lock.json ├── package.json ├── src ├── app │ ├── app-routing.module.ts │ ├── app.component.css │ ├── app.component.html │ ├── app.component.spec.ts │ ├── app.component.ts │ ├── app.module.ts │ ├── components │ │ ├── brand-add │ │ │ ├── brand-add.component.css │ │ │ ├── brand-add.component.html │ │ │ ├── brand-add.component.spec.ts │ │ │ └── brand-add.component.ts │ │ ├── brand-list │ │ │ ├── brand-list.component.css │ │ │ ├── brand-list.component.html │ │ │ ├── brand-list.component.spec.ts │ │ │ └── brand-list.component.ts │ │ ├── brand-update │ │ │ ├── brand-update.component.css │ │ │ ├── brand-update.component.html │ │ │ ├── brand-update.component.spec.ts │ │ │ └── brand-update.component.ts │ │ ├── brand │ │ │ ├── brand.component.css │ │ │ ├── brand.component.html │ │ │ ├── brand.component.spec.ts │ │ │ └── brand.component.ts │ │ ├── car-add │ │ │ ├── car-add.component.css │ │ │ ├── car-add.component.html │ │ │ ├── car-add.component.spec.ts │ │ │ └── car-add.component.ts │ │ ├── car-detail │ │ │ ├── car-detail.component.css │ │ │ ├── car-detail.component.html │ │ │ ├── car-detail.component.spec.ts │ │ │ └── car-detail.component.ts │ │ ├── car-filter │ │ │ ├── car-filter.component.css │ │ │ ├── car-filter.component.html │ │ │ └── car-filter.component.ts │ │ ├── car-list │ │ │ ├── car-list.component.css │ │ │ ├── car-list.component.html │ │ │ ├── car-list.component.spec.ts │ │ │ └── car-list.component.ts │ │ ├── car-update │ │ │ ├── car-update.component.css │ │ │ ├── car-update.component.html │ │ │ ├── car-update.component.spec.ts │ │ │ └── car-update.component.ts │ │ ├── car │ │ │ ├── car.component.css │ │ │ ├── car.component.html │ │ │ ├── car.component.spec.ts │ │ │ └── car.component.ts │ │ ├── change-password │ │ │ ├── change-password.component.css │ │ │ ├── change-password.component.html │ │ │ ├── change-password.component.spec.ts │ │ │ └── change-password.component.ts │ │ ├── color-add │ │ │ ├── color-add.component.css │ │ │ ├── color-add.component.html │ │ │ ├── color-add.component.spec.ts │ │ │ └── color-add.component.ts │ │ ├── color-list │ │ │ ├── color-list.component.css │ │ │ ├── color-list.component.html │ │ │ ├── color-list.component.spec.ts │ │ │ └── color-list.component.ts │ │ ├── color-update │ │ │ ├── color-update.component.css │ │ │ ├── color-update.component.html │ │ │ ├── color-update.component.spec.ts │ │ │ └── color-update.component.ts │ │ ├── color │ │ │ ├── color.component.css │ │ │ ├── color.component.html │ │ │ ├── color.component.spec.ts │ │ │ └── color.component.ts │ │ ├── customer │ │ │ ├── customer.component.css │ │ │ ├── customer.component.html │ │ │ ├── customer.component.spec.ts │ │ │ └── customer.component.ts │ │ ├── debug.log │ │ ├── footer │ │ │ ├── footer.component.css │ │ │ ├── footer.component.html │ │ │ ├── footer.component.spec.ts │ │ │ └── footer.component.ts │ │ ├── home │ │ │ ├── home.component.css │ │ │ ├── home.component.html │ │ │ ├── home.component.spec.ts │ │ │ └── home.component.ts │ │ ├── login │ │ │ ├── login.component.css │ │ │ ├── login.component.html │ │ │ ├── login.component.spec.ts │ │ │ └── login.component.ts │ │ ├── navi │ │ │ ├── navi.component.css │ │ │ ├── navi.component.html │ │ │ ├── navi.component.spec.ts │ │ │ └── navi.component.ts │ │ ├── payment │ │ │ ├── payment.component.css │ │ │ ├── payment.component.html │ │ │ ├── payment.component.spec.ts │ │ │ └── payment.component.ts │ │ ├── profile │ │ │ ├── profile.component.css │ │ │ ├── profile.component.html │ │ │ ├── profile.component.spec.ts │ │ │ └── profile.component.ts │ │ ├── register │ │ │ ├── register.component.css │ │ │ ├── register.component.html │ │ │ ├── register.component.spec.ts │ │ │ └── register.component.ts │ │ ├── rental-list │ │ │ ├── rental-list.component.css │ │ │ ├── rental-list.component.html │ │ │ ├── rental-list.component.spec.ts │ │ │ └── rental-list.component.ts │ │ ├── rental │ │ │ ├── rental.component.css │ │ │ ├── rental.component.html │ │ │ ├── rental.component.spec.ts │ │ │ └── rental.component.ts │ │ └── user-cards │ │ │ ├── user-cards.component.css │ │ │ ├── user-cards.component.html │ │ │ ├── user-cards.component.spec.ts │ │ │ └── user-cards.component.ts │ ├── guards │ │ └── login.guard.ts │ ├── interceptors │ │ ├── auth.interceptor.spec.ts │ │ └── auth.interceptor.ts │ ├── models │ │ ├── brand.ts │ │ ├── car.ts │ │ ├── carDetail.ts │ │ ├── carImage.ts │ │ ├── carImageAdd.ts │ │ ├── card.ts │ │ ├── color.ts │ │ ├── customer.ts │ │ ├── listResponseModel.ts │ │ ├── loginModel.ts │ │ ├── passwordChangeModel.ts │ │ ├── payment.ts │ │ ├── profile.ts │ │ ├── registerModel.ts │ │ ├── rental.ts │ │ ├── responseModel.ts │ │ ├── singleResponseModel.ts │ │ ├── tokenModel.ts │ │ └── user.ts │ ├── pipes │ │ ├── brand-filter-pipe.pipe.ts │ │ ├── car-filter-pipe.pipe.ts │ │ ├── color-filter-pipe.pipe.ts │ │ └── customer-filter-pipe.pipe.ts │ └── services │ │ ├── auth.service.ts │ │ ├── brand.service.ts │ │ ├── car-detail.service.ts │ │ ├── car-image.service.ts │ │ ├── car.service.ts │ │ ├── card.service.ts │ │ ├── color.service.ts │ │ ├── customer.service.ts │ │ ├── local-storage.service.ts │ │ ├── payment.service.ts │ │ ├── rental.service.ts │ │ └── user.service.ts ├── assets │ └── .gitkeep ├── environments │ ├── environment.prod.ts │ └── environment.ts ├── favicon.ico ├── index.html ├── main.ts ├── polyfills.ts ├── styles.css └── test.ts ├── tsconfig.app.json ├── tsconfig.json ├── tsconfig.spec.json └── tslint.json /.browserslistrc: -------------------------------------------------------------------------------- 1 | # This file is used by the build system to adjust CSS and JS output to support the specified browsers below. 2 | # For additional information regarding the format and rule options, please see: 3 | # https://github.com/browserslist/browserslist#queries 4 | 5 | # For the full list of supported browsers by the Angular framework, please see: 6 | # https://angular.io/guide/browser-support 7 | 8 | # You can see what browsers were selected by your queries by running: 9 | # npx browserslist 10 | 11 | last 1 Chrome version 12 | last 1 Firefox version 13 | last 2 Edge major versions 14 | last 2 Safari major versions 15 | last 2 iOS major versions 16 | Firefox ESR 17 | not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line. 18 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See http://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # compiled output 4 | /dist 5 | /tmp 6 | /out-tsc 7 | # Only exists if Bazel was run 8 | /bazel-out 9 | 10 | # dependencies 11 | /node_modules 12 | 13 | # profiling files 14 | chrome-profiler-events*.json 15 | speed-measure-plugin*.json 16 | 17 | # IDEs and editors 18 | /.idea 19 | .project 20 | .classpath 21 | .c9/ 22 | *.launch 23 | .settings/ 24 | *.sublime-workspace 25 | 26 | # IDE - VSCode 27 | .vscode/* 28 | !.vscode/settings.json 29 | !.vscode/tasks.json 30 | !.vscode/launch.json 31 | !.vscode/extensions.json 32 | .history/* 33 | 34 | # misc 35 | /.sass-cache 36 | /connect.lock 37 | /coverage 38 | /libpeerconnection.log 39 | npm-debug.log 40 | yarn-error.log 41 | testem.log 42 | /typings 43 | 44 | # System Files 45 | .DS_Store 46 | Thumbs.db 47 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |
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: ComponentFixtureBrand | 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 |
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 |
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: ComponentFixtureCustomer 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 |
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 |
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 |