<!DOCTYPE html>
<html lang="en-us">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>L/R - Units</title>
	<link href="/emanager/favicon.ico" rel="shortcut icon" type="image/x-icon" />
	<link href="/emanager/Content/site.css" rel="stylesheet"/>
<link href="/emanager/Content/kendo/kendo.common.min.css" rel="stylesheet"/>
<link href="/emanager/Content/kendo/kendo.metro.min.css" rel="stylesheet"/>

	<script src="/emanager/Scripts/modernizr-2.6.2.js"></script>
<script src="/emanager/Scripts/moment.js"></script>

</head>
<body>
	<nav><ul id="sitenav"><li class="sitenav-root"><a href="/emanager/">E-Manager</a></li><li>Lease / Rental<ul><li><a href="/emanager/LeaseRental/UnitList">Units</a></li></ul></li></ul></nav>
	<header>
		
	</header>
	<div>
		
<div id="unitview"></div>
<div id="unitsgrid"></div>
	</div>
	<footer>
		
	</footer>
	<script src="/emanager/Scripts/jquery-2.0.0.js"></script>
<script src="/emanager/Scripts/kendo/kendo.web.min.js"></script>
<script src="/emanager/Scripts/kendo/kendo.aspnetmvc.min.js"></script>

	<script>
		$(function() {
			$("#sitenav").kendoMenu();
		});
	</script>
	
	<script>
		$(function() {
			var unitsDataSource = new kendo.data.DataSource({
serverFiltering: true,
serverPaging: true,
pageSize: 100,
serverSorting: true,
sort: [{ field: 'LegendUnitNumber', dir: 'asc' }],
transport: { read: { cache: false, dataType: 'json', url: '/emanager/api/DataGrid/Query/LeaseRental.UnitsGrid/Default' } },
schema: {
data: 'Records',
total: 'TotalRowCount',
errors: 'ErrorMessage',
model: {
id: 'LeaseRentalUnitId',
fields: {
LeaseRentalUnitId: { editable: false, type: 'number' },
LegendUnitNumber: { editable: false, type: 'string' },
BookBranchId: { editable: false, type: 'number' },
UnitTypeName: { editable: false, type: 'string' },
Year: { editable: false, type: 'number' },
UnitMakeName: { editable: false, type: 'string' },
UnitModelName: { editable: false, type: 'string' },
LeaseRentalFlag: { editable: false, type: 'string' },
ContractTypeName: { editable: false, type: 'string' },
StatusFlag: { editable: false, type: 'string' },
StatusReasonTypeName: { editable: false, type: 'string' },
EngineMakeName: { editable: false, type: 'string' },
EngineModelName: { editable: false, type: 'string' },
DomicileCity: { editable: false, type: 'string' },
DomicileState: { editable: false, type: 'string' },
LegendCustomerName: { editable: false, type: 'string' }
}
}
}
});
$('#unitsgrid').kendoGrid({
columnMenu: true,
dataSource: unitsDataSource,
filterable: true,
groupable: true,
navigatable: true,
reorderable: true,
resizable: true,
scrollable: { virtual: true },
selectable: true,
sortable: { mode: 'multiple' },
height: 600,
columns: [
{ field: 'LeaseRentalUnitId', filterable: true, hidden: true, sortable: false, title: 'ID' },
{ field: 'LegendUnitNumber', filterable: true, sortable: true, title: 'Unit #' },
{ field: 'BookBranchId', filterable: true, sortable: true, title: 'Book Branch' },
{ field: 'UnitTypeName', filterable: true, sortable: true, title: 'Unit Type' },
{ field: 'Year', filterable: true, sortable: true, title: 'Year' },
{ field: 'UnitMakeName', filterable: true, sortable: true, title: 'Make' },
{ field: 'UnitModelName', filterable: true, sortable: true, title: 'Model' },
{ field: 'LeaseRentalFlag', filterable: true, sortable: true, title: 'L/R Type' },
{ field: 'ContractTypeName', filterable: true, sortable: true, title: 'Contract Type' },
{ field: 'StatusFlag', filterable: true, sortable: true, title: 'Status' },
{ field: 'StatusReasonTypeName', filterable: true, sortable: true, title: 'Status Reason' },
{ field: 'EngineMakeName', filterable: true, sortable: true, title: 'Engine Make' },
{ field: 'EngineModelName', filterable: true, sortable: true, title: 'Engine Model' },
{ field: 'DomicileCity', filterable: true, sortable: true, title: 'Domicile City' },
{ field: 'DomicileState', filterable: true, sortable: true, title: 'Domicile State' },
{ field: 'LegendCustomerName', filterable: true, sortable: true, title: 'Customer' }
]
});


			$('#unitsgrid').delegate('tbody>tr', 'dblclick', function(e) {
				var dataGrid = $('#unitsgrid').getKendoGrid();
				var dataItem = dataGrid.dataItem(dataGrid.select());
				//alert(dataItem.LeaseRentalUnitId);
				$('#unitview').getKendoWindow().center().title('Unit: ' + dataItem.LegendUnitNumber).open().refresh({ url: '/emanager/LeaseRental/Unit', data: { id: dataItem.LeaseRentalUnitId } });
			});

			$('#unitview').kendoWindow({
				width: 700,
				height: 500,
				actions: ['Refresh', 'Maximize', 'Close'],
				title: '',
				visible: false
			});
		});
	</script>

</body>
</html>