-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (66 loc) · 2.89 KB
/
index.html
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
<html lang="en" ng-app="sytacApp">
<head>
<meta charset="utf-8">
<title>Sytac Zugmeister</title>
<link rel="stylesheet" href="libs/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="libs/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="assets/css/app.css"/>
</head>
<body ng-controller="MainController as MainCtrl">
<loading></loading>
<div class="container">
<div class="row">
<div class="col-sm-8 col-xs-12">
<div class="sytacContainer" id="headerContainer">
<img src="assets/img/brand.png" />
</div>
<div class="sytacContainer" id="mainContainer">
<div class="alert alert-danger" role="alert" ng-hide="error.length == 0">
<span class="fa fa-exclamation-triangle" aria-hidden="true"></span>
<span class="sr-only">Error:</span>
{{error}}. Please try to refresh.
</div>
<form action="" id="zugForm" ng-show="error.length == 0">
<div class="form-group input-group">
<span class="input-group-addon"><i class="fa fa-truck"></i></span>
<select class="form-control" ng-model="vehicleType">
<option selected disabled value="default"> -- select an option -- </option>
<option ng-repeat="vehicle in zugData | unique: 'type'" value="{{vehicle.type}}">{{vehicle.type | capitalize}}</option>
</select>
</div>
<div class="form-group input-group">
<span class="input-group-addon"><i class="fa fa-arrow-right"></i></span>
<select class="form-control" ng-model="vehicleId">
<option disabled selected value="0"> -- select an option -- </option>
<option ng-repeat="vehicle in zugData | filter: { type: vehicleType }" value="{{vehicle.id}}">{{vehicle.brand}}</option>
</select>
</div>
<div class="form-group input-group">
<span class="input-group-addon"><i class="fa fa-paint-brush"></i></span>
<select class="form-control" ng-model="vehicleColor">
<option disabled selected value=""> -- select an option -- </option>
<option ng-repeat="color in getSelectedVehicle().colors" value="{{color}}">{{color}}</option>
</select>
</div>
</form>
</div>
</div>
<div class="col-sm-4 col-xs-12">
<div class="sytacContainer" id="vehicleContainer">
<div class="thumbnail">
<img src="assets/img/unselected.png" ng-src="{{vehicleImage()}}">
<div class="caption">
<h3>{{getSelectedVehicle().brand || "Select a vehicle"}}</h3>
<p ng-show="vehicleType !== 'default'">Type: {{vehicleType | capitalize }}</p>
<p ng-show="vehicleColor.length > 0">Color: {{vehicleColor | capitalize }}</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="libs/angular/angular.min.js"></script>
<script type="text/javascript" src="libs/zugmeister/service/index.js"></script>
<script type="text/javascript" src="dist/app.js"></script>
</body>
</html>