<!DOCTYPE html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<title>Not render weekends on the scale</title>
</head>
	<script src="../../codebase/dhtmlxgantt.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="../../codebase/dhtmlxgantt.css" type="text/css" media="screen" title="no title" charset="utf-8">

	<script type="text/javascript" src="../common/testdata.js"></script>
<body>
	<style type="text/css">
		html, body{ padding:0px; margin:0px; height:100%; }
	</style>
	<div id="gantt_here" style='width:100%; height:100%;'></div>
	<script type="text/javascript">

		gantt.config.xml_date = "%Y-%m-%d %H:%i:%s";

		gantt.config.scale_unit = "month";
		gantt.config.step = 1;
		gantt.config.date_scale = "%F, %Y";
		gantt.config.min_column_width = 50;

		gantt.config.scale_height = 90;

		var weekScaleTemplate = function(date){
			var dateToStr = gantt.date.date_to_str("%d %M");
			var endDate = gantt.date.add(gantt.date.add(date, 1, "week"), -1, "day");
			return dateToStr(date) + " - " + dateToStr(endDate);
		};

		gantt.config.subscales = [
			{unit:"week", step:1, template:weekScaleTemplate},
			{unit:"day", step:1, date:"%D" }
		];


		gantt.ignore_time = function(date){
			if(date.getDay() == 0 || date.getDay() == 6)
				return true;
			return false;
		};

		gantt.init("gantt_here");
		gantt.load("../common/data.json", "json");
	</script>
</body>