remove unnecesary images

Author: javierhonduco

codespeed/static/.DS_Store

@@ -5,7 +5,6 @@ body {
     margin: 0;
     padding: 0;
     background-color: #596A74;
-    background-image: url(../images/vgradient.png);
     background-repeat: repeat-x;
     font-size: 16px;
     margin-bottom: 0.8em;
@@ -108,7 +107,7 @@ div#presentation div.menubox {
     background-image: url(../images/vgradient.png);
     background-repeat: repeat-x;
     background-color: #FFFFFF;
-    color: white;
+    color: black;
     width: 220px;
     cursor: pointer;
     text-align: center;
@@ -288,6 +287,9 @@ table.reports {
     margin-bottom: 2em
 }
 
+a.feed {
+  text-decoration: underline;
+}
 /*table.reports {
     border-width: 2px;
 }*/
@@ -467,8 +469,11 @@ p.note, p.warning {
     border-radius: 10px;
 }
 p.warning {
-    padding-left: 42px;
-    background-image: url(../images/warning.png);
+    margin-left: 10px;
+}
+p.warning::before{
+    content: '⚠ ';
+    color: #f53535;
 }
 p.note {
     margin-top: 20px;

codespeed/static/css/main.css

@@ -72,7 +72,7 @@ function refreshContent() {
     var h = $("#content").height();//get height for loading text
     $("#contentwrap").fadeOut("fast", function() {
         $(this).show();
-        $(this).html(getLoadText("Loading...", h, true));
+        $(this).html(getLoadText("Loading...", h));
         $(this).load("table/", $.param(getConfiguration()), function() { updateTable(); });
     });
 }

codespeed/static/images/.DS_Store

@@ -9,7 +9,7 @@ function readCheckbox(el) {
     return config;
 }
 
-function getLoadText(text, h, showloader) {
+function getLoadText(text, h) {
     var loadtext = '<div style="text-align:center;">';
     var pstyle = "";
     if (h > 0) {
@@ -19,9 +19,6 @@ function getLoadText(text, h, showloader) {
         pstyle = ' style="line-height:' + h + 'px;"';
     }
     loadtext += '<p' + pstyle + '>'+ text;
-    if (showloader) {
-        loadtext += ' <img src="' + window.STATIC_URL +'images/ajax-loader.gif" align="bottom">';
-    }
     loadtext += '</p></div>';
     return loadtext;
 }

codespeed/static/images/ajax-loader.gif

@@ -339,6 +339,7 @@ function renderComparisonPlot(plotid, benchmarks, exes, enviros, baseline, chart
     plotoptions.series = series;
     plotoptions.grid = {borderColor: '#9DADC6', shadow: false, drawBorder: true};
     plotoptions.seriesDefaults.shadow = false;
+    plotoptions.axesDefaults.tickOptions = {fontFamily:'Arial'};
 
     // determine conditions for rendering the legend outside the plot area
     var offplot = false;
@@ -419,7 +420,7 @@ function init(defaults) {
 
     // Get comparison data
     var h = $("#content").height();//get height for loading text
-    $("#cplot").html(getLoadText("Loading...", h, true));
+    $("#cplot").html(getLoadText("Loading...", h));
     $.getJSON("json/", savedata);
 
     $("#permalink").click(function() {

codespeed/static/images/rss.png

@@ -284,14 +284,14 @@ function render(data) {
   $("#plotgrid").html("");
   if(data.error !== "None") {
     var h = $("#content").height();//get height for error message
-    $("#plotgrid").html(getLoadText(data.error, h, false));
+    $("#plotgrid").html(getLoadText(data.error, h));
     return 1;
   } else if ($("input[name='benchmark']:checked").val() === "show_none") {
     var h = $("#content").height();//get height for error message
-    $("#plotgrid").html(getLoadText("Please select a benchmark on the left", h, false));
+    $("#plotgrid").html(getLoadText("Please select a benchmark on the left", h));
   } else if (data.timelines.length === 0) {
     var h = $("#content").height();//get height for error message
-    $("#plotgrid").html(getLoadText("No data available", h, false));
+    $("#plotgrid").html(getLoadText("No data available", h));
   } else if ($("input[name='benchmark']:checked").val() === "grid"){
     //Render Grid of plots
     $("#revisions").attr("disabled",true);
@@ -316,7 +316,7 @@ function render(data) {
 function refreshContent() {
   var h = $("#content").height();//get height for loading text
   $("#plotgrid").fadeOut("fast", function() {
-    $("#plotgrid").html(getLoadText("Loading...", h, true)).show();
+    $("#plotgrid").html(getLoadText("Loading...", h)).show();
     $.getJSON("json/", getConfiguration(), render);
   });
 }

codespeed/static/images/vgradient.png

@@ -33,7 +33,7 @@
       </tr>
     </thead>
     <tbody class="commits" data-commitid="{{ rev.id }}">
-      <tr><td colspan="2" style="text-align:center;">Loading... <img src="{{ STATIC_URL}}images/ajax-loader.gif" align="bottom"></td></tr>
+      <tr><td colspan="2" style="text-align:center;">Loading...</td></tr>
     </tbody>
     <script type="text/javascript">
       var el = $("tbody.commits");

codespeed/static/images/warning.png

@@ -1,6 +1,8 @@
 {% if reports|length %}
 <table class="reports">
-    <caption>Latest Results <a href="feeds/latest/"><img src="{{ STATIC_URL }}images/rss.png" alt="RSS feed" title="Subscribe to the results RSS feed" /></a></caption>
+    <caption>Latest Results
+      (<a class="feed" href="feeds/latest/">rss</a>)
+    </caption>
     <tbody>
     {% for report in reports %}  <tr class="status-{{ report.colorcode }}">
         <td><label title="lessisbetter" style="display:none;">{{ report.get_absolute_url }}</label>{{ report.revision }}</td><td>{{ report.executable }}@{{ report.environment}}</td>
@@ -12,7 +14,9 @@
 
 {% if significant_reports|length %}
 <table class="reports">
-    <caption>Latest Significant Results <a href="feeds/latest_significant/"><img src="{{ STATIC_URL }}images/rss.png" alt="RSS feed" title="Subscribe to the significant results RSS feed" /></a></caption>
+    <caption>Latest Significant Results
+      (<a class="feed" href="feeds/latest_significant/">rss</a>)
+    </caption>
     <tbody>
     {% for report in significant_reports %}  <tr class="status-{{ report.colorcode }}">
         <td><label title="lessisbetter" style="display:none;">{{ report.get_absolute_url }}</label>{{ report.revision }}</td><td>{{ report.executable }}@{{ report.environment}}</td>

codespeed/static/js/changes.js

@@ -53,7 +53,7 @@ <h2>Comparison</h2>
     }
 
     $(function() {
-        $("#reports").html(getLoadText("Loading...", 0, true))
+        $("#reports").html(getLoadText("Loading...", 0))
             .load("{% url "reports" %}", function(responseText) { updateTable(); });
   });
 </script>