RDChart/index.html at master · waleeddogar/RDChart · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE>
<html>
    	<head>
    		<meta charset="UTF-8">
    		<title>index</title>
    		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    		<link rel="shortcut icon" href="images/favicon.png">
    		<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    		<link rel="stylesheet" href="css/main.css">
    		<link rel="stylesheet" href="css/materialize.css">
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

            <script>

                $( document ).ready(function() {
        	       jQuery.ajax({
                    type: "GET",
        			url: "php/getYears.php",
        			success: function(response){
        				console.log(response);
        				var years = JSON.parse(response);
        				for(i=0; i< (years.modelYear).length ; i++){
                      if(years.modelYear[i] > 2013){
        							var option = $('<option />');
        							option.attr('value',years.modelYear[i] ).text(years.modelYear[i]);
        							$('#year').append(option);
                                }
                            }
        			     }
                    });
                });

            </script>

    	</head>

    	<body>

    		<div id="disappear"><h1 id="title">Payments and Dealer Reserve App</h1></div>
    		<div id="disappear2">
                <div id="halfscreen">
    				<label>Select a Year</label>
             		<select id="year" onchange="getMakes(this.value)">
               			<option value="">Select year</option>
            	 	</select>
    				         <label>Select Make</label>
             		<select id="make" onchange="getModels(this.value)" >
               			<option value="">Select make</option>
            	 	</select>
            		<label>Select Model</label>
             		<select id="model" onchange="getTrims(this.value)">
               			<option value="">Select model</option>
            	 	</select>
                <label>Select Trim</label>
                <select id="trim" onchange="getBasePrice(this.value)">
                    <option value="">Select trim</option>
                </select>
                    </div>
			</div>

    		<div id="center">

    			<div class="input-field">
    				<input class="amount" type="number" id="primeCost" placeholder="Enter MSRP Amount Here">
    			</div>

                <button class="btn waves-effect waves-light" id="submitbutton" onclick='showChart()'>Submit</button>
                <button class="btn waves-effect blue-grey darken-3" id="editbutton" onclick='reload()'>Edit Car</button>

            </div>
            <h4 id="selectedcar">Selected Car:</h4>
    		<div class="charts">

                <div class="leftside">
					<h5 class="charttitle">Monthly Payments</h5>
				</div>

                <div class="rightside">
					<h5 class="charttitle">Dealer Reserve</h5>
				</div>

    			<div id="rates"></div>
    			<div id="commission"></div>

    		</div>

            <div class="charts leftside">
                <div id="rates1"></div>
            </div>

            <div class="charts rightside">
                <table id="cashIncentivesTable"></table>
            </div>

            <div class="modal"><!-- Place at bottom of page --></div>


    		<script src="js/highcharts.js"></script>
            <script src="js/heatmap.js"></script>
            <script src="js/exporting.js"></script>
    		<script src="js/main.js"></script>
            <script src="js/chromeDataCalls.js"></script>
    		<script src="js/ratesVariables.js"></script>

    	</body>

</html>