index.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. {% extends "base.html" %}
  2. {% block content %}
  3. <div class="row">
  4. <div class="large-12 columns">
  5. <h2>Tableau de bord</h2>
  6. </div>
  7. </div>
  8. <div class="row">
  9. <div class="large-6 columns">
  10. <h3>Alertes</h3>
  11. <div class="panel">Ici les news de santé des serveurs, etc.</div>
  12. </div>
  13. <div class="large-6 columns">
  14. <h3>Stats</h3>
  15. <div class="panel">Use MOAR bandwidth !</div>
  16. </div>
  17. {% if has_isp_feed %}
  18. <div class="large-6 columns">
  19. <h3>News {{ branding.shortname|capfirst }}</h3>
  20. <div class="panel" id="feed_isp"><i class="fa fa-spinner fa-spin"></i>
  21. Chargement en cours</div>
  22. </div>
  23. {% endif %}
  24. <div class="large-6 columns">
  25. <h3>News de la FFDN</h3>
  26. <div class="panel" id="feed_ffdn"><i class="fa fa-spinner fa-spin"></i>
  27. Chargement en cours</div>
  28. </div>
  29. </div>
  30. {% endblock %}
  31. {% block js %}
  32. {{ block.super }}
  33. <script>
  34. $(function() {
  35. {% if has_isp_feed %}
  36. $.ajax({
  37. url: "{% url 'feed' feed_name='isp' %}",
  38. }).done(function(html) {
  39. $('#feed_isp').html(html);
  40. }).fail(function() {
  41. $('#feed_ffdn').html('Erreur lors du chargement du flux');
  42. });
  43. {% endif %}
  44. $.ajax({
  45. url: "{% url 'feed' feed_name='ffdn' %}",
  46. }).done(function(html) {
  47. $('#feed_ffdn').html(html);
  48. }).fail(function() {
  49. $('#feed_ffdn').html('Erreur lors du chargement du flux');
  50. });
  51. });
  52. </script>
  53. {% endblock js %}