partkeepr

commit fcbe10601937ab094c073ea26c4d1be111aca5bb
parent 8f3999af38812804c0515ad4490bd4e923d38eb4
Author: Felicitus <felicitus@felicitus.org>
Date:   Sun, 11 Sep 2011 13:13:15 +0200

Eye candy for the charts

Diffstat:
M
frontend/js/Components/Statistics/StatisticsChart.js
 | 
22
+++++++++-------------
M
frontend/js/Components/Statistics/StatisticsChartPanel.js
 | 
4
+++-

2 files changed, 12 insertions(+), 14 deletions(-)
diff --git a/frontend/js/Components/Statistics/StatisticsChart.js b/frontend/js/Components/Statistics/StatisticsChart.js
@@ -3,14 +3,10 @@ Ext.define('PartKeepr.StatisticsChart', {
 	animate: true,
     shadow: true,
     
+    style: 'border: 1px solid #AAA;background-color: white;box-shadow: 5px 5px 0px #aaa',
     legend: {
         position: 'right'
     },
-    
-    background: {
-    	fill: '#fff'
-    },
-    
     theme: 'Base',
     series: [{
         type: 'line',
@@ -77,7 +73,12 @@ Ext.define('PartKeepr.StatisticsChart', {
     	        grid: {
     	            odd: {
     	                opacity: 1,
-    	                fill: '#ddd',
+    	                fill: '#eee',
+    	                stroke: '#bbb',
+    	                'stroke-width': 0.5
+    	            },
+    	            even: {
+    	            	opacity: 1,
     	                stroke: '#bbb',
     	                'stroke-width': 0.5
     	            }
@@ -93,7 +94,8 @@ Ext.define('PartKeepr.StatisticsChart', {
     	        position: 'bottom',
     	        aggregateOp: "avg",
     	        fields: ['start'],
-    	        title: i18n("Date")
+    	        title: i18n("Date"),
+    	        grid: true
     	    };
     	
     	this.axes = [ this.axis1, this.axis2 ];
@@ -117,12 +119,6 @@ Ext.define('PartKeepr.StatisticsChart', {
     	        	session :PartKeepr.getApplication().getSession()
     	        }
     	    },
-    	    listeners: {
-	        	load: function (store) {
-	        		console.log("FOO");
-	        		console.log(store);	
-	        	}
-	        },
     	    autoLoad: false
     	});
     	
diff --git a/frontend/js/Components/Statistics/StatisticsChartPanel.js b/frontend/js/Components/Statistics/StatisticsChartPanel.js
@@ -3,11 +3,13 @@ Ext.define('PartKeepr.StatisticsChartPanel', {
     title: i18n("Statistics Chart"),
 
     layout: 'anchor',
+    bodyStyle: 'background:#DBDBDB;padding: 15px;',
     
     initComponent: function () {
-    	this.chart = Ext.create("PartKeepr.StatisticsChart", { anchor: '100% -50' });
+    	this.chart = Ext.create("PartKeepr.StatisticsChart", { anchor: '100% -60' });
     	
     	this.dateSelector1 = Ext.create("Ext.form.field.Date", {
+    		style: 'margin-top: 10px', 
     		fieldLabel: i18n("From"),
     		listeners: {
     			change: Ext.bind(this.onDateChanged, this)