diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js index 93ba3e0..10af1de 100755 --- a/app/assets/javascripts/application.js +++ b/app/assets/javascripts/application.js @@ -23,6 +23,7 @@ //= require tiny-scrollbar.js //= require jquery.validate.js //= require jquery.snippet.js +//= require jquery.easy-pie-chart.js function rubyCodeFormat() { @@ -36,6 +37,150 @@ $("pre.ruby").snippet("ruby",{style:"rand01",transparent:true,showNum:true}); }; +function pieChartHome() { + $(function () { + //create instance + $('.chart1').easyPieChart({ + animate: 2000, + barColor: '#e26666', + trackColor: '#dddddd', + scaleColor: '#e26666', + size: 160, + lineWidth: 7, + }); + //update instance after 5 sec + setTimeout(function () { + $('.chart1').data('easyPieChart').update(50); + }, 5000); + setTimeout(function () { + $('.chart1').data('easyPieChart').update(70); + }, 10000); + setTimeout(function () { + $('.chart1').data('easyPieChart').update(30); + }, 15000); + setTimeout(function () { + $('.chart1').data('easyPieChart').update(90); + }, 19000); + setTimeout(function () { + $('.chart1').data('easyPieChart').update(40); + }, 32000); + }); + + $(function () { + //create instance + $('.chart2').easyPieChart({ + animate: 2000, + barColor: '#b5799e', + trackColor: '#dddddd', + scaleColor: '#b5799e', + size: 160, + lineWidth: 7, + }); + //update instance after 5 sec + setTimeout(function () { + $('.chart2').data('easyPieChart').update(90); + }, 10000); + setTimeout(function () { + $('.chart2').data('easyPieChart').update(40); + }, 18000); + setTimeout(function () { + $('.chart2').data('easyPieChart').update(70); + }, 28000); + setTimeout(function () { + $('.chart2').data('easyPieChart').update(50); + }, 32000); + setTimeout(function () { + $('.chart2').data('easyPieChart').update(80); + }, 40000); + }); + + $(function () { + //create instance + $('.chart3').easyPieChart({ + animate: 2000, + barColor: '#579da9', + trackColor: '#dddddd', + scaleColor: '#579da9', + size: 160, + lineWidth: 7, + }); + //update instance after 5 sec + setTimeout(function () { + $('.chart3').data('easyPieChart').update(20); + }, 9000); + setTimeout(function () { + $('.chart3').data('easyPieChart').update(59); + }, 20000); + setTimeout(function () { + $('.chart3').data('easyPieChart').update(38); + }, 35000); + setTimeout(function () { + $('.chart3').data('easyPieChart').update(79); + }, 49000); + setTimeout(function () { + $('.chart3').data('easyPieChart').update(96); + }, 52000); + }); + + $(function () { + //create instance + $('.chart4').easyPieChart({ + animate: 2000, + barColor: '#dba26b', + trackColor: '#dddddd', + scaleColor: '#dba26b', + size: 160, + lineWidth: 7, + }); + //update instance after 5 sec + setTimeout(function () { + $('.chart4').data('easyPieChart').update(40); + }, 6000); + setTimeout(function () { + $('.chart4').data('easyPieChart').update(67); + }, 14000); + setTimeout(function () { + $('.chart4').data('easyPieChart').update(43); + }, 23000); + setTimeout(function () { + $('.chart4').data('easyPieChart').update(80); + }, 36000); + setTimeout(function () { + $('.chart4').data('easyPieChart').update(66); + }, 41000); + }); + + + $(function () { + //create instance + $('.chart5').easyPieChart({ + animate: 3000, + barColor: '#1e825e', + trackColor: '#dddddd', + scaleColor: '#1e825e', + size: 160, + lineWidth: 7, + }); + //update instance after 5 sec + setTimeout(function () { + $('.chart5').data('easyPieChart').update(30); + }, 9000); + setTimeout(function () { + $('.chart5').data('easyPieChart').update(87); + }, 19000); + setTimeout(function () { + $('.chart5').data('easyPieChart').update(28); + }, 27000); + setTimeout(function () { + $('.chart5').data('easyPieChart').update(69); + }, 39000); + setTimeout(function () { + $('.chart5').data('easyPieChart').update(99); + }, 47000); + }); + + } + $(document).ready(function(){ rubyCodeFormat() }); \ No newline at end of file diff --git a/app/views/dashboard/home.html.erb b/app/views/dashboard/home.html.erb index 9f5078c..540eb43 100644 --- a/app/views/dashboard/home.html.erb +++ b/app/views/dashboard/home.html.erb @@ -3,54 +3,9 @@
-
-
-
-
- Blog posts with picture -
-
-
-
-
-
-
-

Post of the Day

-
-
-
-
- - " alt="" /> - -
-
-

- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. -

-

Read more

-
-
-
-
-

-

- by Srinu - | Mar 16th, 2013 - | 7 Comments - | 48 Shares - | Tags : Sandy - Baswa - Lorem - Sinu -

-
-
-
-
-
-
-
+
+ <%= render :partial => "layouts/dashboard/dashboard_stats"%> +
@@ -61,6 +16,9 @@ function makeActive(){ }; $(document).ready( - makeActive + makeActive, + pieChartHome() ); - \ No newline at end of file + + + diff --git a/app/views/layouts/dashboard/_dashboard_stats.html.erb b/app/views/layouts/dashboard/_dashboard_stats.html.erb new file mode 100644 index 0000000..058d378 --- /dev/null +++ b/app/views/layouts/dashboard/_dashboard_stats.html.erb @@ -0,0 +1,54 @@ +
+
+
+ Current Statistics Animated Pie Charts +
+
+
+
+
+
+ 10 +
+
+ Available PTO +
+
+
+
+ 1 +
+
+ Sick Days Taken +
+
+
+
+ $5920 +
+
+ Income +
+
+
+
+ 5.0 +
+
+ Performance Score +
+
+
+
+ 71 +
+
+ 401k +
+
+
+
+
+
+
+ diff --git a/app/views/layouts/tutorial/xss/_xss_first.html.erb b/app/views/layouts/tutorial/xss/_xss_first.html.erb index a21419b..4df444d 100644 --- a/app/views/layouts/tutorial/xss/_xss_first.html.erb +++ b/app/views/layouts/tutorial/xss/_xss_first.html.erb @@ -31,13 +31,23 @@

Stored Cross-Site Scripting - The following code was taken from app/views/layouts/shared/_header.html.erb

- + 

 					  <%= @code %>

- +

+ Coincidentally, HTML safe is not safe from HTML Injection or "XSS" attacks. The name is deceiving. Some folks believe the raw() helper to be different than the html_safe String method. raw() is actually a wrapper for html_safe and essentially ensures exceptions are handled when the expected value is nil. + 

+						# Psuedo-code to help conceptualize
+						def raw(dirty_string)
+						  dirty_string.to_s.html_safe
+						end
+
+ +

+