[Table] #670 Added new view type 'table'

platform/features/table/res/templates/mct-data-table.html

@@ -0,0 +1,67 @@
+<div class="l-view-section scrolling"
+     ng-style="overrideRowPositioning ?
+         {'overflow': 'auto'} :
+         {'overflow': 'scroll'}
+     "
+     >
+    <table class="filterable" ng-style="overrideRowPositioning && {
+            height: totalHeight + 'px',
+            'table-layout': overrideRowPositioning ? 'fixed' : 'auto',
+            'box-sizing': 'border-box'
+        }">
+        <thead>
+            <tr>
+                <th ng-repeat="header in displayHeaders"
+                    ng-style="overrideRowPositioning && {
+                        width: columnWidths[$index] + 'px',
+                        'max-width': columnWidths[$index] + 'px',
+                        overflow: 'none',
+                        'box-sizing': 'border-box'
+                    }"
+                    ng-class="[
+                        enableSort ? 'sortable' : '',
+                        sortColumn === header ? 'sort' : '',
+                        sortDirection || ''
+                    ].join(' ')"
+                    ng-click="toggleSort(header)">
+                    {{ header }}
+                </th>
+            </tr>
+            <tr ng-if="enableFilter" class="s-filters">
+                <th ng-repeat="header in displayHeaders"
+                    ng-style="overrideRowPositioning && {
+                        width: columnWidths[$index] + 'px',
+                        'max-width': columnWidths[$index] + 'px',
+                        overflow: 'none',
+                        'box-sizing': 'border-box'
+                    }">
+                    <input type="text"
+                           ng-model="filters[header]"/>
+                </th>
+            </tr>
+        </thead>
+
+        <tbody ng-style="overrideRowPositioning ? '' : {
+            'opacity': '0.0'
+        }">
+            <tr ng-repeat="visibleRow in visibleRows track by visibleRow.rowIndex"
+                ng-style="overrideRowPositioning && {
+                    position: 'absolute',
+                    top: visibleRow.offsetY + 'px',
+                }">
+                <td ng-repeat="header in displayHeaders"
+                    ng-style="overrideRowPositioning && {
+                        width: columnWidths[$index] + 'px',
+
+                        'max-width': columnWidths[$index] + 'px',
+                        overflow: 'hidden',
+                        'box-sizing': 'border-box'
+                    }"
+                    class="{{visibleRow.contents[header].cssClass}}">
+                    {{ visibleRow.contents[header].text }}
+                </td>
+            </tr>
+        </tbody>
+
+    </table>
+</div>

platform/features/table/res/templates/table-options-edit.html

@@ -0,0 +1,30 @@
+<!--
+ Open MCT Web, Copyright (c) 2014-2015, United States Government
+ as represented by the Administrator of the National Aeronautics and Space
+ Administration. All rights reserved.
+
+ Open MCT Web is licensed under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+ http://www.apache.org/licenses/LICENSE-2.0.
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ License for the specific language governing permissions and limitations
+ under the License.
+
+ Open MCT Web includes source code licensed under additional open source
+ licenses. See the Open Source Licenses file (LICENSES.md) included with
+ this source code distribution or the Licensing information page available
+ at runtime from the About dialog for additional information.
+-->
+<div ng-controller="TableOptionsController" class="flex-elem grows l-inspector-part">
+    <em class="t-inspector-part-header" title="Display properties for this object">Display</em>
+    <mct-form
+            ng-model="configuration.table.columns"
+            structure="columnsForm"
+            name="columnsFormState"
+            class="flex-elem l-flex-row no-validate no-margin reduced-min-width">
+    </mct-form>
+</div>

platform/features/table/res/templates/table.html

@@ -0,0 +1,8 @@
+<div ng-controller="TableController">
+    <mct-table
+        headers="headers"
+        rows="rows"
+        enableFilter="true"
+        enableSort="true">
+    </mct-table>
+</div>