Skip to content

Commit

Permalink
fix(demo): removed the old demo app
Browse files Browse the repository at this point in the history
  • Loading branch information
AnthonyNahas committed Dec 23, 2019
1 parent 3ae431f commit d356d25
Show file tree
Hide file tree
Showing 186 changed files with 112 additions and 34,736 deletions.
26 changes: 16 additions & 10 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -99,12 +99,10 @@ npm install --save @angular-material-extensions/google-maps-autocomplete
### Requirements (peer dependencies):

for the ui input component, please consider to install the following packages
- [angular animations v7.x](https://www.npmjs.com/package/@angular/animations)
- [angular forms v7.x](https://www.npmjs.com/package/@angular/forms)

if your are not using the directive but the `mat-google-maps-autocomplete` component
- [angular material v7.x](https://www.npmjs.com/package/@angular/material)
- [angular cdk v7.x](https://www.npmjs.com/package/@angular/cdk)
- [angular animations v8.x](https://www.npmjs.com/package/@angular/animations)
- [angular forms v8.x](https://www.npmjs.com/package/@angular/forms)
- [angular material v8.x](https://www.npmjs.com/package/@angular/material)
- [angular cdk v8.x](https://www.npmjs.com/package/@angular/cdk)

```bash
npm i @angular/cdk @angular/material @angular/animations @angular/forms
Expand All @@ -121,8 +119,8 @@ npm i @angular/cdk @angular/material @angular/animations @angular/forms
>**Note**:If you are using `SystemJS`, you should adjust your configuration to point to the UMD bundle.
In your systemjs config file, `map` needs to tell the System loader where to look for `@angular-material-extensions/google-maps-autocomplete`:
```js
map: {
'@angular-material-extensions/google-maps-autocomplete': 'node_modules/@angular-material-extensions/google-maps-autocomplete/bundles/google-maps-autocomplete.umd.js',
{
'@angular-material-extensions/google-maps-autocomplete';: 'node_modules/@angular-material-extensions/google-maps-autocomplete/bundles/google-maps-autocomplete.umd.js',
}
```
---
Expand All @@ -140,6 +138,7 @@ import { MatGoogleMapsAutocompleteModule } from '@angular-material-extensions/go
@NgModule({
declarations: [AppComponent, ...],
imports: [
// important !!!
AgmCoreModule.forRoot({
apiKey: 'YOUR_KEY',
libraries: ['places']
Expand Down Expand Up @@ -224,7 +223,8 @@ combine the result of the `mat-google-maps-autocomplete` with a google map insta
[ngStyle.xs]="{'min-width.%': 100}"
[ngStyle.sm]="{'width.%': 70}">
<mat-google-maps-autocomplete (onAutocompleteSelected)="onAutocompleteSelected($event)"
(onLocationSelected)="onLocationSelected($event)">
(onLocationSelected)="onLocationSelected($event)"
(onGermanAddressMapped)="onGermanAddressMapped($event)">
</mat-google-maps-autocomplete>
</div>

Expand All @@ -237,7 +237,7 @@ in your component, the code will be similar to -->
```typescript
import {Component, OnInit, ViewEncapsulation} from '@angular/core';
import {Title} from '@angular/platform-browser';
import {Location, Appearance} from '@angular-material-extensions/google-maps-autocomplete';
import {Location, Appearance, GermanAddress} from '@angular-material-extensions/google-maps-autocomplete';
import {} from '@types/googlemaps';
import PlaceResult = google.maps.places.PlaceResult;

Expand Down Expand Up @@ -288,6 +288,11 @@ export class HomeComponent implements OnInit {
this.latitude = location.latitude;
this.longitude = location.longitude;
}

onGermanAddressMapped($event: GermanAddress) {
console.log('onGermanAddressMapped', $event);
}

}

```
Expand All @@ -309,6 +314,7 @@ export class HomeComponent implements OnInit {
| onChange | Output() | PlaceResult | string | null | - | event when the input form value changed
| onAutocompleteSelected | Output() | PlaceResult | - | the event will be fired when a place has been selected via the google maps autocomplete component
| onLocationSelected | Output() | Location | - | the event will be fired when a place has been selected via the google maps autocomplete component |
| onLocationSelected | Output() | GermanAddress | - | the event will be fired when a place has been selected and mapped to the german address interface |

#### Supported Types

Expand Down
13 changes: 0 additions & 13 deletions demo/.editorconfig

This file was deleted.

39 changes: 0 additions & 39 deletions demo/.gitignore

This file was deleted.

27 changes: 0 additions & 27 deletions demo/README.md

This file was deleted.

157 changes: 0 additions & 157 deletions demo/angular.json

This file was deleted.

28 changes: 0 additions & 28 deletions demo/e2e/protractor.conf.js

This file was deleted.

14 changes: 0 additions & 14 deletions demo/e2e/src/app.e2e-spec.ts

This file was deleted.

11 changes: 0 additions & 11 deletions demo/e2e/src/app.po.ts

This file was deleted.

13 changes: 0 additions & 13 deletions demo/e2e/tsconfig.e2e.json

This file was deleted.

0 comments on commit d356d25

Please sign in to comment.