Skip to content

Commit

Permalink
progress bar toimii jotenki
Browse files Browse the repository at this point in the history
  • Loading branch information
@ArttuKuikka
ArttuKuikka committed Dec 30, 2023
1 parent 449ae1b commit a56639c
Show file tree
Hide file tree
Showing 4 changed files with 80 additions and 26 deletions.
1 change: 1 addition & 0 deletions Controllers/InfotvController.cs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,7 @@ public IActionResult Index(int? weekId, int? Year)
}

ViewBag.viikko = viikko;
ViewBag.Vuosi = vuosi;

var ruokalista = db.Ruokalista.Where(m => m.Year == vuosi)?.FirstOrDefault(k => k.WeekId == viikko);

Expand Down
3 changes: 3 additions & 0 deletions Views/Aanestys/Tulokset.cshtml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,9 @@

<link rel="stylesheet" href="/css/aanestys.css">
<script src="/js/aanestys.js"></script>
<script>
main();
</script>

<h2>Ruokien äänestystulokset</h2>

Expand Down
94 changes: 70 additions & 24 deletions Views/Infotv/Index.cshtml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,8 @@
</style>
<script src="/js/aanestys.js"></script>
<link rel="stylesheet" href="/css/aanestys.css">

<script>
fetch('/infotv/GetBgForWeek?week=@ViewBag.viikko')
Expand Down Expand Up @@ -112,6 +114,46 @@
});
//luo votebar
document.addEventListener("DOMContentLoaded", function () {
const aanestysbox = document.getElementById("aanestysbox");
const currentDate = new Date();
const currentDayOfWeek = 1;//currentDate.getDay();
var showBool = true;//@Html.Raw(ViewBag.nykyinenviikko?.ToString()?.ToLower());
if (showBool) {
fetch(`/api/v1/Aanestys/Tulos?weekid=@ViewBag.viikko&year=@ViewBag.Vuosi`)
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
try {
const dayNames = ['sunnuntai', 'maanantai', 'tiistai', 'keskiviikko', 'torstai', 'perjantai', 'lauantai'];
const dayOfWeekName = dayNames[currentDayOfWeek];
const voteData = [];
for (let i = 1; i < 5; i++) {
var searchStr = "level" + i.toString() + "_votes_" + dayOfWeekName;
voteData.push(data['votes'][searchStr])
}
createProcentageBar(voteData[0], voteData[1],voteData[2], voteData[3], aanestysbox);
} catch (err) {
aanestysbox.remove();
throw err;
}
})
.catch(error => {
aanestysbox.remove();
console.error(error);
});
} else {
aanestysbox.remove();
}
});
Expand All @@ -126,93 +168,97 @@
@{
if (ViewBag.RuokaOlemassa)
{
@if (ViewBag.NytOnSeuraavaViikko ?? false)
@if (ViewBag.NytOnSeuraavaViikko ?? false)
{
<div style="font-size:3.8vw; font-weight:bold; margin-bottom:10px">Seuraavan viikon(@ViewBag.viikko) ruokalista</div>
<div style="font-size:3.8vw; font-weight:bold; margin-bottom:10px">Seuraavan viikon(@ViewBag.viikko) ruokalista</div>
}
else
{
<div style="font-size:3.8vw; font-weight:bold">Tämän viikon(@ViewBag.viikko) ruokalista</div>
<div style="font-size:3.8vw; font-weight:bold">Tämän viikon(@ViewBag.viikko) ruokalista</div>
}


RuokalistaServer.Models.Ruokalista ruoka = ViewBag.ruokalista;

if (ViewBag.Nykyinenviikko && DateTime.Now.DayOfWeek == DayOfWeek.Monday)
{
<div class="autosize daytitle" style="color:orange;">Maanantai</div>
<div class="autosize ruokateksti" style="color:orange;">@ruoka.Maanantai</div>
<div class="autosize daytitle" style="color:orange;">Maanantai</div>
<div class="autosize ruokateksti" style="color:orange;">@ruoka.Maanantai</div>
}
else
{
<div class="autosize daytitle">Maanantai</div>
<div class="autosize ruokateksti">@ruoka.Maanantai</div>
<div class="autosize daytitle">Maanantai</div>
<div class="autosize ruokateksti">@ruoka.Maanantai</div>
}




if (ViewBag.Nykyinenviikko && DateTime.Now.DayOfWeek == DayOfWeek.Tuesday)
{
<div class="autosize daytitle" style="color:orange;">Tiistai</div>
<div class="autosize ruokateksti" style="color:orange">@ruoka.Tiistai</div>
<div class="autosize daytitle" style="color:orange;">Tiistai</div>
<div class="autosize ruokateksti" style="color:orange">@ruoka.Tiistai</div>
}
else
{
<div class="autosize daytitle">Tiistai</div>
<div class="autosize ruokateksti">@ruoka.Tiistai</div>
<div class="autosize daytitle">Tiistai</div>
<div class="autosize ruokateksti">@ruoka.Tiistai</div>
}




if (ViewBag.Nykyinenviikko && DateTime.Now.DayOfWeek == DayOfWeek.Wednesday)
{
<div class="autosize daytitle" style="color:orange;">Keskiviikko</div>
<div class="autosize ruokateksti" style="color:orange">@ruoka.Keskiviikko</div>
<div class="autosize daytitle" style="color:orange;">Keskiviikko</div>
<div class="autosize ruokateksti" style="color:orange">@ruoka.Keskiviikko</div>
}
else
{
<div class="autosize daytitle">Keskiviikko</div>
<div class="autosize ruokateksti">@ruoka.Keskiviikko</div>
<div class="autosize daytitle">Keskiviikko</div>
<div class="autosize ruokateksti">@ruoka.Keskiviikko</div>
}



if (ViewBag.Nykyinenviikko && DateTime.Now.DayOfWeek == DayOfWeek.Thursday)
{
<div class="autosize daytitle" style="color:orange;">Torstai</div>
<div class="autosize ruokateksti" style="color:orange">@ruoka.Torstai</div>
<div class="autosize daytitle" style="color:orange;">Torstai</div>
<div class="autosize ruokateksti" style="color:orange">@ruoka.Torstai</div>
}
else
{
<div class="autosize daytitle">Torstai</div>
<div class="autosize ruokateksti">@ruoka.Torstai</div>
<div class="autosize daytitle">Torstai</div>
<div class="autosize ruokateksti">@ruoka.Torstai</div>
}



if (ViewBag.Nykyinenviikko && DateTime.Now.DayOfWeek == DayOfWeek.Friday)
{
<div class="autosize daytitle" style="color:orange;">Perjantai</div>
<div class="autosize ruokateksti" style="color:orange">@ruoka.Perjantai</div>
<div class="autosize daytitle" style="color:orange;">Perjantai</div>
<div class="autosize ruokateksti" style="color:orange">@ruoka.Perjantai</div>
}
else
{
<div class="autosize daytitle">Perjantai</div>
<div class="autosize ruokateksti">@ruoka.Perjantai</div>
<div class="autosize daytitle">Perjantai</div>
<div class="autosize ruokateksti">@ruoka.Perjantai</div>
}


}
else
{
<h1 style="font-size:4vw">Tämän viikon ruokalistaa ei vielä ole</h1>
<h1 style="font-size:4vw">Tämän viikon ruokalistaa ei vielä ole</h1>
}

}
</div>
<img src="~/mainos3.png" style="width:19vw; height:25vw; position:absolute; bottom:50px; right:10px; z-index:4" />
<img src="~/ig.png" style="width:19vw; height:3vw; position:absolute; bottom:0px; right:10px; z-index:4" />

<div id="aanestysbox" style="top:5px; right:5px; z-index:4; position: absolute; width:25vw; height: 10vw; background-color: #222; border-radius: 10px; opacity:80%;">

</div>
</body>

8 changes: 6 additions & 2 deletions wwwroot/js/aanestys.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
document.addEventListener("DOMContentLoaded", function () {
function main(){
document.addEventListener("DOMContentLoaded", function () {
const contentBody = document.getElementById('aanestysDiv')

fetch('/api/v1/Aanestys/Tulokset?take=10')
Expand All @@ -17,6 +18,7 @@ document.addEventListener("DOMContentLoaded", function () {
contentBody.appendChild(errorElement);
});
});
}


function CreateAanestysBox(data, body) {
Expand Down Expand Up @@ -199,4 +201,6 @@ function createProcentageBar(level1, level2, level3, level4, body) {

body.appendChild(colorbardiv);

}
}


0 comments on commit a56639c

Please sign in to comment.