Add loading local static files option of template.html

when rendering template.html, static files can be loaded from local path '/libs' by using include_libs args.

Change-Id: I36d3457d36e5b831343409748e2e97b377e0cc92
This commit is contained in:
chenxu 2017-07-18 00:00:40 -07:00 committed by cxhuawei
parent ba4732d68a
commit 30c35a1afe
2 changed files with 28 additions and 9 deletions

View File

@ -41,6 +41,8 @@ class TraceCommands(BaseCommand):
help="show trace in JSON")
@cliutils.arg("--html", dest="use_html", action="store_true",
help="show trace in HTML")
@cliutils.arg("--local-libs", dest="local_libs", action="store_true",
help="use local static files of html in /libs/")
@cliutils.arg("--dot", dest="use_dot", action="store_true",
help="show trace in DOT language")
@cliutils.arg("--render-dot", dest="render_dot_filename",
@ -87,6 +89,10 @@ class TraceCommands(BaseCommand):
"$DATA", json.dumps(trace, indent=4,
separators=(",", ": "),
default=datetime_json_serialize))
if args.local_libs:
output = output.replace("$LOCAL", "true")
else:
output = output.replace("$LOCAL", "false")
elif args.use_dot:
dot_graph = self._create_dot_graph(trace)
output = dot_graph.source

View File

@ -2,12 +2,6 @@
<html ng-app="app">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/styles/github.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js"></script>
<script src="https://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/highlight.min.js"></script>
<script src="https://pc035860.github.io/angular-highlightjs/angular-highlightjs.min.js"></script>
<style>
.trace {
min-width: 900px;
@ -76,6 +70,28 @@
}
</style>
<script>
var static_files = $LOCAL;
if (static_files){
document.write('<link rel="stylesheet" href="/libs/bootstrap.min.css">');
document.write('<link rel="stylesheet" href="/libs/github.min.css">');
document.write('<script type="text/javascript" src="/libs/angular.min.js"><\/script>');
document.write('<script type="text/javascript" src="/libs/ui-bootstrap-tpls-2.3.1.min.js"><\/script>');
document.write('<script type="text/javascript" src="/libs/highlight.min.js"><\/script>');
document.write('<script type="text/javascript" src="/libs/angular-highlightjs.min.js"><\/script>');
}
else{
document.write('<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">');
document.write('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/styles/github.min.css">');
document.write('<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js"><\/script>');
document.write('<script type="text/javascript" src="https://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.3.1.min.js"><\/script>');
document.write('<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/highlight.min.js"><\/script>');
document.write('<script type="text/javascript" src="https://pc035860.github.io/angular-highlightjs/angular-highlightjs.min.js"><\/script>');
}
</script>
</head>
<body>
<script>
(function(angular) {
'use strict';
@ -208,9 +224,6 @@
}
})(window.angular);
</script>
</head>
<body>
<!--Tree item template-->
<script type="text/ng-template" id="tree_item_renderer.html">
<div ng-init="hide_children=false">