4 |
5 | This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.3.
6 |
7 | ## Development server
8 |
9 | Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
10 |
11 | ## Code scaffolding
12 |
13 | Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
14 |
15 | ## Build
16 |
17 | Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
18 |
19 | ## Running unit tests
20 |
21 | Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
22 |
23 | ## Running end-to-end tests
24 |
25 | Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
26 |
27 | ## Further help
28 |
29 | To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
30 |
--------------------------------------------------------------------------------
/angular.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3 | "cli": {
4 | "analytics": "70a2c3bf-5da2-4b4c-b454-2bb003f7a2db"
5 | },
6 | "version": 1,
7 | "newProjectRoot": "projects",
8 | "projects": {
9 | "recap": {
10 | "projectType": "application",
11 | "schematics": {
12 | "@schematics/angular:application": {
13 | "strict": true
14 | }
15 | },
16 | "root": "",
17 | "sourceRoot": "src",
18 | "prefix": "app",
19 | "architect": {
20 | "build": {
21 | "builder": "@angular-devkit/build-angular:browser",
22 | "options": {
23 | "outputPath": "dist/recap",
24 | "index": "src/index.html",
25 | "main": "src/main.ts",
26 | "polyfills": "src/polyfills.ts",
27 | "tsConfig": "tsconfig.app.json",
28 | "aot": true,
29 | "assets": [
30 | "src/favicon.ico",
31 | "src/assets"
32 | ],
33 | "styles": [
34 | "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
35 | "./node_modules/bootstrap/dist/css/bootstrap.min.css",
36 | "./node_modules/bootstrap-select/dist/css/bootstrap-select.min.css",
37 | "node_modules/ngx-toastr/toastr.css",
38 | "src/styles.css"
39 | ],
40 | "scripts": [
41 | "./node_modules/jquery/dist/jquery.min.js",
42 | "./node_modules/bootstrap/dist/js/bootstrap.min.js",
43 | "./node_modules/bootstrap-select/dist/js/bootstrap-select.min.js"
44 | ]
45 | },
46 | "configurations": {
47 | "production": {
48 | "fileReplacements": [
49 | {
50 | "replace": "src/environments/environment.ts",
51 | "with": "src/environments/environment.prod.ts"
52 | }
53 | ],
54 | "optimization": true,
55 | "outputHashing": "all",
56 | "sourceMap": false,
57 | "namedChunks": false,
58 | "extractLicenses": true,
59 | "vendorChunk": false,
60 | "buildOptimizer": true,
61 | "budgets": [
62 | {
63 | "type": "initial",
64 | "maximumWarning": "500kb",
65 | "maximumError": "1mb"
66 | },
67 | {
68 | "type": "anyComponentStyle",
69 | "maximumWarning": "2kb",
70 | "maximumError": "4kb"
71 | }
72 | ]
73 | }
74 | }
75 | },
76 | "serve": {
77 | "builder": "@angular-devkit/build-angular:dev-server",
78 | "options": {
79 | "browserTarget": "recap:build"
80 | },
81 | "configurations": {
82 | "production": {
83 | "browserTarget": "recap:build:production"
84 | }
85 | }
86 | },
87 | "extract-i18n": {
88 | "builder": "@angular-devkit/build-angular:extract-i18n",
89 | "options": {
90 | "browserTarget": "recap:build"
91 | }
92 | },
93 | "test": {
94 | "builder": "@angular-devkit/build-angular:karma",
95 | "options": {
96 | "main": "src/test.ts",
97 | "polyfills": "src/polyfills.ts",
98 | "tsConfig": "tsconfig.spec.json",
99 | "karmaConfig": "karma.conf.js",
100 | "assets": [
101 | "src/favicon.ico",
102 | "src/assets"
103 | ],
104 | "styles": [
105 | "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
106 | "src/styles.css"
107 | ],
108 | "scripts": []
109 | }
110 | },
111 | "lint": {
112 | "builder": "@angular-devkit/build-angular:tslint",
113 | "options": {
114 | "tsConfig": [
115 | "tsconfig.app.json",
116 | "tsconfig.spec.json",
117 | "e2e/tsconfig.json"
118 | ],
119 | "exclude": [
120 | "**/node_modules/**"
121 | ]
122 | }
123 | },
124 | "e2e": {
125 | "builder": "@angular-devkit/build-angular:protractor",
126 | "options": {
127 | "protractorConfig": "e2e/protractor.conf.js",
128 | "devServerTarget": "recap:serve"
129 | },
130 | "configurations": {
131 | "production": {
132 | "devServerTarget": "recap:serve:production"
133 | }
134 | }
135 | }
136 | }
137 | }
138 | },
139 | "defaultProject": "recap"
140 | }
141 |
--------------------------------------------------------------------------------
/e2e/protractor.conf.js:
--------------------------------------------------------------------------------
1 | // @ts-check
2 | // Protractor configuration file, see link for more information
3 | // https://github.com/angular/protractor/blob/master/lib/config.ts
4 |
5 | const { SpecReporter, StacktraceOption } = require('jasmine-spec-reporter');
6 |
7 | /**
8 | * @type { import("protractor").Config }
9 | */
10 | exports.config = {
11 | allScriptsTimeout: 11000,
12 | specs: [
13 | './src/**/*.e2e-spec.ts'
14 | ],
15 | capabilities: {
16 | browserName: 'chrome'
17 | },
18 | directConnect: true,
19 | SELENIUM_PROMISE_MANAGER: false,
20 | baseUrl: 'http://localhost:4200/',
21 | framework: 'jasmine',
22 | jasmineNodeOpts: {
23 | showColors: true,
24 | defaultTimeoutInterval: 30000,
25 | print: function() {}
26 | },
27 | onPrepare() {
28 | require('ts-node').register({
29 | project: require('path').join(__dirname, './tsconfig.json')
30 | });
31 | jasmine.getEnv().addReporter(new SpecReporter({
32 | spec: {
33 | displayStacktrace: StacktraceOption.PRETTY
34 | }
35 | }));
36 | }
37 | };
--------------------------------------------------------------------------------
/e2e/src/app.e2e-spec.ts:
--------------------------------------------------------------------------------
1 | import { browser, logging } from 'protractor';
2 | import { AppPage } from './app.po';
3 |
4 | describe('workspace-project App', () => {
5 | let page: AppPage;
6 |
7 | beforeEach(() => {
8 | page = new AppPage();
9 | });
10 |
11 | it('should display welcome message', async () => {
12 | await page.navigateTo();
13 | expect(await page.getTitleText()).toEqual('recap app is running!');
14 | });
15 |
16 | afterEach(async () => {
17 | // Assert that there are no errors emitted from the browser
18 | const logs = await browser.manage().logs().get(logging.Type.BROWSER);
19 | expect(logs).not.toContain(jasmine.objectContaining({
20 | level: logging.Level.SEVERE,
21 | } as logging.Entry));
22 | });
23 | });
24 |
--------------------------------------------------------------------------------
/e2e/src/app.po.ts:
--------------------------------------------------------------------------------
1 | import { browser, by, element } from 'protractor';
2 |
3 | export class AppPage {
4 | async navigateTo(): Promise
8 | 
39 | | Marka | 34 |{{ carDetail.brandName }} | 35 |
|---|---|
| Model Yılı | 38 |{{ carDetail.carModelYear }} | 39 |
| Renk | 42 |{{ carDetail.colorName }} | 43 |
| Fiyat | 46 |47 | {{ 48 | carDetail.carDailyPrice | currency: "TRY":"symbol-narrow":"1.2-2" 49 | }}/Gunluk 50 | | 51 |
| Aciklama | 54 |{{ carDetail.carDescription }} | 55 |
| 10 | | {{ card.cardNumber }} | 11 || | 12 |{{ card.expirationDate }} | 13 || | 14 |{{ card.nameOnTheCard }} | 15 |
|---|
| Başlangıç | 10 |Bitiş | 11 |Marka | 12 |Renk | 13 |Model Yılı | 14 |Günlük | 15 |Toplam | 16 |
|---|---|---|---|---|---|---|
| {{ rental.rentDate }} | 21 |{{ rental.returnDate }} | 22 |{{ carDetail.brandName }} | 23 |{{ carDetail.colorName }} | 24 |{{ carDetail.carModelYear }} | 25 |{{ carDetail.carDailyPrice | currency: "₺" }} | 26 |27 | {{ 28 | amountOfPayment | currency: "₺" 29 | }} 30 | | 31 |