<!DOCTYPE html>
<html ng-app="autoApp">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link href="../Content/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.13.5/css/ui.jqgrid.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.13.5/js/jquery.jqgrid.min.js"></script>
<script>
$(function () {
$(this).bind("contextmenu", function (e) {
e.preventDefault();
});
});
</script>
<script>
function keyRestrict(e, validchars) { // v3.0
var key = '', keychar = '';
key = getKeyCode(e);
if (key === null) return true;
keychar = String.fromCharCode(key);
keychar = keychar.toLowerCase();
validchars = validchars.toLowerCase();
if (validchars.indexOf(keychar) !== -1)
return true;
if (key === null || key === 0 || key === 8 || key === 9 || key === 13 || key === 27)
return true;
return false;
}
</script>
<style>
.space .form-group {
margin-bottom: 0px !important;
}
</style>
<style>
@font-face {
font-family: 'Helvetica Neue';
font-style: normal;
font-weight: 400;
src: url("../fonts/webfonts/Helvetica Neue.eot");
src: local("Helvetica Neue"), local("Helvetica Neue"),
/*url("../fonts/webfonts/Helvetica Neue.eot?#iefix") format("embedded-opentype"),*/
url("../fonts/webfonts/Helvetica Neue.woff2") format("woff2"), url("../fonts/webfonts/Helvetica Neue.woff") format("woff"), url("../fonts/webfonts/Helvetica Neue.ttf") format("truetype"), url("../fonts/webfonts/Helvetica Neue.svg") format("svg");
}
</style>
</head>
<body leftMargin="0" topMargin="-20px">
<div id="UsedCar" data-ng-controller="AutoUsedController">
<div class="form-group">
<table width="80%" align="center" border="0">
<tr>
<td>
<table id="" border="0" style="width:100%;height:20px" align="center">
<tr>
<TD align="right" width="80px">State :</TD>
<td align="left">
<select id="userState" data-ng-model="userState" data-ng-options="m.ID as m.longName for m in States" data-ng-change="GetCities()" class="form-control input-sm" style="font-size:9pt;width:130px;height:22px">
<option value="">State</option>
</select><span id="statespan" value="0"></span>
<TD align="right" width="80px">City :</TD>
<td>
<select id="userCity" data-ng-model="userCity" data-ng-options="c.cityName as c.cityName for c in Cities" class="form-control input-sm" style="font-size:9pt;width:120px;height:22px">
<option value="">{{userCity}}</option>
</select><span id="cityspan" value="0"></span>
</td>
</tr>
<TR style="height:10px">
<TD align="right" width="10%">Stock Number : </TD>
<td><INPUT type="text" id="stockNumber" data-ng-model="stockNumber" style="font-size:9pt;width:250px;height:17px;margin-top: 0 !important;" class="form-control"></td>
<TD align="right" width="9%">VIN : </TD>
<td>
<INPUT type="text" id="VIN" data-ng-model="VIN" style="font-size:9pt;width:200px;height:17px;margin-top: 0 !important;" class="form-control">
<span id="vinspan" value="0"></span>
</td>
</TR>
<TR style="height:22px">
<TD align="right" width="10%">Body Type : </TD>
<TD align="left" style="padding-top: 2px; width:20%;">
<select id="bodyType" data-ng-model="bodyType" data-ng-options="s.bodyType as s.bodyType for s in autoBodyType" value="{{s.bodyType}}" style="font-size:9pt;width:120px;height:25px" class="form-control input-sm">
<option value="">--Body Type--</option>
</select><span id="typespan" value="0"></span>
</TD>
<TD align="right" width="9%">Auto Make : </TD>
<TD align="left" style="padding-top: 2px; width:30%;">
<select id="autoMake" data-ng-model="autoMake" data-ng-options="m.autoMake1 as m.autoMake1 for m in autoMakes" data-ng-change="GetAutoModels()" style="font-size:9pt;width:150px;height:25px" class="form-control input-sm">
<option value="">--Make--</option>
</select><span id="makespan" value="0"></span>
</TD>
</TR>
<TR style="height:22px">
<TD align="right" width="10%">Auto Model : </TD>
<TD align="left" style="padding-top: 2px; width:25%;">
<select id="autoModel" data-ng-model="autoModel" data-ng-options="s.autoModel1 as s.autoModel1 for s in autoModels" style="font-size:9pt;width:150px;height:25px" class="form-control input-sm">
<option value="">{{autoModel}}</option>
</select><span id="modelspan" value="0"></span>
</TD>
<TD align="right" width="9%">Year : </TD>
<TD align="left" style="padding-top: 2px;width:30%;">
<select id="autoYear" data-ng-model="autoYear" data-ng-options="s.autoYear1 as s.autoYear1 for s in autoYears" style="font-size:9pt;width:100px;height:25px" class="form-control input-sm">
<option value="">Year</option>
</select><span id="yearspan" value="0"></span>
</TD>
</TR>
<TR>
<TD align="right" width="10%">Exterior Color : </TD>
<TD align="left" style="padding-top: 2px; width:25%;">
<table border="0" width="100%">
<tr>
<td align="left" width="85px" style="padding-top: 2px;">
<select id="exteriorColor" data-ng-model="exteriorColor" data-ng-options="s.Color as s.Color for s in autoColors" style="font-size:9pt;width:110px;height:25px" class="form-control input-sm">
<option value="">Color</option>
</select>
</td>
<td align="right">
Interior :
</td>
<td>
<select id="interiorColor" data-ng-model="interiorColor" data-ng-options="s.Color as s.Color for s in autoColors" style="font-size:9pt;width:110px;height:25px" class="form-control input-sm">
<option value="">Color</option>
</select>
</td>
</tr>
</table>
</TD>
<TD align="right" width="9%">Engine : </TD>
<TD align="left" style="padding-top: 2px;width:30%;">
<select id="autoEngine" data-ng-model="autoEngine" data-ng-options="s.ID as s.autoEngine1 for s in autoEngines" style="font-size:9pt;width:80px;height:25px" class="form-control input-sm">
<option value="">Engine</option>
</select><span id="enginespan" value="0"></span>
</TD>
</TR>
<TR>
<TD align="right" width="10%">Doors : </TD>
<TD align="left" style="padding-top: 2px; width:25%;">
<select id="autoDoor" data-ng-model="autoDoor" data-ng-options="s.autoDoor as s.autoDoor for s in autoDoors" style="font-size:9pt;width:80px;height:25px" class="form-control input-sm">
<option value="">Door</option>
</select><span id="doorspan" value="0"></span>
</TD>
<TD align="right" width="9%">Mileage: </TD>
<TD align="left" style="padding-top: 2px;width:30%;"><INPUT type="text" id="autoMileage" data-ng-model="autoMileage" style="font-size:9pt;width:100px;height:17px" class="form-control input-sm" onKeyPress="return keyRestrict(event,'1234567890.')"><span id="milespan" value="0"></span></TD>
</TR>
<TR>
<TD align="right" width="10%">Sale Price : </TD>
<TD align="left" style="padding-top: 2px; width:30%;">
<table border="0" width="100%">
<tr>
<TD align="left" width="85px" style="padding-top: 2px;">
<INPUT type="text" id="salePrice" data-ng-model="salePrice" format="currency" style="font-size:9pt;width:110px;height:17px" class="form-control input-sm" onKeyPress="return keyRestrict(event,'1234567890.')">
<span id="salespan" value="0"></span>
</TD>
<TD align="right" width="90px">New Price : </TD>
<TD><INPUT type="text" id="newPrice" data-ng-model="newPrice" format="currency" style="font-size:9pt;width:110px;height:17px" class="form-control input-sm" onKeyPress="return keyRestrict(event,'1234567890.')"></TD>
</tr>
</table>
</TD>
</TR>
</table>
</td>
</tr>
</table>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-touch.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-animate.js"></script>
<script src="http://ui-grid.info/release/ui-grid-unstable.js"></script>
<link rel="stylesheet" href="http://ui-grid.info/release/ui-grid-unstable.css" type="text/css">
<script src="AngularScript.js"></script>
</body>
</html>