#!/usr/bin/env python

# encoding: utf-8

# summary controller for pylons

# Copyright (C) 2009-2010 Marcin Kuzminski <marcin@python-works.com>

# 

# This program is free software; you can redistribute it and/or

# modify it under the terms of the GNU General Public License

# as published by the Free Software Foundation; version 2

# of the License or (at your opinion) any later version of the license.

# 

# This program is distributed in the hope that it will be useful,

# but WITHOUT ANY WARRANTY; without even the implied warranty of

# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

# GNU General Public License for more details.

# 

# You should have received a copy of the GNU General Public License

# along with this program; if not, write to the Free Software

# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston,

# MA  02110-1301, USA.

"""

Created on April 18, 2010

summary controller for pylons

@author: marcink

"""

from pylons import tmpl_context as c, request, url

from rhodecode.lib.auth import LoginRequired, HasRepoPermissionAnyDecorator

from rhodecode.lib.base import BaseController, render

from rhodecode.lib.utils import OrderedDict

from rhodecode.model.hg import HgModel

from rhodecode.model.db import Statistics

from webhelpers.paginate import Page

from rhodecode.lib.celerylib import run_task

from rhodecode.lib.celerylib.tasks import get_commits_stats

from datetime import datetime, timedelta

from time import mktime

import calendar

import logging

try:

    import json

except ImportError:

    #python 2.5 compatibility

    import simplejson as json

log = logging.getLogger(__name__)

class SummaryController(BaseController):

    @LoginRequired()

    @HasRepoPermissionAnyDecorator('repository.read', 'repository.write',

                                   'repository.admin')           

    def __before__(self):

        super(SummaryController, self).__before__()

    def index(self):

        hg_model = HgModel()

        c.repo_info = hg_model.get_repo(c.repo_name)

        e = request.environ

        uri = u'%(protocol)s://%(user)s@%(host)s%(prefix)s/%(repo_name)s' % {

                                        'protocol': e.get('wsgi.url_scheme'),

                                        'user':str(c.rhodecode_user.username),

                                        'host':e.get('HTTP_HOST'),

                                        'prefix':e.get('SCRIPT_NAME'),

                                        'repo_name':c.repo_name, }

        c.clone_repo_url = uri

        c.repo_tags = OrderedDict()

        for name, hash in c.repo_info.tags.items()[:10]:

            c.repo_tags[name] = c.repo_info.get_changeset(hash)

        c.repo_branches = OrderedDict()

        for name, hash in c.repo_info.branches.items()[:10]:

            c.repo_branches[name] = c.repo_info.get_changeset(hash)

        td = datetime.today() + timedelta(days=1) 

        y, m, d = td.year, td.month, td.day

        ts_min_y = mktime((y - 1, (td - timedelta(days=calendar.mdays[m])).month,

                            d, 0, 0, 0, 0, 0, 0,))

        ts_min_m = mktime((y, (td - timedelta(days=calendar.mdays[m])).month,

                            d, 0, 0, 0, 0, 0, 0,))

        ts_max_y = mktime((y, m, d, 0, 0, 0, 0, 0, 0,))

        run_task(get_commits_stats, c.repo_info.name, ts_min_y, ts_max_y)

        c.ts_min = ts_min_m

        c.ts_max = ts_max_y

        stats = self.sa.query(Statistics)\

            .filter(Statistics.repository == c.repo_info.dbrepo)\

            .scalar()

        if stats and stats.languages:

            lang_stats = json.loads(stats.languages)

            c.commit_data = stats.commit_activity

            c.overview_data = stats.commit_activity_combined

            c.trending_languages = json.dumps(OrderedDict(

                                       sorted(lang_stats.items(), reverse=True,

                                            key=lambda k: k[1])[:2]

                                        )

                                    )

        else:

            c.commit_data = json.dumps({})

            c.overview_data = json.dumps([[ts_min_y, 0], [ts_max_y, 0] ])

            c.trending_languages = json.dumps({})

        return render('summary/summary.html')

## -*- coding: utf-8 -*-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" id="mainhtml">

<head>

    <title>${next.title()}</title>

    <link rel="icon" href="/images/hgicon.png" type="image/png" />

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

    <meta name="robots" content="index, nofollow"/>

    <!-- stylesheets -->

    ${self.css()}

    <!-- scripts -->

    ${self.js()}

</head>

<body>

    <!-- header -->

    <div id="header">

        <!-- user -->

        <ul id="logged-user">

            <li class="first">

	            <div class="gravatar">

	            	<img alt="gravatar" src="${h.gravatar_url(c.rhodecode_user.email,24)}" />

	            </div>

	            <div class="account">

	            	${h.link_to('%s %s'%(c.rhodecode_user.name,c.rhodecode_user.lastname),h.url('admin_settings_my_account'))}<br/>

	            	${h.link_to(c.rhodecode_user.username,h.url('admin_settings_my_account'))}

	            </div>	

            </li>

            <li class="last highlight">${h.link_to(u'Logout',h.url('logout_home'))}</li>

        </ul>

        <!-- end user -->

        <div id="header-inner" class="title top-left-rounded-corner top-right-rounded-corner">

            <!-- logo -->

            <div id="logo">

                <h1><a href="${h.url('home')}">${c.rhodecode_name}</a></h1>

            </div>

            <!-- end logo -->

            <!-- menu -->

            ${self.page_nav()}

            <!-- quick -->

        </div>

    </div>     

    <!-- end header -->

	<!-- CONTENT -->

	<div id="content"> 

        <div class="flash_msg">

            <% messages = h.flash.pop_messages() %>

            % if messages:

            <ul id="flash-messages">

                % for message in messages:

                <li class="${message.category}_msg">${message}</li>

                % endfor

            </ul>

            % endif

        </div>	    

	    <div id="main"> 

	        ${next.main()}

	    </div>

	</div> 

    <!-- END CONTENT -->

	<!-- footer -->

	<div id="footer">

	   <div id="footer-inner" class="title bottom-left-rounded-corner bottom-right-rounded-corner">

	       <div>

	           <p class="footer-link">${h.link_to(_('Submit a bug'),h.url('bugtracker'))}</p>

		       <p class="footer-link">${h.link_to(_('GPL license'),h.url('gpl_license'))}</p>

		       <p>RhodeCode ${c.rhodecode_version} &copy; 2010 by Marcin Kuzminski</p>

	       </div>

	   </div>

        <script type="text/javascript">${h.tooltip.activate()}</script>

	</div>

	<!-- end footer -->

</body>

</html>

### MAKO DEFS ### 

<%def name="page_nav()">

	${self.menu()}

</%def>

<%def name="menu(current=None)">

		<% 

		def is_current(selected):

			if selected == current:

				return h.literal('class="current"')

		%>

		%if current not in ['home','admin']:           		

		   ##REGULAR MENU            

	        <ul id="quick">

				<!-- repo switcher -->

				<li>

					<a id="repo_switcher" title="${_('Switch repository')}" href="#">

                    <span class="icon">

                        <img src="/images/icons/database.png" alt="${_('Products')}" />

                    </span>

                    <span>&darr;</span>					

					</a>

					<ul class="repo_switcher">

                        %for repo,private in c.repo_switcher_list:

                          %if private:

                             <li>${h.link_to(repo,h.url('summary_home',repo_name=repo),class_="private_repo")}</li>

                          %else:

                             <li>${h.link_to(repo,h.url('summary_home',repo_name=repo),class_="public_repo")}</li>

                          %endif  

                        %endfor					

					</ul>			

				</li>

	            <li ${is_current('summary')}>

	               <a title="${_('Summary')}" href="${h.url('summary_home',repo_name=c.repo_name)}">

	               <span class="icon">

	                   <img src="/images/icons/clipboard_16.png" alt="${_('Summary')}" />

	               </span>

	               <span>${_('Summary')}</span>                 

	               </a>	            

	            </li>

                <li ${is_current('changelog')}>

                   <a title="${_('Changelog')}" href="${h.url('changelog_home',repo_name=c.repo_name)}">

                   <span class="icon">

                       <img src="/images/icons/time.png" alt="${_('Changelog')}" />

                   </span>

                   <span>${_('Changelog')}</span>                 

                   </a>             

                </li>   	

                <li ${is_current('switch_to')}>

                   <a title="${_('Switch to')}" href="#">

                   <span class="icon">

                       <img src="/images/icons/arrow_switch.png" alt="${_('Switch to')}" />

                   </span>

                   <span>${_('Switch to')}</span>                 

                   </a>    

                    <ul>

                        <li>

                            <ul>

                            %if c.repository_branches.values():

						        %for cnt,branch in enumerate(c.repository_branches.items()):

						            <li>${h.link_to('%s - %s' % (branch[0],h.short_id(branch[1])),h.url('files_home',repo_name=c.repo_name,revision=branch[1]))}</li>

						        %endfor

						    %else:

						    	<li>${h.link_to(_('There are no branches yet'),'#')}</li>

						    %endif

                            </ul>                        

                        </li>

                        <li>

                            <ul>

                            %if c.repository_tags.values():

                                %for cnt,tag in enumerate(c.repository_tags.items()):

                                 <li>${h.link_to('%s - %s' % (tag[0],h.short_id(tag[1])),h.url('files_home',repo_name=c.repo_name,revision=tag[1]))}</li>

                                %endfor

                            %else:

                            	<li>${h.link_to(_('There are no tags yet'),'#')}</li>

                            %endif

                            </ul>                        

                        </li>                        

                    </ul>

                </li>

                <li ${is_current('files')}>

                   <a title="${_('Files')}" href="${h.url('files_home',repo_name=c.repo_name)}">

                   <span class="icon">

                       <img src="/images/icons/file.png" alt="${_('Files')}" />

                   </span>

                   <span>${_('Files')}</span>                 

                   </a>             

                </li>                            

                <li ${is_current('options')}>

                   <a title="${_('Options')}" href="#">

                   <span class="icon">

                       <img src="/images/icons/table_gear.png" alt="${_('Admin')}" />

                   </span>

                   <span>${_('Options')}</span>                 

                   </a>

                   <ul>

                   %if h.HasRepoPermissionAll('repository.admin')(c.repo_name):

                   	<li>${h.link_to(_('settings'),h.url('repo_settings_home',repo_name=c.repo_name),class_='settings')}</li>

                   %endif	

                   	<li>${h.link_to(_('fork'),h.url('repo_fork_home',repo_name=c.repo_name),class_='fork')}</li>

                   	<li>${h.link_to(_('search'),h.url('search_repo',search_repo=c.repo_name),class_='search')}</li>

                    %if h.HasPermissionAll('hg.admin')('access admin main page'):

                    <li>

                       ${h.link_to(_('admin'),h.url('admin_home'),class_='admin')}  

                        <ul>

                            <li>${h.link_to(_('journal'),h.url('admin_home'),class_='journal')}</li>

                            <li>${h.link_to(_('repositories'),h.url('repos'),class_='repos')}</li>

                            <li>${h.link_to(_('users'),h.url('users'),class_='users')}</li>

                            <li>${h.link_to(_('permissions'),h.url('edit_permission',id='default'),class_='permissions')}</li>

                            <li class="last">${h.link_to(_('settings'),h.url('admin_settings'),class_='settings')}</li>        

                        </ul>

                    </li>

                    %endif                    

##                   %if h.HasRepoPermissionAll('repository.admin')(c.repo_name):

##                   	<li class="last">

##                   	${h.link_to(_('delete'),'#',class_='delete')}

##	                  ${h.form(url('repo_settings_delete', repo_name=c.repo_name),method='delete')}

##	                    ${h.submit('remove_%s' % c.repo_name,'delete',class_="delete_icon action_button",onclick="return confirm('Confirm to delete this repository');")}

##	                  ${h.end_form()}

##                   	</li>

##                   	%endif

                   </ul>             

                </li>

	        </ul>

		%else:

		    ##ROOT MENU

            <ul id="quick">

                <li>

                    <a title="${_('Home')}"  href="${h.url('home')}">

                    <span class="icon">

                        <img src="/images/icons/home_16.png" alt="${_('Home')}" />

                    </span>

                    <span>${_('Home')}</span>                 

                    </a>        

                </li>

                <li>

                    <a title="${_('Search')}"  href="${h.url('search')}">

                    <span class="icon">

                        <img src="/images/icons/search_16.png" alt="${_('Search')}" />

                    </span>

                    <span>${_('Search')}</span>                 

                    </a>        

                </li>

				%if h.HasPermissionAll('hg.admin')('access admin main page'):

                <li ${is_current('admin')}>

                   <a title="${_('Admin')}" href="${h.url('admin_home')}">

                   <span class="icon">

                       <img src="/images/icons/cog_edit.png" alt="${_('Admin')}" />

                   </span>

                   <span>${_('Admin')}</span>                 

                   </a>    

				    <ul>

				        <li>${h.link_to(_('journal'),h.url('admin_home'),class_='journal')}</li>

				        <li>${h.link_to(_('repositories'),h.url('repos'),class_='repos')}</li>

				        <li>${h.link_to(_('users'),h.url('users'),class_='users')}</li>

				        <li>${h.link_to(_('permissions'),h.url('edit_permission',id='default'),class_='permissions')}</li>

				        <li class="last">${h.link_to(_('settings'),h.url('admin_settings'),class_='settings')}</li>        

				    </ul>

                </li>

				%endif

			</ul>

		%endif    

</%def>

<%def name="css()">

<link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" />

<link rel="stylesheet" type="text/css" href="/css/pygments.css"  />

<link rel="stylesheet" type="text/css" href="/css/diff.css"  />

</%def>

<%def name="js()">

##<script type="text/javascript" src="/js/yui/utilities/utilities.js"></script>

##<script type="text/javascript" src="/js/yui/container/container.js"></script>

##<script type="text/javascript" src="/js/yui/datasource/datasource.js"></script>

##<script type="text/javascript" src="/js/yui/autocomplete/autocomplete.js"></script>

<script type="text/javascript" src="/js/yui2.js"></script>

<!--[if IE]><script language="javascript" type="text/javascript" src="/js/excanvas.min.js"></script><![endif]-->

<script type="text/javascript" src="/js/yui.flot.js"></script>

</%def>

<%def name="breadcrumbs()">

    <div class="breadcrumbs">

    ${self.breadcrumbs_links()}

    </div>

</%def>

<%inherit file="/base/base.html"/>

<%def name="title()">

    ${c.repo_name} ${_('Summary')} - ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

    ${h.link_to(u'Home',h.url('/'))}

    » 

    ${h.link_to(c.repo_name,h.url('summary_home',repo_name=c.repo_name))}

    »

    ${_('summary')}

</%def>

<%def name="page_nav()">

	${self.menu('summary')}    

</%def>

<%def name="main()">

<script type="text/javascript">

var E = YAHOO.util.Event;

var D = YAHOO.util.Dom;

E.onDOMReady(function(e){

    id = 'clone_url';

    E.addListener(id,'click',function(e){

        D.get('clone_url').select();

    })

})

</script>

<div class="box box-left">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <!-- end box / title -->

	<div class="form">

	  <div class="fields">

			 <div class="field">

			  <div class="label">

			      <label>${_('Name')}:</label>

			  </div>

			  <div class="input-short">

		          %if c.repo_info.dbrepo.repo_type =='hg':

		            <img style="margin-bottom:2px" class="icon" title="${_('Mercurial repository')}" alt="${_('Mercurial repository')}" src="/images/icons/hgicon.png"/>

		            <img style="margin-bottom:2px" class="icon" title="${_('Git repository')}" alt="${_('Git repository')}" src="/images/icons/giticon.png"/>

		          %endif 

	             %if c.repo_info.dbrepo.private:

	                <img style="margin-bottom:2px" class="icon" title="${_('private repository')}" alt="${_('private repository')}" src="/images/icons/lock.png"/>

	             %else:

	                <img style="margin-bottom:2px" class="icon" title="${_('public repository')}" alt="${_('public repository')}" src="/images/icons/lock_open.png"/>

	             %endif

			      <span style="font-size: 1.6em;font-weight: bold;vertical-align: baseline;">${c.repo_info.name}</span>

			      <br/>

		            %if c.repo_info.dbrepo.fork:

		            	<span style="margin-top:5px">

		            	<a href="${h.url('summary_home',repo_name=c.repo_info.dbrepo.fork.repo_name)}">

		            	<img class="icon" alt="${_('public')}"

		            	title="${_('Fork of')} ${c.repo_info.dbrepo.fork.repo_name}" 

		            	src="/images/icons/arrow_divide.png"/>

		            	${_('Fork of')} ${c.repo_info.dbrepo.fork.repo_name}

		            	</a>

		            	</span>

		            %endif			      

			  </div>

			 </div>

			 <div class="field">

			  <div class="label">

			      <label>${_('Description')}:</label>

			  </div>

			  <div class="input-short">

			      ${c.repo_info.description}

			  </div>

			 </div>

			 <div class="field">

			  <div class="label">

			      <label>${_('Contact')}:</label>

			  </div>

			  <div class="input-short">

			  	<div class="gravatar">

			  		<img alt="gravatar" src="${h.gravatar_url(c.repo_info.dbrepo.user.email)}"/>

			  	</div>

			  		${_('Username')}: ${c.repo_info.dbrepo.user.username}<br/>

			  		${_('Name')}: ${c.repo_info.dbrepo.user.name} ${c.repo_info.dbrepo.user.lastname}<br/>

			  		${_('Email')}: <a href="mailto:${c.repo_info.dbrepo.user.email}">${c.repo_info.dbrepo.user.email}</a>

			  </div>

			 </div>

			 <div class="field">

			  <div class="label">

			      <label>${_('Last change')}:</label>

			  </div>

			  <div class="input-short">

			      ${h.age(c.repo_info.last_change)} - ${c.repo_info.last_change} 

			      ${_('by')} ${h.get_changeset_safe(c.repo_info,'tip').author} 

			  </div>

			 </div>

			 <div class="field">

			  <div class="label">

			      <label>${_('Clone url')}:</label>

			  </div>

			  <div class="input-short">

			      <input type="text" id="clone_url" readonly="readonly" value="hg clone ${c.clone_repo_url}" size="70"/>

			  </div>

			 </div>

			 <div class="field">

			  <div class="label">

			      <label>${_('Trending languages')}:</label>

			  </div>

			  <div class="input-short">

			    <div id="lang_stats">

			    </div> 			  

			  	<script type="text/javascript">

			  		var data = ${c.trending_languages|n};

			  		var total = 0;

			  		var no_data = true;

			  		for (k in data){

			  		    total += data[k];

			  		    no_data = false;

			  		} 

					var tbl = document.createElement('table');

					tbl.setAttribute('class','trending_language_tbl');

			  		for (k in data){

				  		var tr = document.createElement('tr');

				  		var percentage = Math.round((data[k]/total*100),2);

						var value = data[k];

				  		var td1 = document.createElement('td');

				  		td1.width=150;

				  		var trending_language_label = document.createElement('div');

				  		trending_language_label.innerHTML = k;

				  		td1.appendChild(trending_language_label);

				  		var td2 = document.createElement('td');

			  		    var trending_language = document.createElement('div');

			  		    trending_language.title = k;

			  		    trending_language.innerHTML = "<b>"+percentage+"% "+value+" ${_('files')}</b>";

			  		    trending_language.setAttribute("class", 'trending_language top-right-rounded-corner bottom-right-rounded-corner');

			  		    trending_language.style.width=percentage+"%";

						td2.appendChild(trending_language);

						tr.appendChild(td1);

						tr.appendChild(td2);

			  		    tbl.appendChild(tr);

			  		}

			  		if(no_data){

			  			var tr = document.createElement('tr');

			  			var td1 = document.createElement('td');

			  			td1.innerHTML = "${_('No data loaded yet')}";

			  			tr.appendChild(td1);

			  			tbl.appendChild(tr);

					}

			  		YAHOO.util.Dom.get('lang_stats').appendChild(tbl);

			  	</script>

			  </div>

			 </div>

			 <div class="field">

			  <div class="label">

			      <label>${_('Download')}:</label>

			  </div>

			  <div class="input-short">

		        %for cnt,archive in enumerate(c.repo_info._get_archives()):

		             %if cnt >=1:

		             |

		             %endif

		             ${h.link_to(c.repo_info.name+'.'+archive['type'],

		                h.url('files_archive_home',repo_name=c.repo_info.name,

		                revision='tip',fileformat=archive['extension']),class_="archive_icon")}

		        %endfor

			  </div>

			 </div>

			 <div class="field">

			  <div class="label">

			      <label>${_('Feeds')}:</label>

			  </div>

			  <div class="input-short">

	            ${h.link_to(_('RSS'),h.url('rss_feed_home',repo_name=c.repo_info.name),class_='rss_icon')}

	            ${h.link_to(_('Atom'),h.url('atom_feed_home',repo_name=c.repo_info.name),class_='atom_icon')}

			  </div>

			 </div>				 			 			 

	  </div>		 

	</div>				

</div>

<div class="box box-right"  style="min-height:455px">

    <!-- box / title -->

    <div class="title">

        <h5>${_('Commit activity by day / author')}</h5>

    </div>

    <div class="table">

        <div id="commit_history" style="width:560px;height:300px;float:left"></div>

        <div style="clear: both;height: 10px"></div>

        <div id="overview" style="width:560px;height:100px;float:left"></div>

    	<div id="legend_data" style="clear:both;margin-top:10px;">

	    	<div id="legend_container"></div>

	    	<div id="legend_choices">

				<table id="legend_choices_tables" style="font-size:smaller;color:#545454"></table>

	    	</div>

    	</div>

		<script type="text/javascript">

		/**

		 * Plots summary graph

		 *

		 * @class SummaryPlot

		 * @param {from} initial from for detailed graph

		 * @param {to} initial to for detailed graph

		 * @param {dataset}

		 * @param {overview_dataset}

		 */

		function SummaryPlot(from,to,dataset,overview_dataset) {

			var initial_ranges = {

			    "xaxis":{

				    "from":from,

				   	"to":to,

				},

			};

		    var dataset = dataset;

		    var overview_dataset = [overview_dataset];

		    var choiceContainer = YAHOO.util.Dom.get("legend_choices");

		    var choiceContainerTable = YAHOO.util.Dom.get("legend_choices_tables");

		    var plotContainer = YAHOO.util.Dom.get('commit_history');

		    var overviewContainer = YAHOO.util.Dom.get('overview');

		    var plot_options = {

				}

				if(data.length >= 1){

					return data;

				} 

				else{

					//just return dummy data for graph to plot itself

					return [getDummyData('')];	

				}

		    }

			/**

			* redraw using new checkbox data

			*/

		    function plotchoiced(e,args){

			    var cur_data = args[0];

			    var cur_ranges = args[1];

				var new_data = [];

		    	var inputs = choiceContainer.getElementsByTagName("input");

		    	//show only checked labels

		        for(var i=0; i<inputs.length; i++) {

		            var checkbox_key = inputs[i].name;

	                if(inputs[i].checked){

						for(var d in cur_data){

							if(cur_data[d].label == checkbox_key){

								new_data.push(cur_data[d]);

							}

						}			                

	    	        }

	                else{

		                //push dummy data to not hide the label

						new_data.push(getDummyData(checkbox_key));

			        }

		        }

		    	var new_options = YAHOO.lang.merge(plot_options, {

		            xaxis: { 

		  	      		min: cur_ranges.xaxis.from, 

		  	      		max: cur_ranges.xaxis.to,

		  	      		mode:"time",

		  	      		timeformat: "%d/%m",

		        	}

		    	});

		    	if (!new_data){

					new_data = [[0,1]];

				}

		    	// do the zooming

		       plot = YAHOO.widget.Flot(plotContainer, new_data, new_options);

		       plot.subscribe("plotselected", plotselected);

		       //resubscribe plothover

		       plot.subscribe("plothover", plothover);

		       // don't fire event on the overview to prevent eternal loop

		       overview.setSelection(cur_ranges, true);

		    }

			/**

		     * plot only selected items from overview

		     * @param ranges

		     * @returns

		     */

		    function plotselected(ranges,cur_data) {

			    //updates the data for new plot

	    		data = getDataAccordingToRanges(ranges);

	    		generateCheckboxes(data);

		    	var new_options = YAHOO.lang.merge(plot_options, {

		            xaxis: { 

		  	      		min: ranges.xaxis.from, 

		  	      		max: ranges.xaxis.to,

		  	      		mode:"time",

		  	      		timeformat: "%d/%m",