RoadService

Yarik
1 parent 366f081e
Showing 10 changed files with 206 additions and 1 deletions Show diff stats
src/app/app.module.ts
src/app/app.routes.ts
src/app/data/data.component.html
src/app/data/road-service/road-service.component.html
src/app/data/road-service/road-service.component.ts
src/app/data/road-service/road-service.scss
src/models/organization-select-list.ts
src/models/road-service.ts
src/services/road-service-create.service.ts
src/services/road-service.service.ts
@@ -29,6 +29,7 @@ import { EditorComponent } from &#39;../helpers/editor.component&#39;;
 import { RendererComponent } from '../helpers/renderer.component';
 import { FlowIntensityComponent } from './data/flow-intensity/flow-intensity.component';
 import { RoadComponent } from './data/road/road.component';
+import { RoadServiceComponent } from './data/road-service/road-service.component';
 // Services
 import { BusStopCreateService } from '../services/bus-stop-create.service';
@@ -46,6 +47,8 @@ import { FlowIntensityCreateService } from &#39;../services/flow-intensity-create.se
 import { FlowIntensityService } from '../services/flow-intensity.service';
 import { RoadCreateService } from '../services/road-create.service';
 import { RoadService } from '../services/road.service';
+import { RoadServiceService } from '../services/road-service.service';
+import { RoadServiceCreateService } from '../services/road-service-create.service';
 const httpInterceptorProviders: Type<any>[] = [
   RequestInterceptor,
@@ -68,6 +71,7 @@ const httpInterceptorProviders: Type&lt;any&gt;[] = [
     FlowIntensityComponent,
     RoadComponent,
     CrossSectionComponent,
+    RoadServiceComponent,
   ], // directives, components, and pipes owned by this NgModule
   imports: [
     BrowserModule,
@@ -81,6 +85,7 @@ const httpInterceptorProviders: Type&lt;any&gt;[] = [
       FlowIntensityComponent,
       RoadComponent,
       CrossSectionComponent,
+      RoadServiceComponent,
     ]),
     CovalentCoreModule.forRoot(),
     CovalentChartsModule.forRoot(),
@@ -114,6 +119,8 @@ const httpInterceptorProviders: Type&lt;any&gt;[] = [
     RoadService,
     CrossSectionCreateService,
     CrossSectionService,
+    RoadServiceService,
+    RoadServiceCreateService,
   ], // additional providers needed for this module
   entryComponents: [ ],
   bootstrap: [ AppComponent ],
@@ -11,6 +11,7 @@ import { CrossSectionComponent } from &#39;./data/cross-section/cross-section.compon
 import { ServiceObjectComponent } from './data/service-object/service-object.component';
 import { FlowIntensityComponent } from './data/flow-intensity/flow-intensity.component';
 import { RoadComponent } from './data/road/road.component';
+import { RoadServiceComponent } from './data/road-service/road-service.component';
 const routes: Routes = [
   {path: 'login', component: LoginComponent},
@@ -24,6 +25,7 @@ const routes: Routes = [
         {path: 'flow-intensity', component: FlowIntensityComponent},
         {path: 'cross-section', component: CrossSectionComponent},
         {path: 'road', component: RoadComponent},
+        {path: 'road-service', component: RoadServiceComponent},
       ]},
   ]},
 ];
@@ -18,7 +18,7 @@
                 <md-icon md-list-icon>dashboard</md-icon>
                 Автомобільні дороги
             </a>
-            <a md-list-item md-ripple class="block relative" (click)="!media.query('gt-sm') && manageList.close()" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact:true}" [routerLink]="['stats']">
+            <a md-list-item md-ripple class="block relative" (click)="!media.query('gt-sm') && manageList.close()" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact:true}" [routerLink]="['road-service']">
                 <md-icon md-list-icon>insert_chart</md-icon>
                 Обслуговування
             </a>
+<div class="grid_containert" *ngIf="showGrid">
+    <ag-grid-ng2 #agGrid style="width: 100%; height: 100%;" class="ag-blue" [gridOptions]="gridOptions" [columnDefs]="columnDefs" [rowData]="rowData" enableColResize enableSorting enableFilter groupHeaders suppressRowClickSelection toolPanelSuppressGroups
+        toolPanelSuppressValues debug rowHeight="22" rowSelection="multiple" (cellClicked)="onCellClicked($event)" (cellDoubleClicked)="onCellDoubleClicked($event)" (cellContextMenu)="onCellContextMenu($event)" (cellValueChanged)="onCellValueChanged($event)"
+        (cellFocused)="onCellFocused($event)" (rowSelected)="onRowSelected($event)" (selectionChanged)="onSelectionChanged()" (beforeFilterChanged)="onBeforeFilterChanged()" (afterFilterChanged)="onAfterFilterChanged()" (filterModified)="onFilterModified()"
+        (beforeSortChanged)="onBeforeSortChanged()" (afterSortChanged)="onAfterSortChanged($event)" (virtualRowRemoved)="onVirtualRowRemoved($event)" (rowClicked)="onRowClicked($event)">
+    </ag-grid-ng2>
+    <div class="control_button">
+        <div *tdLoading="'loading'; mode:'indeterminate'; type:'circle'; strategy:'replace'; color:'accent'"></div>
+        <button md-fab color="accent" [disabled]="isNew || isSelected" (click)="addNewRow()" type="button"><md-icon>add</md-icon></button>
+        <button md-fab color="warn" [disabled]="!isSelected" (click)="deleteRows()" type="button"><md-icon>delete</md-icon></button>
+    </div>
+</div>
 \ No newline at end of file
+import { Component, ViewEncapsulation, AfterViewInit } from '@angular/core';
+import { TdLoadingService } from '@covalent/core';
+import { GridOptions, IGetRowsParams, IRowModel } from 'ag-grid/main';
+
+import { StatementBase } from '../../../models/statement.base';
+
+import { RoadServiceService } from '../../../services/road-service.service';
+import { RoadService } from '../../../models/road-service';
+import { EditorComponent } from '../../../helpers/editor.component';
+import { RendererComponent } from '../../../helpers/renderer.component';
+import { RoadServiceCreateService } from '../../../services/road-service-create.service';
+import { RegionSelectList } from '../../../models/region-select-list';
+import { RoadSelectList } from '../../../models/road-select-list';
+import { RoadDirectionSelectList } from '../../../models/road-direction-select-list';
+import { OrganizationSelectList } from '../../../models/organization-select-list';
+
+import { routerTransition } from '../../../animations/router.animation';
+
+@Component({
+    // tslint:disable-next-line:component-selector
+    selector: 'road-service-grid',
+    templateUrl: 'road-service.component.html',
+    styleUrls: ['road-service.scss'],
+    encapsulation: ViewEncapsulation.None,
+})
+export class RoadServiceComponent extends StatementBase {
+
+    public regions: RegionSelectList[];
+    public roads: RoadSelectList[];
+    public roadDirections: RoadDirectionSelectList[];
+    public organizations: OrganizationSelectList[];
+
+    constructor(
+        protected service: RoadServiceService,
+        protected dataService: RoadServiceCreateService,
+        protected loadingService: TdLoadingService,
+    ) {
+        super();
+    }
+
+  protected createColumnDefs(): any[] {
+    return [
+      {
+        headerName: '#',
+        width: 30,
+        checkboxSelection: true,
+        suppressSorting: true,
+        suppressMenu: true,
+        pinned: true,
+      },
+      {
+        headerName: 'ID',
+        field: 'id',
+      },
+      {
+        headerName: 'Назва дороги',
+        field: 'roadId',
+        editable: true,
+        cellEditorFramework: EditorComponent,
+        cellRendererFramework: RendererComponent,
+        cellEditorParams: {
+          data: this.roads,
+          valueCol: 'roadId',
+          labelCol: 'name',
+        },
+      },
+      {
+        headerName: 'Область',
+        field: 'regionId',
+        editable: true,
+        cellEditorFramework: EditorComponent,
+        cellRendererFramework: RendererComponent,
+        cellEditorParams: {
+          data: this.regions,
+          valueCol: 'regionId',
+          labelCol: 'name',
+        },
+      },
+      {
+        headerName: 'Місцезнаходження, км+ початок',
+        field: 'begin',
+        editable: true,
+      },
+      {
+        headerName: 'Місцезнаходження, км+ кінець',
+        field: 'end',
+        editable: true,
+      },
+      {
+        headerName: 'Напрямок смуги руху',
+        field: 'roadDirectionId',
+        editable: true,
+        cellEditorFramework: EditorComponent,
+        cellRendererFramework: RendererComponent,
+        cellEditorParams: {
+          data: this.roadDirections,
+          valueCol: 'roadDirectionId',
+          labelCol: 'name',
+        },
+      },
+      {
+        headerName: 'Назва організації чи підприємства, що обслуговує ділянку дороги',
+        field: 'organizationId',
+        editable: true,
+        cellEditorFramework: EditorComponent,
+        cellRendererFramework: RendererComponent,
+        cellEditorParams: {
+          data: this.organizations,
+          valueCol: 'id',
+          labelCol: 'name',
+        },
+      },
+      {
+        headerName: 'Рік початку обслуговування',
+        field: 'yearBegin',
+        editable: true,
+      },
+    ];
+  }
+
+  protected initFunction(): void {
+    this.dataService.getModels().then((models: any) => {
+            this.regions = models.regionSelectListDsM as RegionSelectList[];
+            this.roads = models.roadSelectListDsM as RoadSelectList[];
+            this.roadDirections = models.roadDirectionSelectListDsM as RoadDirectionSelectList[];
+            this.organizations = models.organizationSelectListDsM as OrganizationSelectList[];
+      }).then(() => {
+            this.bootstrapGrid();
+      });
+  }
+}
+.toolbar button {
+    margin: 2px;
+    padding: 0;
+}
 \ No newline at end of file
+export class OrganizationSelectList {
+    id: number;
+    name: string;
+ }
+export class RoadService {
+    id: number;
+    roadId: number;
+    regionId: number;
+    begin: number;
+    end: number;
+    roadDirectionId: number;
+    organizationId: number;
+    yearBegin: string;
+}
+import { Injectable } from '@angular/core';
+import { Http } from '@angular/http';
+
+import { CreateBaseService } from './create.base.service';
+
+@Injectable()
+export class RoadServiceCreateService extends CreateBaseService {
+    protected apiUrl: string = 'http://localhost:5000/roadservice/directory';
+    constructor(protected http: Http) {
+        super(http);
+    }
+}
+import { Injectable } from '@angular/core';
+import { Http } from '@angular/http';
+
+import { StatementBaseService } from './statement.base.service';
+
+import { RoadService } from '../models/road-service';
+
+@Injectable()
+export class RoadServiceService extends StatementBaseService {
+  protected url: string = 'http://localhost:5000/roadservice';
+  constructor(protected http: Http) {
+    super(http);
+  }
+  public createModel(): Object {
+    return new RoadService();
+  }
+  protected parseModels(json: any): any[] {
+     return json.roadServiceEditDsM as RoadService[];
+  };
+  protected parseModel(json: any): any {
+     return json as RoadService;
+  };
+}