Browse Source

Message for browsers that don't support canvas element

Stefano Sala 11 years ago
parent
commit
84bbd75171
1 changed files with 15 additions and 3 deletions
  1. 15 3
      src/Packagist/WebBundle/Resources/views/Web/stats.html.twig

+ 15 - 3
src/Packagist/WebBundle/Resources/views/Web/stats.html.twig

@@ -5,7 +5,11 @@
     <div class="box clearfix">
         <h1>Statistics</h1>
         <h2>Packages/versions over time</h2>
-        <p><canvas width="900" height="250" data-labels="{{ chart.months|join(',') }}" data-values="{{ chart.versions|join(',') }}|{{ chart.packages|join(',') }}"></canvas></p>
+        <p>
+            <canvas width="900" height="250" data-labels="{{ chart.months|join(',') }}" data-values="{{ chart.versions|join(',') }}|{{ chart.packages|join(',') }}">
+                Sorry, the graph can't be displayed because your browser doesn't support &lt;canvas&gt; html element.
+            </canvas>
+        </p>
         <ul class="legend">
             <li class="legend-first"><span>&#9632;</span> Versions</li>
             <li class="legend-second"><span>&#9632;</span> Packages</li>
@@ -14,14 +18,22 @@
 
         {% if downloadsChart %}
             <h2>Packages installed in the last 30 days</h2>
-            <p><canvas width="900" height="250" data-labels="{{ downloadsChart.labels|join(',') }}" data-values="{{ downloadsChart.values|join(',') }}"></canvas></p>
+            <p>
+                <canvas width="900" height="250" data-labels="{{ downloadsChart.labels|join(',') }}" data-values="{{ downloadsChart.values|join(',') }}">
+                    Sorry, the graph can't be displayed because your browser doesn't support &lt;canvas&gt; html element.
+                </canvas>
+            </p>
             <ul class="legend">
                 <li class="legend-first"><span>&#9632;</span> Installs</li>
             </ul>
         {% endif %}
         {% if downloadsChartMonthly %}
             <h2>Packages installed per month</h2>
-            <p><canvas width="900" height="250" data-labels="{{ downloadsChartMonthly.labels|join(',') }}" data-values="{{ downloadsChartMonthly.values|join(',') }}"></canvas></p>
+            <p>
+                <canvas width="900" height="250" data-labels="{{ downloadsChartMonthly.labels|join(',') }}" data-values="{{ downloadsChartMonthly.values|join(',') }}">
+                    Sorry, the graph can't be displayed because your browser doesn't support &lt;canvas&gt; html element.
+                </canvas>
+            </p>
             <ul class="legend">
                 <li class="legend-first"><span>&#9632;</span> Installs</li>
             </ul>