-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (112 loc) · 5.43 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
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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<html lang="en">
<head>
<meta charset="utf-8">
<title>Tabela FIPE</title>
<link rel="manifest" href="manifest.json">
<meta name="description" content="">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="fipepwa.ico" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/angular-block-ui/0.2.2/angular-block-ui.min.css">
<link rel="stylesheet" href="styles/app.css" media="screen" title="no title">
</head>
<body ng-app="fipepwa">
<div layout="column" layout-fill ng-controller="HomeController as vm" ng-cloak>
<div class="ribbon-wrapper-green"><div class="ribbon-green">beta</div></div>
<md-toolbar md-scroll-shrink>
<div class="md-toolbar-tools">
<img src="images/icons/icon-128-128.png" alt="fipe" width="32" style="margin-right: 5px;" />
<h3><span> Tabela FIPE</span></h3>
</div>
</md-toolbar>
<md-content flex>
<md-card>
<md-card-title>
<md-card-title-text>
<span class="md-headline">Veículo</span>
<span class="md-subhead">Dados do seu veículo</span>
</md-card-title-text>
</md-card-title>
<md-card-content>
<md-input-container class="md-block">
<md-select ng-model="vm.selectedTipoVeiculo" required
ng-change="vm.selectedFabricanteId = vm.selectedModeloId = vm.selectedAnoModeloId = vm.selectedVeiculo = null" >
<md-option ng-repeat="tipo in vm.tipos" value="{{tipo.value}}" placeholder="Tipo do veículo">
<md-icon md-font-set="material-icons">{{tipo.icon}}</md-icon>
{{tipo.label}}
</md-option>
</md-select>
</md-input-container>
<md-input-container class="md-block">
<label>Selecione o fabricante</label>
<md-select
ng-model="vm.selectedFabricanteId" md-on-open="vm.loadFabricantes()"
ng-show="vm.selectedTipoVeiculo" ng-change="vm.selectedModeloId = null" required>
<md-option ng-repeat="fabricante in vm.fabricantes" value="{{fabricante.id}}">
{{fabricante.name}}
</md-option>
</md-select>
</md-input-container>
<md-input-container class="md-block">
<label>Selecione o modelo</label>
<md-select ng-model="vm.selectedModeloId" md-on-open="vm.loadModelos()" ng-show="vm.selectedFabricanteId" required>
<md-option ng-repeat="modelo in vm.modelos" value="{{modelo.id}}">
{{modelo.name}}
</md-option>
</md-select>
</md-input-container>
<md-input-container class="md-block">
<label>Selecione o ano do modelo</label>
<md-select ng-model="vm.selectedAnoModeloId" md-on-open="vm.loadAnosModelo()" ng-show="vm.selectedModeloId" ng-change="vm.loadDadosVeiculo()" required>
<md-option ng-repeat="anoModelo in vm.anosModelo" value="{{anoModelo.id}}">
{{anoModelo.name}}
</md-option>
</md-select>
</md-input-container>
</md-card>
<md-card ng-if="vm.selectedVeiculo">
<md-card-title>
<md-card-title-text>
<span class="md-headline">FIPE</span>
<span class="md-subhead">Valor na tabela FIPE</span>
</md-card-title-text>
</md-card-title>
<md-card-content>
{{vm.selectedVeiculo.preco}}
</md-card-content>
</md-card>
</md-content>
</div>
<!-- Angular Material requires Angular.js Libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script>
<!-- Angular Material Library -->
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script>
<!-- Angular Block UI -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-block-ui/0.2.2/angular-block-ui.min.js"></script>
<!-- App scripts -->
<script src="build/bundle.js"></script>
<!-- GoogleAnalytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
if (location.hostname !== 'localhost') {
ga('create', 'UA-86092412-1', 'auto');
ga('send', {
hitType: 'pageview',
page: location.hostname
});
} else {
console.debug('Google Analytcs disabled for localhost domain.');
}
</script>
</body>
</html>