-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy paththewall.html
151 lines (129 loc) · 6.08 KB
/
thewall.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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Wall.</title>
<!-- Linking Bulma UI kit CSS, Animate CSS and Font Awesome -->
<link rel="stylesheet" href="css/bulma.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/animations.css">
<link rel="stylesheet" href="css/main.css">
<script defer src="js/all.js"></script>
<script defer src="renderer.js"></script>
<style>
</style>
</head>
<body>
<div class="blue-border" id="downloading"></div>
<div style="width:100%;text-align: right;padding: 10px 10px 0px 10px">
<div id="statusBar" style="float: left">
<span id="noInternet" style="font-size: 12px;display: none">
<img src="assets/no_internet.png" style="width: 14px" style="vertical-align: middle;">
No Internet
</span>
</div>
<a id="close-btn" class="button is-small is-rounded">Close</a>
</div>
<p class="title" style="font-family: Segoe UI;font-weight: bold; color: #000;font-size: 46px;text-align: center">
The Wall<span style="color: #00aff0">.</span>
</p>
<div style="padding: 0px 40px 0px 40px;width: 100%">
<table style="width:100%"
<tr>
<td>
<p class="title" style="font-family: Segoe UI;; color: #000;font-size: 22px">
Current
</p>
<table>
<tr>
<td>
<div id="CurrentWall" class="upcoming" ></div>
</td>
<td style="padding-left: 20px;width:130px;overflow: hidden;font-size: 14px;word-wrap: break-word;">
<b>Photo by</b><br>
<span id="fname"></span>
<span id="lname"></span>
<br>
<span style="color: #333;font-size: 12px" id="username"></span>
</td>
<td style="padding-left: 30px">
<img src="assets/next.png" onclick="nextWall()" onmouseover="this.src='assets/next_hover.png'" onmouseout="this.src = 'assets/next.png'" style="width: 30px">
</td>
<td style="padding-left: 30px">
<img id="play_pause" src="assets/pause.png" onclick="toggleWall()" style="width: 30px;cursor: pointer">
</td>
</tr>
</table>
</td>
<td rowspan="2" style=";width: 220px">
<p class="title" style="font-family: Segoe UI;; color: #000;font-size: 22px">
Tags
</p>
<input id="TagInput" class="input is-rounded" type="text" placeholder="Add Tags" style="width: 180px;vertical-align: middle">
<img src="assets/add.png" onclick="newTag()" style="width: 29px;vertical-align: middle;margin-left: 5px;cursor: pointer">
<br><br>
<div class="field is-grouped is-grouped-multiline" id="Tags" style="padding-left: 10px">
</div>
</td>
</tr>
<tr>
<td style="padding-top: 20px;padding-right: 60px">
<table style="width: 100%">
<tr>
<td>
<p class="title" style="font-family: Segoe UI;; color: #000;font-size: 22px">
Upcoming
</p>
</td>
<td style="padding-right: 0px">
<div style="font-size: 11px;background-color: #ffffff;float:right">
Change Wallaper every
<input id="hr" class="input is-small" type="text" placeholder="HH" style="width: 25px;vertical-align: middle;border: 0;box-shadow: none;padding: 0;text-align: center;border-radius: 0">:<input id="min" class="input is-small" type="text" placeholder="MM" style="width: 25px;vertical-align: middle;border: 0;box-shadow: none;padding: 0;text-align: center;border-radius: 0">
<img src="assets/tick.png" onclick="setTimer()" style="width: 18px;vertical-align: middle;margin-left: 10px;cursor: pointer">
</div>
</td>
</tr>
</table>
<div class="scrollbar" id="style-3">
<div id="Upcoming" style="height: 260px;">
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- The actual snackbar -->
<div id="snackbar">Notification</div>
<!-- Javscript for App Close button -->
<script type=text/javascript>
document.getElementById("close-btn").addEventListener("click", function (e) {
var window = remote.getCurrentWindow(); window.hide();
});
document.getElementById('TagInput').addEventListener("keyup", function(event) {
// Number 13 is the "Enter" key on the keyboard
if (event.keyCode === 13) {
event.preventDefault();
// Trigger the Add button
newTag();
}
});
function notify(msg) {
// Get the snackbar DIV
var x = document.getElementById("snackbar");
x.innerHTML = msg;
// Add the "show" class to DIV
x.className = "show";
// After 3 seconds, remove the show class from DIV
setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
}
function tileOverlay(name, state){
if(state == 1){
document.getElementById('tile_'+name).style.display = 'table';
}else{
document.getElementById('tile_'+name).style.display = 'none';
}
}
</script>
</body>
</html>