-
Notifications
You must be signed in to change notification settings - Fork 0
/
weather-updates.html
152 lines (141 loc) · 4.74 KB
/
weather-updates.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
152
<html>
<head>
<title>Weather Updates</title>
<link rel="stylesheet" type="text/css" href="css/weather-updates.css" />
<link
rel="stylesheet"
type="text/css"
href="bootstrap/css/bootstrap.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<script type="text/javascript" src="js/weather-updates.js"></script>
<script type="text/javascript" src="js/template.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<!-- <script src="bootstrap-4.3.1-dist/js/bootstrap.min.js"></script> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
<meta content="utf-8" http-equiv="encoding" />
</head>
<body class="body container-fluid">
<div class="row header" id="header">
<div class="logoDiv mx-auto d-block col-auto">
<a href="admin-home.html">
<div class="element">
<img src="" class="img-fluid logo" id="logo" />
</div>
<div class="element brandName" id="brandName"></div>
</a>
</div>
</div>
<div class="topnav sticky-top" id="topNav">
<a href="admin-home.html">Home</a>
<a href="admin-portal.html">Control Panel</a>
<a href="settings.html">Settings</a>
<a href="weather-updates.html" class="active">Weather Updates</a>
<a href="contact.html">Contact</a>
<a
href="index.html"
class="btnLogout float-right"
onclick="logout()"
>Logout</a
>
<a href="javascript:void(0);" class="icon" onclick="topNavToggle()">
<i class="fa fa-bars"></i>
</a>
</div>
<div class="selectionDiv row">
<div class="col-sm-10 mx-auto">
<div class="row">
<div class="col-sm-12" id="cityOptions">
<label for="cityNames">Select City:</label>
<select
class="form-control"
id="cityNames"
onchange='fetchWeather(document.getElementById("cityNames").value)'
>
<option value="">Select your option</option>
<option value="Jhansi">Jhansi</option>
</select>
</div>
</div>
<div class="row">
<div class="col-sm-12" id="farmOptions">
<br />
<label for="farmNames">Or Select Your Farm:</label>
<select
class="form-control"
id="farmNames"
onchange="fetchWeather(document.getElementById('farmNames').value)"
>
<option value="">Select your option</option>
<option value="Jhansi">Jhansi</option>
</select>
</div>
</div>
</div>
</div>
<div class="divBlackBox row">
<div class="row pageData mx-auto">
<div class="col-sm-7" id="introduction">
<div class="row divHeader">
Weather Updates...!!
</div>
<div class="divDescriptionText">
Select a location from the available locations or select
your farm to get a live weather update on the go. We
fetch the most accurate weather details for the next 48
hours at a period of 3 hours.
</div>
</div>
<div class="col-sm-5" id="introImg">
<img src="images/light-water.png" class="weatherImg" />
</div>
</div>
</div>
<div class="divBlackBox row weatherWindow">
<div class="col-sm-12 divHeader">
Weather Status
</div>
<div class="mx-auto d-block col-sm-12" id="weatherStatus">
<div class="row divWhiteBox weatherUnit mx-auto">
<div class="weatherDataCollection mx-auto">
<span class="statusDataHeader col-auto"
>Need Location Details</span
>
<span class="statusDataText"></span>
</div>
</div>
</div>
</div>
<div class="row footer">
<div class="row">
<img src="images/gears.png" class="footerImg" />
</div>
<div class="footerDiv row">
<div class="col-auto mx-auto">
<img src="images/logo 2.png" class="footerLogo" />
</div>
<div class="col-auto footerData mx-auto d-block">
<div class="row slogan">
Trying to be the best in ourself !
</div>
<div class="row footerDescription">
An initiative to provide the best in class services to
our farmers and workers who work constantly to feed the
nation.
</div>
<div>
<!-- links -->
</div>
</div>
</div>
</div>
<!-- <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />axasxsa -->
</body>
</html>
<script>
initialize();
</script>