From e4e05b4788f2c53ff7730c698fd969c2094f21c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gi=C3=B2=20Diani?= <mail@gionathandiani.name>
Date: Fri, 17 Jan 2025 23:46:22 +0100
Subject: [PATCH] refactoring; more consistent naming for API endpoint and
 variables.

---
 dashboard/app/Api.php                         |  64 ++++---
 dashboard/resources/views/overview.blade.php  |  30 ++-
 .../resources/views/property-nodata.blade.php |  27 +++
 dashboard/resources/views/property.blade.php  |  80 ++++----
 dashboard/resources/views/region.blade.php    |  32 ++--
 dashboard/routes/console.php                  |   8 -
 dashboard/routes/web.php                      | 180 ++++++++++++------
 etl/src/api/main.py                           | 109 ++++++-----
 etl/src/data/database.py                      |   8 +-
 etl/src/data/etl_property_capacities.py       |   2 +-
 ...ys.py => etl_property_capacities_daily.py} |   4 +-
 .../data/etl_property_capacities_monthly.py   |   2 +-
 .../data/etl_region_capacities_comparison.py  |   9 +-
 ...days.py => etl_region_capacities_daily.py} |   4 +-
 etl/src/data/etl_region_capacities_monthly.py |   2 +-
 .../data/etl_region_properties_capacities.py  |   2 +-
 16 files changed, 325 insertions(+), 238 deletions(-)
 create mode 100644 dashboard/resources/views/property-nodata.blade.php
 delete mode 100644 dashboard/routes/console.php
 rename etl/src/data/{etl_property_capacities_weekdays.py => etl_property_capacities_daily.py} (87%)
 rename etl/src/data/{etl_region_capacities_weekdays.py => etl_region_capacities_daily.py} (92%)

diff --git a/dashboard/app/Api.php b/dashboard/app/Api.php
index a4b1663..dcea549 100644
--- a/dashboard/app/Api.php
+++ b/dashboard/app/Api.php
@@ -5,6 +5,11 @@ namespace App;
 use Illuminate\Support\Facades\Cache;
 use Illuminate\Support\Facades\Http;
 
+/*
+ * Class contains methods which make calls to the API.
+ * Successfull calls get cached.
+ */
+
 class Api
 {
 
@@ -14,12 +19,15 @@ class Api
         $endpoint = env('FASTAPI_URI');
         $request = $endpoint.$path;
 
+        // load from cache if available
         if (Cache::has($request)) {
-            // return Cache::get($request);
+            //return Cache::get($request);
         }
 
-        $get = Http::timeout(1600)->get($request);
+        // Set timeout to .5h
+        $get = Http::timeout(1800)->get($request);
 
+        // return result and cache it
         if($get->successful()){
             $result = $get->json();
             Cache::put($request, $result);
@@ -29,27 +37,22 @@ class Api
         return null;
     }
 
-    public static function propertiesPerRegion()
-    {
-        return self::get('/region/properties');
-    }
-
-    public static function propertiesGrowth()
+    public static function propertiesGrowth(): mixed
     {
         return self::get('/properties/growth');
     }
 
-     public static function propertiesGeo()
+     public static function propertiesGeo(): mixed
     {
         return self::get('/properties/geo');
     }
 
-    public static function propertyExtractions(int $id)
+    public static function propertyExtractions(int $id): mixed
     {
         return self::get("/property/{$id}/extractions");
     }
 
-    public static function propertyCapacities(int $id)
+    public static function propertyCapacities(int $id): mixed
     {
         return self::get("/property/{$id}/capacities");
     }
@@ -59,6 +62,26 @@ class Api
         return self::get("/property/{$id}/base");
     }
 
+    public static function propertyCapacitiesMonthly(int $id, string $date): mixed
+    {
+        return self::get("/property/{$id}/capacities/monthly/{$date}");
+    }
+
+    public static function propertyCapacitiesDaily(int $id, string $date): mixed
+    {
+        return self::get("/property/{$id}/capacities/daily/{$date}");
+    }
+
+    public static function propertyNeighbours(int $id): mixed
+    {
+        return self::get("/property/{$id}/neighbours");
+    }
+
+    public static function regions(): mixed
+    {
+        return self::get('/regions');
+    }
+
     public static function regionBase(int $id): mixed
     {
         return self::get("/region/{$id}/base");
@@ -74,24 +97,9 @@ class Api
         return self::get("/region/{$id}/capacities/monthly/{$date}");
     }
 
-    public static function propertyCapacitiesMonthly(int $id, string $date): mixed
-    {
-        return self::get("/property/{$id}/capacities/monthly/{$date}");
-    }
-
     public static function regionCapacitiesDaily(int $id, string $date): mixed
     {
-        return self::get("/region/{$id}/capacities/weekdays/{$date}");
-    }
-
-    public static function propertyCapacitiesDaily(int $id, string $date): mixed
-    {
-        return self::get("/property/{$id}/capacities/weekdays/{$date}");
-    }
-
-    public static function propertyNeighbours(int $id): mixed
-    {
-        return self::get("/property/{$id}/neighbours");
+        return self::get("/region/{$id}/capacities/daily/{$date}");
     }
 
     public static function regionCapacities(int $id): mixed
@@ -103,7 +111,5 @@ class Api
     {
         return self::get("/region/{$id}/movingAverage/{$date}");
     }
-
-
     
 }
diff --git a/dashboard/resources/views/overview.blade.php b/dashboard/resources/views/overview.blade.php
index f10d9c1..43bdfd4 100644
--- a/dashboard/resources/views/overview.blade.php
+++ b/dashboard/resources/views/overview.blade.php
@@ -5,7 +5,7 @@
   <strong>Start</strong>
   <ul>
     @foreach($regions as $r)
-    <li><a href="/region/{{ $r['region_id'] }}">{{ $r['region_name'] }}</a></li>
+    <li><a href="/region/{{ $r['id'] }}">{{ $r['name'] }}</a></li>
     @endforeach
   </ul>
 </nav>
@@ -82,7 +82,7 @@
 <script type="module">
 const sharedOptions = {
   basic: {
-    color: {!! $chartOptions['colors'] !!},
+    color: {!! $diagramsOptions['shared']['colors'] !!},
     grid: {
       top: 30,
       left: 70,
@@ -101,7 +101,7 @@ const sharedOptions = {
     }
   }
 }
-const extractionDates = {!! json_encode($regionPropertiesCapacities['scrapeDates']) !!};
+const extractionDates = {!! $diagramsOptions['shared']['extractionDates'] !!};
 
 const chartHeatmap = document.getElementById('chart-heatmap');
 const cHeatmap = echarts.init(chartHeatmap);
@@ -156,7 +156,7 @@ const cHeatmapOptions = {
   yAxis: {
     show: true,
     type: 'category',
-    data: {!! json_encode($regionPropertiesCapacities['property_ids']) !!},
+    data: {!! $diagramsOptions['heatmap']['yAxis']['data'] !!},
     splitArea: {
       show: false
     },
@@ -196,7 +196,7 @@ const cHeatmapOptions = {
       name: 'Verfügbarkeit',
       type: 'heatmap',
       blurSize: 0,
-      data: {!! json_encode($regionPropertiesCapacities['values']) !!},
+      data: {!! $diagramsOptions['heatmap']['series']['data'] !!},
       label: {
         show: false
       },
@@ -230,7 +230,7 @@ const cPropsPerRegionOptions = {
       fontWeight: 'bold',
     },
     type: 'category',
-    data: {!! $propsPerRegion[1] !!}
+    data: {!! $diagramsOptions['propertiesPerRegion']['xAxis']['data'] !!}
   },
   yAxis: {
     type: 'value',
@@ -243,7 +243,7 @@ const cPropsPerRegionOptions = {
   },
   series: [
     {
-      data: {!! $propsPerRegion[2] !!},
+      data: {!! $diagramsOptions['propertiesPerRegion']['yAxis']['data'] !!},
       type: 'bar',
       itemStyle: {
         color: (e) => {
@@ -259,17 +259,13 @@ cPropsPerRegion.setOption(cPropsPerRegionOptions);
 const chartExtractions = document.getElementById('extractions');
 const cExtractions = echarts.init(chartExtractions);
 
-const filters = {
-  regions: ["Alle", "Davos", "Engadin", "Heidiland", "St. Moritz"]
-}
-
 const cExtractionsOptions = {
   color: sharedOptions.basic.color,
   tooltip: {
     trigger: 'axis'
   },
   legend: {
-    data: filters.regions
+    show: true
   },
   grid: sharedOptions.basic.grid,
   xAxis: {
@@ -297,31 +293,31 @@ const cExtractionsOptions = {
       name: 'Alle',
       type: 'line',
       stack: 'Total',
-      data: {!! json_encode($growth['total_all']) !!},
+      data: {!! json_encode($diagramsOptions['extractions']['series']['total_all']) !!},
     },
     {
       connectNulls: true,
       name: 'Davos',
       type: 'line',
-      data: {!! json_encode($growth['total_davos']) !!}
+      data: {!! json_encode($diagramsOptions['extractions']['series']['total_davos']) !!}
     },
     {
       connectNulls: true,
       name: 'Engadin',
       type: 'line',
-      data: {!! json_encode($growth['total_engadin']) !!}
+      data: {!! json_encode($diagramsOptions['extractions']['series']['total_engadin']) !!}
     },
     {
       connectNulls: true,
       name: 'Heidiland',
       type: 'line',
-      data: {!! json_encode($growth['total_heidiland']) !!}
+      data: {!! json_encode($diagramsOptions['extractions']['series']['total_heidiland']) !!}
     },
     {
       connectNulls: true,
       name: 'St. Moritz',
       type: 'line',
-      data: {!! json_encode($growth['total_stmoritz']) !!}
+      data: {!! json_encode($diagramsOptions['extractions']['series']['total_stmoritz']) !!}
     },
   ]
 };
diff --git a/dashboard/resources/views/property-nodata.blade.php b/dashboard/resources/views/property-nodata.blade.php
new file mode 100644
index 0000000..dd3a532
--- /dev/null
+++ b/dashboard/resources/views/property-nodata.blade.php
@@ -0,0 +1,27 @@
+@extends('base')
+@section('body-class', 'property')
+@section('header')
+<nav>
+  <strong>Property: {{ $base['check_data'] }} ({{ $base['region_name'] }})</strong>
+  <ul>
+    <li><a href="/">Start</a></li>
+    @foreach($regions as $r)
+    <li><a href="/region/{{ $r['id'] }}">{{ $r['name'] }}</a></li>
+    @endforeach
+  </ul>
+</nav>
+<button popovertarget="prop-details"></button>
+<div popover id="prop-details">
+    <dl>
+        <dt>Region</dt>
+        <dd>{{ $base['region_name'] }}</dd>
+        <dt>Zum ersten mal gefunden</dt>
+        <dd>{{ $base['first_found'] }}</dd>
+        <dt>Zum letzten mal gefunden</dt>
+        <dd>{{ $base['last_found'] }}</dd>
+    </dl>
+</div>
+@endsection
+@section('main')
+<p>Für dieses Mietobjekt sind keine Daten vorhanden.</p>
+@endsection
diff --git a/dashboard/resources/views/property.blade.php b/dashboard/resources/views/property.blade.php
index bc17630..74f5cf1 100644
--- a/dashboard/resources/views/property.blade.php
+++ b/dashboard/resources/views/property.blade.php
@@ -2,11 +2,11 @@
 @section('body-class', 'property')
 @section('header')
 <nav>
-  <strong>Property: {{ $base['check_data'] }} ({{ $base['region_name'] }})</strong>
+  <strong>Property: {{ $base['latlng'] }} ({{ $base['region_name'] }})</strong>
   <ul>
     <li><a href="/">Start</a></li>
     @foreach($regions as $r)
-    <li><a href="/region/{{ $r['region_id'] }}">{{ $r['region_name'] }}</a></li>
+    <li><a href="/region/{{ $r['id'] }}">{{ $r['name'] }}</a></li>
     @endforeach
   </ul>
 </nav>
@@ -24,11 +24,6 @@
 @endsection
 
 @section('main')
-@if(!isset($propertyCapacities['capacities']))
-<div style="position: absolute;">
-    Für dieses Mietobjekt sind keine Daten vorhanden.
-</div>
-@else
 <article style="grid-area: timeline;">
     <div id="timeline"></div>
 </article>
@@ -86,41 +81,41 @@
 <script type="module">
 
 const sharedOptions = {
-  basic: {
-    color: {!! $chartOptions['colors'] !!},
-    grid: {
-      top: 20,
-      left: 60,
-      right: 0,
-      bottom: 50
-    },
-    tooltip: {
-        show: true,
-        trigger: 'axis',
-        valueFormatter: (value) => value.toFixed(2)+' %'
-    },
-    name: (opt) => {
-      return {
-        name: opt.name,
-        nameLocation: opt.location,
-        nameGap: 24,
-        nameTextStyle: {
-          fontWeight: 'bold',
+        extractiondates: {!! $diagramsOptions['shared']['extractiondates']!!},
+        basic: {
+            color: {!!$diagramsOptions['shared']['colors']!!},
+        grid: {
+            top: 20,
+            left: 60,
+            right: 0,
+            bottom: 50
         },
-      }
+        tooltip: {
+            show: true,
+            trigger: 'axis',
+            valueFormatter: (value) => value.toFixed(2) + ' %'
+        },
+        name: (opt) => {
+            return {
+                name: opt.name,
+                nameLocation: opt.location,
+                nameGap: 24,
+                nameTextStyle: {
+                    fontWeight: 'bold',
+                }
+            }
+        }
     }
-  }
 }
 
 const chartTimeline = document.getElementById('timeline');
 const cTimeline = echarts.init(chartTimeline);
-
 const cTimelineOptions = {
     grid: {
         show: false,
     },
     timeline: {
-        data: {!! $extractiondates !!},
+        data: sharedOptions.extractiondates,
         playInterval: 1000,
         axisType: 'time',
         left: 8,
@@ -141,7 +136,7 @@ const cCapacityMonthlyOptions = {
     tooltip: sharedOptions.basic.tooltip,
     timeline: {
         show: false,
-        data: {!! $extractiondates !!},
+        data: sharedOptions.extractiondates,
         axisType: 'time',
     },
     grid: {
@@ -164,7 +159,7 @@ const cCapacityMonthlyOptions = {
         type: 'category',
     },
     options: [
-        @foreach ($capacitiesMonthly as $cM)
+        @foreach ($diagramsOptions['capacityMonthly']['options'] as $cM)
         {
         yAxis: {
             data: {!! json_encode($cM['months']) !!}
@@ -190,7 +185,7 @@ const cCapacityDailyOptions = {
     tooltip: sharedOptions.basic.tooltip,
     timeline: {
         show: false,
-        data: {!! $extractiondates !!},
+        data: sharedOptions.extractiondates,
         axisType: 'time',
     },
     grid: {
@@ -213,7 +208,7 @@ const cCapacityDailyOptions = {
         type: 'category',
     },
     options: [
-        @foreach ($capacitiesDaily as $cD)
+        @foreach ($diagramsOptions['capacityDaily']['options'] as $cD)
         {
         yAxis: {
             data: {!! json_encode($cD['weekdays']) !!}
@@ -254,7 +249,7 @@ const cCapacityOptions = {
   xAxis: {
     type: 'category',
     boundaryGap: false,
-    data: {!! json_encode($propertyCapacities['dates']) !!},
+    data: {!! $diagramsOptions['capacities']['xAxis']['data'] !!},
     name: 'Zeitpunkt Scraping',
     nameLocation: 'center',
     nameGap: 24,
@@ -278,19 +273,19 @@ const cCapacityOptions = {
           name: 'Verfügbarkeit Mietobjekt',
           type: 'line',
           symbolSize: 7,
-          data: {!! json_encode($propertyCapacities['capacities']) !!}
+          data: {!! $diagramsOptions['capacities']["series"][0]["data"] !!}
         },
         {
             name: 'Verfügbarkeit {{ $base['region_name'] }}',
             type: 'line',
             symbolSize: 7,
-            data: {!! json_encode($regionCapacities[0]) !!}
+            data: {!! $diagramsOptions['capacities']["series"][1]["data"] !!}
         },
         {
             name: 'Verfügbarkeit alle Regionen',
             type: 'line',
             symbolSize: 7,
-            data: {!! json_encode($regionCapacities[1]) !!}
+            data: {!! $diagramsOptions['capacities']["series"][2]["data"] !!}
         }
     ]
 };
@@ -304,7 +299,7 @@ const h2Belegung = document.getElementById('belegung-title');
 const cCalendarOptions = {
     timeline: {
         show: false,
-        data: {!! json_encode($propertyCapacities['dates']) !!},
+        data: sharedOptions.extractiondates,
         axisType: 'time',
     },
     visualMap: {
@@ -363,7 +358,7 @@ const cCalendarOptions = {
         }
     ],
     options: [
-        @foreach ($calendar as $c)
+        @foreach ($diagramsOptions['calendar']['series'] as $c)
         {
             series: [{
                 type: 'heatmap',
@@ -445,7 +440,7 @@ function icon(id = 0){
 }
 
 const markers = L.featureGroup([
-    L.marker([{{ $base['check_data'] }}], {icon: icon(1)}),
+    L.marker([{{ $base['latlng'] }}], {icon: icon(1)}),
     @foreach($neighbours as $n)
     L.marker([{{ $n['lat'] }}, {{ $n['lon'] }}], {icon: icon()}).bindPopup('<a href="/property/{{ $n['id'] }}">{{ $n['lat'] }}, {{ $n['lon'] }}</a>'),
     @endforeach
@@ -465,5 +460,4 @@ cCapacity.on('click', 'series', (e) => {
 
 
 </script>
-@endif
 @endsection
diff --git a/dashboard/resources/views/region.blade.php b/dashboard/resources/views/region.blade.php
index 57e2501..e8deb05 100644
--- a/dashboard/resources/views/region.blade.php
+++ b/dashboard/resources/views/region.blade.php
@@ -2,12 +2,12 @@
 @section('body-class', 'region')
 @section('header')
 <nav>
-  <strong>{{ $region[0]['region_name'] }}</strong>
+  <strong>{{ $region[0]['name'] }}</strong>
   <ul>
     <li><a href="/">Start</a></li>
     @foreach($regions as $r)
-    @if($r['region_id'] != $region_id)
-    <li><a href="/region/{{ $r['region_id'] }}">{{ $r['region_name'] }}</a></li>
+    @if($r['id'] != $regionId)
+    <li><a href="/region/{{ $r['id'] }}">{{ $r['name'] }}</a></li>
     @endif
     @endforeach
   </ul>
@@ -64,7 +64,7 @@
 
 const sharedOptions = {
   basic: {
-    color: {!! $chartOptions['colors'] !!},
+    color: {!! $diagramsOptions['shared']['colors'] !!},
     grid: {
       top: 20,
       left: 60,
@@ -108,7 +108,7 @@ const cCapacityOptions = {
   xAxis: {
     type: 'category',
     boundaryGap: false,
-    data: {!! json_encode($regionCapacities['region']['dates']) !!},
+    data: {!! $diagramsOptions['capacity']['xAxis']['data'] !!},
     name: 'Zeitpunkt Scraping',
     nameLocation: 'center',
     nameGap: 24,
@@ -131,13 +131,13 @@ const cCapacityOptions = {
       name: 'Verfügbarkeit alle Regionen',
       type: 'line',
       symbolSize: 7,
-      data: {!! json_encode($regionCapacities['all']['capacities']) !!}
+      data: {!! $diagramsOptions['capacity']['series']['all']['data'] !!}
     },
     {
         name: 'Verfügbarkeit Region',
         type: 'line',
         symbolSize: 7,
-        data: {!! json_encode($regionCapacities['region']['capacities']) !!}
+        data: {!! $diagramsOptions['capacity']['series']['region']['data'] !!}
     }]
 };
 
@@ -149,7 +149,7 @@ const cCapacityMonthly = echarts.init(chartCapacityMonthly);
 const cCapacityMonthlyOptions = {
     timeline: {
         show: false,
-        data: {!! json_encode($regionCapacities['region']['dates']) !!},
+        data: {!! $diagramsOptions['capacity']['xAxis']['data'] !!},
         axisType: 'time',
     },
     grid: {
@@ -173,7 +173,7 @@ const cCapacityMonthlyOptions = {
     },
     tooltip: sharedOptions.basic.tooltip,
     options: [
-        @foreach ($regionCapacities['region_monthly'] as $m)
+        @foreach ($diagramsOptions['capacityMonthly']['options'] as $m)
         {
         yAxis: {
             data: {!! json_encode($m['months']) !!}
@@ -198,7 +198,7 @@ const cCapacityDaily = echarts.init(chartCapacityDaily);
 const cCapacityDailyOptions = {
     timeline: {
         show: false,
-        data: {!! json_encode($regionCapacities['region']['dates']) !!},
+        data: {!! $diagramsOptions['capacity']['xAxis']['data'] !!},
         axisType: 'time',
     },
     tooltip: sharedOptions.basic.tooltip,
@@ -222,7 +222,7 @@ const cCapacityDailyOptions = {
         type: 'category',
     },
     options: [
-        @foreach ($regionCapacities['region_daily'] as $d)
+        @foreach ($diagramsOptions['capacityDaily']['options'] as $d)
         {
         yAxis: {
             data: {!! json_encode($d['weekdays']) !!}
@@ -248,7 +248,7 @@ const cPredictionOptions = {
   color: sharedOptions.basic.color,
   timeline: {
       show: false,
-      data: {!! json_encode($regionCapacities['region']['dates']) !!},
+      data: {!! $diagramsOptions['capacity']['xAxis']['data'] !!},
       axisType: 'time',
       replaceMerge: ['graphic', 'series']
   },
@@ -285,7 +285,7 @@ const cPredictionOptions = {
     }
   },
   options: [
-    @foreach ($predictions as $p)
+    @foreach ($diagramsOptions['predictions']['options'] as $p)
     @if($p === null)
     {
       graphic: {
@@ -368,7 +368,7 @@ const cHeatmapOptions = {
     show: true,
     name: 'Zeitpunkt Scraping',
     type: 'category',
-    data: {!! json_encode($regionPropertiesCapacities['scrapeDates']) !!},
+    data: {!! $diagramsOptions['heatmap']['xAxis']['data'] !!},
     splitArea: {
       show: false
     },
@@ -393,7 +393,7 @@ const cHeatmapOptions = {
   yAxis: {
     show: true,
     type: 'category',
-    data: {!! json_encode($regionPropertiesCapacities['property_ids']) !!},
+    data: {!! $diagramsOptions['heatmap']['yAxis']['data'] !!},
     splitArea: {
       show: false
     },
@@ -462,7 +462,7 @@ const cTimelineOptions = {
         show: false,
     },
     timeline: {
-        data: {!! json_encode($regionCapacities['region']['dates']) !!},
+        data: {!! $diagramsOptions['capacity']['xAxis']['data'] !!},
         playInterval: 2000,
         axisType: 'time',
         left: 8,
diff --git a/dashboard/routes/console.php b/dashboard/routes/console.php
deleted file mode 100644
index eff2ed2..0000000
--- a/dashboard/routes/console.php
+++ /dev/null
@@ -1,8 +0,0 @@
-<?php
-
-use Illuminate\Foundation\Inspiring;
-use Illuminate\Support\Facades\Artisan;
-
-Artisan::command('inspire', function () {
-    $this->comment(Inspiring::quote());
-})->purpose('Display an inspiring quote')->hourly();
diff --git a/dashboard/routes/web.php b/dashboard/routes/web.php
index b271e29..5f699d7 100644
--- a/dashboard/routes/web.php
+++ b/dashboard/routes/web.php
@@ -8,44 +8,56 @@ Route::get('/', function () {
 
     $regionBase = Api::regionBase(-1);
     $regionBase[] = ['region_name' => 'Alle Regionen', 'region_id' => -1];
-    $regionPropertyCapacities = Api::regionPropertiesCapacities(-1);
+    $regionPropertiesCapacities = Api::regionPropertiesCapacities(-1);
     $propertiesGrowth = Api::propertiesGrowth();
-    $propsPerRegion = Api::propertiesPerRegion();
-    $propsPerRegionName = [];
-    $propsPerRegionCounts = [];
-    $propsPerRegionId = [];
 
-    foreach ($propsPerRegion as $el) {
-        $propsPerRegionName[] = $el['name'];
-        $propsPerRegionId[] = $el['id'];
-        $propsPerRegionCounts[] = $el['count_properties'];
-    }
-
-    $chartOptions = [
-        'colors' => Chart::colors()
-    ];
+    $regions = Api::regions();
 
     $propertiesGeo = Api::propertiesGeo();
 
+    $diagramsOptions = [
+        "shared" => [
+            "extractionDates" => json_encode($regionPropertiesCapacities['dates']),
+            "colors" => Chart::colors()
+        ],
+        "heatmap" => [
+            "yAxis" => [
+                "data" => json_encode($regionPropertiesCapacities['property_ids'])
+            ],
+            "series" => [
+                "data" => json_encode($regionPropertiesCapacities['values'])
+            ]
+        ],
+        "propertiesPerRegion" => [
+            "yAxis" => [
+                "data" => json_encode(array_column($regions, 'count_properties'))
+            ],
+            "xAxis" => [
+                "data" => json_encode(array_column($regions, 'name'))
+            ]
+        ],
+        "extractions" => [
+            "series" => $propertiesGrowth,
+        ]
+    ];
+
     return view('overview', [
-        "regions" => $regionBase,
-        "regionPropertiesCapacities" => $regionPropertyCapacities,
+        "regions" => $regions,
+        "region" => $regionBase,
+        "diagramsOptions" => $diagramsOptions,
         "geo" => $propertiesGeo,
-        "growth" => $propertiesGrowth,
-        "chartOptions" => $chartOptions,
-        "propsPerRegion" => [json_encode($propsPerRegionId), json_encode($propsPerRegionName), json_encode($propsPerRegionCounts)]]);
+
+    ]);
 });
 
 Route::get('/region/{id}', function (int $id) {
 
-    $regionBaseAll = Api::regionBase(-1);
-    $regionBaseAll[] = ['region_name' => 'Alle Regionen', 'region_id' => -1];
-    $regionBaseRegion = $id >= 0 ? Api::regionBase($id) : [['region_name' => 'Alle Regionen']];
-
+    $regions = Api::regions();
+    $regions[] = ['name' => 'Alle Regionen', 'id' => -1];
+    $region = $id >= 0 ? Api::regionBase($id) : [['name' => 'Alle Regionen']];
     $regionPropertiesCapacities = Api::regionPropertiesCapacities($id);
     $regionCapacitiesRegion = Api::regionCapacities($id);
     $regionCapacitiesAll = Api::regionCapacities(-1);
-
     $regionCapacitiesMonthly = [];
     $regionCapacitiesDaily = [];
     $regionPredictions = [];
@@ -56,25 +68,52 @@ Route::get('/region/{id}', function (int $id) {
         $regionPredictions[] = Api::regionMovingAverage($id, $date);
     }
 
-    $chartOptions = [
-        'colors' => Chart::colors()
-    ];
-
-    $regionCapacities = [
-        'all' => $regionCapacitiesAll,
-        'region' => $regionCapacitiesRegion,
-        'region_monthly' => $regionCapacitiesMonthly,
-        'region_daily' => $regionCapacitiesDaily
-
+    $diagramsOptions = [
+        "shared" => [
+            "extractionDates" => json_encode($regionPropertiesCapacities['dates']),
+            "colors" => Chart::colors()
+        ],
+        "heatmap" => [
+            "xAxis" => [
+                "data" => json_encode($regionPropertiesCapacities['dates'])
+            ],
+            "yAxis" => [
+                "data" => json_encode($regionPropertiesCapacities['property_ids'])
+            ],
+            "series" => [
+                "data" => json_encode($regionPropertiesCapacities['values'])
+            ]
+        ],
+        "predictions" => [
+            "options" => $regionPredictions,
+        ],
+        "capacityMonthly" => [
+            "options" => $regionCapacitiesMonthly,
+        ],
+        "capacityDaily" => [
+            "options" => $regionCapacitiesDaily,
+        ],
+        "capacity" => [
+            "xAxis" => [
+                "data" => json_encode($regionCapacitiesRegion['dates'])
+            ],
+            "series" => [
+                "all" => [
+                    "data" => json_encode($regionCapacitiesAll['capacities'])
+                ],
+                "region" => [
+                    "data" =>  json_encode($regionCapacitiesRegion['capacities'])
+                ]
+            ]
+        ]
     ];
 
     return view('region', [
-        'chartOptions' => $chartOptions,
+        'diagramsOptions' => $diagramsOptions,
         'startDate' => $regionCapacitiesRegion['dates'][0],
-        'regions' => $regionBaseAll,
-        'region' => $regionBaseRegion,
-        'region_id' => $id,
-        'regionCapacities' => $regionCapacities,
+        'regions' => $regions,
+        'region' => $region,
+        'regionId' => $id,
         'regionPropertiesCapacities' => $regionPropertiesCapacities,
         'predictions' => $regionPredictions]);
 
@@ -83,16 +122,16 @@ Route::get('/region/{id}', function (int $id) {
 
 Route::get('/property/{id}', function (int $id) {
 
-    $chartOptions = [
-        'colors' => Chart::colors()
-    ];
-    $regionBaseAll = Api::regionBase(-1);
-    $regionBaseAll[] = ['region_name' => 'Alle Regionen', 'region_id' => -1];
-    $propertyBase = Api::propertyBase($id);
+
+    $regions = Api::regions();
+    $regions[] = ['name' => 'Alle Regionen', 'id' => -1];
+
+    $base = Api::propertyBase($id);
     $calendars = Api::propertyExtractions($id);
     $propertyCapacities = Api::propertyCapacities($id);
     $propertyNeighbours = Api::propertyNeighbours($id);
-    $regionCapacitiesRegion = Api::regionCapacities($propertyBase[0]['region_id']);
+
+    $regionCapacitiesRegion = Api::regionCapacities($base[0]['region_id']);
     $regionCapacitiesAll = Api::regionCapacities(-1);
     $regionCapacities = [[],[]];
 
@@ -118,13 +157,14 @@ Route::get('/property/{id}', function (int $id) {
             }
         }
     }else{
-        $propertyCapacities = ['dates' => [null]];
+        return view('property-nodata', [
+            'base' => $base[0],
+            'regions' => $regions,
+        ]);
     }
 
     // prepare data for calendar chart
-    $data = [];
-    $dates = [];
-
+    $calendarData = [];
     foreach ($calendars as $el) {
 
         $series = [];
@@ -134,21 +174,41 @@ Route::get('/property/{id}', function (int $id) {
             $series[] = [$date, $status];
         }
 
-        $data[] = $series;
+        $calendarData[] = $series;
 
     }
 
+    $diagramsOptions = [
+        "shared" => [
+            "colors" => Chart::colors(),
+            "extractiondates" => json_encode($propertyCapacities['dates'])
+        ],
+        "calendar" => [
+            "series" => $calendarData
+        ],
+        "capacities" => [
+            "xAxis" => [
+                "data" => json_encode($propertyCapacities['dates'])
+            ],
+            "series" => [
+                ["data" => json_encode($propertyCapacities['capacities'])],
+                ["data" => json_encode($regionCapacities[0])],
+                ["data" => json_encode($regionCapacities[1])],
+            ]
+        ],
+        "capacityMonthly" => [
+            "options" => $propertyCapacitiesMonthly,
+        ],
+        "capacityDaily" => [
+            "options" => $propertyCapacitiesDaily,
+        ],
+    ];
+
     return view('property', [
-        'chartOptions' => $chartOptions,
+        'diagramsOptions' => $diagramsOptions,
         'startDate' => $propertyCapacities['dates'][0],
-        'base' => $propertyBase[0],
-        'regions' => $regionBaseAll,
-        'extractiondates' => json_encode($propertyCapacities['dates']),
-        'calendar' => $data,
-        'propertyCapacities' => $propertyCapacities,
-        'capacitiesMonthly' => $propertyCapacitiesMonthly,
-        'capacitiesDaily' => $propertyCapacitiesDaily,
-        'regionCapacities' => $regionCapacities,
+        'base' => $base[0],
+        'regions' => $regions,
         'neighbours' => $propertyNeighbours
     ]);
 
diff --git a/etl/src/api/main.py b/etl/src/api/main.py
index 9596419..66d18b5 100644
--- a/etl/src/api/main.py
+++ b/etl/src/api/main.py
@@ -1,13 +1,13 @@
 import data
 import polars as pl
 from data import etl_property_capacities as etl_pc
+from data import etl_property_capacities_daily as etl_pcd
 from data import etl_property_capacities_monthly as etl_pcm
-from data import etl_property_capacities_weekdays as etl_pcw
 from data import etl_property_neighbours as etl_pn
 from data import etl_region_capacities as etl_rc
 from data import etl_region_capacities_comparison as etl_rcc
+from data import etl_region_capacities_daily as etl_rcd
 from data import etl_region_capacities_monthly as etl_rcm
-from data import etl_region_capacities_weekdays as etl_rcw
 from data import etl_region_movAverage as etl_rmA
 from data import etl_region_properties_capacities as etl_rpc
 from fastapi import FastAPI, Response
@@ -20,85 +20,96 @@ app = FastAPI()
 def read_root():
     return {"Hi there!"}
 
-@app.get("/items/{item_id}")
-def read_item(item_id: int):
-	ext = d.extractions_for(item_id).pl()
-	out = ext.with_columns(pl.col("calendar").str.extract_all(r"([0-9]{4}-[0-9]{2}-[0-9]{2})|[0-2]").alias("calendar_data"))
-	out = out.drop(['calendar', 'property_id'])
-	return Response(content=out.write_json(), media_type="application/json")
-
-@app.get("/region/properties")
+# regions overview: contains names, ids, and count of properties of regions
+@app.get("/regions")
 def properties_region():
 	return d.properties_per_region().pl().to_dicts()
 
-@app.get("/properties/growth")
-def properties_growth():
-	options = {"dates" : d.properties_growth().pl()['date'].to_list(), "total_all" : d.properties_growth().pl()['total_all'].to_list(),  "total_heidiland" : d.properties_growth().pl()['total_heidiland'].to_list(), "total_engadin" : d.properties_growth().pl()['total_engadin'].to_list(), "total_davos" : d.properties_growth().pl()['total_davos'].to_list(), "total_stmoritz" : d.properties_growth().pl()['total_stmoritz'].to_list()}
-	return options
-
-@app.get("/properties/geo")
-def properties_geo():
-	return d.properties_geo().pl().to_dicts()
-
-@app.get("/property/{id}/neighbours")
-def property_neighbours(id: int):
-	capacities = etl_pn.property_neighbours(id)
-	return capacities
-
-@app.get("/property/{id}/extractions")
-def property_extractions(id: int):
-	return d.extractions_for(property_id = id).pl().to_dicts()
-
-@app.get("/property/{id}/capacities")
-def property_capacities_data(id: int):
-	capacities = etl_pc.property_capacities(id)
-	return capacities
-
-@app.get("/property/{id}/capacities/monthly/{scrapeDate}")
-def property_capacities_data(id: int, scrapeDate: str):
-	capacities = etl_pcm.property_capacities_monthly(id, scrapeDate)
-	return capacities
-
-@app.get("/property/{id}/capacities/weekdays/{scrapeDate}")
-def property_capacities_data(id: int, scrapeDate: str):
-	capacities = etl_pcw.property_capacities_weekdays(id, scrapeDate)
-	return capacities
-
-@app.get("/property/{id}/base")
-def property_base_data(id: int):
-	return d.property_base_data(id).pl().to_dicts()
-
+# get capacities of properties, for every scraping, filterd by region; -1 = all regions
 @app.get("/region/{id}/properties/capacities")
 def region_property_capacities_data(id: int):
 	capacities = etl_rpc.region_properties_capacities(id)
 	return capacities
 
+# get the capacity of a region for every scraping; -1 = all regions
 @app.get("/region/{id}/capacities")
 def region_capacities_data(id: int):
 	capacities = etl_rc.region_capacities(id)
 	return capacities
 
+# get the capacity of a region for desired scraping date by months; -1 = all regions
 @app.get("/region/{id}/capacities/monthly/{scrapeDate}")
 def region_capacities_data(id: int, scrapeDate: str):
 	capacities = etl_rcm.region_capacities_monthly(id, scrapeDate)
 	return capacities
 
-@app.get("/region/{id}/capacities/weekdays/{scrapeDate}")
+# get the capacity of a region for desired scraping date by days; -1 = all regions
+@app.get("/region/{id}/capacities/daily/{scrapeDate}")
 def region_capacities_data(id: int, scrapeDate: str):
-	capacities = etl_rcw.region_capacities_weekdays(id, scrapeDate)
+	capacities = etl_rcd.region_capacities_daily(id, scrapeDate)
 	return capacities
 
+# compare the capacities of two regions
 @app.get("/region/capacities/comparison/{id_1}/{id_2}")
 def region_capacities_data(id_1: int, id_2: int):
 	capacities = etl_rcc.region_capacities_comparison(id_1, id_2)
 	return capacities
 
+# get the moving average for a region beginning from desired date
 @app.get("/region/{id}/movingAverage/{startDate}")
 def region_capacities_data(id: int, startDate: str):
 	result = etl_rmA.region_movingAverage(id, startDate)
 	return result
 
+# get id and name of a region
 @app.get("/region/{id}/base")
 def region_base_data(id: int):
 	return d.region_base_data(id).pl().to_dicts()
 
+# get growth of properties categorized by regions
+@app.get("/properties/growth")
+def properties_growth():
+	options = {"dates" : d.properties_growth().pl()['date'].to_list(), "total_all" : d.properties_growth().pl()['total_all'].to_list(),  "total_heidiland" : d.properties_growth().pl()['total_heidiland'].to_list(), "total_engadin" : d.properties_growth().pl()['total_engadin'].to_list(), "total_davos" : d.properties_growth().pl()['total_davos'].to_list(), "total_stmoritz" : d.properties_growth().pl()['total_stmoritz'].to_list()}
+	return options
+
+# get the geo coordinates for all properties
+@app.get("/properties/geo")
+def properties_geo():
+	return d.properties_geo().pl().to_dicts()
+
+# get the 10 nearest properties from desired property
+@app.get("/property/{id}/neighbours")
+def property_neighbours(id: int):
+	capacities = etl_pn.property_neighbours(id)
+	return capacities
+
+# get scraped data for all scrapings from desired property
+@app.get("/property/{id}/extractions")
+def property_extractions(id: int):
+	return d.extractions_for(property_id = id).pl().to_dicts()
+
+# get scraped data for all scrapings from desired property
+@app.get("/property/{id}/capacities")
+def property_capacities_data(id: int):
+	capacities = etl_pc.property_capacities(id)
+	return capacities
+
+# get the capacity of a property for desired scraping date by months
+@app.get("/property/{id}/capacities/monthly/{scrapeDate}")
+def property_capacities_data(id: int, scrapeDate: str):
+	capacities = etl_pcm.property_capacities_monthly(id, scrapeDate)
+	return capacities
+
+# get the capacity of a property for desired scraping date by days
+@app.get("/property/{id}/capacities/daily/{scrapeDate}")
+def property_capacities_data(id: int, scrapeDate: str):
+	capacities = etl_pcd.property_capacities_daily(id, scrapeDate)
+	return capacities
+
+# get first / last time a property was fond, region id and name in which the property is located and the coordinates
+@app.get("/property/{id}/base")
+def property_base_data(id: int):
+	return d.property_base_data(id).pl().to_dicts()
+
+
+
diff --git a/etl/src/data/database.py b/etl/src/data/database.py
index e0a917e..d81bb93 100644
--- a/etl/src/data/database.py
+++ b/etl/src/data/database.py
@@ -328,7 +328,7 @@ class Database:
 		return self.connection.sql(f"""
 			SELECT 
 				JSON_EXTRACT(body, '$.content.days') as calendar,
-				created_at 
+				created_at as date
 			FROM 
 				consultancy_d.extractions
 			WHERE
@@ -405,7 +405,7 @@ class Database:
 				p.property_platform_id,
 				p.created_at as first_found,
 				p.last_found,
-				p.check_data,
+				p.check_data as latlng,
 				r.id as region_id,
 				r.name as region_name 
 			FROM
@@ -423,8 +423,8 @@ class Database:
 			where = f"WHERE r.id = {id}"
 		return self.connection.sql(f"""
 			SELECT
-				r.id as region_id,
-				r.name as region_name
+				r.id as id,
+				r.name as name
 			FROM
 				consultancy_d.regions r
 			{where}
diff --git a/etl/src/data/etl_property_capacities.py b/etl/src/data/etl_property_capacities.py
index 35339c1..a57c46e 100644
--- a/etl/src/data/etl_property_capacities.py
+++ b/etl/src/data/etl_property_capacities.py
@@ -34,7 +34,7 @@ def property_capacities(id: int):
 		count_days.append(len(liste))
 
 	counts = pl.DataFrame({"count_days" : count_days, "sum" : sum_hor})
-	result = {"capacities": [], "dates": extractions['created_at'].cast(pl.Date).to_list() }
+	result = {"capacities": [], "dates": extractions['date'].cast(pl.Date).to_list() }
 	
 	for row in counts.rows(named=True):
 		max_capacity = row['count_days'] * 2
diff --git a/etl/src/data/etl_property_capacities_weekdays.py b/etl/src/data/etl_property_capacities_daily.py
similarity index 87%
rename from etl/src/data/etl_property_capacities_weekdays.py
rename to etl/src/data/etl_property_capacities_daily.py
index 633d054..bd41e1f 100644
--- a/etl/src/data/etl_property_capacities_weekdays.py
+++ b/etl/src/data/etl_property_capacities_daily.py
@@ -7,7 +7,7 @@ from data import etl_cache
 
 d = data.load()
 
-def property_capacities_weekdays(id: int, scrapeDate: str):
+def property_capacities_daily(id: int, scrapeDate: str):
 	
 	file = f"etl_property_capacities_weekdays_{id}_{scrapeDate}.obj"
 	obj = etl_cache.openObj(file)
@@ -36,6 +36,6 @@ def property_capacities_weekdays(id: int, scrapeDate: str):
 	df_calendar = df_calendar.sort('weekday_num')
 	df_calendar = df_calendar.drop('weekday_num')
 
-	result = {"scraping-date": scrapeDate, "weekdays": df_calendar['weekday'].to_list(), 'capacities': df_calendar['column_0'].to_list()}
+	result = {"date": scrapeDate, "weekdays": df_calendar['weekday'].to_list(), 'capacities': df_calendar['column_0'].to_list()}
 	etl_cache.saveObj(file, result)
 	return result
\ No newline at end of file
diff --git a/etl/src/data/etl_property_capacities_monthly.py b/etl/src/data/etl_property_capacities_monthly.py
index d7027a7..48e6bc5 100644
--- a/etl/src/data/etl_property_capacities_monthly.py
+++ b/etl/src/data/etl_property_capacities_monthly.py
@@ -33,6 +33,6 @@ def property_capacities_monthly(id: int, scrapeDate: str):
 	df_calendar = df_calendar.group_by(['dates', 'date_short', 'numDays']).agg(pl.col("column_0").sum())
 	df_calendar = df_calendar.with_columns((pl.col("column_0") / pl.col("numDays") / 2 * 100).alias("column_0"))
 	df_calendar = df_calendar.sort('dates')
-	result = {"scraping-date": scrapeDate, "months": df_calendar['date_short'].to_list(), 'capacities': df_calendar['column_0'].to_list()}
+	result = {"date": scrapeDate, "months": df_calendar['date_short'].to_list(), 'capacities': df_calendar['column_0'].to_list()}
 	etl_cache.saveObj(file, result)
 	return result
\ No newline at end of file
diff --git a/etl/src/data/etl_region_capacities_comparison.py b/etl/src/data/etl_region_capacities_comparison.py
index 38c6d69..7a56fef 100644
--- a/etl/src/data/etl_region_capacities_comparison.py
+++ b/etl/src/data/etl_region_capacities_comparison.py
@@ -1,8 +1,9 @@
-import data
-import polars as pl
 from io import StringIO
-import numpy as np
 
+import numpy as np
+import polars as pl
+
+import data
 
 d = data.load()
 
@@ -58,7 +59,7 @@ def region_capacities_comparison(id_1: int, id_2: int):
         listOfPropertyIDs = listOfPropertyIDs.to_list()
 
         # Create JSON
-        tempDict = {'scrapeDates': listOfDates, 'property_ids': listOfPropertyIDs, 'values': gridData}
+        tempDict = {'dates': listOfDates, 'property_ids': listOfPropertyIDs, 'values': gridData}
         outDictList.append(tempDict)
 
     outDict = {'region1': outDictList[0], 'region2': outDictList[1],}
diff --git a/etl/src/data/etl_region_capacities_weekdays.py b/etl/src/data/etl_region_capacities_daily.py
similarity index 92%
rename from etl/src/data/etl_region_capacities_weekdays.py
rename to etl/src/data/etl_region_capacities_daily.py
index 7c5ff68..401f874 100644
--- a/etl/src/data/etl_region_capacities_weekdays.py
+++ b/etl/src/data/etl_region_capacities_daily.py
@@ -8,7 +8,7 @@ from data import etl_cache
 
 d = data.load()
 
-def region_capacities_weekdays(id: int, scrapeDate_start: str):
+def region_capacities_daily(id: int, scrapeDate_start: str):
 
     file = f"etl_region_capacities_weekdays_{id}_{scrapeDate_start}.obj"
     obj = etl_cache.openObj(file)
@@ -62,6 +62,6 @@ def region_capacities_weekdays(id: int, scrapeDate_start: str):
     outDf = outDf.insert_column(1, means)
     outDf = outDf[['weekday', 'mean']]
 
-    result = {"scraping-date": scrapeDate, "weekdays": outDf['weekday'].to_list(),'capacities': outDf['mean'].to_list()}
+    result = {"date": scrapeDate, "weekdays": outDf['weekday'].to_list(),'capacities': outDf['mean'].to_list()}
     etl_cache.saveObj(file, result)
     return result
\ No newline at end of file
diff --git a/etl/src/data/etl_region_capacities_monthly.py b/etl/src/data/etl_region_capacities_monthly.py
index 5aeab6a..7060313 100644
--- a/etl/src/data/etl_region_capacities_monthly.py
+++ b/etl/src/data/etl_region_capacities_monthly.py
@@ -63,6 +63,6 @@ def region_capacities_monthly(id: int, scrapeDate_start: str):
     outDf = outDf.insert_column(1, means)
     outDf = outDf[['date_short', 'mean']]
 
-    result = {"scraping-date": scrapeDate, "months": outDf['date_short'].to_list(),'capacities': outDf['mean'].to_list()}
+    result = {"date": scrapeDate, "months": outDf['date_short'].to_list(),'capacities': outDf['mean'].to_list()}
     etl_cache.saveObj(file, result)
     return result
\ No newline at end of file
diff --git a/etl/src/data/etl_region_properties_capacities.py b/etl/src/data/etl_region_properties_capacities.py
index d1ba1f5..12a533d 100644
--- a/etl/src/data/etl_region_properties_capacities.py
+++ b/etl/src/data/etl_region_properties_capacities.py
@@ -59,6 +59,6 @@ def region_properties_capacities(id: int):
     listOfPropertyIDs = listOfPropertyIDs.cast(pl.String).to_list()
 
     # Create JSON
-    outDict = {'scrapeDates': listOfDates, 'property_ids': listOfPropertyIDs, 'values': values}
+    outDict = {'dates': listOfDates, 'property_ids': listOfPropertyIDs, 'values': values}
     etl_cache.saveObj(file, outDict)
     return outDict
\ No newline at end of file