/modules/mod_development/templates/wmtrace_diagram.tpl

http://github.com/zotonic/zotonic · Smarty Template · 62 lines · 56 code · 6 blank · 0 comment · 0 complexity · 19e6779caa62e7443e797adf88fdd59e MD5 · raw file 

    

  1. <html>
    2. 

  2. <head>
    3. 

  3. 	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
    4. 

  4. 	<title>Webmachine trace {{ filename|escape }}</title>
    5. 

  5. 

  6. 	{% lib 
    7. 

  7. 		"css/wmtrace.css" 
    8. 

  8. 		"js/wmtrace.js"
    9. 

  9. 	%}
    10. 

  10. 	
    11. 

  11. 	<script type="text/javascript">
    12. 

  12. 		var request = {{ request }};
    13. 

  13. 		var response = {{ response }};
    14. 

  14. 		var trace = {{ trace }};
    15. 

  15. 	</script>
    16. 

  16. </head>
    17. 

  17. 

  18. <body>
    19. 

  19. 	<div id="zoompanel">
    20. 

  20. 		<button id="zoomout">zoom out</button>
    21. 

  21. 		<button id="zoomin">zoom in</button>
    22. 

  22. 

  23. 		<div id="canvaspanel">
    24. 

  24.                     <canvas id="v3map" width="3138" height="2184"></canvas>
    25. 

  25.                 </div>
    26. 

  26. 		
    27. 

  27. 		<div id="sizetest"></div>
    28. 

  28. 		<div id="preview">
    29. 

  29. 			<div id="previewid"</div>
    30. 

  30. 			<ul id="previewcalls"></ul>
    31. 

  31. 		</div>
    32. 

  32. 

  33. 		<div id="infopanel">
    34. 

  34. 			<div id="infocontrols">
    35. 

  35. 				<div id="requesttab" class="selectedtab">Q</div>
    36. 

  36. 				<div id="responsetab">R</div>
    37. 

  37. 				<div id="decisiontab">D</div>
    38. 

  38. 			</div>
    39. 

  39. 			<div id="requestdetail">
    40. 

  40. 				<div>
    41. 

  41. 					<span id="requestmethod"></span>
    42. 

  42. 					<span id="requestpath"></span>
    43. 

  43. 				</div>
    44. 

  44. 				<ul id="requestheaders"></ul>
    45. 

  45. 				<div id="requestbody"></div>
    46. 

  46. 			</div>
    47. 

  47. 			<div id="responsedetail">
    48. 

  48. 				<div id="responsecode"></div>
    49. 

  49. 				<ul id="responseheaders"></ul>
    50. 

  50. 				<div id="responsebody"></div>
    51. 

  51. 			</div>
    52. 

  52. 			<div id="decisiondetail">
    53. 

  53. 				<div>Decision: <select class="form-control" id="decisionid"></select></div>
    54. 

  54. 				<div>Calls: <select class="form-control" id="decisioncalls"></select></div>
    55. 

  55. 				<div>Input:</div>
    56. 

  56. 				<pre id="callinput"></pre>
    57. 

  57. 				<div>Output:</div>
    58. 

  58. 				<pre id="calloutput"></pre>
    59. 

  59. 			</div>
    60. 

  60. 		</div>
    61. 

  61. 	</div>
    62. 

  62. </html>
    63.