add page for reg test results

Author: mireille-raad

Diff for: _layouts/regrtests_results.html

@@ -0,0 +1,100 @@
+---
+layout: default
+---
+
+<div class="w-80 m-auto mt-2">
+  <div class="d-md-flex">
+    <div class="d-sm-none">
+      <img class="logo" src="{{site.baseurl}}/assets/img/rust-python-logo.svg" alt="RustPython Logo">
+    </div>
+    <div class="pl-md-2">
+      <div class="title">{{ site.title }}</div>
+      <div class="section-title">{{ page.title }} </div>
+    </div>
+  </div>
+</div>
+
+<div class="w-80 m-auto mt-4">
+  <div class="font-secondary section-title">Filters</div>
+  <div class="d-md-flex mt-1 ">
+    <div data-filter="all" class="filter active pr-2"> All </div>
+    <div data-filter="passed" class="filter pr-2"> Passed </div>
+    <div data-filter="skipped" class="filter pr-2"> Skipped </div>
+    <div data-filter="" class="filter"> Empty </div>
+  </div>
+</div>
+
+<!--  content -->
+<div class="w-80 m-auto">
+  <div class="m-auto">
+    {% for test in site.data.regrtests_results.suites %}
+    <div class="results-suites">
+      {% for result in test %}
+      <div class="results-test">
+
+        {% if result.module %}
+        <div class="padding-small">
+          <span class="font-secondary">Module:</span>
+          {{result.module }}
+        </div>
+        {% endif %}
+
+        {% if result.name %}
+        <div class="padding-small">
+          <span class="font-secondary">Name: </span>
+          {{result.name }}
+        </div>
+        {% endif %}
+
+        {% if result.class %}
+        <div class="padding-small">
+          <span class="font-secondary">Class: </span>
+          {{result.class }}
+        </div>
+        {% endif %}
+
+        <div class="results-case-wrapper">
+          {% for cases in result.cases %}
+          <div class="results-case">
+            <div class="tbl results-case-list">
+              <!-- for each case -->
+              {% for case in cases %}
+              <div data-status="{{case.result}}" class="row results-case-list-details">
+
+                {% if case.method %}
+                <div class="cell results-case-list-item">
+                  <span class="text-small text-muted">METHOD:</span>
+                  {{case.method }}
+                </div>
+                {% endif %}
+
+                {% if case.result %}
+                <div class="cell  {{case.result }} results-case-list-item  text-mobile-right">
+                  <span class="text-small text-muted d-mobile-none">RESULT:</span>
+                  {{case.result }}
+                </div>
+                {% endif %}
+
+                {% if case.execution_time %}
+                <div class="cell results-case-list-item text-md-right d-mobile-none">
+                  <span class="text-small text-muted">EXEC TIME:</span>
+                  {{case.execution_time }}
+                </div>
+                {% endif %}
+
+              </div>
+              {% endfor %}
+              <!-- end for each case -->
+            </div>
+          </div>
+          {% endfor %}
+        </div>
+
+      </div>
+      {% endfor %}
+    </div>
+    {% endfor %}
+  </div>
+</div>
+
+<script src="/assets/js/regrtests_results.js"></script>

Diff for: _layouts/regtests.html

@@ -0,0 +1,25 @@
+(function () {
+
+    var filter = function () {
+        // simply blast through the list and update the display
+        criteria = this.dataset.filter;
+        document.querySelector(".active").classList.remove("active");
+
+        this.classList.add("active");
+        el = document.querySelectorAll('div[data-status]');
+        for (var i = 0; i < el.length; i++) {
+            if (el[i].dataset.status == criteria || criteria == "all") {
+                el[i].style.display = "flex"
+            } else {
+                el[i].style.display = "none"
+            }
+        }
+    };
+
+    // attach a click event to each filter and call the filter function
+    var elements = document.getElementsByClassName("filter");
+    for (var i = 0; i < elements.length; i++) {
+        elements[i].addEventListener('click', filter, false);
+    }
+
+})();

Diff for: assets/js/regrtests_results.js

@@ -23,6 +23,14 @@
       font-size: 1em;
     }
 
+    .d-mobile-none {
+      display: none;
+    }
+
+    .text-mobile-right {
+      text-align: right;
+  }
+
 }
 
 
@@ -63,7 +71,15 @@
     .float-md-right {
       float: right;
     }
+    
+    .row .cell {
+      line-height: 30px;
+    }
 
+    .text-md-right {
+      text-align: right;
+    }
+      
 }
 
 /* fixes for ipad  */