teacher.html
3.99 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>老师端</title>
<link href="../css/reset.css" rel="stylesheet">
<link rel="stylesheet" href="../css/responsive/css/bootstrap.min.css">
<link rel="stylesheet" href="../js/codemirror-5.25.0/lib/codemirror.css">
<link rel="stylesheet" href="../js/ladda/ladda-themeless.min.css">
<link rel="stylesheet" href="style/main.css">
<script>
var gxb_api = "https://restful.gaoxiaobang.com";
</script>
</head>
<body>
<div class="live-wrap">
<!-- 头部信息 -->
<div class="header">
<h1>老师端</h1>
</div>
<!-- 录制区域 -->
<div class="live-code">
<textarea id="teacher" title="HTML" style="display: none;"></textarea>
</div>
<!-- 编译操作区 -->
<!-- 运行结果区 -->
<div class="live-console-wrap">
<div id="toolbar">
<!-- Nav tabs -->
<ul class="nav nav-tabs result-tabs need-compile" role="tablist" id="cmprun-tabs">
<li class="active"><a href="#stdin" role="tab" data-toggle="tab" class="text">标准</a></li>
<li><a href="#cmpinfo" role="tab" data-toggle="tab" class="text">编译</a></li>
<li><a href="#stderr" role="tab" data-toggle="tab" class="text">错误</a></li>
<li><a href="#output" role="tab" data-toggle="tab" class="text">结果</a></li>
</ul>
<div class="pull-right func">
<button class="btn compile-btn" id="CompileBtn">
<span class="ladda-label">编译运行</span>
</button>
<a id="full-screen" class="fb">
<img src="../img/full-screen-icon.svg" alt="">
</a>
<a id="back-screen" class="fb" style="display: none;">
<img src="../img/full-screen-icon.svg" alt="">
</a>
</div>
</div>
<!-- Tab panes -->
<div id="resultoutput" class="tab-content need-compile">
<div class="tab-pane active padall15" id="stdin">
<div class="stdin-wrap">
<input class="effect-2" id="runtimeArgus" type="text" placeholder="标准输入">
<span class="focus-border"></span>
</div>
</div>
<div class="tab-pane padall15" id="cmpinfo"></div>
<div class="tab-pane padall15" id="stderr"></div>
<div class="tab-pane padall15" id="output"></div>
</div>
</div>
<!-- 录制控制区 -->
<div class="live-ctrl">
<div class="start-end">
<button class="btn compile-btn" id="liveStart">开始</button>
<button class="btn compile-btn" id="liveEnd">结束</button>
</div>
<div class="save-cancel">
<button class="btn compile-btn" id="liveSave">保存</button>
<button class="btn compile-btn" id="liveOut">关闭</button>
</div>
</div>
<div class="tip-wrap">
<div class="tips">
<div class="tip-header">
<h1>提示</h1>
</div>
<div class="tip-content">
<p>jksdkfdsafsd</p>
</div>
<div class="tip-btn">
<button class="btn compile-btn" id="liveConfirm">确认</button>
<button class="btn compile-btn" id="liveCancel">取消</button>
</div>
</div>
</div>
</div>
<script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
<script src="../js/codemirror-5.25.0/lib/codemirror.js"></script>
<script src="../js/bootstrap.js"></script>
<script src="../js/ladda/spin.js"></script>
<script src="../js/ladda/ladda.js"></script>
<!-- <script src="./js/IDELive.js"></script> -->
<script src="./js/utils.js"></script>
<script src="./js/teacher.js"></script>
</body>
</html>