-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
114 lines (111 loc) · 5.28 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../../../favicon.ico">
<title>Dashboard Template for Bootstrap</title>
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<script src="./node_modules/jquery/dist/jquery.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg fixed-top ">
<div class="container">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarTogglerDemo02">
<div class="form-inline my-2 my-lg-0">
<input id="jobTitle" type="text" class="form-control" placeholder="Job Title" value="frontend">
<select id="locations" class="custom-select">
<option value="2">Açores</option>
<option value="1">Aveiro</option>
<option value="3">Beja</option>
<option value="4">Braga</option>
<option value="5">Bragança</option>
<option value="6">Castelo Branco</option>
<option value="8">Coimbra</option>
<option value="10">Évora</option>
<option value="9">Faro</option>
<option value="11">Guarda</option>
<option value="29">Internacional</option>
<option value="13">Leiria</option>
<option value="14">Lisboa</option>
<option value="15">Madeira</option>
<option value="12">Portalegre</option>
<option value="18">Porto</option>
<option value="20">Santarém</option>
<option value="17">Setúbal</option>
<option value="22">Viana do Castelo</option>
<option value="21">Vila Real</option>
<option value="16">Viseu</option>
</select>
<select class="custom-select">
<option selected>Full-time</option>
<option value="1">Part-time</option>
</select>
<div class="form-check">
<label class="form-check-label">
<input class="form-check-input" id="remote" type="checkbox" name="remote" value=""> Remote
</label>
</div>
<button id="searchJob" class="btn btn-outline-success my-2 my-sm-0 col">Search</button>
</div>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<nav class="col-md-4 d-none d-sm-block bg-light sidebar">
<ul id="results" class="nav nav-pills flex-column">
<!-- for test purposes -->
<!-- <li>
<div onclick=goWebview($(this).attr('link')) link="https://www.itjobs.pt/oferta/215390/developer" class="wb">
<h6> Em destaque Developer Bodum Porto Full-time</h6><img src="https://static.itjobs.pt/images/companies/4d/95d/3917/logo.png?btfc=1505136836" alt="">
<p>Bodum</p>
<p>Porto Full-time</p>
<p class="hidden">itjobs.pt</p>
<p></p>
</div>
</li> -->
<!-- ./for test purposes -->
</ul>
</nav>
<main class="col-md-8 ml-sm-auto pt-3" role="main">
<div style=" height:480px">
<webview id="web" src="" style=" height:480px"></webview>
</div>
</main>
</div>
</div>
<script>
window.$ = window.jQuery = require('./node_modules/jquery/dist/jquery.js');
var web = $('#web');
$.each($('.wb'), function() {
$(this).click(function() {
goWebview($(this).attr('link'))
})
}
);
function goWebview(url) {
console.log(url);
web.attr('src', url);
};
let cred = require('./credentials.json');
document.getElementById("searchJob").addEventListener("click", function() {
// var remote = require('remote');
// remote.getCurrentWindow().reload();
const locVal = document.getElementById('locations').value;
const jobVal = document.getElementById('jobTitle').value;
let loc = cred.loc = locVal;
document.getElementById("results").innerHTML = "";
let remote = cred.remote = document.getElementById("remote").checked;
console.log("remote -> ", remote);
require('./search');
})
</script>
</body>
</html>