|
6 | 6 | *ngIf="item$ | async as item"
|
7 | 7 | [formGroup]="form"
|
8 | 8 | >
|
9 |
| - <div class="mb-3 row" *ngIf="form.get('name') as name"> |
| 9 | + <div class="mb-3 row" *ngIf="form.controls.name as name"> |
10 | 10 | <label class="col-md-2 col-form-label" i18n>Name</label>
|
11 | 11 | <div class="col-md-10">
|
12 | 12 | <input
|
|
24 | 24 | ></p>
|
25 | 25 | </div>
|
26 | 26 | </div>
|
27 |
| - <div class="mb-3 row" *ngIf="form.get('full_name') as fullName"> |
| 27 | + <div class="mb-3 row" *ngIf="form.controls.full_name as fullName"> |
28 | 28 | <label class="col-md-2 col-form-label" i18n>Full name</label>
|
29 | 29 | <div class="col-md-10">
|
30 | 30 | <input
|
|
43 | 43 | ></p>
|
44 | 44 | </div>
|
45 | 45 | </div>
|
46 |
| - <div class="mb-3 row" *ngIf="form.get('catname') as catname"> |
| 46 | + <div class="mb-3 row" *ngIf="form.controls.catname as catname"> |
47 | 47 | <label class="col-md-2 col-form-label" i18n>Catname</label>
|
48 | 48 | <div class="col-md-10">
|
49 | 49 | <input
|
|
62 | 62 | ></p>
|
63 | 63 | </div>
|
64 | 64 | </div>
|
65 |
| - <div class="mb-3 row" *ngIf="form.get('body') as body"> |
| 65 | + <div class="mb-3 row" *ngIf="form.controls.body as body"> |
66 | 66 | <label class="col-md-2 col-form-label" i18n>Body number</label>
|
67 | 67 | <div class="col-md-10">
|
68 | 68 | <input
|
|
80 | 80 | ></p>
|
81 | 81 | </div>
|
82 | 82 | </div>
|
83 |
| - <div class="mb-3 row" *ngIf="form.get('spec_id') as specID"> |
| 83 | + <div class="mb-3 row" *ngIf="form.controls.spec_id as specID"> |
84 | 84 | <label class="col-md-2 col-form-label" i18n>Spec</label>
|
85 | 85 | <div class="col-md-10">
|
86 | 86 | <select
|
|
103 | 103 | ></p>
|
104 | 104 | </div>
|
105 | 105 | </div>
|
106 |
| - <div class="mb-3 row" *ngIf="form.get('vehicle_type_id') as vehicleTypeID"> |
| 106 | + <div class="mb-3 row" *ngIf="form.controls.vehicle_type_id as vehicleTypeID"> |
107 | 107 | <label class="col-md-2 col-form-label" i18n>Type</label>
|
108 | 108 | <div class="col-md-10">
|
109 | 109 | <ng-container *ngFor="let typeID of vehicleTypeID.value">
|
|
129 | 129 | <div>{{'...'.repeat(data.deep)}}{{data.nameTranslated}}</div>
|
130 | 130 | </script>
|
131 | 131 | </div>
|
132 |
| - <div class="mb-3 row" *ngIf="form.get('model_years') as modelYears" formGroupName="model_years"> |
| 132 | + <div class="mb-3 row" *ngIf="form.controls.model_years as modelYears" formGroupName="model_years"> |
133 | 133 | <label class="col-md-2 col-form-label" i18n>Model years</label>
|
134 | 134 | <div class="col-md-10">
|
135 | 135 | <div class="row">
|
136 |
| - <div class="col-md-2 col-sm-4 mb-0" *ngIf="modelYears.get('begin_year') as beginYear"> |
| 136 | + <div class="col-md-2 col-sm-4 mb-0" *ngIf="modelYears.controls.begin_year as beginYear"> |
137 | 137 | <input
|
138 | 138 | type="number"
|
139 | 139 | [class.is-invalid]="
|
|
148 | 148 | maxlength="4"
|
149 | 149 | />
|
150 | 150 | </div>
|
151 |
| - <div class="col-md-1 col-sm-2 mb-0" *ngIf="modelYears.get('begin_year_fraction') as beginYearFraction"> |
| 151 | + <div class="col-md-1 col-sm-2 mb-0" *ngIf="modelYears.controls.begin_year_fraction as beginYearFraction"> |
152 | 152 | <select
|
153 | 153 | class="form-control"
|
154 | 154 | [class.is-invalid]="
|
|
163 | 163 | </option>
|
164 | 164 | </select>
|
165 | 165 | </div>
|
166 |
| - <div class="col-md-2 col-sm-4 mb-0" *ngIf="modelYears.get('end_year') as endYear"> |
| 166 | + <div class="col-md-2 col-sm-4 mb-0" *ngIf="modelYears.controls.end_year as endYear"> |
167 | 167 | <input
|
168 | 168 | type="number"
|
169 | 169 | [class.is-invalid]="
|
|
178 | 178 | maxlength="4"
|
179 | 179 | />
|
180 | 180 | </div>
|
181 |
| - <div class="col-md-1 col-sm-2 mb-0" *ngIf="modelYears.get('end_year') as endYearFraction"> |
| 181 | + <div class="col-md-1 col-sm-2 mb-0" *ngIf="modelYears.controls.end_year as endYearFraction"> |
182 | 182 | <select
|
183 | 183 | class="form-control"
|
184 | 184 | [class.is-invalid]="
|
|
206 | 206 | ></p>
|
207 | 207 | </div>
|
208 | 208 | </div>
|
209 |
| - <div class="mb-3 row" *ngIf="form.get('begin') as begin" formGroupName="begin"> |
| 209 | + <div class="mb-3 row" *ngIf="form.controls.begin as begin" formGroupName="begin"> |
210 | 210 | <label class="col-md-2 col-form-label" i18n>Begin</label>
|
211 | 211 | <div class="col-md-10">
|
212 | 212 | <div class="row">
|
213 |
| - <div class="col-md-2 col-sm-2 mb-0" *ngIf="begin.get('year') as beginYear"> |
| 213 | + <div class="col-md-2 col-sm-2 mb-0" *ngIf="begin.controls.year as beginYear"> |
214 | 214 | <input
|
215 | 215 | type="number"
|
216 | 216 | [class.is-invalid]="
|
|
225 | 225 | formControlName="year"
|
226 | 226 | />
|
227 | 227 | </div>
|
228 |
| - <div class="col-md-4 col-sm-7 mb-0" *ngIf="begin.get('month') as beginMonth"> |
| 228 | + <div class="col-md-4 col-sm-7 mb-0" *ngIf="begin.controls.month as beginMonth"> |
229 | 229 | <select
|
230 | 230 | name="begin_month"
|
231 | 231 | [class.is-invalid]="
|
|
253 | 253 | ></p>
|
254 | 254 | </div>
|
255 | 255 | </div>
|
256 |
| - <div class="mb-3 row" *ngIf="form.get('end') as end" formGroupName="end"> |
| 256 | + <div class="mb-3 row" *ngIf="form.controls.end as end" formGroupName="end"> |
257 | 257 | <label class="col-md-2 col-form-label" i18n>End</label>
|
258 | 258 | <div class="col-md-10">
|
259 | 259 | <div class="row">
|
260 |
| - <div class="col-md-2 col-sm-2 mb-0" *ngIf="end.get('year') as endYear"> |
| 260 | + <div class="col-md-2 col-sm-2 mb-0" *ngIf="end.controls.year as endYear"> |
261 | 261 | <input
|
262 | 262 | type="number"
|
263 | 263 | [class.is-invalid]="
|
|
271 | 271 | formControlName="year"
|
272 | 272 | />
|
273 | 273 | </div>
|
274 |
| - <div class="col-md-4 col-sm-7 mb-0" *ngIf="end.get('month') as endMonth"> |
| 274 | + <div class="col-md-4 col-sm-7 mb-0" *ngIf="end.controls.month as endMonth"> |
275 | 275 | <select
|
276 | 276 | name="end_month"
|
277 | 277 | [class.is-invalid]="
|
|
285 | 285 | <option *ngFor="let month of monthOptions" [ngValue]="month.value">{{ month.name }}</option>
|
286 | 286 | </select>
|
287 | 287 | </div>
|
288 |
| - <div class="col-md-4 col-sm-3 mb-0" *ngIf="end.get('today') as today"> |
| 288 | + <div class="col-md-4 col-sm-3 mb-0" *ngIf="end.controls.today as today"> |
289 | 289 | <select
|
290 | 290 | name="today"
|
291 | 291 | [class.is-invalid]="
|
|
317 | 317 | ></p>
|
318 | 318 | </div>
|
319 | 319 | </div>
|
320 |
| - <div class="mb-3 row" *ngIf="form.get('produced') as produced" formGroupName="produced"> |
| 320 | + <div class="mb-3 row" *ngIf="form.controls.produced as produced" formGroupName="produced"> |
321 | 321 | <label class="col-md-2 col-form-label" i18n>Produced</label>
|
322 | 322 | <div class="col-md-10">
|
323 | 323 | <div class="row">
|
324 |
| - <div class="col-md-2 col-sm-2 mb-0" *ngIf="produced.get('count') as count"> |
| 324 | + <div class="col-md-2 col-sm-2 mb-0" *ngIf="produced.controls.count as count"> |
325 | 325 | <input
|
326 | 326 | type="number"
|
327 | 327 | [class.is-invalid]="
|
|
336 | 336 | formControlName="count"
|
337 | 337 | />
|
338 | 338 | </div>
|
339 |
| - <div class="col-md-4 col-sm-4 mb-0" *ngIf="produced.get('exactly') as exactly"> |
| 339 | + <div class="col-md-4 col-sm-4 mb-0" *ngIf="produced.controls.exactly as exactly"> |
340 | 340 | <select
|
341 | 341 | name="produced_exactly"
|
342 | 342 | [class.is-invalid]="
|
|
362 | 362 | ></p>
|
363 | 363 | </div>
|
364 | 364 | </div>
|
365 |
| - <div class="mb-3 row" *ngIf="form.get('is_concept') as isConcept"> |
| 365 | + <div class="mb-3 row" *ngIf="form.controls.is_concept as isConcept"> |
366 | 366 | <label class="col-md-2 col-form-label" i18n>Concept (prototype)</label>
|
367 | 367 | <div class="col-md-10">
|
368 | 368 | <select
|
|
383 | 383 | ></p>
|
384 | 384 | </div>
|
385 | 385 | </div>
|
386 |
| - <div class="mb-3 row" *ngIf="form.get('is_group') as isGroup"> |
| 386 | + <div class="mb-3 row" *ngIf="form.controls.is_group as isGroup"> |
387 | 387 | <div class="col-md-2"></div>
|
388 | 388 | <div class="col-md-10">
|
389 | 389 | <div class="checkbox">
|
|
402 | 402 | </div>
|
403 | 403 | </div>
|
404 | 404 | </div>
|
405 |
| - <div class="mb-3 row" *ngIf="form.get('point') as point"> |
| 405 | + <div class="mb-3 row" *ngIf="form.controls.point as point"> |
406 | 406 | <label class="col-md-2 col-form-label">Point</label>
|
407 | 407 | <div class="col-md-10 coords">
|
408 | 408 | <app-map-point formControlName="point"></app-map-point>
|
409 | 409 | </div>
|
410 | 410 | </div>
|
411 |
| - <div class="mb-3 row" *ngIf="form.get('items') as control"> |
| 411 | + <div class="mb-3 row" *ngIf="form.controls.items as control"> |
412 | 412 | <label class="col-md-2 col-form-label text-end" i18n>Vehicles</label>
|
413 | 413 | <div class="col-md-10" *ngIf="items$ | async as items">
|
414 |
| - <div class="checkbox" *ngFor="let child of items; let idx = index"> |
| 414 | + <div class="checkbox" *ngFor="let child of items"> |
415 | 415 | <label>
|
416 | 416 | <input type="checkbox" [value]="child.id" (change)="onCheckboxChange($event, control)" />
|
417 | 417 | <span [innerHTML]="child.name_html"></span>
|
418 | 418 | </label>
|
419 | 419 | </div>
|
420 | 420 | </div>
|
421 | 421 | </div>
|
422 |
| - <div class="mb-3 row" *ngIf="form.get('pictures') as control"> |
| 422 | + <div class="mb-3 row" *ngIf="form.controls.pictures as control"> |
423 | 423 | <label class="col-md-2 col-form-label text-end" i18n>Pictures</label>
|
424 | 424 | <div class="col-md-10 multicheckbox-pictures row" *ngIf="pictures$ | async as data">
|
425 |
| - <div *ngFor="let picture of data; let idx = index" class="col-md-3 mb-4"> |
| 425 | + <div *ngFor="let picture of data" class="col-md-3 mb-4"> |
426 | 426 | <label
|
427 | 427 | class="btn btn-secondary"
|
428 | 428 | [class.btn-success]="picture.selected"
|
|
0 commit comments