Skip to content

Commit e1175e5

Browse files
lukeverslukevers
committed
Added the HTML for where the curl/wget data will go.
Ref #143
1 parent b073220 commit e1175e5

File tree

2 files changed

+53
-36
lines changed

2 files changed

+53
-36
lines changed

‎res/web/css/style.css

+6-1
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,12 @@ li a.disabled, .disabled {
7070
font-size: 10px;
7171
}
7272

73-
#two, #three, #four {
73+
label {
74+
margin-bottom: 0;
75+
padding: 5px 0;
76+
}
77+
78+
#two, #three, #four, #five {
7479
display: none;
7580
}
7681

‎res/web/js/form.js

+47-35
Original file line numberDiff line numberDiff line change
@@ -7,23 +7,23 @@ function createMessageForm(name, ipv6) {
77
html += '<br/><input type="text" placeholder="Subject" id="subject" class="form-control" maxlength="255">';
88
html += '<br/><textarea placeholder="Body" id="message" class="form-control" maxlength="999"></textarea>';
99
html += '<br/><div class="text-center disabled">Basic markdown is supported</div>';
10-
html += '<br/><div class="row"><div class="col col-lg-6 text-center">';
10+
html += '<br/><div class="row"><div class="col col-xs-6 text-center">';
1111
html += '<input type="reset" id="cancelmessage" class="btn btn-default btn-small" value="Cancel Message"></div>';
12-
html += '<div class="col col-lg-6 text-center">';
12+
html += '<div class="col col-xs-6 text-center">';
1313
html += '<input type="submit" id="nextpagesubmit" class="btn btn-small btn-primary" value="Next Page" onclick="next(2); return false;"></div></div>';
1414
html += '</div><div id="two">';
1515
html += '<img id="captcha_img">';
1616
html += '<br/><input type="text" placeholder="Captcha" class="form-control" id="captcha" maxlength="255">';
1717
html += '<br/><div class="text-center"><button class="btn btn-warning btn-mini" href="#" onclick="loadCAPTCHA($(\'#captcha_img\')); return false;">Load New Captcha</button></div>';
18-
html += '<br/><div class="row"><div class="col col-lg-6 text-center">';
18+
html += '<br/><div class="row"><div class="col col-xs-6 text-center">';
1919
html += '<input type="reset" onclick="next(1); return false;" class="btn btn-default btn-small" value="Previous Page"></div>';
20-
html += '<div class="col col-lg-6 text-center">';
20+
html += '<div class="col col-xs-6 text-center">';
2121
html += '<input type="submit" id="sendmessage" class="btn btn-small btn-primary" value="Send Message"></div></div>';
2222
html += '</div></div>';
2323
return html;
2424
}
2525

26-
function getForm(lat, lng) {
26+
function getForm(lat, lng) {
2727
var form = '<div id="inputform">';
2828
form += '<div class="tabby">';
2929
form += '<div class="tab" id="one">';
@@ -37,9 +37,9 @@ function getForm(lat, lng) {
3737
form += '<input type="text" class="input-medium form-control" id="address" name="address" placeholder="Required" maxlength="39"/>';
3838
form += '<label><strong>Details</strong></label>';
3939
form += '<input type="text" class="input-medium form-control" placeholder="Home, Work, ..." id="details" maxlength="255"/><br/>';
40-
form += '<div class="row"><div class="col col-lg-6 text-center">';
40+
form += '<div class="row"><div class="col col-xs-6 text-center">';
4141
form += '<button class="btn btn-default btn-small" href="#" onclick="cancelRegistration(); return false;">Cancel</button></div>';
42-
form += '<div class="col col-lg-6 text-center">';
42+
form += '<div class="col col-xs-6 text-center">';
4343
form += '<button class="btn btn-small btn-primary" href="#" onclick="next(2); return false;">Next</button></div></div>';
4444
form += '</div>';
4545
form += '<div class="tab" id="two">';
@@ -52,9 +52,9 @@ function getForm(lat, lng) {
5252
form += '<input type="checkbox" id="residential"> ';
5353
form += 'Residential node';
5454
form += '</label><br/><br/>';
55-
form += '<div class="row"><div class="col col-lg-6 text-center">';
55+
form += '<div class="row"><div class="col col-xs-6 text-center">';
5656
form += '<button class="btn btn-small btn-primary" href="#" onclick="next(1); return false;">Back</button></div>';
57-
form += '<div class="col col-lg-6 text-center">';
57+
form += '<div class="col col-xs-6 text-center">';
5858
form += '<button class="btn btn-small btn-primary" href="#" onclick="next(3); return false;">Next</button></div></div>';
5959
form += '</div>';
6060
form += '<div class="tab" id="three">';
@@ -72,9 +72,9 @@ function getForm(lat, lng) {
7272
form += 'Wired (eth) access';
7373
form += '</label><br/><br/>';
7474
form += '<div class="row">';
75-
form += '<div class="col col-lg-6 text-center">';
75+
form += '<div class="col col-xs-6 text-center">';
7676
form += '<button class="btn btn-small btn-primary" href="#" onclick="next(2); return false;">Back</button></div>';
77-
form += '<div class="col col-lg-6 text-center">';
77+
form += '<div class="col col-xs-6 text-center">';
7878
form += '<button class="btn btn-small btn-primary" href="#" onclick="next(4); return false;">Next</button></div></div>';
7979
form += '</div>';
8080
form += '<div class="tab" id="four">';
@@ -84,9 +84,20 @@ function getForm(lat, lng) {
8484
form += '<textarea class="contact form-control" id="contact" placeholder="XMPP username, Reddit username, ..." maxlength="255"></textarea><br/>';
8585
form += '<input style="display: none;" type="text" id="latitude" name="latitude" value="'+lat+'"/>';
8686
form += '<input style="display: none;" type="text" id="longitude" name="longitude" value="'+lng+'"/>';
87-
form += '<div class="row"><div class="col col-lg-6 text-center">';
87+
form += '<div class="row"><div class="col col-xs-6 text-center">';
8888
form += '<button class="btn btn-small btn-primary" href="#" onclick="next(3); return false;">Back</button></div>';
89-
form += '<div class="col col-lg-6 text-center">';
89+
form += '<div class="col col-xs-6 text-center">';
90+
form += '<button class="btn btn-small btn-primary" href="#" onclick="next(5); return false;">Next</button></div></div></div>';
91+
form += '<div class="tab" id="five"><div class="row">';
92+
form += '<div class="col col-xs-12">';
93+
form += '<label>Submit via curl</label>';
94+
form += '<input type="text" class="form-control" placeholder="Curl Data" id="curl">';
95+
form += '<label>Submit via wget</label>';
96+
form += '<br/><input type="text" class="form-control" placeholder="Wget Data" id="wget">';
97+
form += '<br/></div></div>';
98+
form += '<div class="row"><div class="col col-xs-6 text-center">';
99+
form += '<button class="btn btn-small btn-primary" href="#" onclick="next(4); return false;">Back</button></div>';
100+
form += '<div class="col col-xs-6 text-center">';
90101
form += '<button class="btn btn-small btn-info" onclick="insertUser(); return false;" id="submitatlas">Submit</button></div></div>';
91102
form += '</div>';
92103
form += '</div>';
@@ -95,25 +106,26 @@ function getForm(lat, lng) {
95106
}
96107

97108
function next(which) {
98-
if (which == 1) {
99-
$('#one').css('display', 'block');
100-
$('#two').css('display', 'none');
101-
$('#three').css('display', 'none');
102-
$('#four').css('display', 'none');
103-
} else if (which == 2) {
104-
$('#one').css('display', 'none');
105-
$('#two').css('display', 'block');
106-
$('#three').css('display', 'none');
107-
$('#four').css('display', 'none');
108-
} else if (which == 3) {
109-
$('#one').css('display', 'none');
110-
$('#two').css('display', 'none');
111-
$('#three').css('display', 'block');
112-
$('#four').css('display', 'none');
113-
} else if (which == 4) {
114-
$('#one').css('display', 'none');
115-
$('#two').css('display', 'none');
116-
$('#three').css('display', 'none');
117-
$('#four').css('display', 'block');
118-
}
119-
}
109+
switch (which) {
110+
case 1:
111+
$('#one').css('display', 'block');
112+
$('#two, #three, #four, #five').css('display', 'none');
113+
break;
114+
case 2:
115+
$('#two').css('display', 'block');
116+
$('#one, #three, #four, #five').css('display', 'none');
117+
break;
118+
case 3:
119+
$('#three').css('display', 'block');
120+
$('#one, #two, #four, #five').css('display', 'none');
121+
break;
122+
case 4:
123+
$('#four').css('display', 'block');
124+
$('#one, #two, #three, #five').css('display', 'none');
125+
break;
126+
case 5:
127+
$('#five').css('display', 'block');
128+
$('#one, #two, #three, #four').css('display', 'none');
129+
break;
130+
}
131+
}

0 commit comments

Comments
 (0)