#6 - support change of origin

blueghostuk · Apr 18, 2013 · 25996d1 · 25996d1
1 parent eb6c66c
commit 25996d1
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/TrainDelayed/Scripts/viewmodels.js b/TrainDelayed/Scripts/viewmodels.js
@@ -16,6 +16,7 @@ function TrainViewModel(json, from, callingAt) {
     self.tocName = json.AtocCode ? json.AtocCode.Name : "";
 
     self.from = json.Origin.Description.toLowerCase();
+    self.newFrom = json.ChangeOfOrigin !== null ? json.ChangeOfOrigin.NewOrigin.Description.toLowerCase() : null;
     self.to = json.Destination.Description.toLowerCase();
 
     self.fromStation = from.toLowerCase();
@@ -36,6 +37,8 @@ function TrainViewModel(json, from, callingAt) {
 
     self.cancelled = json.Cancellation !== null;
 
+    self.changeOfOrigin = json.ChangeOfOrigin !== null;
+
     self.title = json.Cancellation ? "Cancelled " + json.Cancellation.Type +
         (json.Cancellation.CancelledAt ? " at " + json.Cancellation.CancelledAt.Description : "") : "";
 }
diff --git a/TrainDelayed/search-results.cshtml b/TrainDelayed/search-results.cshtml
@@ -77,7 +77,7 @@
                     </tr>
                 </thead>
                 <tbody data-bind="foreach: $data">
-                    <tr data-bind="css: { error: cancelled }, attr: { Title: title }">
+                    <tr data-bind="css: { info: changeOfOrigin, error: cancelled }, attr: { Title: title }">
                         @{
                             if (string.IsNullOrEmpty(@ConfigurationManager.AppSettings["trainLink"]))
                             {
@@ -89,7 +89,16 @@
                             }
                         }
                         <td data-bind="text: tocCode, attr: { title : tocName }"></td>
-                        <td data-bind="text: from" class="stationName"></td>
+                        <td>
+                            <!-- ko if: changeOfOrigin -->
+                            <span data-bind="text: from" class="stationName" style="text-decoration: line-through;"></span>
+                            <br />
+                            Starts from <span data-bind="text: newFrom" class="stationName"></span>
+                            <!-- /ko -->
+                            <!-- ko if: !changeOfOrigin -->
+                            <span data-bind="text: from" class="stationName"></span>
+                            <!-- /ko -->
+                        </td>
                         <td data-bind="text: to" class="stationName"></td>
                         <td data-bind="text: fromStation" class="stationName"></td>
                         <td data-bind="text: expectedDeparture"></td>