aboutsummaryrefslogtreecommitdiffstats
path: root/stories/ng2-component-lab/autocomplete.component.exp.ts
diff options
context:
space:
mode:
Diffstat (limited to 'stories/ng2-component-lab/autocomplete.component.exp.ts')
-rw-r--r--stories/ng2-component-lab/autocomplete.component.exp.ts77
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>
- `
- }
-]);