Extended the HTML header with some initial CSS.

The pie-chart plugin script was also added to the head of the document.
This commit is contained in:
Adam Waldenberg 2012-11-17 00:33:47 +01:00
parent e833ac1c9b
commit 369290fc25
2 changed files with 58 additions and 4 deletions

View file

@ -58,13 +58,14 @@ def output_header():
html_header = __output_html_template__(base + "/html/html.header")
jquery_js = __get_zip_file_content__("jquery.js")
flot_js = __get_zip_file_content__("jquery.flot.js")
pie_js = __get_zip_file_content__("jquery.flot.pie.js")
logo_file = open(base + "/html/gitinspector_piclet.png", "rb")
logo = logo_file.read()
logo_file.close()
logo = base64.b64encode(logo)
print(html_header.format(version.__version__, jquery_js, flot_js, logo))
print(html_header.format(version.__version__, jquery_js, flot_js, pie_js, logo))
elif __selected_format__ == "xml":
print("<gitinspector>")

View file

@ -3,8 +3,61 @@
<title>Generated by gitinspector {0}.</title>
<script type="application/javascript">{1}</script>
<script type="application/javascript">{2}</script>
<script type="application/javascript">{3}</script>
<style type="text/css">
body {{
font-family: "Arial";
}}
div.statistics {{
height: 10em;
}}
table.git, div.logo {{
border: 4px solid #ddd;
width: 33%;
float: right;
background-color: #eee;
margin: 1.25em;
font-size: small;
border-radius: 15px;
-moz-border-radius: 15px;
box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;
}}
div.logo img {{
float: left;
padding: 0.6em;
}}
table.git {{
float: left;
height: 100%;
}}
table.git th, table.git tfoot tr td{{
padding: 0.3em;
background-color: #ddcece;
border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px;
}}
table.git tfoot tr td{{
border-radius: 0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px;
}}
table.git td {{
padding: 0.4em;
}}
table.git tr.odd {{
background-color: #dbdbdb;
}}
div.chart {{
float: left;
width: 350px;
height: 100%;
font-size: x-small;
}}
</style>
</head>
<body>
<img src="data:image/png;base64,{3}" />
<p>The output below has been generated by <a href="http://gitinspector.googlecode.com">gitinspector</a>;
the statistical analysis tool for git repositories.<p>
<div class="logo">
<img src="data:image/png;base64,{4}" />
<p>The output has been generated by <a href="http://gitinspector.googlecode.com">gitinspector</a>;
the statistical analysis tool for git repositories.<p>
</div>