diff options
Diffstat (limited to 'stories/ng2-component-lab/autocomplete.component.exp.ts')
-rw-r--r-- | stories/ng2-component-lab/autocomplete.component.exp.ts | 77 |
1 files changed, 0 insertions, 77 deletions
diff --git a/stories/ng2-component-lab/autocomplete.component.exp.ts b/stories/ng2-component-lab/autocomplete.component.exp.ts deleted file mode 100644 index a1fa3dd..0000000 --- a/stories/ng2-component-lab/autocomplete.component.exp.ts +++ /dev/null @@ -1,77 +0,0 @@ -import { experimentOn } from '@islavi/ng2-component-lab'; - -export default experimentOn('Autocomplete').group('Autocomplete', -[ - { - id: 'simpleAutocomplete', - title: 'Simple autocomplete data', - description: 'Example of auto complete with simple data', - showSource: true, - context: { - data: ['red', 'yellow', 'orange', 'green', 'white', 'black'], - selectedOption: '', - showSelectedItem: ((value: string) => { - alert(value); - }) - }, - template: ` - <sdc-autocomplete - placeholder="search text" - label="search by color:" - [data]="data" - (itemSelected)="showSelectedItem($event)" - > - </sdc-autocomplete> - ` - }, - { - id: 'complexAutocomplete', - title: 'Complex autocomplete data', - description: 'Example of auto complete with complex data', - showSource: true, - context: { - data: [ - {id: 'redId', color: 'red'}, - {id: 'yellowId', color: 'yellow'}, - {id: 'orangeId', color: 'orange'}, - {id: 'greenId', color: 'green'}, - {id: 'whiteId', color: 'white'}, - {id: 'blackId', color: 'black'} - ], - showSelectedItem: ((value: string) => { - alert(value); - }) - }, - template: ` - <sdc-autocomplete - placeholder="search text" - label="search by color:" - [data]="data" - [dataSchema]="{key: 'id', value: 'color'}" - (itemSelected)="showSelectedItem($event)" - > - </sdc-autocomplete> - ` - }, - { - id: 'complexAutocompleteWithBeData', - title: 'Complex autocomplete data from server', - description: 'Example of auto complete with complex data from server. (In this example the data is not really filtered, because it is from mock data)', - showSource: true, - context: { - showSelectedItem: ((value: string) => { - alert(value); - }) - }, - template: ` - <sdc-autocomplete - placeholder="search text" - label="search by color:" - dataUrl="../../../stories/ng2-component-lab/utils/mock.json" - [dataSchema]="{key: 'id', value: 'color'}" - (itemSelected)="showSelectedItem($event)" - > - </sdc-autocomplete> - ` - } -]); |