ticket #28 - updates the page to display the callback information

src/main/resources/pages/log/log.html

@@ -36,6 +36,7 @@ <h2>Current status: <span ng-class="{'label label-success': connectionStatus ==
                         <th>Request Time (yyyy-MM-dd HH:mm:ss.SSS)</th>
                         <th>Request IP Source</th>
                         <th>Response Code</th>
+                        <th>Type</th>
                         <th>Returned as Expected?</th>
                         <th></th>
                     </tr>
@@ -45,6 +46,14 @@ <h2>Current status: <span ng-class="{'label label-success': connectionStatus ==
                         <td><a href="#" ng-click="isCollapsed = !isCollapsed">{{log.logRequest.arrivedAt}}</a></td>
                         <td>{{log.logRequest.whoInvokedAddress}}</td>
                         <td>{{log.logResponse.statusCode}}</td>
+                        <td>
+                            <div ng-if="log.isCallback">
+                                Callback executed
+                            </div>
+                            <div ng-if="!log.isCallback">
+                                Received Request
+                            </div>
+                        </td>
                         <td>
                             <span ng-class="{'label label-success': log.finishedWithError == false, 'label label-danger':  log.finishedWithError == true}">{{getResponseText(log)}}</span>
                         </td>
@@ -53,7 +62,7 @@ <h2>Current status: <span ng-class="{'label label-success': connectionStatus ==
                     <tr ng-repeat-end="">
                         <td colspan="5" style="padding: 0">
                             <div collapse="isCollapsed">
-                                <div ng-class="getCalloutRequestClass(log)">
+                                <div ng-class="getCalloutRequestClass(log)" ng-if="!log.isCallback">
                                     <h4>Request Data</h4>
                                     <table class="table table-bordered table-striped">
                                         <thead>
@@ -102,7 +111,7 @@ <h4>Request Data</h4>
                                         </tbody>
                                     </table>
                                 </div>
-                                <div ng-class="getCalloutRequestClass(log)">
+                                <div ng-class="getCalloutRequestClass(log)" ng-if="!log.isCallback">
                                     <h4>Response Sent</h4>
                                     <table class="table table-bordered table-striped">
                                         <thead>
@@ -135,6 +144,52 @@ <h4>Response Sent</h4>
                                         </tbody>
                                     </table>
                                 </div>
+                                <div ng-class="getCalloutRequestClass(log)" ng-if="log.isCallback">
+                                    <h4>Executed Callback</h4>
+                                    <table class="table table-bordered table-striped">
+                                        <thead>
+                                            <tr>
+                                                <th>Attribute</th>
+                                                <th>Value</th>
+                                            </tr>
+                                        </thead>
+                                        <!-- todo, add content-type here -->
+                                        <tbody>
+                                            <tr>
+                                                <td>Delay (In Milli)</td>
+                                                <td>{{log.logCallback.delayInMilli}}</td>
+                                            </tr>
+                                            <tr>
+                                                <td>Invoked URL</td>
+                                                <td>{{log.logCallback.completeUrlToCall}}</td>
+                                            </tr>
+                                            <tr>
+                                                <td>HttpMethod</td>
+                                                <td>{{log.logCallback.httpMethod}}</td>
+                                            </tr>
+                                            <tr>
+                                                <td>Body</td>
+                                                <td>{{log.logCallback.bodyToSend}}</td>
+                                            </tr>
+                                            <tr>
+                                                <td>Header List</td>
+                                                <td>
+                                                    <ul>
+                                                        <li ng-repeat="header in log.logCallback.headerList">{{header.name}}: {{header.valueList}}</li>
+                                                    </ul>
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <td>Query Param List</td>
+                                                <td>
+                                                    <ul>
+                                                        <li ng-repeat="queryParam in log.logCallback.queryParamList">{{queryParam.name}}: {{queryParam.valueList}}</li>
+                                                    </ul>
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
                                 <div ng-class="getCalloutRequestClass(log)">
                                     <h4>uaiMockServer Log</h4>
                                     <table class="table table-bordered table-striped">