route.in.th/index_en.html at master · PhompAng/route.in.th · 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
<div class="row">
  <div class="col-xs-12">
    <div class="card">
      <span class="origin-title text-dark-green">Origin</span>{{response["origin"]["en"]}}
      <div class="card-divider"></div>
      <span class="destination-title text-dark-green">Destination</span>{{response["destination"]["en"]}}
    </div>
  </div>
</div>

<div class="row">
  <div class="col-xs-12">
    <div class="card">
      <h2>Trip Fare</h2>
      <span class="fare text-dark-green en">{{response["fare"]["total"]}} Baht</span>
      <span id="fare-breakdown-toggle" class="card-detail-toggle">Fare Breakdown<i class="fa fa-caret-down"></i></span>
      <ul class="fare-breakdown">
        <li ng-hide="response['fare']['ARL'] == 0">ARL {{arl_cnt}} Stops <small>({{response["card_type_arl"]["en"]}})</small><span class="fare">{{response["fare"]["ARL"]}} Baht</span></li>
        <li ng-hide="response['fare']['BTS'] == 0">BTS {{bts_cnt}} Stops <small>({{response["card_type_bts"]["en"]}})</small><span class="fare">{{response["fare"]["BTS"]}} Baht</span></li>
        <li ng-hide="response['fare']['MRT'] == 0">MRT {{mrt_cnt}} Stops <small>({{response["card_type_mrt"]["en"]}})</small><span class="fare">{{response["fare"]["MRT"]}} Baht</span></li>
      </ul>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-xs-12">
    <div class="card">
      <h2>Station Map</h2>
      <div ng-repeat="station in object_route" ng-show="full_route || $first || $last || stations[$index][0] != stations[$index+1][0] || stations[$index][0] != stations[$index-1][0] || (station['code']=='BCEN' && !bts_same_line)">
        <div class="station">
          <div class="icon">
            <img class="img-circle" src="assets/arl.png" ng-if="station['code'][0] == 'A'" style="width: 50px" alt="">
            <img class="img-circle" src="assets/bts.png" ng-if="station['code'][0] == 'B'" style="width: 50px" alt="">
            <img class="img-circle" src="assets/mrt.png" ng-if="station['code'][0] == 'M'" style="width: 50px" alt="">
          </div>
          <span class="station-name text-dark-green">{{station["name"]["en"]}} <span ng-if="station['code'][0] == 'B'">({{station["line"]["en"]}} Line)</span><span style="color: #aaa;"> ({{station["code"]}})</span></span>
          <span class="direction">End: {{station["heading"]["en"]}}</span>
          <div class="clearfix"></div>
        </div>
        <div class="connecting ride" ng-if="full_route && !$last && stations[$index][0] == stations[$index+1][0]">1 stop</div>
        <div class="connecting ride" ng-if="!full_route && !$last && stations[$index][0] == stations[$index+1][0]">{{station["station_cnt"]}} stops</div>
        <div class="connecting change" ng-if="!$last && stations[$index][0] != stations[$index+1][0]">Connection</div>
      </div>

      <span class="card-detail-toggle text-center" ng-click="toggleRoute()" ng-if="!full_route">Show all stops</i></span>
      <span class="card-detail-toggle text-center" ng-click="toggleRoute()" ng-if="full_route">Hide all stops</i></span>
    </div>
  </div>
</div>