Skip to content

Commit

Permalink
graph for popular tags
Browse files Browse the repository at this point in the history
  • Loading branch information
@cesswairimu
cesswairimu committed Feb 15, 2019
1 parent b932e55 commit 4c72d75
Showing 1 changed file with 111 additions and 66 deletions.
177 changes: 111 additions & 66 deletions app/views/stats/range.html.erb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -72,75 +72,75 @@
<td>contributors in this period</td>
</tr>
</table>
<br>
<div id="chart"> </div>

<p><i>Member registration may include spam accounts</i></p>

<% if current_user && (current_user.role == "admin") %>
<br>

<div class="btn-group">
<button type="button" class="btn btn-lg btn-default">
<i class="fa fa-cloud-download" style="color:blue"> </i>
Download as json
</button>
<button type="button" class="btn btn-lg btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu">
<li>
<%= link_to "Notes", stats_notes_path(format: 'json', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Wikis", stats_wikis_path(format: 'json', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Comments", stats_comments_path(format: 'json', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Users", stats_users_path(format: 'json', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Questions Asked", stats_questions_path(format: 'json', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Questions Answered", stats_answers_path(format: 'json', start: params[:start], end: params[:end]) %>
</li>
</ul>
</div>
&ensp;
<div class="btn-group">
<button type="button" class="btn btn-lg btn-default">
<i class="fa fa-cloud-download" style="color:purple"> </i>
Download as csv
</button>
<button type="button" class="btn btn-lg btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu">
<li>
<%= link_to "Notes", stats_notes_path(format: 'csv', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Wikis", stats_wikis_path(format: 'csv', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Comments", stats_comments_path(format: 'csv', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Users", stats_users_path(format: 'csv', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Questions Asked", stats_questions_path(format: 'csv', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Questions Answered", stats_answers_path(format: 'csv', start: params[:start], end: params[:end]) %>
</li>
</ul>
</div>
<br><br>
<% end %>
<% if current_user && (current_user.role == "admin") %>
<br>

<div class="btn-group">
<button type="button" class="btn btn-lg btn-default">
<i class="fa fa-cloud-download" style="color:blue"> </i>
Download as json
</button>
<button type="button" class="btn btn-lg btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu">
<li>
<%= link_to "Notes", stats_notes_path(format: 'json', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Wikis", stats_wikis_path(format: 'json', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Comments", stats_comments_path(format: 'json', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Users", stats_users_path(format: 'json', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Questions Asked", stats_questions_path(format: 'json', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Questions Answered", stats_answers_path(format: 'json', start: params[:start], end: params[:end]) %>
</li>
</ul>
</div>
&ensp;
<div class="btn-group">
<button type="button" class="btn btn-lg btn-default">
<i class="fa fa-cloud-download" style="color:purple"> </i>
Download as csv
</button>
<button type="button" class="btn btn-lg btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu">
<li>
<%= link_to "Notes", stats_notes_path(format: 'csv', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Wikis", stats_wikis_path(format: 'csv', start: params[:start], end: params[:end]) %>
</li>
<li>
<li>
<%= link_to "Users", stats_users_path(format: 'csv', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Questions Asked", stats_questions_path(format: 'csv', start: params[:start], end: params[:end]) %>
</li>
<li>
<%= link_to "Questions Answered", stats_answers_path(format: 'csv', start: params[:start], end: params[:end]) %>
</li>
</ul>
</div>
<br><br>
<% end %>

<br>
<p> Move back or forward using the buttons below </p>
Expand Down Expand Up @@ -203,3 +203,48 @@
</a>
</div>
</div>

<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
<script>
var values = <%= @popular_tags.values %>;
var data = <%= raw @popular_tags.keys %>;

var options = {
chart: {
height: 400,
type: 'bar',

},
colors: ['#006dcc'],
plotOptions: {
bar: {
horizontal: true,

}

},

dataLabels: {
enabled: false

},
series: [{
name: 'Tag count',
data: values

}],
title:{
text: "Popular Tags",
},
xaxis: {
categories: data

}

}

var chart = new ApexCharts(
document.querySelector("#chart"), options );
chart.render();

</script>

0 comments on commit 4c72d75

Please sign in to comment.