| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203 |
- <html ng-app="SAMLChrome" ng-csp="">
- <head>
- <link rel="stylesheet" type="text/css" href="vendor/assets/stylesheets/jquery.resizableColumns.css">
- <link rel="stylesheet" type="text/css" href="vendor/assets/stylesheets/style.css">
- <link rel="stylesheet" type="text/css" href="vendor/assets/stylesheets/codemirror.min.css">
- <link rel="stylesheet" type="text/css" href="vendor/assets/stylesheets/codemirror-dialog.min.css">
- <link rel="stylesheet" type="text/css" href="vendor/assets/stylesheets/codemirror-matchesonscrollbar.min.css">
- <link rel="stylesheet" type="text/css" href="assets/stylesheets/panel.css">
- <script src="vendor/assets/javascripts/jquery-2.2.4.min.js"></script>
- <script src="vendor/assets/javascripts/jquery-ui-1.10.3.custom.min.js"></script>
- <script src="vendor/assets/javascripts/keymaster.min.js"></script>
- <script src="vendor/assets/javascripts/angular.min.js"></script>
- <script src="vendor/assets/javascripts/jquery.resizableColumns.min.js"></script>
- <script src="vendor/assets/javascripts/XmlBeautify-1.2.1.min.js"></script>
- <script src="vendor/assets/javascripts/rawinflate.js"></script>
- <script src="vendor/assets/javascripts/codemirror.min.js"></script>
- <script src="vendor/assets/javascripts/codemirror-xml.min.js"></script>
- <script src="vendor/assets/javascripts/codemirror-dialog.min.js"></script>
- <script src="vendor/assets/javascripts/codemirror-search.min.js"></script>
- <script src="vendor/assets/javascripts/codemirror-searchcursor.min.js"></script>
- <script src="vendor/assets/javascripts/codemirror-annotatescrollbar.min.js"></script>
- <script src="vendor/assets/javascripts/codemirror-matchesonscrollbar.min.js"></script>
- <script src="vendor/assets/javascripts/FileSaver.min.js"></script>
- <script src="assets/javascripts/app.js"></script>
- <script src="assets/javascripts/panel.js"></script>
- <script src="assets/javascripts/toolbar.js"></script>
- </head>
- <body>
- <div class="split-view" ng-controller='PanelController' ng-init="init('chrome-extension')">
- <div class="split-view-contents split-view-contents-requests">
- <div class="data-grid data-grid-requests">
- <table class="header" id="requests-header" resizable-columns data-resizable-columns-sync="#requests">
- <thead>
- <tr>
- <th class='request'>
- Path
- </th>
- <th class='method'>
- Method
- </th>
- <th class='status'>
- Status
- </th>
- </tr>
- </thead>
- </table>
- <div class="data-container">
- <table id="requests" resizable-columns data-resizable-columns-sync="#requests-header">
- <tr class="sizing">
- <td class='request'></td>
- <td class='method'></td>
- <td class='status'></td>
- </tr>
- <tr class="data" ng-repeat="request in showSamlRequests | orderBy:'id'" ng-click="setActive(request.id)" ng-class="getClass(request.id)" scroll-to-new>
- <td class='request {{getTrafficStyle(request)}}' ng-class="{ saml: isSaml(request.id) != saml }" title="{{request.request_url}}">{{request.request_url}}</td>
- <td class='method' ng-class="{ saml: isSaml(request.id) != saml }" title="{{request.request_method}}">{{request.request_method}}</td>
- <td class='status' ng-class="{ saml: isSaml(request.id) != saml }" title="{{request.response_status}}">{{request.response_status}}</td>
- </tr>
- <tr class="filler">
- <td class='request'></td>
- <td class='method'></td>
- <td class='status'></td>
- </tr>
- </table>
- </div>
- </div>
- </div>
- <div class="split-view-contents split-view-contents-details">
- <div id="tabs" class="tabbed-pane">
- <div class="tabbed-pane-header">
- <div class="tabbed-pane-header-contents">
- <ul class="tabbed-pane-header-tabs">
- <li class="tabbed-pane-header-tab" ng-show="activeSaml.length">
- <a href="#tab-saml" class="tabbed-pane-header-tab-title" ng-click="selectDetailTab('tab-saml')">SAML</a>
- </li>
- <li class="tabbed-pane-header-tab">
- <a href="#tab-request" class="tabbed-pane-header-tab-title" ng-click="selectDetailTab('tab-request')">Request</a>
- </li>
- <li class="tabbed-pane-header-tab">
- <a href="#tab-response" class="tabbed-pane-header-tab-title" ng-click="selectDetailTab('tab-response')">Response</a>
- </li>
- </ul>
- </div>
- <div class="toolbar"></div>
- </div>
- <div class="tabbed-pane-content data-grid data-grid-details">
- <div id="tab-saml">
- <div id="tab-saml-codemirror">
- </div>
- </div>
- <div id="tab-request">
- <table id="request-data" ng-show="activeRequest.length">
- <thead>
- <tr>
- <th colspan="2">Request Data</th>
- </tr>
- </thead>
- <tbody>
- <tr ng-repeat="param in activeRequest">
- <td class="key">{{param.name}}</td>
- <td class="value"><pretty-print data="param.value"/></td>
- </tr>
- </tbody>
- </table>
- <table id="headers" ng-show="activeHeaders.length">
- <thead>
- <tr>
- <th colspan="2">Request Headers</th>
- </tr>
- </thead>
- <tbody>
- <tr ng-repeat="param in activeHeaders">
- <td class="key">{{param.name}}</td>
- <td class="value"><pretty-print data="param.value"/></td>
- </tr>
- </tbody>
- </table>
- <table id="postData" ng-show="activePostData.length">
- <thead>
- <tr>
- <th colspan="2">Request POST Data</th>
- </tr>
- </thead>
- <tbody>
- <tr ng-repeat="param in activePostData">
- <td class="key">{{param.name}}</td>
- <td><pretty-print data="param.value"/></td>
- </tr>
- </tbody>
- </table>
- <table id="request-cookies" ng-show="activeResponseCookies.length">
- <thead>
- <tr>
- <th colspan="2">Request Cookies</th>
- </tr>
- </thead>
- <tbody>
- <tr ng-repeat="param in activeCookies">
- <td class="key">{{param.name}}</td>
- <td><pretty-print data="param.value"/></td>
- </tr>
- </tbody>
- </table>
- </div>
- <div id="tab-response">
- <table id="response-data" ng-show="activeResponseData.length">
- <thead>
- <tr>
- <th colspan="2">Response Data</th>
- </tr>
- </thead>
- <tbody>
- <tr ng-repeat="param in activeResponseData">
- <td class="key">{{param.name}}</td>
- <td class="value"><pretty-print data="param.value"/></td>
- </tr>
- </tbody>
- </table>
- <table id="response-headers" ng-show="activeResponseHeaders.length">
- <thead>
- <tr>
- <th colspan="2">Response Headers</th>
- </tr>
- </thead>
- <tbody>
- <tr ng-repeat="param in activeResponseHeaders">
- <td class="key">{{param.name}}</td>
- <td class="value"><pretty-print data="param.value"/></td>
- </tr>
- </tbody>
- </table>
- <table id="response-cookies" ng-show="activeResponseCookies.length">
- <thead>
- <tr>
- <th colspan="2">Response Cookies</th>
- </tr>
- </thead>
- <tbody>
- <tr ng-repeat="param in activeResponseCookies">
- <td class="key">{{param.name}}</td>
- <td><pretty-print data="param.value"/></td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
|