From edcb94a1a3892b8ec5a5428fd999cde4b645cccc Mon Sep 17 00:00:00 2001 From: Eric Fernandez Date: Thu, 22 Aug 2019 10:52:05 -0300 Subject: [PATCH] teclado --- package-lock.json | 49 ++++++++++++++++++++-- package.json | 9 +++- src/app/app.module.ts | 11 ++++- .../busqueda-productos.component.html | 1 + .../busqueda-productos.component.ts | 7 +++- src/index.html | 1 + src/styles.scss | 6 +++ 7 files changed, 77 insertions(+), 7 deletions(-) diff --git a/package-lock.json b/package-lock.json index 83cbc5e..fb56a66 100644 --- a/package-lock.json +++ b/package-lock.json @@ -140,6 +140,23 @@ "tslib": "^1.9.0" } }, + "@angular/cdk": { + "version": "8.1.3", + "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-8.1.3.tgz", + "integrity": "sha512-+DOS6x05/nNdnoRmEi3bgQxKym34PeCRGD6dimdw0l7ZgM57qhlaBWo0dXB7QSyR9E44uVT91e4h8ye+/ne1DQ==", + "requires": { + "parse5": "^5.0.0", + "tslib": "^1.7.1" + }, + "dependencies": { + "parse5": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.0.tgz", + "integrity": "sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==", + "optional": true + } + } + }, "@angular/cli": { "version": "8.0.6", "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-8.0.6.tgz", @@ -314,6 +331,14 @@ "integrity": "sha512-04XojOo9FJgEQE/rZafnaJQxPEU+//TSzTgpGoIVzCSMx+joCY/ZSSwJZPWxiHlOE57W/zX02ZY+TwcM81oTdw==", "dev": true }, + "@angular/material": { + "version": "8.1.3", + "resolved": "https://registry.npmjs.org/@angular/material/-/material-8.1.3.tgz", + "integrity": "sha512-qZVWrJ/EO1y0lJCy7pe536RlYiih3p3fQzj7tgus7JdOpspyF+zBLzn8gNrdAFACXpVWwq2kLorieoR3BB47ZQ==", + "requires": { + "tslib": "^1.7.1" + } + }, "@angular/platform-browser": { "version": "8.0.3", "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-8.0.3.tgz", @@ -511,6 +536,14 @@ "webpack-sources": "1.3.0" } }, + "@ngx-material-keyboard/core": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/@ngx-material-keyboard/core/-/core-0.1.1.tgz", + "integrity": "sha512-HbxAxtLCf4Q9N8cTZ6Dq1q6X9CmGxT+NubBQ4DX77S03nwmq+wQjbucopfVPwosEPB3DQqKa9wqCbJaM07AEYw==", + "requires": { + "tslib": "^1.7.1" + } + }, "@schematics/angular": { "version": "8.0.6", "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-8.0.6.tgz", @@ -5660,6 +5693,11 @@ "object-visit": "^1.0.0" } }, + "material-design-icons": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/material-design-icons/-/material-design-icons-3.0.1.tgz", + "integrity": "sha1-mnHEh0chjrylHlGmbaaCA4zct78=" + }, "md5.js": { "version": "1.3.5", "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz", @@ -7485,6 +7523,11 @@ "tslib": "^1.9.0" } }, + "rxjs-compat": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/rxjs-compat/-/rxjs-compat-6.5.2.tgz", + "integrity": "sha512-TRMkTp4FgSxE2HtGvxmgRukh3JqdFM7ejAj1Ti/VdodbPGfWvZR5+KdLKRV9jVDFyu2SknM8RD+PR54KGnoLjg==" + }, "safe-buffer": { "version": "5.1.2", "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", @@ -7844,9 +7887,9 @@ "dev": true }, "simple-keyboard": { - "version": "2.25.3", - "resolved": "https://registry.npmjs.org/simple-keyboard/-/simple-keyboard-2.25.3.tgz", - "integrity": "sha512-wEEPPbVUH8C4pzION3ROyJWuf079FtEpYi6VciDgKB77BzKsQsH9sBimCn4b+1Qsk7krYTzNOYUshbWLzSb+6A==" + "version": "2.26.2", + "resolved": "https://registry.npmjs.org/simple-keyboard/-/simple-keyboard-2.26.2.tgz", + "integrity": "sha512-UOPS60KzUmDPw+V12Qs+ZVQoYe7p4bOE+aYBBxIHhDRwFgQAtz0OsbxMfDTG6hdd7wSEBVLfc7nkKu1n6A3GCA==" }, "slash": { "version": "1.0.0", diff --git a/package.json b/package.json index c6775da..f83688b 100644 --- a/package.json +++ b/package.json @@ -11,21 +11,26 @@ }, "private": true, "dependencies": { - "@angular/animations": "~8.0.0", + "@angular/animations": "^8.0.3", + "@angular/cdk": "^8.1.3", "@angular/common": "~8.0.0", "@angular/compiler": "~8.0.0", "@angular/core": "~8.0.0", "@angular/forms": "~8.0.0", + "@angular/material": "^8.1.3", "@angular/platform-browser": "~8.0.0", "@angular/platform-browser-dynamic": "~8.0.0", "@angular/router": "~8.0.0", + "@ngx-material-keyboard/core": "^0.1.1", "bootstrap": "^4.3.1", "font-awesome": "^4.7.0", "jquery": "^1.12.4", + "material-design-icons": "^3.0.1", "ngx-bootstrap": "^5.1.1", "popper.js": "^1.15.0", "rxjs": "~6.4.0", - "simple-keyboard": "^2.25.3", + "rxjs-compat": "^6.5.2", + "simple-keyboard": "^2.26.2", "tslib": "^1.9.0", "zone.js": "~0.9.1" }, diff --git a/src/app/app.module.ts b/src/app/app.module.ts index be64478..91ccac4 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -8,6 +8,12 @@ import { TooltipModule } from 'ngx-bootstrap/tooltip'; import { PopoverModule } from 'ngx-bootstrap/popover'; //#endregion +//#region Keyboard +import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; +import { MatButtonModule } from '@angular/material/button'; +import { MatKeyboardModule } from '@ngx-material-keyboard/core'; +//#endregion + //#region COMPONENTS import { AppComponent } from './app.component'; import { HeaderComponent } from './components/header/header.component'; @@ -48,7 +54,10 @@ import { CancelarCompraComponent } from './components/cancelar-compra/cancelar-c ReactiveFormsModule, ReactiveFormsModule.withConfig({ warnOnNgModelWithFormControl: 'never' }), TooltipModule.forRoot(), - PopoverModule.forRoot() + PopoverModule.forRoot(), + BrowserAnimationsModule, + MatKeyboardModule, + MatButtonModule ], providers: [], bootstrap: [AppComponent] diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.html b/src/app/components/busqueda-productos/busqueda-productos.component.html index 34384bb..0797032 100644 --- a/src/app/components/busqueda-productos/busqueda-productos.component.html +++ b/src/app/components/busqueda-productos/busqueda-productos.component.html @@ -36,6 +36,7 @@
Autoservicio + diff --git a/src/styles.scss b/src/styles.scss index a2c6de4..c071970 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -139,3 +139,9 @@ body { .bg-gray { background-color: #cccccc; } + +.cdk-overlay-container { + position: absolute; + top: 65%; + width: 100%; +} -- 1.9.1