Commit df66c2075a2c4d76b071f15015aab172b41b26ac
Merge branch 'master' of gitlab.artweb.com.ua:root/maps-admin
Showing
10 changed files
with
48 additions
and
50 deletions
Show diff stats
1 | +import {trigger, state, animate, style, transition} from '@angular/core'; | |
2 | + | |
3 | +export function routerTransition() { | |
4 | + return trigger('routerTransition', [ | |
5 | + state('void', style({position:'absolute', width:'1000px', height:'1000px'}) ), | |
6 | + state('*', style({position:'absolute', width:'1000px', height:'1000px'}) ), | |
7 | + transition(':enter', [ | |
8 | + style({transform: 'translateY(-100%)'}), | |
9 | + animate('0.5s ease-in-out', style({transform: 'translateY(0%)'})) | |
10 | + ]), | |
11 | + transition(':leave', [ | |
12 | + style({transform: 'translateY(0%)'}), | |
13 | + animate('0.5s ease-in-out', style({transform: 'translateY(100%)'})) | |
14 | + ]) | |
15 | + ]); | |
16 | +} | ... | ... |
src/app/app.module.ts
... | ... | @@ -21,13 +21,17 @@ import { RequestInterceptor } from '../config/interceptors/request.interceptor'; |
21 | 21 | import { NgxChartsModule } from '@swimlane/ngx-charts'; |
22 | 22 | |
23 | 23 | import { BusStopComponent } from './data/bus-stop/bus-stop.component'; |
24 | +import { ServiceObjectComponent } from './data/service-object/service-object.component'; | |
24 | 25 | import { EditorComponent } from '../helpers/editor.component'; |
25 | 26 | import { RendererComponent } from '../helpers/renderer.component'; |
26 | 27 | |
27 | 28 | // Services |
28 | 29 | import { BusStopCreateService } from '../services/bus-stop-create.service'; |
29 | -import { BooleanSelectListService } from '../services/boolean-select-list.service'; | |
30 | 30 | import { BusStopService } from '../services/bus-stop.service'; |
31 | +import { ServiceObjectCreateService } from '../services/service-object-create.service'; | |
32 | +import { ServiceObjectService } from '../services/service-object.service'; | |
33 | +import { BooleanSelectListService } from '../services/boolean-select-list.service'; | |
34 | + | |
31 | 35 | |
32 | 36 | const httpInterceptorProviders: Type<any>[] = [ |
33 | 37 | RequestInterceptor, |
... | ... | @@ -42,6 +46,7 @@ const httpInterceptorProviders: Type<any>[] = [ |
42 | 46 | ChartComponent, |
43 | 47 | TemplatesComponent, |
44 | 48 | BusStopComponent, |
49 | + ServiceObjectComponent, | |
45 | 50 | EditorComponent, |
46 | 51 | RendererComponent, |
47 | 52 | ], // directives, components, and pipes owned by this NgModule |
... | ... | @@ -49,6 +54,7 @@ const httpInterceptorProviders: Type<any>[] = [ |
49 | 54 | BrowserModule, |
50 | 55 | AgGridModule.withComponents([ |
51 | 56 | BusStopComponent, |
57 | + ServiceObjectComponent, | |
52 | 58 | EditorComponent, |
53 | 59 | RendererComponent, |
54 | 60 | ]), |
... | ... | @@ -69,9 +75,11 @@ const httpInterceptorProviders: Type<any>[] = [ |
69 | 75 | appRoutingProviders, |
70 | 76 | httpInterceptorProviders, |
71 | 77 | Title, |
72 | - BusStopCreateService, | |
73 | 78 | BooleanSelectListService, |
79 | + BusStopCreateService, | |
74 | 80 | BusStopService, |
81 | + ServiceObjectCreateService, | |
82 | + ServiceObjectService | |
75 | 83 | ], // additional providers needed for this module |
76 | 84 | entryComponents: [ ], |
77 | 85 | bootstrap: [ AppComponent ], | ... | ... |
src/app/app.routes.ts
... | ... | @@ -5,6 +5,7 @@ import { DataComponent } from './data/data.component'; |
5 | 5 | import { LoginComponent } from './login/login.component'; |
6 | 6 | import { TemplatesComponent } from './templates/templates.component'; |
7 | 7 | import { BusStopComponent } from './data/bus-stop/bus-stop.component'; |
8 | +import { ServiceObjectComponent } from './data/service-object/service-object.component'; | |
8 | 9 | |
9 | 10 | const routes: Routes = [ |
10 | 11 | {path: 'login', component: LoginComponent}, |
... | ... | @@ -12,6 +13,7 @@ const routes: Routes = [ |
12 | 13 | {path: '', component: TemplatesComponent}, |
13 | 14 | {path: 'data', component: DataComponent, children: [ |
14 | 15 | {path: 'bus-stop', component: BusStopComponent}, |
16 | + {path: 'service-object', component: ServiceObjectComponent}, | |
15 | 17 | ]}, |
16 | 18 | ]}, |
17 | 19 | ]; | ... | ... |
src/app/data/bus-stop/bus-stop.component.ts
... | ... | @@ -15,6 +15,7 @@ import { BooleanSelectList } from '../../../models/boolean-select-list'; |
15 | 15 | import { SettlementSelectList } from '../../../models/settlement-select-list'; |
16 | 16 | import { SurfaceTypeSelectList } from '../../../models/surface-type-select-list'; |
17 | 17 | |
18 | +import { routerTransition } from '../../../animations/router.animation'; | |
18 | 19 | |
19 | 20 | // only import this if you are using the ag-Grid-Enterprise |
20 | 21 | ... | ... |
src/app/data/bus-stop/bus-stop.scss
1 | 1 | .toolbar button { |
2 | 2 | margin: 2px; |
3 | 3 | padding: 0; |
4 | -} | |
5 | - | |
6 | -.control_button { | |
7 | - position: fixed; | |
8 | - bottom: 10px; | |
9 | - right: 10px; | |
10 | - td-loading { | |
11 | - width: 56px; | |
12 | - height: 56px; | |
13 | - float: left; | |
14 | - margin-right: 20px; | |
15 | - .td-loading-wrapper { | |
16 | - margin-top: -10px; | |
17 | - } | |
18 | - } | |
19 | 4 | } |
20 | 5 | \ No newline at end of file | ... | ... |
src/app/data/data.component.html
... | ... | @@ -46,7 +46,7 @@ |
46 | 46 | <md-icon md-list-icon>dashboard</md-icon> |
47 | 47 | Покриття доріг |
48 | 48 | </a> |
49 | - <a md-list-item md-ripple class="block relative" (click)="!media.query('gt-sm') && manageList.close()" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact:true}" [routerLink]="['/product']"> | |
49 | + <a md-list-item md-ripple class="block relative" (click)="!media.query('gt-sm') && manageList.close()" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact:true}" [routerLink]="['service-object']"> | |
50 | 50 | <md-icon md-list-icon>dashboard</md-icon> |
51 | 51 | Об'єкти сервісу |
52 | 52 | </a> | ... | ... |
src/app/data/service-object/service-object.component.ts
... | ... | @@ -10,10 +10,11 @@ import { BooleanSelectListService } from '../../../services/boolean-select-list. |
10 | 10 | import { RegionSelectList } from '../../../models/region-select-list'; |
11 | 11 | import { StateCommonSelectList } from '../../../models/state-common-select-list'; |
12 | 12 | import { RoadSelectList } from '../../../models/road-select-list'; |
13 | +import { DepartmentAffiliationList } from '../../../models/department-affiliation-list'; | |
13 | 14 | import { BooleanSelectList } from '../../../models/boolean-select-list'; |
14 | 15 | import { SettlementSelectList } from '../../../models/settlement-select-list'; |
15 | -import { SurfaceTypeSelectList } from '../../../models/surface-type-select-list'; | |
16 | 16 | |
17 | +import { routerTransition } from '../../../animations/router.animation'; | |
17 | 18 | |
18 | 19 | // only import this if you are using the ag-Grid-Enterprise |
19 | 20 | |
... | ... | @@ -21,16 +22,16 @@ import { SurfaceTypeSelectList } from '../../../models/surface-type-select-list' |
21 | 22 | selector: 'service-object', |
22 | 23 | templateUrl: 'service-object.component.html', |
23 | 24 | styleUrls: ['service-object.scss'], |
24 | - encapsulation: ViewEncapsulation.None | |
25 | + encapsulation: ViewEncapsulation.None, | |
25 | 26 | }) |
26 | -export class BusStopComponent { | |
27 | +export class ServiceObjectComponent { | |
27 | 28 | |
28 | 29 | public showGrid: boolean; |
29 | 30 | public rowData: any[]; |
30 | 31 | public rowCount: string; |
31 | 32 | public regions: RegionSelectList[]; |
32 | 33 | public states: StateCommonSelectList[]; |
33 | - public surfaceTypes: SurfaceTypeSelectList[]; | |
34 | + public departmentAffiliation: DepartmentAffiliationList[]; | |
34 | 35 | public settlements: SettlementSelectList[]; |
35 | 36 | public roads: RoadSelectList[]; |
36 | 37 | public boolean: BooleanSelectList[]; |
... | ... | @@ -53,7 +54,7 @@ export class BusStopComponent { |
53 | 54 | this.dataService.getModels().then(models => { |
54 | 55 | this.regions = models.regionSelectListDsM as RegionSelectList[]; |
55 | 56 | this.states = models.stateCommonSelectListDsM as StateCommonSelectList[]; |
56 | - this.surfaceTypes = models.surfaceTypeSelectListDsM as SurfaceTypeSelectList[]; | |
57 | + this.departmentAffiliation = models.departmentAffiliationListDsM as DepartmentAffiliationList[]; | |
57 | 58 | this.settlements = models.settlementSelectListDsM as SettlementSelectList[]; |
58 | 59 | this.roads = models.roadSelectListDsM as RoadSelectList[]; |
59 | 60 | }).then(() => { |
... | ... | @@ -117,7 +118,7 @@ export class BusStopComponent { |
117 | 118 | }, |
118 | 119 | { |
119 | 120 | headerName: 'ID', |
120 | - field: 'busStopId', | |
121 | + field: 'serviceObjectId', | |
121 | 122 | }, |
122 | 123 | { |
123 | 124 | headerName: 'Назва дороги', |
... | ... | @@ -152,30 +153,6 @@ export class BusStopComponent { |
152 | 153 | headerName: 'Місцезнаходження, км+ зліва', |
153 | 154 | field: 'locationLeft', |
154 | 155 | editable: true, |
155 | - }, | |
156 | - { | |
157 | - headerName: 'Технічний стан', | |
158 | - field: 'stateCommonId', | |
159 | - editable: true, | |
160 | - cellEditorFramework: EditorComponent, | |
161 | - cellRendererFramework: RendererComponent, | |
162 | - cellEditorParams: { | |
163 | - data: this.states, | |
164 | - valueCol: 'stateCommonId', | |
165 | - labelCol: 'value' | |
166 | - } | |
167 | - }, | |
168 | - { | |
169 | - headerName: 'Наявність туалету', | |
170 | - field: 'toiletAvailability', | |
171 | - editable: true, | |
172 | - cellEditorFramework: EditorComponent, | |
173 | - cellRendererFramework: RendererComponent, | |
174 | - cellEditorParams: { | |
175 | - data: this.boolean, | |
176 | - valueCol: 'value', | |
177 | - labelCol: 'label' | |
178 | - } | |
179 | 156 | } |
180 | 157 | ]; |
181 | 158 | } | ... | ... |
src/models/department-affiliation-lis.ts renamed to src/models/department-affiliation-list.ts
src/services/service-object.service.ts
... | ... | @@ -13,7 +13,7 @@ export class ServiceObjectService { |
13 | 13 | getData(): Promise<ServiceObject[]> { |
14 | 14 | return this.http.get(this.url) |
15 | 15 | .toPromise() |
16 | - .then(response => response.json().busStopEditDsM as ServiceObject[]) | |
16 | + .then(response => response.json().serviceObjectEditDsM as ServiceObject[]) | |
17 | 17 | .catch(this.handleError); |
18 | 18 | } |
19 | 19 | update(id: number, data: string): Promise<any> { | ... | ... |
src/styles.scss
... | ... | @@ -21,4 +21,13 @@ a[md-icon-button] { |
21 | 21 | position: fixed; |
22 | 22 | bottom: 40px; |
23 | 23 | right: 40px; |
24 | + td-loading { | |
25 | + width: 56px; | |
26 | + height: 56px; | |
27 | + float: left; | |
28 | + margin-right: 20px; | |
29 | + .td-loading-wrapper { | |
30 | + margin-top: -10px; | |
31 | + } | |
32 | + } | |
24 | 33 | } |
25 | 34 | \ No newline at end of file | ... | ... |