merge dev into main

-removing unused navigation -moving the input data a little to the right -pushing title to the left -centering min max avg (was bevore shifted a lttle to the right)

src/app/module/components/lev0-ver3/lev0-ver3.component.html

@@ -3,7 +3,7 @@
   <div class="flex min-h-min w-full  ">
     <div class="flex min-h-full w-1/2  justify-start pl-8 pt-3">
       <div class="flex items-center pl-2 rounded h-14 border border-indigo-600">
-        Tages Sensor Wertee
+        Tages Sensor Werte
         <button (click)="sendSignal1(1)" type="button" class="ml-8 h-full px-4 inline-flex justify-center items-center gap-2 rounded-md border-2 border-indigo-200 font-semibold text-indigo-500 hover:text-white hover:bg-indigo-500 hover:border-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-200 focus:ring-offset-2 transition-all text-sm dark:focus:ring-offset-gray-800">
           <mat-icon >grid_view</mat-icon>
         </button>
@@ -44,9 +44,9 @@
     </div>
 
     <div class="flex flex-col w-full bg-white/30 shadow-xl ease-in duration-300
-                                shadow-cyan-200/50 hover:shadow-cyan-400/50 rounded-xl">
+                                shadow-blue-300/50 hover:shadow-blue-400/50 rounded-xl">
       <div class="flex items-center text-sm text-slate-400 py-2 pl-8 border-gray-200 border-b-[1px] ">
-        Summe oder Durchschnits eines  Sensor/<div class="flex  rounded bg-gray-200">Gruppe</div>...
+        Summe und Durchschnitts Werte eines  Sensor/<div class="flex  rounded bg-gray-200">Gruppe</div>...
       </div>
       <div #scrollContainer class="flex  w-full overflow-x-auto scrollbar-hide items-center
                       [&>*]:mx-4 [&>*]:flex-shrink-0
@@ -88,23 +88,22 @@
           <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
             <thead>
             <tr>
-              <td colspan="3" class="text-sm text-slate-400 p-2">Minimum Maximum und Mittelwert eines Sensor/Gruppe...</td>
+              <td colspan="3" class="text-sm text-slate-400 p-2">Minimum, Maximum und Mittelwert eines Sensor/Gruppe...</td>
             </tr>
 
             </thead>
-            <tbody class="divide-y divide-gray-200 dark:divide-gray-700" *ngFor="let sumAvg of sumOrAvg">
-            <tr [ngClass]="{'bg-gray-200':sumAvg.isSensorGroup}">
+            <tbody class="divide-y divide-gray-200 dark:divide-gray-700" *ngFor="let avgMMax of avgMinMax">
+            <tr [ngClass]="{'bg-gray-200':avgMMax.isSensorGroup}">
               <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-200">
-                <h1 class="text-xs font-bold">{{sumAvg.name}}</h1>
+                <h1 class="text-xs font-bold">{{avgMMax.name}}</h1>
               </td>
               <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 dark:text-gray-200">
-                <i class="material-icons" style="color: black">{{iconMapper.get(sumAvg.measurementType+"")}}</i>
+                <i class="material-icons" style="color: black">{{iconMapper.get(avgMMax.measurementType+"")}}</i>
               </td>
 
               <td class="px-6 py-4 w-full whitespace-nowrap text-sm text-gray-800 dark:text-gray-200">
-                <app-slider class="w-full -translate-y-2"></app-slider>
+                <app-slider [min]="avgMMax.min?.value" [mType]="avgMMax?.measurementType+''" [max]="avgMMax.max?.value" [avg]="avgMMax.avg" class="w-full -translate-y-2"></app-slider>
               </td>
-
             </tr>
 
           </table>