Commit 44888c3b88c2de8093acac9f30ab624da6e9d384
1 parent
c070e41e87
Exists in
master
Linea al final.
Showing
2 changed files
with
2 additions
and
2 deletions
Show diff stats
angular.json
| 1 | { | 1 | { |
| 2 | "$schema": "./node_modules/@angular/cli/lib/config/schema.json", | 2 | "$schema": "./node_modules/@angular/cli/lib/config/schema.json", |
| 3 | "version": 1, | 3 | "version": 1, |
| 4 | "newProjectRoot": "projects", | 4 | "newProjectRoot": "projects", |
| 5 | "projects": { | 5 | "projects": { |
| 6 | "autoservicio": { | 6 | "autoservicio": { |
| 7 | "projectType": "application", | 7 | "projectType": "application", |
| 8 | "schematics": { | 8 | "schematics": { |
| 9 | "@schematics/angular:component": { | 9 | "@schematics/angular:component": { |
| 10 | "style": "scss" | 10 | "style": "scss" |
| 11 | } | 11 | } |
| 12 | }, | 12 | }, |
| 13 | "root": "", | 13 | "root": "", |
| 14 | "sourceRoot": "src", | 14 | "sourceRoot": "src", |
| 15 | "prefix": "app", | 15 | "prefix": "app", |
| 16 | "architect": { | 16 | "architect": { |
| 17 | "build": { | 17 | "build": { |
| 18 | "builder": "@angular-devkit/build-angular:browser", | 18 | "builder": "@angular-devkit/build-angular:browser", |
| 19 | "options": { | 19 | "options": { |
| 20 | "outputPath": "dist/autoservicio", | 20 | "outputPath": "dist/autoservicio", |
| 21 | "index": "src/index.html", | 21 | "index": "src/index.html", |
| 22 | "main": "src/main.ts", | 22 | "main": "src/main.ts", |
| 23 | "polyfills": "src/polyfills.ts", | 23 | "polyfills": "src/polyfills.ts", |
| 24 | "tsConfig": "tsconfig.app.json", | 24 | "tsConfig": "tsconfig.app.json", |
| 25 | "assets": [ | 25 | "assets": [ |
| 26 | "src/favicon.ico", | 26 | "src/favicon.ico", |
| 27 | "src/assets" | 27 | "src/assets" |
| 28 | ], | 28 | ], |
| 29 | "styles": [ | 29 | "styles": [ |
| 30 | "./node_modules/bootstrap/dist/css/bootstrap.min.css", | 30 | "./node_modules/bootstrap/dist/css/bootstrap.min.css", |
| 31 | "./node_modules/font-awesome/css/font-awesome.min.css", | 31 | "./node_modules/font-awesome/css/font-awesome.min.css", |
| 32 | "src/styles.scss" | 32 | "src/styles.scss" |
| 33 | ], | 33 | ], |
| 34 | "scripts": [ | 34 | "scripts": [ |
| 35 | "./node_modules/jquery/dist/jquery.min.js", | 35 | "./node_modules/jquery/dist/jquery.min.js", |
| 36 | "./node_modules/popper.js/dist/umd/popper.min.js", | 36 | "./node_modules/popper.js/dist/umd/popper.min.js", |
| 37 | "./node_modules/bootstrap/dist/js/bootstrap.min.js" | 37 | "./node_modules/bootstrap/dist/js/bootstrap.min.js" |
| 38 | ] | 38 | ] |
| 39 | }, | 39 | }, |
| 40 | "configurations": { | 40 | "configurations": { |
| 41 | "production": { | 41 | "production": { |
| 42 | "fileReplacements": [ | 42 | "fileReplacements": [ |
| 43 | { | 43 | { |
| 44 | "replace": "src/environments/environment.ts", | 44 | "replace": "src/environments/environment.ts", |
| 45 | "with": "src/environments/environment.prod.ts" | 45 | "with": "src/environments/environment.prod.ts" |
| 46 | } | 46 | } |
| 47 | ], | 47 | ], |
| 48 | "optimization": true, | 48 | "optimization": true, |
| 49 | "outputHashing": "all", | 49 | "outputHashing": "all", |
| 50 | "sourceMap": false, | 50 | "sourceMap": false, |
| 51 | "extractCss": true, | 51 | "extractCss": true, |
| 52 | "namedChunks": false, | 52 | "namedChunks": false, |
| 53 | "aot": true, | 53 | "aot": true, |
| 54 | "extractLicenses": true, | 54 | "extractLicenses": true, |
| 55 | "vendorChunk": false, | 55 | "vendorChunk": false, |
| 56 | "buildOptimizer": true, | 56 | "buildOptimizer": true, |
| 57 | "budgets": [ | 57 | "budgets": [ |
| 58 | { | 58 | { |
| 59 | "type": "initial", | 59 | "type": "initial", |
| 60 | "maximumWarning": "2mb", | 60 | "maximumWarning": "2mb", |
| 61 | "maximumError": "5mb" | 61 | "maximumError": "5mb" |
| 62 | } | 62 | } |
| 63 | ] | 63 | ] |
| 64 | } | 64 | } |
| 65 | } | 65 | } |
| 66 | }, | 66 | }, |
| 67 | "serve": { | 67 | "serve": { |
| 68 | "builder": "@angular-devkit/build-angular:dev-server", | 68 | "builder": "@angular-devkit/build-angular:dev-server", |
| 69 | "options": { | 69 | "options": { |
| 70 | "browserTarget": "autoservicio:build" | 70 | "browserTarget": "autoservicio:build" |
| 71 | }, | 71 | }, |
| 72 | "configurations": { | 72 | "configurations": { |
| 73 | "production": { | 73 | "production": { |
| 74 | "browserTarget": "autoservicio:build:production" | 74 | "browserTarget": "autoservicio:build:production" |
| 75 | } | 75 | } |
| 76 | } | 76 | } |
| 77 | }, | 77 | }, |
| 78 | "extract-i18n": { | 78 | "extract-i18n": { |
| 79 | "builder": "@angular-devkit/build-angular:extract-i18n", | 79 | "builder": "@angular-devkit/build-angular:extract-i18n", |
| 80 | "options": { | 80 | "options": { |
| 81 | "browserTarget": "autoservicio:build" | 81 | "browserTarget": "autoservicio:build" |
| 82 | } | 82 | } |
| 83 | }, | 83 | }, |
| 84 | "test": { | 84 | "test": { |
| 85 | "builder": "@angular-devkit/build-angular:karma", | 85 | "builder": "@angular-devkit/build-angular:karma", |
| 86 | "options": { | 86 | "options": { |
| 87 | "main": "src/test.ts", | 87 | "main": "src/test.ts", |
| 88 | "polyfills": "src/polyfills.ts", | 88 | "polyfills": "src/polyfills.ts", |
| 89 | "tsConfig": "tsconfig.spec.json", | 89 | "tsConfig": "tsconfig.spec.json", |
| 90 | "karmaConfig": "karma.conf.js", | 90 | "karmaConfig": "karma.conf.js", |
| 91 | "assets": [ | 91 | "assets": [ |
| 92 | "src/favicon.ico", | 92 | "src/favicon.ico", |
| 93 | "src/assets" | 93 | "src/assets" |
| 94 | ], | 94 | ], |
| 95 | "styles": [ | 95 | "styles": [ |
| 96 | "./node_modules/bootstrap/dist/css/bootstrap.min.css", | 96 | "./node_modules/bootstrap/dist/css/bootstrap.min.css", |
| 97 | "src/styles.scss" | 97 | "src/styles.scss" |
| 98 | ], | 98 | ], |
| 99 | "scripts": [] | 99 | "scripts": [] |
| 100 | } | 100 | } |
| 101 | }, | 101 | }, |
| 102 | "lint": { | 102 | "lint": { |
| 103 | "builder": "@angular-devkit/build-angular:tslint", | 103 | "builder": "@angular-devkit/build-angular:tslint", |
| 104 | "options": { | 104 | "options": { |
| 105 | "tsConfig": [ | 105 | "tsConfig": [ |
| 106 | "tsconfig.app.json", | 106 | "tsconfig.app.json", |
| 107 | "tsconfig.spec.json", | 107 | "tsconfig.spec.json", |
| 108 | "e2e/tsconfig.json" | 108 | "e2e/tsconfig.json" |
| 109 | ], | 109 | ], |
| 110 | "exclude": [ | 110 | "exclude": [ |
| 111 | "**/node_modules/**" | 111 | "**/node_modules/**" |
| 112 | ] | 112 | ] |
| 113 | } | 113 | } |
| 114 | }, | 114 | }, |
| 115 | "e2e": { | 115 | "e2e": { |
| 116 | "builder": "@angular-devkit/build-angular:protractor", | 116 | "builder": "@angular-devkit/build-angular:protractor", |
| 117 | "options": { | 117 | "options": { |
| 118 | "protractorConfig": "e2e/protractor.conf.js", | 118 | "protractorConfig": "e2e/protractor.conf.js", |
| 119 | "devServerTarget": "autoservicio:serve" | 119 | "devServerTarget": "autoservicio:serve" |
| 120 | }, | 120 | }, |
| 121 | "configurations": { | 121 | "configurations": { |
| 122 | "production": { | 122 | "production": { |
| 123 | "devServerTarget": "autoservicio:serve:production" | 123 | "devServerTarget": "autoservicio:serve:production" |
| 124 | } | 124 | } |
| 125 | } | 125 | } |
| 126 | } | 126 | } |
| 127 | } | 127 | } |
| 128 | } | 128 | } |
| 129 | }, | 129 | }, |
| 130 | "defaultProject": "autoservicio" | 130 | "defaultProject": "autoservicio" |
| 131 | } | ||
| 131 | } |
src/app/components/popover/popover.component.html
| 1 | <div class="card-body"> | 1 | <div class="card-body"> |
| 2 | <div class="row"> | 2 | <div class="row"> |
| 3 | <div class="col"> | 3 | <div class="col"> |
| 4 | <p class="h5 card-title"> | 4 | <p class="h5 card-title"> |
| 5 | Este producto forma parte<br> | 5 | Este producto forma parte<br> |
| 6 | de Combos y Promociones | 6 | de Combos y Promociones |
| 7 | </p> | 7 | </p> |
| 8 | </div> | 8 | </div> |
| 9 | </div> | 9 | </div> |
| 10 | 10 | ||
| 11 | <div class="row"> | 11 | <div class="row"> |
| 12 | <div class="col text-dark"> | 12 | <div class="col text-dark"> |
| 13 | <div class="bg-white rounded-sm p-2 px-3"> | 13 | <div class="bg-white rounded-sm p-2 px-3"> |
| 14 | <div class="row justify-content-between"> | 14 | <div class="row justify-content-between"> |
| 15 | <div class="col-auto"> | 15 | <div class="col-auto"> |
| 16 | <p class="h4 font-weight-bold mb-0">Promo 2x1</p> | 16 | <p class="h4 font-weight-bold mb-0">Promo 2x1</p> |
| 17 | <p class="h6 mb-0">{{popoverContent}}</p> | 17 | <p class="h6 mb-0">{{popoverContent}}</p> |
| 18 | </div> | 18 | </div> |
| 19 | <div class="col-4 text-right my-auto"> | 19 | <div class="col-4 text-right my-auto"> |
| 20 | <p class="h3 font-weight-bold mb-0">{{28 | currency}}</p> | 20 | <p class="h3 font-weight-bold mb-0">{{28 | currency}}</p> |
| 21 | </div> | 21 | </div> |
| 22 | </div> | 22 | </div> |
| 23 | </div> | 23 | </div> |
| 24 | </div> | 24 | </div> |
| 25 | </div> | 25 | </div> |
| 26 | 26 | ||
| 27 | <div class="row mt-3 justify-content-end"> | 27 | <div class="row mt-3 justify-content-end"> |
| 28 | <div class="col-auto"> | 28 | <div class="col-auto"> |
| 29 | <button | 29 | <button |
| 30 | type="button" | 30 | type="button" |
| 31 | class="btn btn-sm btn-light shadow" | 31 | class="btn btn-sm btn-light shadow" |
| 32 | (click)="hide()"> | 32 | (click)="hide()"> |
| 33 | <span class="pr-2">No, gracias</span> | 33 | <span class="pr-2">No, gracias</span> |
| 34 | <i class="fa fa-times text-danger" aria-hidden="true"></i> | 34 | <i class="fa fa-times text-danger" aria-hidden="true"></i> |
| 35 | </button> | 35 | </button> |
| 36 | </div> | 36 | </div> |
| 37 | </div> | 37 | </div> |
| 38 | 38 | ||
| 39 | </div> | ||
| 39 | </div> |