-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·139 lines (133 loc) · 4.65 KB
/
index.html
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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html>
<head>
<!-- Framework -->
<script type="text/javascript" src="js/AIRAliases.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
<!-- END Framework -->
<script type="text/javascript" src="js/state.js"></script>
<script type="text/javascript" src="js/connection.js"></script>
<script type="text/javascript" src="js/packetmanager.js"></script>
<script type="text/javascript" src="js/packets.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<link rel="stylesheet" type="text/css" href="style.css"/>
<title>Mobile secretary</title>
<!-- this is stable version -->
</head>
<body><div id="main"> <!-- Main screen -->
<section>
<a href="#" class="options_label" onclick="ui.showOptionsScreen()"><i class="icon-cog"></i><span>Bsalmanov/56704</span></a>
</section><section>
<div class="btn-group" id="state">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<i class="icon-off"></i><span class="ilabel">Не в сети</span>
<span class="caret pull-right"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#" id="state_online" title="Connect"><i class="icon-ok-circle"></i> Online</a></li>
<li><a href="#" id="state_online" title="Connect"><i class="icon-time"></i> Busy</a></li>
<li class="divider"></li>
<li class="active"><a href="#" id="state_online" title="Connect"><i class="icon-off"></i> Offline</a></li>
</ul>
</div>
</section>
<div id="content">
<!-- Call number area -->
<section class="form-horizontal" id="dialinput">
<div class="input-append" id="dial_num">
<input>
<span class="add-on"><i class="icon-headphones"></i></span>
</div>
</section>
<!-- END Call number area -->
<!-- Numpad section -->
<section id="numpad">
<table>
<tbody>
<tr>
<td>
<a href="#" class="btn num1">1</a>
</td>
<td>
<a href="#" class="btn num2">2</a>
</td>
<td>
<a href="#" class="btn num3">3</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="btn num4">4</a>
</td>
<td>
<a href="#" class="btn num5">5</a>
</td>
<td>
<a href="#" class="btn num6">6</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="btn num7">7</a>
</td>
<td>
<a href="#" class="btn num8">8</a>
</td>
<td>
<a href="#" class="btn num9">9</a>
</td>
</tr>
<tr>
<td>
<a href="#" class="btn">*</a>
</td>
<td>
<a href="#" class="btn num0">0</a>
</td>
<td>
<a href="#" class="btn">#</a>
</td>
</tr>
</tbody>
</table>
</section>
<!-- END numpad section -->
<!-- Message up -->
<section id="message-up" class="hide">
<div class="alert">
<a class="close">×</a>
<p>Some error happend on server..</p>
</div>
</section>
<!-- END Message up-->
<!-- Incomming or current call -->
<section id="intalk" class="hide">
<div class="alert alert-info">Talk with <code>Alexandr Ivanovich</code></div>
<a class="btn" id="clear_call" class="hide">stop call</a>
</section>
<!-- END Incomming or current call -->
</div> <!-- #content end-->
</div> <!-- #Main end -->
<div id="options" class="hide"> <!-- Options screen -->
<form>
<section>
<label>Login</label>
<input value="bsalmanov" id="cil_login">
</section>
<section>
<label>Password</label>
<input value="123654" type="password" id="cil_password">
</section>
<section>
<label>Instrument</label>
<input value="56704" id="cil_instrument">
</section>
<section>
<a href="#" class="btn" style="display:block;" onclick="ui.showMainScreen()">« Back</a>
</section>
</form>
</div> <!-- #options end-->
</body>
</html>