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
|
<html>
<head>
<!--qrc:/html/ is needed. otherwise qt won't find the files-->
<link rel="stylesheet" type="text/css" href="qrc:/html/networkdiscovery.css">
<link rel="stylesheet" type="text/css" href="qrc:/html/css/jquery-ui-1.8.16.css">
<script type="text/javascript" src="qrc:/html/js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="qrc:/html/js/jquery-ui-1.8.16.min.js"></script>
<script type="text/javascript" src="qrc:/html/js/nd-functions.js"></script>
<script type="text/javascript">
var abortBootDialog = function (m) {
$("#nd_abort_boot_msg").html(m);
$("#nd_abort_boot_dialog").dialog(
{ buttons: { "Manual Configure": function() {
$(this).dialog("close");},
"Show Log": function() {fbgui.showLog();
$(this).dialog("close");},
"Restart": function() {fbgui.restartSystem();
$(this).dialog("close"); },
"Shut Down": function() { fbgui.shutDownSystem();
$(this).dialog("close"); }
} ,
minWidth: 450,
modal: true,
resizable: false,
draggable: false,
open: function(event, ui) { $(".ui-dialog-titlebar-close").hide();}
});
};
var chooseInterfaceDialog = function (i) {
var cb = "<label> Choose your interface: </label>"+
"<select>"+
" <option>eth0</option>"+ //should look like this: " <option>"+ +"</option>"+
" <option>eth1</option>"+
" <option>eth2</option>"+
"</select>";
$("#nd_choose_interface_msg").html(cb);
$("#nd_choose_interface_dialog").dialog(
{ buttons: { "Show Log": function() {fbgui.showLog();
$(this).dialog("close");},
"Restart": function() {fbgui.restartSystem();
$(this).dialog("close"); },
"Shut Down": function() { fbgui.shutDownSystem();
$(this).dialog("close"); },
"Continue": function() { fbgui.continueBoot();
$(this).dialog("close"); }
} ,
minWidth: 550,
modal: true,
resizable: false,
draggable: false,
open: function(event, ui) { $(".ui-dialog-titlebar-close").hide();}
});
}
var updateStatus = function (s){
};
var updateIfProgressBar = function (i, p){
if (p >= 0 && p <= 100){
$("#"+i+"_progress").progressbar({ value: p });
}else{
$("#"+i+"_progress").progressbar({ value: 0 });
}
};
var updateIfStatus = function(i, s){
$("#"+i+"_status").html(s);
};
var addInterface = function (i){
$("#nd_progress_container").append(
"<div class='interface'>"+
" Interface: " +i+
" <span id='"+i+"_status'>Start DHCP </span>" +
" <div id='"+i+"_progress' class='progressbar' "+
" style='height: 10px;'></div>"+
"</div>"
);
$("#"+i+"_progress").progressbar({ value: 33 });
};
</script>
</head>
<body>
<header>
<h1>Network Discovery</h1>
</header>
<section id="intro">
<p>Welcome to the Network Discovery. We are now looking for usable interfaces and will go on as soon as we found one. This may take a few seconds.</p>
</section>
<div id="content">
<div id="left_spacer">
<aside>
<!-- free space -->
</aside>
</div>
<div id="mainContent">
<section>
<!-- Main content area -->
<p>test</p>
<!-- anchor for the abort boot dialog -->
<div id="nd_abort_boot_dialog">
<p id="nd_abort_boot_msg"> <p>
</div>
<!-- anchor for the choose interface dialog -->
<div id="nd_choose_interface_dialog">
<p id="nd_choose_interface_msg"></p>
</div>
<!-- anchor for qt interface progress foo -->
<div id="nd_progress_container"></div>
</section>
</div>
<div id="right_spacer">
<aside>
<!-- free space -->
</aside>
</div>
</div>
<footer>
<p>RZ Uni Freiburg, 2011</p>
</footer>
</body>
</html>
|
