energylink/src/app/partials/inspector.html

<div class="modal-body" ng-controller="InspectCtrl" ng-init="init()">
  <div class="pull-right editor-title">Inspector</div>

  <div ng-model="editor.index" bs-tabs>
    <div ng-repeat="tab in ['Request', 'Response', 'JS Error']" data-title="{{tab}}">
    </div>
  </div>

  <div ng-if="editor.index == 0">
    <h5>Request details</h5>
    <table class="table table-striped small inspector-request-table">
      <tr>
        <td>Url</td>
        <td>{{inspector.error.config.url}}</td>
      </tr>
      <tr>
        <td>Method</td>
        <td>{{inspector.error.config.method}}</td>
      </tr>
      <tr ng-repeat="(key, value) in inspector.error.config.headers">
        <td>
          {{key}}
        </td>
        <td>
          {{value}}
        </td>
      </tr>
    </table>

    <h5>Request parameters</h5>
    <table class="table table-striped small inspector-request-table">
        <tr ng-repeat="param in request_parameters">
          <td>
            {{param.key}}
          </td>
          <td>
            {{param.value}}
          </td>
        </tr>
    </table>
  </div>

  <div ng-if="editor.index == 1">
		<h5 ng-if="response" ng-bind="response"></h5>

    <div ng-if="response_html">
      <div iframe-content="response_html"></div>
    </div>

  </div>

  <div ng-if="editor.index == 2">

    <label>Message:</label>
    <pre>
      {{message}}
    </pre>

    <label>Stack trace:</label>
    <pre>
      {{stack_trace}}
    </pre>

  </div>

</div>
<div class="modal-footer">
  <button type="button" class="btn btn-info" ng-click="dismiss()">Close</button>
</div>