diff options
Diffstat (limited to 'templates/apps')
| -rw-r--r-- | templates/apps/stats/domain.html | 34 | ||||
| -rw-r--r-- | templates/apps/stats/room.html | 32 |
2 files changed, 35 insertions, 31 deletions
diff --git a/templates/apps/stats/domain.html b/templates/apps/stats/domain.html index f7d9ad3..132d819 100644 --- a/templates/apps/stats/domain.html +++ b/templates/apps/stats/domain.html @@ -1,22 +1,24 @@ {% extends "base.html" %} {% load datehumanize %} {% block widgets %} -$.ajax({ - url: '/api/stats/domain/{{domain}}', - method: 'GET', - success: function (resp) { - var graph = $('#graph'); - series = [{label: 'Meeting minutes for {{domain}}',data: resp['data']}]; - $.plot(graph,series,{ - lines: { show: true }, - points: { show: true }, - xaxis: { mode: "time" } - }); - $('#minutes').append(resp['minutes']); - $('#rooms').append(resp['rooms']); - $('#users').append(resp['users']); - } -}); + $.ajax({ + url: '/api/stats/domain/{{domain}}', + method: 'GET', + beforeSend: function() { $('#graph').spin("flotload"); }, + success: function (resp) { + var graph = $('#graph'); + graph.spin(false); + series = [{label: 'Meeting minutes for {{domain}}',data: resp['data']}]; + $.plot(graph,series,{ + lines: { show: true }, + points: { show: true }, + xaxis: { mode: "time" } + }); + $('#minutes').append(resp['minutes']); + $('#rooms').append(resp['rooms']); + $('#users').append(resp['users']); + } + }); {% endblock %} {% block content %} <h1>Meeting statistics for {{domain}}</h1> diff --git a/templates/apps/stats/room.html b/templates/apps/stats/room.html index d5e35dd..fdc8bc9 100644 --- a/templates/apps/stats/room.html +++ b/templates/apps/stats/room.html @@ -1,21 +1,23 @@ {% extends "base.html" %} {% load datehumanize %} {% block widgets %} -$.ajax({ - url: '/api/stats/room/{{room.id}}', - method: 'GET', - success: function (resp) { - var graph = $('#graph'); - series = [{label: 'Meeting minutes for {{room.name}}',data: resp['data']}]; - $.plot(graph,series,{ - lines: { show: true }, - points: { show: true }, - xaxis: { mode: "time" } - }); - $('#minutes').append(resp['minutes']); - $('#users').append(resp['users']); - } -}); + $.ajax({ + url: '/api/stats/room/{{room.id}}', + method: 'GET', + beforeSend: function() { $('#graph').spin("flotload"); }, + success: function (resp) { + var graph = $('#graph'); + graph.spin(false); + series = [{label: 'Meeting minutes for {{room.name}}',data: resp['data']}]; + $.plot(graph,series,{ + lines: { show: true }, + points: { show: true }, + xaxis: { mode: "time" } + }); + $('#minutes').append(resp['minutes']); + $('#users').append(resp['users']); + } + }); {% endblock %} {% block content %} <h1>Meeting statistics for {{room.name}}</h1> |