-
Notifications
You must be signed in to change notification settings - Fork 0
/
detail.html
32 lines (32 loc) · 1.28 KB
/
detail.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
<ons-page ng-controller="DetailController">
<ons-toolbar class="toolbar">
<div class="left">
<ons-back-button ng-tap="backClick()">
Kembali
</ons-back-button>
</div>
<div class="center">{{title}}</div>
</ons-toolbar>
<div ng-show="obj.state == 'loading'" class="loader2">
<div></div>
<ons-icon icon="ion-load-c" spin="true"></ons-icon>
<div></div>
</div>
<div ng-show="obj.state == 'noResult'" class="noResults">Tidak ada hasil yang ditemukan</div>
<ons-list ng-show="obj.state == 'loaded'">
<ons-row>
<ons-col style="min-height: 800">
<img ng-click="mapClick()" style="width:100%;" src="https://maps.googleapis.com/maps/api/staticmap?zoom=16&size=640x3200&maptype=roadmap&markers=color:blue%7Clabel:S%7C{{lat}},{{lng}}&key=AIzaSyCA1-dtbVNNO0zKKeAeAG0eW3naXlzApnQ"
/>
</ons-col>
</ons-row>
<ons-row class="border" style="padding-top: 5px; padding-bottom: 5px;">
<ons-col class="myC" style="align-self: center;">Alamat:</ons-col>
<ons-col>{{address}}</ons-col>
</ons-row>
<ons-row class="border" style="padding-top: 5px; padding-bottom: 5px;">
<ons-col class="myC" style="align-self: center;">Buka:</ons-col>
<ons-col>{{openInfo}}</ons-col>
</ons-row>
</ons-list>
</ons-page>