From f4c3aacea95ba58d99581795e79264058b7dd372 Mon Sep 17 00:00:00 2001
From: Vitaliy <dockdep@gmail.com>
Date: Thu, 9 Feb 2017 11:46:56 +0200
Subject: [PATCH] add buttons down

---
 src/app/data/bus-stop/bus-stop.component.html | 27 ++++++++++++---------------
 src/app/data/bus-stop/bus-stop.scss           |  6 ++++++
 2 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/app/data/bus-stop/bus-stop.component.html b/src/app/data/bus-stop/bus-stop.component.html
index accbe4b..06c57f9 100644
--- a/src/app/data/bus-stop/bus-stop.component.html
+++ b/src/app/data/bus-stop/bus-stop.component.html
@@ -1,19 +1,16 @@
 <md-card tdMediaToggle="gt-xs" [mediaClasses]="['push']">
-    <div>
-        <h1>Rich Grid with Pure JavaScript</h1>
-        <div style="clear: both;"></div>
-        <div *ngIf="showGrid">
-            <button md-raised-button color="accent" (click)="addNewRow()" type="button">Добавить новое поле</button>
-            <button md-raised-button color="warn" (click)="deleteRows()" type="button">Удалить</button>
-            <div *ngIf="isLoading" class="">
-                ...Loading
-            </div>
-            <ag-grid-ng2 #agGrid style="width: 100%; height: 350px;" class="ag-dark" [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()" (virtualRowRemoved)="onVirtualRowRemoved($event)" (rowClicked)="onRowClicked($event)">
-            </ag-grid-ng2>
+    <div *ngIf="showGrid">
+        <div class="control_button">
+            <button md-fab color="accent" (click)="addNewRow()" type="button"><md-icon>add</md-icon></button>
+            <button md-fab color="warn" (click)="deleteRows()" type="button"><md-icon>delete</md-icon></button>
         </div>
-
+        <div *ngIf="isLoading" class="">
+            ...Loading
+        </div>
+        <ag-grid-ng2 #agGrid style="width: 100%; height: 350px;" class="ag-dark" [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()" (virtualRowRemoved)="onVirtualRowRemoved($event)" (rowClicked)="onRowClicked($event)">
+        </ag-grid-ng2>
     </div>
 </md-card>
\ No newline at end of file
diff --git a/src/app/data/bus-stop/bus-stop.scss b/src/app/data/bus-stop/bus-stop.scss
index de4dc3d..e09afa5 100644
--- a/src/app/data/bus-stop/bus-stop.scss
+++ b/src/app/data/bus-stop/bus-stop.scss
@@ -1,4 +1,10 @@
 .toolbar button {
     margin: 2px;
     padding: 0;
+}
+
+.control_button {
+    position: fixed;
+    bottom: 10px;
+    right: 10px;
 }
\ No newline at end of file
--
libgit2 0.21.4