Several changes related to treemap rendering:
* Rendering treemap in build-page as iframe, as the svg needs static CSS classes to work; and static CSS doesn't compose * Added 'include_static_css' param to Views.layout (useful for later) * Added Builder_web.dream_svg helper if we want to serve a svg directly
This commit is contained in:
parent
ff302a9c06
commit
5548c04a3e
2 changed files with 130 additions and 103 deletions
|
@ -84,6 +84,11 @@ let get_uuid s =
|
||||||
| None -> Error ("Bad uuid", `Bad_Request)
|
| None -> Error ("Bad uuid", `Bad_Request)
|
||||||
else Error ("Bad uuid", `Bad_Request))
|
else Error ("Bad uuid", `Bad_Request))
|
||||||
|
|
||||||
|
let dream_svg ?status ?code ?headers body =
|
||||||
|
Dream.response ?status ?code ?headers body
|
||||||
|
|> Dream.with_header "Content-Type" "image/svg+xml"
|
||||||
|
|> Lwt.return
|
||||||
|
|
||||||
let add_routes datadir =
|
let add_routes datadir =
|
||||||
let datadir_global = Dream.new_global ~name:"datadir" (fun () -> datadir) in
|
let datadir_global = Dream.new_global ~name:"datadir" (fun () -> datadir) in
|
||||||
|
|
||||||
|
@ -193,7 +198,7 @@ let add_routes datadir =
|
||||||
~log:(fun _ -> Log.warn (fun m -> m "Error reading ELF file %a"
|
~log:(fun _ -> Log.warn (fun m -> m "Error reading ELF file %a"
|
||||||
Fpath.pp path))
|
Fpath.pp path))
|
||||||
>>= fun infos ->
|
>>= fun infos ->
|
||||||
let svg =
|
let svg_html =
|
||||||
infos
|
infos
|
||||||
|> Info.import
|
|> Info.import
|
||||||
|> Info.diff_size
|
|> Info.diff_size
|
||||||
|
@ -202,8 +207,11 @@ let add_routes datadir =
|
||||||
|> Treemap.of_tree
|
|> Treemap.of_tree
|
||||||
|> Treemap.doc
|
|> Treemap.doc
|
||||||
|> Fmt.to_to_string (Tyxml.Html.pp ())
|
|> Fmt.to_to_string (Tyxml.Html.pp ())
|
||||||
|
(* |> Treemap.svg
|
||||||
|
* |> Fmt.to_to_string (Tyxml.Svg.pp ()) *)
|
||||||
in
|
in
|
||||||
Lwt_result.ok (Dream.html svg)
|
(* Lwt_result.ok (dream_svg svg) *)
|
||||||
|
Lwt_result.ok (Dream.html svg_html)
|
||||||
in
|
in
|
||||||
|
|
||||||
let job_build req =
|
let job_build req =
|
||||||
|
|
41
lib/views.ml
41
lib/views.ml
|
@ -32,7 +32,7 @@ type nav = [
|
||||||
let pp_platform = Fmt.(option ~none:(any "") (append (any "on ") string))
|
let pp_platform = Fmt.(option ~none:(any "") (append (any "on ") string))
|
||||||
let pp_platform_query = Fmt.(option ~none:(any "") (append (any "?platform=") string))
|
let pp_platform_query = Fmt.(option ~none:(any "") (append (any "?platform=") string))
|
||||||
|
|
||||||
let layout ?nav:(nav_=`Default) ~title:title_ body_ =
|
let layout ?include_static_css ?nav:(nav_=`Default) ~title:title_ body_ =
|
||||||
let breadcrumb =
|
let breadcrumb =
|
||||||
let to_nav kvs =
|
let to_nav kvs =
|
||||||
nav [ ul (List.map (fun (desc, href) ->
|
nav [ ul (List.map (fun (desc, href) ->
|
||||||
|
@ -61,10 +61,12 @@ let layout ?nav:(nav_=`Default) ~title:title_ body_ =
|
||||||
Fmt.str "/compare/%a/%a/" Uuidm.pp build_left.uuid Uuidm.pp build_right.uuid;
|
Fmt.str "/compare/%a/%a/" Uuidm.pp build_left.uuid Uuidm.pp build_right.uuid;
|
||||||
]
|
]
|
||||||
in
|
in
|
||||||
html
|
let static_css =
|
||||||
(head (title (txt title_))
|
let include_static_css = match include_static_css with
|
||||||
[style ~a:[a_mime_type "text/css"]
|
| None -> []
|
||||||
[
|
| Some l -> l
|
||||||
|
in
|
||||||
|
include_static_css @ [
|
||||||
txt "body {\
|
txt "body {\
|
||||||
margin: 40px auto;\
|
margin: 40px auto;\
|
||||||
line-height: 1.6;\
|
line-height: 1.6;\
|
||||||
|
@ -109,7 +111,11 @@ let layout ?nav:(nav_=`Default) ~title:title_ body_ =
|
||||||
txt ":checked + .toggleable {\
|
txt ":checked + .toggleable {\
|
||||||
display: block;\
|
display: block;\
|
||||||
}";
|
}";
|
||||||
]])
|
]
|
||||||
|
in
|
||||||
|
html
|
||||||
|
(head (title (txt title_))
|
||||||
|
[style ~a:[a_mime_type "text/css"] static_css])
|
||||||
|
|
||||||
(body [
|
(body [
|
||||||
breadcrumb;
|
breadcrumb;
|
||||||
|
@ -343,15 +349,22 @@ let job_build
|
||||||
latest next previous
|
latest next previous
|
||||||
=
|
=
|
||||||
let delta = Ptime.diff finish start in
|
let delta = Ptime.diff finish start in
|
||||||
layout ~nav:(`Build (name, build)) ~title:(Fmt.str "Job %s %a" name pp_ptime start)
|
let body =
|
||||||
(h1 [txtf "Job %s" name] ::
|
h1 [txtf "Job %s" name] ::
|
||||||
[
|
[
|
||||||
h2 ~a:[a_id "build"] [txtf "Build %a" pp_ptime start];
|
h2 ~a:[a_id "build"] [txtf "Build %a" pp_ptime start];
|
||||||
p [txtf "Built on platform %s" platform ];
|
p [txtf "Built on platform %s" platform ];
|
||||||
p [txtf "Build took %a." Ptime.Span.pp delta ];
|
p [txtf "Build took %a." Ptime.Span.pp delta ];
|
||||||
p [txtf "Execution result: %a." Builder.pp_execution_result result];
|
p [txtf "Execution result: %a." Builder.pp_execution_result result];
|
||||||
p [a ~a:[Fmt.kstr a_href "/job/%s/build/%a/treemap" name Uuidm.pp uuid]
|
h3 [txt "Analysis"];
|
||||||
[txt "Treemap"]];
|
p [
|
||||||
|
let src = Fmt.str "/job/%s/build/%a/treemap" name Uuidm.pp uuid in
|
||||||
|
let style = "width: 35vw; height: 35.5vw" in (*treemap tries to be square*)
|
||||||
|
iframe ~a:[ a_src src; a_title "Binary dissection"; a_style style ] [] ];
|
||||||
|
(* p [
|
||||||
|
* let src = Fmt.str "/job/%s/build/%a/treemap" name Uuidm.pp uuid in
|
||||||
|
* img ~src ~alt:"Binary dissection" ()
|
||||||
|
* ]; *)
|
||||||
h3 [txt "Build info"];
|
h3 [txt "Build info"];
|
||||||
ul [
|
ul [
|
||||||
li [ a ~a:[Fmt.kstr a_href "/job/%s/build/%a/console" name Uuidm.pp uuid]
|
li [ a ~a:[Fmt.kstr a_href "/job/%s/build/%a/console" name Uuidm.pp uuid]
|
||||||
|
@ -422,7 +435,13 @@ let job_build
|
||||||
[ ("Latest build ", latest) ;
|
[ ("Latest build ", latest) ;
|
||||||
("Later build with different output ", next) ;
|
("Later build with different output ", next) ;
|
||||||
("Earlier build with different output ", previous) ])
|
("Earlier build with different output ", previous) ])
|
||||||
])
|
]
|
||||||
|
in
|
||||||
|
layout
|
||||||
|
~nav:(`Build (name, build))
|
||||||
|
~title:(Fmt.str "Job %s %a" name pp_ptime start)
|
||||||
|
~include_static_css:[Unsafe.data Modulectomy.Treemap.Doc.css]
|
||||||
|
body
|
||||||
|
|
||||||
let key_values xs =
|
let key_values xs =
|
||||||
List.concat_map (fun (k, v) -> [ txtf "%s %s" k v ; br () ]) xs
|
List.concat_map (fun (k, v) -> [ txtf "%s %s" k v ; br () ]) xs
|
||||||
|
|
Loading…
Reference in a new issue