Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit980e37c

Browse files
committed
Extract tracebacks into new React components
1 parent8a5c2a0 commit980e37c

File tree

1 file changed

+58
-51
lines changed

1 file changed

+58
-51
lines changed

‎frontend/src/shell/TerminalMessage.jsx‎

Lines changed: 58 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -11,57 +11,7 @@ export default class TerminalMessage extends Component {
1111
let{content}=this.props;
1212

1313
if(content.isTraceback){
14-
return<divclassName="tracebacks-container">
15-
<divclassName="traceback-exception">
16-
<strong>Error traceback:</strong>
17-
</div>
18-
{
19-
content.data.map((traceback,tracebackIndex)=>
20-
<divclassName="traceback"key={tracebackIndex}>
21-
{
22-
traceback.frames.map((frame,frameIndex)=>
23-
<divclassName="traceback-frame"key={frameIndex}>
24-
{frameIndex>0&&<divclassName="traceback-frame-name">{frame.name}:</div>}
25-
<tableclassName="traceback-lines-table">
26-
<tbody>
27-
{
28-
frame.lines.map(line=>
29-
<trkey={line.lineno}>
30-
<tdclassName="traceback-lineno">{line.lineno}</td>
31-
<tdclassName="traceback-line-content codehilite"
32-
dangerouslySetInnerHTML={{__html:line.content}}/>
33-
</tr>
34-
)
35-
}
36-
</tbody>
37-
</table>
38-
<tableclassName="traceback-variables-table">
39-
<tbody>
40-
{
41-
frame.variables.map((variable,variableIndex)=>
42-
<trkey={variableIndex}>
43-
<tdclassName="traceback-variable-name codehilite"
44-
dangerouslySetInnerHTML={{__html:variable.name}}/>
45-
<tdclassName="traceback-variable-value codehilite"
46-
dangerouslySetInnerHTML={{__html:variable.value}}/>
47-
</tr>
48-
)
49-
}
50-
</tbody>
51-
</table>
52-
</div>
53-
)
54-
}
55-
<divclassName="traceback-exception">
56-
<strong>{traceback.exception.type}:</strong>{traceback.exception.message}
57-
</div>
58-
{
59-
traceback.tail&&<divclassName="traceback-tail">{traceback.tail}</div>
60-
}
61-
</div>
62-
)
63-
}
64-
</div>
14+
return<Tracebackstracebacks={content.data}/>
6515
}
6616

6717
letcolor="white";
@@ -80,3 +30,60 @@ export default class TerminalMessage extends Component {
8030
/>
8131
}
8232
}
33+
34+
35+
constTracebacks=({tracebacks})=>
36+
<divclassName="tracebacks-container">
37+
<divclassName="traceback-exception">
38+
<strong>Error traceback:</strong>
39+
</div>
40+
{
41+
tracebacks.map((traceback,tracebackIndex)=>
42+
<divclassName="traceback"key={tracebackIndex}>
43+
{
44+
traceback.frames.map((frame,frameIndex)=>
45+
<Frameframe={frame}index={frameIndex}key={frameIndex}/>
46+
)
47+
}
48+
<divclassName="traceback-exception">
49+
<strong>{traceback.exception.type}:</strong>{traceback.exception.message}
50+
</div>
51+
{
52+
traceback.tail&&<divclassName="traceback-tail">{traceback.tail}</div>
53+
}
54+
</div>
55+
)
56+
}
57+
</div>
58+
59+
constFrame=({frame, index})=>
60+
<divclassName="traceback-frame">
61+
{index>0&&<divclassName="traceback-frame-name">{frame.name}:</div>}
62+
<tableclassName="traceback-lines-table">
63+
<tbody>
64+
{
65+
frame.lines.map(line=>
66+
<trkey={line.lineno}>
67+
<tdclassName="traceback-lineno">{line.lineno}</td>
68+
<tdclassName="traceback-line-content codehilite"
69+
dangerouslySetInnerHTML={{__html:line.content}}/>
70+
</tr>
71+
)
72+
}
73+
</tbody>
74+
</table>
75+
<tableclassName="traceback-variables-table">
76+
<tbody>
77+
{
78+
frame.variables.map((variable,variableIndex)=>
79+
<trkey={variableIndex}>
80+
<tdclassName="traceback-variable-name codehilite"
81+
dangerouslySetInnerHTML={{__html:variable.name}}/>
82+
<tdclassName="traceback-variable-value codehilite"
83+
dangerouslySetInnerHTML={{__html:variable.value}}/>
84+
</tr>
85+
)
86+
}
87+
</tbody>
88+
</table>
89+
</div>

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp