Add test-set JS library

Author: Milo Casagrande

app/dashboard/static/js/app/tables/test-set.js

@@ -0,0 +1,19 @@
+/*! Kernel CI Dashboard | Licensed under the GNU GPL v3 (or later) */
+define([
+    'tables/common'
+], function(tcommon) {
+    'use strict';
+    var gTestSetTable;
+
+    gTestSetTable = {};
+
+    gTestSetTable.renderDate = function(date, type) {
+        return tcommon.renderDate(date, type);
+    };
+
+    gTestSetTable.renderDetails = function(href, type, title) {
+        return tcommon.renderDetails(href, type, title);
+    };
+
+    return gTestSetTable;
+});

app/dashboard/static/js/app/view-tests-suite.2016.3.1.js

@@ -4,13 +4,110 @@ require([
     'utils/init',
     'utils/html',
     'utils/error',
-    'utils/request'
-], function($, init, html, err, request) {
+    'utils/request',
+    'utils/table',
+    'tables/test-set'
+], function($, init, html, err, request, table, ttestset) {
     'use strict';
     var gTestSuite;
+    var gTestSetsTable;
 
     document.getElementById('li-test').setAttribute('class', 'active');
 
+    function getTestSetsFail() {
+        // TODO
+    }
+
+    function getTestSetsDone(response) {
+        var results;
+        var columns;
+
+        function _renderDetails(data, type, object) {
+            var href;
+
+            href = '/test/suite/' +
+                object.test_suite_name + '/set/' + object.name + '/' +
+                data.$oid + '/';
+            return ttestset.renderDetails(href, type);
+        }
+
+        function _renderTestCasesCount(data, type) {
+            if (type === 'sort') {
+                return data.length;
+            } else if (type === 'display') {
+                // TODO
+            }
+        }
+
+        results = response.result;
+        if (results.length > 0) {
+            // TODO
+            console.log(results);
+
+            gTestSetsTable = table({
+                tableId: 'test-sets-table',
+                tableDivId: 'test-sets-table-div'
+            });
+
+            columns = [
+                {
+                    data: 'name',
+                    title: 'Name',
+                    type: 'string'
+                },
+                {
+                    data: 'test_case',
+                    title: 'Total Test Cases',
+                    type: 'num',
+                    className: 'pull-center',
+                    render: _renderTestCasesCount
+                },
+                {
+                    data: 'created_on',
+                    title: 'Date',
+                    type: 'date',
+                    className: 'pull-center',
+                    render: ttestset.renderDate
+                },
+                {
+                    data: '_id',
+                    title: '',
+                    type: 'string',
+                    searchable: false,
+                    orderable: false,
+                    className: 'select-column pull-center',
+                    render: _renderDetails
+                }
+            ];
+
+            gTestSetsTable
+                .data(results)
+                .columns(columns)
+                .lengthMenu([10, 25, 50, 75, 100])
+                .order([2, 'asc'])
+                .languageLengthMenu('Test sets per page')
+                .draw();
+        } else {
+            html.replaceContent(
+                document.getElementById('test-sets'),
+                html.errorDiv('No test sets available.'));
+        }
+    }
+
+    function getTestSets() {
+        var data;
+        var deferred;
+
+        data = {
+            test_suite_name: gTestSuite
+        };
+
+        deferred = request.get('/_ajax/test/set', data);
+        $.when(deferred)
+            .done(getTestSetsDone)
+            .fail(err.error, getTestSetsFail);
+    }
+
     function getCountsFail() {
         html.replaceByClass('count-list-badge', '∞');
     }
@@ -28,8 +125,8 @@ require([
 
     function getCounts() {
         var batchOps;
-        var queryStr;
         var deferred;
+        var queryStr;
 
         batchOps = [];
         queryStr = 'test_suite_name=' + gTestSuite;
@@ -90,6 +187,7 @@ require([
         gTestSuite = gTestSuite.value;
 
         getCounts();
+        getTestSets();
     }
 
     init.hotkeys();

app/dashboard/templates/test-suite.html

@@ -2,6 +2,10 @@
 {%- block meta -%}
     <meta name="csrf-token" content="{{ csrf_token_r() }}">
 {%- endblock %}
+{%- block head %}
+{{ super() }}
+<link rel="stylesheet" type="text/css" href="/static/css/dataTables.bootstrap-1.10.11.css">
+{%- endblock %}
 {%- block title %}{{ page_title|safe }}{%- endblock %}
 {%- block content %}
 <div class="row">
@@ -60,17 +64,29 @@ <h3>{{ body_title|default('Latest Results')|safe }}</h3>
 <div class="row">
     <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
         <div class="page-header">
-            <h3>Test Sets Ran</h3>
+            <h3>Test Sets</h3>
+        </div>
+    </div>
+</div>
+<div class="row">
+    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="test-sets">
+        <div id="test-sets-table-div">
+            <table id="test-sets-table"
+                class="table table-hover table-striped table-condensed clickable-table big-table">
+            </table>
         </div>
     </div>
 </div>
 <div class="row">
     <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
         <div class="page-header">
-            <h3>Test Cases Ran</h3>
+            <h3>Test Cases</h3>
         </div>
     </div>
 </div>
+<div class="row">
+    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="test-cases"></div>
+</div>
 <input type="hidden" id="test-suite" value="{{ suite }}">
 {%- endblock %}{# content block #}
 {%- block scripts %}