Mercurial > hg > ng2-query-ismi

comparison app/query-select.component.ts @ 45:dc4f0541f04d ng2-rc1

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
update to angular2-rc1. mostly working ;-(
author casties
date Tue, 14 Jun 2016 20:00:39 +0200
parents 896ae7eefb33
children
comparison
equal deleted inserted replaced
44:3779464b830e 45:dc4f0541f04d
1 import {Component, Output, EventEmitter, OnInit} from 'angular2/core'; 1 import {Component, Output, EventEmitter, OnInit} from '@angular/core';
2 2
3 import {QueryMode} from './query-mode'; 3 import {QueryMode} from './query-mode';
4 import {QueryStep} from './query-step'; 4 import {QueryStep} from './query-step';
5 import {QueryState} from './query-state'; 5 import {QueryState} from './query-state';
6 6
15 <p *ngIf="resultInfo">&nbsp;&nbsp;&nbsp;result: {{resultInfo}}</p> 15 <p *ngIf="resultInfo">&nbsp;&nbsp;&nbsp;result: {{resultInfo}}</p>
16 <div> 16 <div>
17 <form (ngSubmit)="onSubmit()"> 17 <form (ngSubmit)="onSubmit()">
18 <select (change)="onSelectMode($event)"> 18 <select (change)="onSelectMode($event)">
19 <option></option> 19 <option></option>
20 <option *ngFor="#mode of getQueryModes()" [value]="mode.id"> 20 <option *ngFor="let mode of getQueryModes()" [value]="mode.id">
21 {{mode.label}} 21 {{mode.label}}
22 </option> 22 </option>
23 </select> 23 </select>
24 24
25 <span *ngIf="selectedMode?.id=='type_is'"> 25 <span *ngIf="selectedMode?.id=='type_is'">
26 <select *ngIf="queryOptions" [ngModel]="selectedOption" (change)="onSelectOption($event)"> 26 <select *ngIf="queryOptions" [ngModel]="selectedOption" (change)="onSelectOption($event)">
27 <option></option> 27 <option></option>
28 <option *ngFor="#option of queryOptions" [value]="option"> 28 <option *ngFor="let option of queryOptions" [value]="option">
29 {{option}} 29 {{option}}
30 </option> 30 </option>
31 </select> 31 </select>
32 </span> 32 </span>
33 33
34 <span *ngIf="selectedMode?.id=='relation_is'"> 34 <span *ngIf="selectedMode?.id=='relation_is'">
35 <select *ngIf="queryOptions" [ngModel]="selectedOption" (change)="onSelectOption($event)"> 35 <select *ngIf="queryOptions" [ngModel]="selectedOption" (change)="onSelectOption($event)">
36 <option></option> 36 <option></option>
37 <option *ngFor="#option of queryOptions" [value]="option.getName()"> 37 <option *ngFor="let option of queryOptions" [value]="option.getName()">
38 {{option.getLabel()}} 38 {{option.getLabel()}}
39 </option> 39 </option>
40 </select> 40 </select>
41 </span> 41 </span>
42 42
43 <span *ngIf="selectedMode?.id=='att_contains' || selectedMode?.id=='att_contains_norm'"> 43 <span *ngIf="selectedMode?.id=='att_contains' || selectedMode?.id=='att_contains_norm'">
44 <select [ngModel]="selectedOption" (change)="selectedOption=$event.target.value"> 44 <select [ngModel]="selectedOption" (change)="selectedOption=$event.target.value">
45 <option></option> 45 <option></option>
46 <option *ngFor="#option of queryOptions" [value]="option"> 46 <option *ngFor="let option of queryOptions" [value]="option">
47 {{option}} 47 {{option}}
48 </option> 48 </option>
49 </select> 49 </select>
50 <span>contains</span> 50 <span>contains</span>
51 <input type="text" [(ngModel)]="queryInput"/> 51 <input type="text" [(ngModel)]="queryInput"/>
52 </span> 52 </span>
53 53
54 <span *ngIf="selectedMode?.id=='att_num_range'"> 54 <span *ngIf="selectedMode?.id=='att_num_range'">
55 <select [ngModel]="selectedOption" (change)="selectedOption=$event.target.value"> 55 <select [ngModel]="selectedOption" (change)="selectedOption=$event.target.value">
56 <option></option> 56 <option></option>
57 <option *ngFor="#option of queryOptions" [value]="option"> 57 <option *ngFor="let option of queryOptions" [value]="option">
58 {{option}} 58 {{option}}
59 </option> 59 </option>
60 </select> 60 </select>
61 <span>is between</span> 61 <span>is between</span>
62 <input type="text" [(ngModel)]="queryInput"/> 62 <input type="text" [(ngModel)]="queryInput"/>