|
1 | 1 | (function() |
2 | 2 | { |
3 | | - this.ev_listeners = function(listener_list) |
| 3 | + this.ev_listeners = function(listener_list, rt_id) |
4 | 4 | { |
5 | | - return ["table", ["tbody", listener_list.map(this._ev_listener, this)]]; |
| 5 | + return ["dl", listener_list.map(this._ev_listener.bind(this, rt_id)), |
| 6 | + "class", "ev-listener"]; // , this), "class", "ev-listener"]; |
6 | 7 | }; |
7 | 8 |
|
8 | | - this._ev_listener = function(listener) |
| 9 | + this._ev_listener = function(rt_id, listener) |
9 | 10 | { |
10 | 11 | var EVENT_TYPE = 0; |
11 | 12 | var ORIGIN = 1; |
|
33 | 34 | */ |
34 | 35 |
|
35 | 36 | var ret = []; |
36 | | - var row = |
37 | | - ["tr", |
38 | | - ["td", |
39 | | - ["h2", listener[EVENT_TYPE], "class", "ev-type"]], |
40 | | - ["td", listener[USE_CAPTURE] ? "capturing phase" : "bubbling phase"]]; |
41 | | - ret.push(row); |
42 | | - row = |
43 | | - ["tr", |
44 | | - ["td", listener[ORIGIN] == ORIGIN_EVENT_TARGET ? |
45 | | - "event target handler" : |
46 | | - "attribute handler", |
47 | | - "colspan", "2", "class", "ev-origin"]]; |
48 | | - ret.push(row); |
| 37 | + ret.push(["dt", listener[EVENT_TYPE], "class", "ev-type"]); |
| 38 | + ret.push(["dd", listener[USE_CAPTURE] ? "capturing phase" : "bubbling phase", |
| 39 | + "class", "ev-phase"]); |
| 40 | + ret.push(["dd", listener[ORIGIN] == ORIGIN_EVENT_TARGET |
| 41 | + ? "event target handler" |
| 42 | + : "attribute handler", |
| 43 | + "data-tooltip", "js-inspection", |
| 44 | + "data-rt-id", String(rt_id), |
| 45 | + "data-obj-id", String(listener[LISTENER_OBJECT_ID]), |
| 46 | + "data-class-name", "Function", |
| 47 | + "class", "ev-origin"]); |
49 | 48 | var position = listener[POSITION]; |
50 | 49 | var script_id = position && position[SCRIPT_ID]; |
51 | 50 | var script = window.runtimes.getScript(script_id); |
52 | 51 | if (script) |
53 | 52 | { |
54 | | - row = |
55 | | - ["tr", |
56 | | - ["td", "added:"], |
57 | | - this.ev_script_link(script, position[LINE_NUMBER]), |
58 | | - "handler", "show-log-entry-source", |
59 | | - "data-scriptid", String(script_id), |
60 | | - "data-scriptline", String(position[LINE_NUMBER]), |
61 | | - "class", "ev-added"]; |
62 | | - ret.push(row); |
| 53 | + ret.push(["dd", "added in ", |
| 54 | + this.ev_script_link(script, position[LINE_NUMBER]), |
| 55 | + "handler", "show-log-entry-source", |
| 56 | + "data-scriptid", String(script_id), |
| 57 | + "data-scriptline", String(position[LINE_NUMBER]), |
| 58 | + "class", "ev-added"]); |
| 59 | + } |
| 60 | + else |
| 61 | + { |
| 62 | + // TODO missing script |
63 | 63 | } |
64 | 64 | return ret; |
65 | 65 | }; |
|
71 | 71 | if (script.uri) |
72 | 72 | { |
73 | 73 | var is_linked = script.script_type == "linked"; |
74 | | - var ret = |
75 | | - ["td", |
76 | | - ["span", script.filename + ":" + line_number, |
77 | | - "data-tooltip", is_linked && "js-script-select", |
78 | | - "data-tooltip-text", is_linked && script.uri, |
79 | | - "class", "file-line"]]; |
| 74 | + var ret = ["span", script.filename + ":" + line_number, |
| 75 | + "data-tooltip", is_linked && "js-script-select", |
| 76 | + "data-tooltip-text", is_linked && script.uri, |
| 77 | + "class", "file-line"]; |
80 | 78 | } |
81 | 79 | else |
82 | 80 | { |
83 | 81 | var rt = window.runtimes.getRuntime(script.runtime_id); |
84 | 82 | if (rt) |
85 | 83 | { |
86 | | - var ret = |
87 | | - ["td", |
88 | | - ["span", rt.filename + ":" + line_number, |
89 | | - "data-tooltip", "js-script-select", |
90 | | - "data-tooltip-text", rt.uri, |
91 | | - "class", "file-line"]]; |
| 84 | + var ret = ["span", rt.filename, // line_number is relative to the inline script |
| 85 | + "data-tooltip", "js-script-select", |
| 86 | + "data-tooltip-text", rt.uri, |
| 87 | + "class", "file-line"]; |
92 | 88 | } |
93 | 89 | } |
94 | 90 |
|
|
0 commit comments