pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
atm-map.html
(4400B)
1 <div id="atm-map" data-lift="FindAtm" ng-controller="FindAtmCtrl" ng-class="{'nonfound': nonfound}" class="row fade-in two">
2 <div class="col-xs-12">
3 <div class="margin-xs-fix">
4
5 <div ng-show="nonfound" class="layer-info" ng-cloak>
6 <div class="row">
7 <div class="col-xs-10 col-md-6 col-xs-offset-1 col-md-offset-0">
8 <div id="coming-soon-msg" class="fade-in">
9 <h1 class="text-white">We're Not There Yet ....</h1>
10 <p class="message text-white">
11 But if you want us there, fill out your email address and
12 we'll be there.
13 </p>
14 </div>
15 </div>
16 <div class="col-md-12 visible-md visible-lg"></div>
17 <div class="col-xs-10 col-sm-4 col-md-6 col-xs-offset-1 col-sm-offset-4 col-md-offset-0">
18 <span data-lift="embed?what=/templates-hidden/parts/notify-atm-form"></span>
19 </div>
20 </div>
21 </div>
22
23 <div class="layer-overlay">
24 <div ng-show="nonfound || !mapExpanded" class="layer-inner animate-showhide"></div>
25 </div>
26
27 <div id="zoom-buttons">
28 <button type="button" ng-click="zoomIn()" class="btn btn-default btn-sm btn-block">+</button>
29 <button type="button" ng-click="zoomOut()" class="btn btn-default btn-sm btn-block">-</button>
30 </div>
31
32 <div class="map-panel" ng-cloak>
33
34 <div class="well preview-box" ng-hide="currentMarker == null || !mapLoaded || nonfound" ng-click="gotoPageAtm(currentMarker)">
35 <div class="row">
36 <div class="col-xs-4 col-md-12 col-lg-4">
37
38 <div class="row">
39 <div class="col-md-5 col-lg-12">
40 <a href="#">
41 <img class="img-thumbnail atm-profile" ng-src="{{ imageAtm(currentMarker,0) }}" />
42 </a>
43 </div>
44 <div class="col-md-7 col-lg-12">
45 <a href="#" class="atm-profile-name break-word nounderline">
46 {{currentMarker.name}}
47 </a>
48 </div>
49 </div>
50 </div>
51 <div class="col-xs-8 col-md-12 col-lg-8 business-times padding-0">
52 <table class="small">
53 <tbody>
54 <tr ng-repeat="time in currentMarker.times"
55 ng-class="{'today': today() == $index}">
56 <td>{{ day($index) }}</td>
57 <td>{{ timeRange(time.open, time.close) }}</td>
58 </tr>
59 </tbody>
60 </table>
61 <div class="note margin-top-10"><span data-lift="Loc.Showing_Local"></span>.</div>
62 </div>
63
64 </div>
65 </div>
66
67 <div class="well search-box" ng-hide="!mapLoaded">
68
69 <form name="form" ng-submit="search()" novalidate ng-cloak>
70 <div class="input-group">
71 <input
72 required
73 class="form-control"
74 autofocus="true"
75 type="text"
76 name="address"
77 placeholder="{{ searchPlaceholder() }}"
78 ng-model="model.address"
79 ng-maxlength="100"></input>
80
81 <div class="input-group-btn">
82 <button class="btn btn-default btn-primary" type="submit"
83 ng-disabled="form.$invalid" disabler ng-model="loading">
84 <i class="fa fa-search"></i> <span data-lift="Loc.Search_ATM"></span>
85 </button>
86 </div>
87 </div>
88 </form>
89
90 </div>
91 </div>
92
93 <google-map
94 ng-cloak
95 center="map.center"
96 pan="true"
97 zoom="map.zoom"
98 draggable="true"
99 refresh="'true'"
100 events="map.events"
101 options="{disableDefaultUI: true, scrollwheel: false}">
102
103 <marker ng-repeat="m in map.dynamicMarkers" coords="m.loc" click="m.onClicked()" icon="map.icon" options="{title: m.name}">
104 <window show="m.showWindow" closeClick="m.closeClick()" options="map.infoWindow.options" ng-cloak>
105 <div>
106 <address>
107 <strong>{{m.name}}</strong><br>
108 {{m.address}}<br>
109 {{m.city}}, {{m.state}}<br>
110 <a href="{{ pageAtm(m) }}" target="_blank">Click here for help</a><br>
111 <h6 class="store-status text-{{m.statusLevel}}">{{m.status}}</h6>
112 </address>
113 </div>
114 </window>
115 </marker>
116
117 </google-map>
118
119 </div>
120 </div>
121 </div>