put formula's into scrollable container

This commit is contained in:
Andre Mourinho 2018-07-13 09:29:27 -04:00
parent b3c7182def
commit 9bd3681e94
2 changed files with 20 additions and 1 deletions

19
package-lock.json generated
View File

@ -970,6 +970,11 @@
"integrity": "sha512-ONhaKPIufzzrlNbqtWFFd+jlnemX6lJAgq9ZeiZtS7I1PIf/la7CW4m83rTXRnVnsMbW2k56pGYu7AUFJD9Pow==", "integrity": "sha512-ONhaKPIufzzrlNbqtWFFd+jlnemX6lJAgq9ZeiZtS7I1PIf/la7CW4m83rTXRnVnsMbW2k56pGYu7AUFJD9Pow==",
"optional": true "optional": true
}, },
"@types/crypto-js": {
"version": "3.1.41",
"resolved": "https://registry.npmjs.org/@types/crypto-js/-/crypto-js-3.1.41.tgz",
"integrity": "sha512-rIqkxKg9x7o8wFjeOTbkfqWd5hgyHhwqude+epWlF4N0PU5UYfSo6xyC50CgB+bk44zcNYXb4W1CQbDtcI9U5w=="
},
"@types/jasmine": { "@types/jasmine": {
"version": "2.8.8", "version": "2.8.8",
"resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-2.8.8.tgz", "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-2.8.8.tgz",
@ -3168,6 +3173,11 @@
"randomfill": "^1.0.3" "randomfill": "^1.0.3"
} }
}, },
"crypto-js": {
"version": "3.1.9-1",
"resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-3.1.9-1.tgz",
"integrity": "sha1-/aGedh/Ad+Af+/3G6f38WeiAbNg="
},
"crypto-random-string": { "crypto-random-string": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-1.0.0.tgz", "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-1.0.0.tgz",
@ -14207,6 +14217,15 @@
"resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.3.tgz", "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.3.tgz",
"integrity": "sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg==" "integrity": "sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg=="
}, },
"webstorage-decorators": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/webstorage-decorators/-/webstorage-decorators-1.0.3.tgz",
"integrity": "sha512-MtxnnNV4OjT6kwJzz1mSpeEPr4nuemyWV7B1c4A6FInq4Quz0B+7GhsNN+/nT/kQw+U9pLgA8yTrQ8IKK6KptA==",
"requires": {
"@types/crypto-js": "^3.1.39",
"crypto-js": "^3.1.9-1"
}
},
"whatwg-fetch": { "whatwg-fetch": {
"version": "2.0.4", "version": "2.0.4",
"resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz", "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz",

View File

@ -5,7 +5,7 @@
<input #search matInput placeholder="Search"> <input #search matInput placeholder="Search">
<mat-icon matSuffix>search</mat-icon> <mat-icon matSuffix>search</mat-icon>
</mat-form-field> </mat-form-field>
<mat-list> <mat-list style="max-height: 250px; overflow: auto;">
<ng-container *ngFor="let f of formulas | async; let i = index"> <ng-container *ngFor="let f of formulas | async; let i = index">
<mat-divider *ngIf="f.name.toLowerCase().indexOf(search.value.toLowerCase()) != -1 && i > 0"></mat-divider> <mat-divider *ngIf="f.name.toLowerCase().indexOf(search.value.toLowerCase()) != -1 && i > 0"></mat-divider>
<mat-list-item *ngIf="f.name.toLowerCase().indexOf(search.value.toLowerCase()) != -1" (click)="displayFormula(f)">{{f.name}}</mat-list-item> <mat-list-item *ngIf="f.name.toLowerCase().indexOf(search.value.toLowerCase()) != -1" (click)="displayFormula(f)">{{f.name}}</mat-list-item>