Commit f4c3aacea95ba58d99581795e79264058b7dd372

Authored by Administrator
1 parent c680f5b4

add buttons down

src/app/data/bus-stop/bus-stop.component.html
1 1 <md-card tdMediaToggle="gt-xs" [mediaClasses]="['push']">
2   - <div>
3   - <h1>Rich Grid with Pure JavaScript</h1>
4   - <div style="clear: both;"></div>
5   - <div *ngIf="showGrid">
6   - <button md-raised-button color="accent" (click)="addNewRow()" type="button">Добавить новое поле</button>
7   - <button md-raised-button color="warn" (click)="deleteRows()" type="button">Удалить</button>
8   - <div *ngIf="isLoading" class="">
9   - ...Loading
10   - </div>
11   - <ag-grid-ng2 #agGrid style="width: 100%; height: 350px;" class="ag-dark" [gridOptions]="gridOptions" [columnDefs]="columnDefs" [rowData]="rowData" enableColResize enableSorting enableFilter groupHeaders suppressRowClickSelection toolPanelSuppressGroups
12   - toolPanelSuppressValues debug rowHeight="22" rowSelection="multiple" (cellClicked)="onCellClicked($event)" (cellDoubleClicked)="onCellDoubleClicked($event)" (cellContextMenu)="onCellContextMenu($event)" (cellValueChanged)="onCellValueChanged($event)"
13   - (cellFocused)="onCellFocused($event)" (rowSelected)="onRowSelected($event)" (selectionChanged)="onSelectionChanged()" (beforeFilterChanged)="onBeforeFilterChanged()" (afterFilterChanged)="onAfterFilterChanged()" (filterModified)="onFilterModified()"
14   - (beforeSortChanged)="onBeforeSortChanged()" (afterSortChanged)="onAfterSortChanged()" (virtualRowRemoved)="onVirtualRowRemoved($event)" (rowClicked)="onRowClicked($event)">
15   - </ag-grid-ng2>
  2 + <div *ngIf="showGrid">
  3 + <div class="control_button">
  4 + <button md-fab color="accent" (click)="addNewRow()" type="button"><md-icon>add</md-icon></button>
  5 + <button md-fab color="warn" (click)="deleteRows()" type="button"><md-icon>delete</md-icon></button>
16 6 </div>
17   -
  7 + <div *ngIf="isLoading" class="">
  8 + ...Loading
  9 + </div>
  10 + <ag-grid-ng2 #agGrid style="width: 100%; height: 350px;" class="ag-dark" [gridOptions]="gridOptions" [columnDefs]="columnDefs" [rowData]="rowData" enableColResize enableSorting enableFilter groupHeaders suppressRowClickSelection toolPanelSuppressGroups
  11 + toolPanelSuppressValues debug rowHeight="22" rowSelection="multiple" (cellClicked)="onCellClicked($event)" (cellDoubleClicked)="onCellDoubleClicked($event)" (cellContextMenu)="onCellContextMenu($event)" (cellValueChanged)="onCellValueChanged($event)"
  12 + (cellFocused)="onCellFocused($event)" (rowSelected)="onRowSelected($event)" (selectionChanged)="onSelectionChanged()" (beforeFilterChanged)="onBeforeFilterChanged()" (afterFilterChanged)="onAfterFilterChanged()" (filterModified)="onFilterModified()"
  13 + (beforeSortChanged)="onBeforeSortChanged()" (afterSortChanged)="onAfterSortChanged()" (virtualRowRemoved)="onVirtualRowRemoved($event)" (rowClicked)="onRowClicked($event)">
  14 + </ag-grid-ng2>
18 15 </div>
19 16 </md-card>
20 17 \ No newline at end of file
... ...
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;
4 10 }
5 11 \ No newline at end of file
... ...