Road

Yarik
1 parent 051a7305
Showing 10 changed files with 160 additions and 5 deletions Show diff stats
src/app/app.module.ts
src/app/app.routes.ts
src/app/data/data.component.html
src/app/data/road/road.component.html
src/app/data/road/road.component.ts
src/app/data/road/road.scss
src/models/road-type-select-list.ts
src/models/road.ts
src/services/road-create.service.ts
src/services/road.service.ts
@@ -28,6 +28,7 @@ import { CrossSectionComponent } from &#39;./data/cross-section/cross-section.compon
 import { EditorComponent } from '../helpers/editor.component';
 import { RendererComponent } from '../helpers/renderer.component';
 import { FlowIntensityComponent } from './data/flow-intensity/flow-intensity.component';
+import { RoadComponent } from './data/road/road.component';
  
 // Services
 import { BusStopCreateService } from '../services/bus-stop-create.service';
@@ -43,6 +44,8 @@ import { CrossSectionCreateService } from &#39;../services/cross-section-create.serv
 import { BooleanSelectListService } from '../services/boolean-select-list.service';
 import { FlowIntensityCreateService } from '../services/flow-intensity-create.service';
 import { FlowIntensityService } from '../services/flow-intensity.service';
+import { RoadCreateService } from '../services/road-create.service';
+import { RoadService } from '../services/road.service';
  
 const httpInterceptorProviders: Type<any>[] = [
   RequestInterceptor,
@@ -63,6 +66,7 @@ const httpInterceptorProviders: Type&lt;any&gt;[] = [
     RendererComponent,
     RoadWidthComponent,
     FlowIntensityComponent,
+    RoadComponent,
     CrossSectionComponent,
   ], // directives, components, and pipes owned by this NgModule
   imports: [
@@ -75,6 +79,7 @@ const httpInterceptorProviders: Type&lt;any&gt;[] = [
       RoadSurfaceComponent,
       RoadWidthComponent,
       FlowIntensityComponent,
+      RoadComponent,
       CrossSectionComponent,
     ]),
     CovalentCoreModule.forRoot(),
@@ -105,6 +110,8 @@ const httpInterceptorProviders: Type&lt;any&gt;[] = [
     RoadWidthService,
     FlowIntensityCreateService,
     FlowIntensityService,
+    RoadCreateService,
+    RoadService,
     CrossSectionCreateService,
     CrossSectionService,
   ], // additional providers needed for this module
@@ -10,6 +10,7 @@ import { RoadWidthComponent } from &#39;./data/road-width/road-width.component&#39;;
 import { CrossSectionComponent } from './data/cross-section/cross-section.component';
 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';
  
 const routes: Routes = [
   {path: 'login', component: LoginComponent},
@@ -22,6 +23,7 @@ const routes: Routes = [
         {path: 'road-width', component: RoadWidthComponent},
         {path: 'flow-intensity', component: FlowIntensityComponent},
         {path: 'cross-section', component: CrossSectionComponent},
+        {path: 'road', component: RoadComponent},
       ]},
   ]},
 ];
@@ -14,7 +14,7 @@
             <span>Відомості</span>
         </md-toolbar>
         <md-nav-list td-sidenav-content>
-            <a md-list-item md-ripple class="block relative" (click)="!media.query('gt-sm') && manageList.close()" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact:true}" [routerLink]="['/product']">
+            <a md-list-item md-ripple class="block relative" (click)="!media.query('gt-sm') && manageList.close()" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact:true}" [routerLink]="['road']">
                 <md-icon md-list-icon>dashboard</md-icon>
                 Автомобільні дороги
             </a>
@@ -54,10 +54,6 @@
                 <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]="['flow-intensity']">
-                <md-icon md-list-icon>dashboard</md-icon>
-                Інтенсивності
-            </a>
         </md-nav-list>
         <div td-toolbar-content layout="row" layout-align="start center" flex>
             <span>{{title}}</span>
+<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 { RoadService } from '../../../services/road.service';
+import { RoadCreateService } from '../../../services/road-create.service';
+import { Road } from '../../../models/road';
+import { EditorComponent } from '../../../helpers/editor.component';
+import { RendererComponent } from '../../../helpers/renderer.component';
+import { RoadTypeSelectList } from '../../../models/road-type-select-list';
+
+import { routerTransition } from '../../../animations/router.animation';
+
+@Component({
+    // tslint:disable-next-line:component-selector
+    selector: 'road-grid',
+    templateUrl: 'road.component.html',
+    styleUrls: ['road.scss'],
+    encapsulation: ViewEncapsulation.None,
+})
+export class RoadComponent extends StatementBase {
+
+    public roadTypes: RoadTypeSelectList[];
+
+    constructor(
+        protected service: RoadService,
+        protected dataService: RoadCreateService,
+        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: 'name',
+        editable: true,
+      },
+      {
+        headerName: 'Індекс дороги',
+        field: 'index',
+        editable: true,
+      },
+      {
+        headerName: 'Тип дороги',
+        field: 'roadTypeId',
+        editable: true,
+        cellEditorFramework: EditorComponent,
+        cellRendererFramework: RendererComponent,
+        cellEditorParams: {
+          data: this.roadTypes,
+          valueCol: 'roadTypeId',
+          labelCol: 'name',
+        },
+      },
+    ];
+  }
+
+  protected initFunction(): void {
+    this.dataService.getModels().then((models: any) => {
+            this.roadTypes = models.roadTypeSelectListDsM as RoadTypeSelectList[];
+      }).then(() => {
+            this.bootstrapGrid();
+      });
+  }
+}
+.toolbar button {
+    margin: 2px;
+    padding: 0;
+}
 \ No newline at end of file
+export class RoadTypeSelectList {
+    roadTypeId: number;
+    name: string;
+ }
+export class Road {
+    id: number;
+    name: string;
+    value: string;
+    length: number;
+    historicalBackground: string;
+    economicValue: string;
+    lawDoc: string;
+    acceptTransferDoc: string;
+    acceptanceDoc: string;
+    authorityAct: string;
+    roadTypeId: number;
+    index: number;
+}
+import { Injectable } from '@angular/core';
+import { Http } from '@angular/http';
+
+import { CreateBaseService } from './create.base.service';
+
+@Injectable()
+export class RoadCreateService extends CreateBaseService {
+    protected apiUrl: string = 'http://localhost:5000/road/directory';
+    constructor(protected http: Http) {
+        super(http);
+    }
+}
+import { Injectable } from '@angular/core';
+import { Http } from '@angular/http';
+
+import { StatementBaseService } from './statement.base.service';
+
+import { Road } from '../models/road';
+
+@Injectable()
+export class RoadService extends StatementBaseService {
+  protected url: string = 'http://localhost:5000/road';
+  constructor(protected http: Http) {
+    super(http);
+  }
+  public createModel(): Object {
+    return new Road();
+  }
+  protected parseModels(json: any): any[] {
+     return json.busStopEditDsM as Road[];
+  };
+  protected parseModel(json: any): any {
+     return json as Road;
+  };
+}