Rework the job view with the new modules.

1 files changed, 28 insertions, 43 deletions

diff --git a/app/dashboard/templates/jobs-job.html b/app/dashboard/templates/jobs-job.html
index a91471c..103f718 100644
--- a/app/dashboard/templates/jobs-job.html
+++ b/app/dashboard/templates/jobs-job.html
@@ -5,6 +5,7 @@
 {%- block title %}{{ page_title|safe }}{%- endblock %}
 {%- block head %}
 {{ super() }}
+<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/plug-ins/1.10.7/integration/bootstrap/3/dataTables.bootstrap.css">
 <link rel="stylesheet" type="text/css" href="/static/css/linaro-graphs-0.0.1.css">
 {%- endblock %}
 {%- block content %}
@@ -44,40 +45,15 @@
         <div class="page-header">
             <h3>Available Builds</h3>
         </div>
+        <div id="table-loading" class="pull-center">
+            <i class="fa fa-cog fa-2x fa-spin"></i>&nbsp;loading&hellip;
+        </div>
     {%- if is_mobile %}
         <div class="table-responsive" id="table-div">
     {%- else %}
         <div class="table" id="table-div">
     {%- endif %}
-            <table class="table table-striped table-hover table-condensed clickable-table" id="jobstable">
-                <thead>
-                    <tr>
-                        <th>Kernel</th>
-                        <th>Branch</th>
-                        <th>Commit</th>
-                        <th class="pull-center">
-                            <span rel="tooltip" data-toggle="tooltip"
-                                title="Successful/Failed defconfigs built">
-                                Build Status
-                            </span>
-                        </th>
-                        <th class="pull-center">
-                            <span rel="tooltip" data-toggle="tooltip"
-                                title="Successful/Failed boot reports">
-                                Boot Status
-                            </span>
-                        </th>
-                        <th class="pull-center">Date</th>
-                        <th></th>
-                    </tr>
-                </thead>
-                <tbody id="builds-body">
-                    <tr>
-                        <td colspan="6" class="pull-center">
-                            <i class="fa fa-cog fa-spin fa-2x"></i>&nbsp;loading&hellip;
-                        </td>
-                    </tr>
-                </tbody>
+            <table class="table table-hover table-striped table-condensed clickable-table big-table" id="jobstable">
             </table>
         </div>
     </div>
@@ -85,25 +61,34 @@
 <div class="row">
     <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
         <div class="page-header">
-            <h3>Build Trends</h3>
+            <h3>Trends</h3>
+        </div>
+        <div>
+            <h4>Build Pass Rate</h4>
+            <div id="build-pass-rate">
+                <div class="pull-center">
+                    <span id="boot-reports-count">
+                        <i class="fa fa-cog fa-spin fa-2x"></i>&nbsp;loading&hellip;
+                    </span>
+                </div>
+            </div>
         </div>
-        <div id="pass-rate">
-            <h4>Pass &amp; Fail Rate</h4>
-            <div>
-                <p>
-                    The results shown here cover the last <strong>30</strong>
-                    days of available data.
-                </p>
+        <div>
+            <h4>Boot Pass Rate</h4>
+            <div id="boot-pass-rate">
+                <div class="pull-center">
+                    <span id="boot-reports-count">
+                        <i class="fa fa-cog fa-spin fa-2x"></i>&nbsp;loading&hellip;
+                    </span>
+                </div>
             </div>
-            <div id="pass-rate-graph"></div>
         </div>
     </div>
 </div>
 <input type="hidden" id="job-name" value="{{ job }}">
-{%- endblock %} {# content block #}
+<input type="hidden" id="search-filter" value="{{ search_filter }}">
+<input type="hidden" id="page-len" value="{{ page_len }}">
+{%- endblock %}{# content block #}
 {%- block scripts %}
-{{ super() }}
-<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
-<script type="text/javascript" src="/static/js/linaro-graphs-0.0.2.js"></script>
-<script type="text/javascript" src="/static/js/linaro-jobs-job-1.1.1.js"></script>
+<script data-main="/static/js/kci-job-job" src="/static/js/lib/require.js"></script>
 {%- endblock %}