Use bootstrap-v4
This commit is contained in:
parent
8e17912802
commit
99799e41ad
44
index.html
44
index.html
|
@ -1,36 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Find Active Github Forks</title>
|
||||
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
|
||||
<title>Active Github Forks</title>
|
||||
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
|
||||
<style>
|
||||
body {
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-offset-2 col-8">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading text-center">
|
||||
<h3>Find Active Github Forks</h3>
|
||||
<div class="col-sm-12 col-lg-12">
|
||||
<div class="card">
|
||||
<div class="card-header text-center">
|
||||
<h3>Active Github Forks</h3>
|
||||
</div>
|
||||
|
||||
<div class="panel-body">
|
||||
<form id="form" class="form-horizontal" role="form">
|
||||
<div class="input-group">
|
||||
<input id="repo" class="form-control" type="text" placeholder="techgaun/github-dorks">
|
||||
<span class="input-group-btn">
|
||||
<button onClick="fetchData()" type="button" class="btn btn-primary">Find</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div id='data-body' class="">
|
||||
<div class="card-block">
|
||||
<div class="form-group">
|
||||
<form id="form" role="form">
|
||||
<div class="input-group">
|
||||
<input id="repo" class="form-control" type="text" placeholder="techgaun/github-dorks">
|
||||
<span class="input-group-btn">
|
||||
<button onClick="fetchData()" type="button" class="btn btn-primary">Find</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div id="data-body"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-offset-2 col-md-8">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
|
|
10
js/main.js
10
js/main.js
|
@ -51,10 +51,12 @@ function showData(data) {
|
|||
html.push(item)
|
||||
}
|
||||
document.getElementById('data-body').innerHTML = `
|
||||
<table class="table table-striped">
|
||||
${thead}
|
||||
<tbody>${html.join('')}</tbody>
|
||||
</table>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-bordered">
|
||||
${thead}
|
||||
<tbody>${html.join('')}</tbody>
|
||||
</table>
|
||||
</div>
|
||||
`
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue