blob: bfa68ab5cdf36c934caa4d0c23db0b596e8c08ff (
plain)
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
|
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<!--link rel="stylesheet" href="../tools/static/sweet-alert.css"-->
<style>
<?php echo file_get_contents("../tools/static/sweet-alert.css"); ?>
<?php echo file_get_contents("../tools/style.css"); ?>
</style>
<noscript><style>.navbar{margin-bottom:0;}</style></noscript>
<title>Is it down? | iamfabulous.de</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel='shortcut icon' href='../tools/favicon.ico' type='image/x-icon'>
</head>
<body>
<?php require("../tools/navbar.php"); ?>
<div class="container">
<div class="text-center">
<div class="row">
<form id="theform" class="form-horizontal">
<fieldset>
<!-- Form Name -->
<legend>
<h1>Uptime is the Game</h1>
<p>Is your favourite website down?</p>
</legend>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="url">Check if up: </label>
<div class="col-md-4">
<div class="input-group">
<?php if ( isset($_REQUEST["url"]) && $_REQUEST["url"] != "" ){
?>
<input id="url" name="url" placeholder="kernel.org" class="form-control input-md" required="" type="text" <?php echo 'value="'.htmlentities($_REQUEST["url"]) . '"'; ?> autofocus>
<?php
} else {
?>
<input id="url" name="url" placeholder="kernel.org" class="form-control input-md" required="" type="text" autofocus>
<?php
}
?>
<span class="input-group-btn">
<button id="clear" type="button" class="btn btn-default addButton" title="Clean Input">C</button>
</span>
</div>
</div>
</div>
<!-- Multiple Radios (inline) -->
<div class="form-group">
<label class="col-md-4 control-label" for="action">Check Type:</label>
<div class="col-md-4 text-left">
<label class="radio-inline" for="action-0">
<input name="action" id="action-0" value="ping" checked="checked" type="radio">
Ping
</label>
<label class="radio-inline" for="action-1">
<input name="action" id="action-1" value="http" type="radio">
HTTP
</label>
</div>
</div>
<!-- Button -->
<div class="form-group">
<label class="col-md-4 control-label" for="submit"></label>
<div class="col-md-4">
<button type="submit" id="submit" name="" value="" class="btn btn-success">Check it</button>
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
<?php require("../tools/footer.php"); ?>
<script>
window.onload = function(){
$("#theform").submit( function(e){
$.ajax({
url: "",
data: $("#theform").serialize(),
dataType: "json",
type: "GET",
success: function( response ){
if ( response.data == 1 ) {
var type = "success";
var button= "btn-success";
} else {
var type= "error";
var button= "btn-danger";
}
swal({
title: response.host,
text: response.status,
type: type,
confirmButtonClass: button
});
},
});
e.preventDefault();
});
$(".fa-spinner").addClass("fa-spin");
document.addEventListener('keydown', function(event) {
$("#url").focus();
});
$("#clear").click(function(){
$("#url").val('').focus();
})
};
</script>
<script defer src="../tools/static/sweet-alert.js"></script>
|
