Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
SRCT
weather
Commits
4db4ac55
Commit
4db4ac55
authored
Dec 27, 2016
by
Zach Knox
Browse files
Closes #6, makes color CSS work
Someone still needs to make real colors for it though, it's all grays right now
parent
a8218202
Changes
3
Hide whitespace changes
Inline
Side-by-side
weather/client/views/home/home.html
View file @
4db4ac55
...
...
@@ -27,9 +27,6 @@
<section
class=
"mdl-layout__tab-panel"
id=
"korea"
>
<div
class=
"page-content"
>
{{> weather}}
</div>
</section>
<section
class=
"mdl-layout__tab-panel"
id=
"saudi"
>
<div
class=
"page-content"
>
{{> weather}}
</div>
</section>
</div>
{{> footer}}
</main>
...
...
weather/client/views/weather/weather.html
View file @
4db4ac55
...
...
@@ -14,7 +14,7 @@
</div>
{{/if}}
<div
class=
"mdl-cell mdl-cell--12-col"
>
<div
class=
"weather-card mdl-card mdl-shadow--4dp"
>
<div
class=
"
{{getColorStyle (roundNumber weatherData.data.currently.temperature)}}
weather-card mdl-card mdl-shadow--4dp"
>
<div
class=
"mdl-card__title"
>
<h1
class=
"mdl-card__title-text"
>
Current Conditions
<br
/></h1>
</div>
...
...
@@ -58,7 +58,7 @@
</div>
{{#each dayWeather in weatherData.data.daily.data}}
<div
class=
"mdl-cell mdl-cell--4-col"
>
<div
class=
"{{getColorStyle roundNumber dayWeather.temperatureMax}}
out-of-focus
-card mdl-card mdl-shadow--4dp"
>
<div
class=
"{{getColorStyle
(
roundNumber dayWeather.temperatureMax
)
}}
weather
-card mdl-card mdl-shadow--4dp"
>
<div
class=
"mdl-card__title"
>
<h1
class=
"mdl-card__title-text"
>
{{getDayNameFromTime dayWeather.time}}
<br
/></h1>
</div>
...
...
weather/client/views/weather/weather.js
View file @
4db4ac55
...
...
@@ -101,39 +101,42 @@ Template.weather.helpers({
return
days
[
given
.
getDay
()
];
},
getColorStyle
:
function
(
temp
)
{
var
returning
=
"
degree
"
;
if
(
temp
<
10
)
{
return
returning
+
"
0
"
;
return
"
degree
0
"
;
}
else
if
(
temp
>=
10
&&
temp
<
20
)
{
return
returning
+
"
10
"
;
return
"
degree
10
"
;
}
else
if
(
temp
>=
20
&&
temp
<
30
)
{
return
returning
+
"
20
"
;
return
"
degree
20
"
;
}
else
if
(
temp
>=
30
&&
temp
<
40
)
{
return
returning
+
"
30
"
;
return
"
degree
30
"
;
}
else
if
(
temp
>=
40
&&
temp
<
50
)
{
return
returning
+
"
40
"
;
return
"
degree
40
"
;
}
else
if
(
temp
>=
50
&&
temp
<
60
)
{
return
returning
+
"
50
"
;
return
"
degree
50
"
;
}
else
if
(
temp
>=
60
&&
temp
<
70
)
{
return
returning
+
"
60
"
;
return
"
degree
60
"
;
}
else
if
(
temp
>=
70
&&
temp
<
80
)
{
return
returning
+
"
70
"
;
return
"
degree
70
"
;
}
else
if
(
temp
>=
80
&&
temp
<
90
)
{
return
returning
+
"
80
"
;
return
"
degree
80
"
;
}
else
if
(
temp
>=
90
&&
temp
<
100
)
{
return
returning
+
"
90
"
;
return
"
degree
90
"
;
}
else
if
(
temp
>=
100
)
{
return
returning
+
"
100
"
;
return
"
degree100
"
;
}
else
{
Console
.
log
(
temp
);
return
temp
;
}
}
});
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment