backbone/index.html at master · baryman/backbone · 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
<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>Backbone</title>
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/sumoselect.css">

</head>
<body>
<div id="dependent_lists">
	<span class="car-block"></span>
	<span class="model-block"></span>
	<p class="description">Здесь вы можете найти автомобиль по своему вкусу! Всегда оставайтесь с нами и Вы точно получите машину в подарок! Подпишись на нас!</p>
	<div class="catalogs"></div>
</div>

	<script type="text/template" id="cars-select">
		<select id="cars-select_brand">

			<option selected disabled>Выберите марку авто</option>

			<% _.forEach(cars, function(car){%>
				<option data-car_brand="<%=car.brand %>" value="<%=car.brand %>"><%=car.brand %></option>
			<%})%>

		</select>
	</script>

	<script type="text/template" id="model-select">
		<select id="cars-select_model">

			<option selected disabled>Выберите модель</option>

			<% _.forEach(models, function(model){%>
				<% if (!_.isEmpty(model.body)){%>
					<optgroup label="<%=model.title %>">
						<% _.forEach(model.body, function(body){%>
							<option data-car_model="<%=body.code %>" value="<%=body.title %>">Модель - <%=body.title %></option>
						<%})%>
					</optgroup>
				<%}else{%>
					<option data-car_model="<%=model.code %>" value="<%=model.title %>"><%=model.title %></option>
				<%}%>
			<%})%>
		</select>
	</script>

	<script type="text/template" id="cars-list">
		<h2><%= id %> : <%= title %></h2>
		<img src="<%= img %>" alt="" />
		<div><%= description %></div>
		<div><%= mileage %></div>
	</script>


	<script type="text/template" id="template_title">
		<div class="tt">
			<h1><%= brand %> - <%= model %></h1>
		</div>
	</script>

	<script src="js/jquery.js"></script>
	<script src="js/jquery.sumoselect.js"></script>
	<script src="js/underscore.js"></script>
	<script src="js/backbone.js"></script>
	<script src="js/machine.js"></script>
	<script src="js/collection_cars.js"></script>
	<script src="js/main.js"></script>

</body>
</html>