-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
58 lines (56 loc) · 2.67 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Info Servers</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap/dist/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.css" />
</head>
<body>
<div id="app" class="container-fluid">
<header>
<h1>Welcome</h1>
</header>
<p>Here you can find the info of servers about domain. Please submit the domain that you'll want search:</p>
<b-alert v-model="error" variant="danger" dismissible>
{{ errorMessage }}
</b-alert>
<div class="row">
<b-form-input class="col-sm-4 offset-sm-1" v-model="domain" placeholder="Enter your domain"></b-form-input>
<b-button class="col-sm-2" variant="outline-primary" v-on:click="searchInfo">Search</b-button>
<b-button class="col-sm-2" variant="outline-success" v-on:click="showHistory">Show History</b-button>
</div>
<!-- Info here -->
<div class="container-fluid">
<div class="row">
<div class="col-sm-7">
<b-card bg-variant="light" header="Info" class="text-center">
<b-card-text v-for="(value, key) in items" :key="value.host">
<span>{{key}}:</span> <span style="font-weight: 300;">{{value}}</span>
</b-card-text>
</b-card>
</div>
<div class="col-sm-5">
<b-card bg-variant="light" header="History" class="text-center">
<b-card-text v-for="value in history" :key="value.host">
<span>Host:</span> <span style="font-weight: 300;">{{value.host}}</span><br>
<span>Servers:</span> <span style="font-weight: 300;">{{value.endpoints}}</span><br>
<span>Servers Changed:</span> <span style="font-weight: 300;">{{value.ServersChanged}}</span><br>
<span>SSL:</span> <span style="font-weight: 300;">{{value.SslGrade}}</span><br>
<span>Logo:</span> <span style="font-weight: 300;">{{value.Logo}}</span><br>
<span>Title:</span> <span style="font-weight: 300;">{{value.Title}}</span><br>
<span>Is Down:</span> <span style="font-weight: 300;">{{value.IsDown}}</span><br>
</b-card-text>
</b-card>
</div>
</div>
</div>
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="main.js"></script>
</body>
</html>