team-alpha/railsgoat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

need to create the bar graph version, write up the remaining parts of the tutorial, and ensure it did not break the DOM vuln

Browse Source
This commit is contained in:
cktricky
2014-07-29 17:56:33 -05:00
parent d4e049b15a
commit 88ed0e2b50
6 changed files with 1714 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/controllers/dashboard_controller.rb
+14
View File
@@ -9,4 +9,18 @@ class DashboardController < ApplicationController
cookies[:font] = params[:font]
end
end
def change_graph
self.try(params[:graph])
end
def bar_graph
render :partial => "layouts/dashboard/bar_graph"
end
def pie_charts
@user = current_user
render :partial => "layouts/dashboard/dashboard_stats"
end
end
app/views/dashboard/home.html.erb
+40 -3
View File
@@ -2,9 +2,34 @@
<div class="main-container">
<div class="row-fluid">
<div class="span12"> <!--begin span12 -->
<% if @user.paid_time_off %>
<%= render :partial => "layouts/dashboard/dashboard_stats"%>
<% end %>
<div class="widget">
<div class="widget-header">
<div class="title">
<span class="fs1" aria-hidden="true" data-icon="&#xe0a0;"></span> Current Statistics
</div>
<!-- Begin Title Buttons-->
<div class="tools pull-right">
<div class="btn-group">
<a id="change_to_bar_graph" class="btn btn-small">
<span data-icon="&#xe14b;"></span>
</a>
<a id="change_to_pie_charts" class="btn btn-small">
<span data-icon="&#xe096;"></span>
</a>
</div>
</div>
<!-- End Title Buttons-->
</div>
<div id="charts_body" class="widget-body">
<% if @user.paid_time_off %>
<%= render :partial => "layouts/dashboard/dashboard_stats"%>
<% end %>
</div>
<div class="clearfix">
</div>
</div>
</div>
</div> <!-- end span12 -->
</div>
</div>
@@ -159,9 +184,21 @@ function pieChartHome() {
}
$("#change_to_bar_graph").click(function(event) {
event.preventDefault();
$("#charts_body").load(<%= sanitize change_graph_dashboard_index_path(:graph => "bar_graph").inspect %>);
})
$("#change_to_pie_charts").click(function(event) {
event.preventDefault();
$("#charts_body").load(<%= sanitize change_graph_dashboard_index_path(:graph => "pie_charts").inspect %>);
})
$(document).ready(
makeActive,
pieChartHome()
);
</script>
app/views/layouts/dashboard/_bar_graph.html.erb
+1
View File
@@ -0,0 +1 @@
<h1> Hello </h1>
app/views/layouts/dashboard/_dashboard_stats.html.erb
+52 -62
View File
@@ -1,64 +1,54 @@
<div class="widget">
<div class="widget-header">
<div class="title">
<span class="fs1" aria-hidden="true" data-icon="&#xe0a0;"></span> Current Statistics
</div>
<!-- Begin Title Buttons-->
<div class="tools pull-right">
<div class="btn-group">
<a class="btn btn-small">
<span data-icon="&#xe14b;"></span>
</a>
</div>
</div>
<!-- End Title Buttons-->
</div>
<div class="widget-body">
<div class="easy-pie-charts-container">
<div class="pie-chart">
<div class="chart1" data-percent="100">
<%= @user.paid_time_off.pto_days_remaining %>
</div>
<h5 class="name">
Available PTO
</h5>
</div>
<div class="pie-chart">
<div class="chart2" data-percent="<%= @user.paid_time_off.sick_days_taken_percentage %>">
<%= @user.paid_time_off.sick_days_taken %>
</div>
<h5 class="name">
Sick Days Taken
</h5>
</div>
<div class="pie-chart">
<div class="chart3" data-percent="100">
<%= @user.work_info.income %>
</div>
<h5 class="name">
Income
</h5>
</div>
<div class="pie-chart">
<div class="chart4" data-percent="100">
<%= @user.performance.last.score %>
</div>
<h5 class="name">
Performance Score
</h5>
</div>
<div class="pie-chart">
<div class="chart5" data-percent="91">
<%= @user.retirement.total %>
</div>
<h5 class="name">
401k
</h5>
</div>
<div class="clearfix">
</div>
</div>
</div>
</div>
<!-- Begin easy pie charts container -->
<div class="easy-pie-charts-container">
<div class="pie-chart">
<div class="chart1" data-percent="100">
<%= @user.paid_time_off.pto_days_remaining %>
</div>
<h5 class="name">
Available PTO
</h5>
</div>
<div class="pie-chart">
<div class="chart2" data-percent="<%= @user.paid_time_off.sick_days_taken_percentage %>">
<%= @user.paid_time_off.sick_days_taken %>
</div>
<h5 class="name">
Sick Days Taken
</h5>
</div>
<div class="pie-chart">
<div class="chart3" data-percent="100">
<%= @user.work_info.income %>
</div>
<h5 class="name">
Income
</h5>
</div>
<div class="pie-chart">
<div class="chart4" data-percent="100">
<%= @user.performance.last.score %>
</div>
<h5 class="name">
Performance Score
</h5>
</div>
<div class="pie-chart">
<div class="chart5" data-percent="91">
<%= @user.retirement.total %>
</div>
<h5 class="name">
401k
</h5>
</div>
<div class="clearfix">
</div>
</div>
<!-- End easy pie charts container -->
<script type="text/javascript">
$(document).ready(
pieChartHome()
);
</script>
config/routes.rb
+1
View File
@@ -88,6 +88,7 @@ Railsgoat::Application.routes.draw do
resources :dashboard do
collection do
get "home"
get "change_graph"
end
end
report.html
+1606
View File
File diff suppressed because it is too large Load Diff