summaryrefslogtreecommitdiffstats
path: root/vid-webpack-master/src/app/browseSdc/vid-table
diff options
context:
space:
mode:
authorIttay Stern <ittay.stern@att.com>2018-08-29 17:01:32 +0300
committerIttay Stern <ittay.stern@att.com>2019-02-18 18:35:30 +0200
commit6f900cc45d7dd7f97430812b86b5c1d1693c8ae3 (patch)
tree936005c364dc5a7264d6304d4777c3d83494db22 /vid-webpack-master/src/app/browseSdc/vid-table
parent67d99f816cc583643c35193197594cf78d8ce60a (diff)
merge from ecomp a88f0072 - Modern UI
Issue-ID: VID-378 Change-Id: Ibcb23dd27f550cf32ce2fe0239f0f496ae014ff6 Signed-off-by: Ittay Stern <ittay.stern@att.com>
Diffstat (limited to 'vid-webpack-master/src/app/browseSdc/vid-table')
-rw-r--r--vid-webpack-master/src/app/browseSdc/vid-table/vid-table.component.html26
-rw-r--r--vid-webpack-master/src/app/browseSdc/vid-table/vid-table.component.scss40
-rw-r--r--vid-webpack-master/src/app/browseSdc/vid-table/vid-table.component.ts59
3 files changed, 0 insertions, 125 deletions
diff --git a/vid-webpack-master/src/app/browseSdc/vid-table/vid-table.component.html b/vid-webpack-master/src/app/browseSdc/vid-table/vid-table.component.html
deleted file mode 100644
index 5650e5d35..000000000
--- a/vid-webpack-master/src/app/browseSdc/vid-table/vid-table.component.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<table class="table table-hover table-striped table-sortable" [mfData]="options.data | dataFilter : filterQuery" #mf="mfDataTable" [(mfSortBy)]="options.config.sortBy" [(mfSortOrder)]="options.config.sortOrder" [mfRowsOnPage]="10">
- <thead>
- <tr>
- <th *ngFor="let column of options.columns">
- <mfDefaultSorter by="{{column.key}}"> {{column.displayName}}</mfDefaultSorter>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr *ngFor="let row of mf.data">
- <td *ngFor="let column of options.columns" >
- <button class="btn btn-primary" *ngIf="column.type==='button' && (!column.showCondition || row[column.showCondition])" title="{{column.text}}" (click)="clickBtn(row, column.action)">
- {{column.text}}
- </button>
- {{row[column.key]}}
- </td>
- </tr>
- </tbody>
- <tfoot>
- <tr>
- <td colspan="5">
- <mfBootstrapPaginator [rowsOnPageSet]="[10,15,20]"></mfBootstrapPaginator>
- </td>
- </tr>
- </tfoot>
-</table>
diff --git a/vid-webpack-master/src/app/browseSdc/vid-table/vid-table.component.scss b/vid-webpack-master/src/app/browseSdc/vid-table/vid-table.component.scss
deleted file mode 100644
index f34887987..000000000
--- a/vid-webpack-master/src/app/browseSdc/vid-table/vid-table.component.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-table > thead > tr > th {
- cursor: pointer;
- position: relative;
- background-image: none;
- color: #fff;
- background-color: #666;
- a{
- color: #fff;
- }
-}
-
-.table-sortable > thead > tr > th:after,
-.table-sortable > thead > tr > th.sort-false:after,
-.table-sortable > thead > tr > th.sort-true:after {
- font-family: FontAwesome;
- padding-left: 5px;
-}
-
-.table-sortable > thead > tr > th:after {
- content: "\f0dc";
- color: #ddd;
-}
-.table-sortable > thead > tr > th.sort-false:after {
- content: "\f0de";
- color: #767676;
-}
-.table-sortable > thead > tr > th.sort-true:after {
- content: "\f0dd";
- color: #767676;
-}
-//.table-sortable > tbody > td >
-.table-sortable {
- tbody{
- td{
- .btn-primary{
- min-width: 100px;
- }
- }
- }
-}
diff --git a/vid-webpack-master/src/app/browseSdc/vid-table/vid-table.component.ts b/vid-webpack-master/src/app/browseSdc/vid-table/vid-table.component.ts
deleted file mode 100644
index aa2030908..000000000
--- a/vid-webpack-master/src/app/browseSdc/vid-table/vid-table.component.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * Created by cp2122 on 1/2/2018.
- */
-import { Component, Input, EventEmitter, Output } from '@angular/core';
-export class CustomTableColumnDefinition {
- public displayName = '';
- public key = '';
- public type? = 'text';
- public text? = ''; // for button
- public action? = ''; // for button - callback
- public showCondition? = ''; // for button
- // public binding = '';
- public filter? = '';
- // public computedClass: any;
- // public isComputed = false;
- // public isAnchor = false;
- // public srefBinding = '';
-}
-
-export class CustomTableConfig {
- public sortBy = '';
- public sortOrder = 'desc';
- public pageSize? = 10;
- public pageNumber? = 1;
- public totalCount? = 0;
- public totalPages? = 0;
- public maxSize? = 10;
- public showSelectCheckbox? = false;
- public showSelectAll? = true;
- public showSort? = true;
- public clientSort? = true;
- public clientPaging? = true;
- public stickyHeader? = true;
- public stickyHeaderOffset? = 0;
- public stickyContainer? = '';
-}
-
-export class CustomTableOptions {
- public data: any[];
- public columns: Array<CustomTableColumnDefinition>;
- public config: CustomTableConfig;
- // public callbacks: any;
-}
-@Component({
- selector: 'vid-table',
- styleUrls: ['./vid-table.component.scss'],
- templateUrl: './vid-table.component.html'
-})
-
-export class VidTableComponent {
- @Input() options: CustomTableOptions;
- @Input() filterQuery = '';
-
- @Output() clickEvent = new EventEmitter<any>();
- clickBtn(row, actionName) {
- row.actionName = actionName;
- this.clickEvent.emit(row);
- }
-}