Skip to content
Snippets Groups Projects
Commit a7227e8d authored by AndreasAbramo's avatar AndreasAbramo
Browse files

updateServerPorp

parent bfa7a08e
Branches
No related tags found
No related merge requests found
server.address=192.168.1.65
server.address=0.0.0.0
server.port=8080
......@@ -27,7 +27,7 @@
</head>
<body class="font-[Poppins] h-screen bg-gray-50 pb-16">
<header class="bg-white dark:bg-slate-700 dark:text-white">
<header class="bg-white">
<nav class="flex justify-between items-center w-[92%] mx-auto p-4">
<div>
<a href="#">
......@@ -103,7 +103,7 @@
<!-- Time buttons -->
<div class="container mx-auto p-4 items-center">
<div class="inline-flex justify-center items-center w-full">
<button id="dayButton" class="px-4 py-2 bg-gray-200 rounded-l hover:bg-gray-300 time-range-button dark:bg-gray-100" onclick="updateChart('day')">Day</button>
<button id="dayButton" class="px-4 py-2 bg-gray-200 rounded-l hover:bg-gray-300 time-range-button" onclick="updateChart('day')">Day</button>
<button id="weekButton" class="px-4 py-2 bg-gray-200 hover:bg-gray-300 time-range-button" onclick="updateChart('week')">Week</button>
<button id="monthButton" class="px-4 py-2 bg-gray-200 hover:bg-gray-300 time-range-button" onclick="updateChart('month')">Month</button>
<button id="allTimeButton" class="px-4 py-2 bg-gray-200 rounded-r hover:bg-gray-300 time-range-button" onclick="updateChart('all-time')">All Time</button>
......@@ -114,11 +114,11 @@
<div class="container mx-auto p-4" id="chart-container">
<div id="stapleChartsSection" class="chart-section">
<h2 class="text-2xl font-bold mb-4">Staple Charts</h2>
<div class="chart-container shadow-md bg-gray-100 p-4 mb-4 rounded-lg dark:bg-slate-500">
<div class="chart-container shadow-md bg-gray-100 p-4 mb-4 rounded-lg">
<canvas id="rawStapleChart" class="max-h-80"></canvas>
</div>
<h3 class="text-2xl mb-2">Medelvärde</h3>
<div class="chart-container shadow-md bg-white-100 p-4 mb-4 rounded-lg dark:bg-slate-500">
<div class="chart-container shadow-md bg-white-100 p-4 mb-4 rounded-lg">
<canvas id="meanStapleChart" class="max-h-96"></canvas>
</div>
</div>
......@@ -126,11 +126,11 @@
<!-- Line Charts Section -->
<div id="lineChartsSection" class="chart-section pt-16">
<h2 class="text-2xl font-bold mb-4">Line Charts</h2>
<div class="chart-container shadow-md bg-white-100 p-4 mb-4 rounded-lg dark:bg-slate-500">
<div class="chart-container shadow-md bg-white-100 p-4 mb-4 rounded-lg">
<canvas id="rawLineChart" class="max-h-96"></canvas>
</div>
<h3 class="text-2xl mb-2">Medelvärde</h3>
<div class="chart-container shadow-md bg-white-100 p-4 mb-4 rounded-lg dark:bg-slate-500">
<div class="chart-container shadow-md bg-white-100 p-4 mb-4 rounded-lg">
<canvas id="meanLineChart" class="max-h-96"></canvas>
</div>
</div>
......@@ -138,11 +138,11 @@
<!-- Pie Charts Section -->
<div id="pieChartsSection" class="chart-section pt-16">
<h2 class="text-2xl font-bold mb-4">Pie Charts</h2>
<div class="chart-container shadow-md bg-white-100 p-4 mb-4 rounded-lg dark:bg-slate-500">
<div class="chart-container shadow-md bg-white-100 p-4 mb-4 rounded-lg">
<canvas id="ratingPieChart"></canvas>
</div>
<h3 class="text-2xl mb-2">Medelvärde</h3>
<div class="chart-container shadow-md bg-white-100 p-4 mb-4 rounded-lg dark:bg-slate-500">
<div class="chart-container shadow-md bg-white-100 p-4 mb-4 rounded-lg">
<canvas id="stressPieChart"></canvas>
</div>
</div>
......@@ -167,11 +167,11 @@
</div>
<!-- Specific User Charts -->
<div id="userChartContainer">
<div class="chart-container bg-gray-100 p-4 mb-4 rounded-lg dark:bg-slate-500">
<div class="chart-container bg-gray-100 p-4 mb-4 rounded-lg">
<canvas id="userPieChart"></canvas>
</div>
<div class="chart-container bg-gray-100 p-4 mb-4 rounded-lg dark:bg-slate-500 ">
<div class="chart-container bg-gray-100 p-4 mb-4 rounded-lg">
<canvas id="userStapleChart" class="max-h-72"></canvas>
</div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment