more layout and style improvements on dashboard

enviroCar · Jan 31, 2023 · 8cf0b4d · 8cf0b4d
1 parent 5292e51
commit 8cf0b4d
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 6 deletions.
diff --git a/app/components/dashboard/dashboard.charts/latest_tracks/latest_tracks.directive.html b/app/components/dashboard/dashboard.charts/latest_tracks/latest_tracks.directive.html
@@ -29,8 +29,8 @@
                 <md-progress-circular class="loader_dashboard2" ng-if="!onload_tracks_timeline" md-diameter="56"></md-progress-circular>
                 <div class="card-body">
                     <div class="streamline b-l b-accent m-b">
-                        <div class="sl-item" ng-show="onload_tracks_timeline" ng-repeat='event in events' ng-click="goToActivity(event.id)">
-                            <div class="sl-content" >
+                        <div class="sl-item" ng-show="onload_tracks_timeline" ng-repeat='event in events'>
+                            <div class="sl-content"  ng-click="goToActivity(event.id)">
                                 <span >
                                     <span class="title_span"><b>{{event.begin| date:'medium'}}</b></span>
                                 </span>

diff --git a/app/components/track_analysis/comparison_track_chart/comparison_chart.directive.html b/app/components/track_analysis/comparison_track_chart/comparison_chart.directive.html
@@ -69,4 +69,10 @@
             <nvd3 options="optionsGPSSpeed" data="dataGPSSpeed" api="api" flex></nvd3>
         </div>
     </md-card-content>
+
+    <!-- on Acceleration Selected -->
+    <md-card-content flex="100" ng-if="selectedPhenom==='Minimum Acceleration' || selectedPhenom==='Maximum Acceleration'">
+        <p class='comparison-title'> {{'PHENOMENON_NOT_SUPPORTED'| translate}}</p>
+
+    </md-card-content>
 </md-card>
diff --git a/app/components/track_analysis/speed_ranges_chart/speed_ranges_chart.directive.html b/app/components/track_analysis/speed_ranges_chart/speed_ranges_chart.directive.html
@@ -69,4 +69,10 @@
             <nvd3 options="optionsGPSSpeedRange" data="dataGPSSpeedRange" api="api" flex></nvd3>
         </div>
     </md-card-content>
+
+    <!-- on Acceleration Selected -->
+    <md-card-content flex="100" ng-if="selectedPhenom==='Minimum Acceleration' || selectedPhenom==='Maximum Acceleration'">
+        <p class='comparison-title'> {{'PHENOMENON_NOT_SUPPORTED'| translate}}</p>
+
+    </md-card-content>
 </md-card>
diff --git a/app/components/translationProvider.js b/app/components/translationProvider.js
@@ -197,6 +197,7 @@ angular
         TRACK_LABEL_PUBLIC: "enviroCar Ø",
         TT_TRACK_LABEL_USER: "track's average",
         TT_TRACK_LABEL_PUBLIC: "enviroCar community average",
+        PHENOMENON_NOT_SUPPORTED: "... not supported for this phenomenon",
 
         // Track Analysis - Track Summary:
         TRACK_SUMMARY_TITLE: "Track Summary",
@@ -577,6 +578,7 @@ angular
         TRACK_LABEL_PUBLIC: "enviroCar Ø",
         TT_TRACK_LABEL_USER: "Fahrtdurchschnittswert",
         TT_TRACK_LABEL_PUBLIC: "enviroCar Durchschnittswert",
+        PHENOMENON_NOT_SUPPORTED: "... für diesen Messwert nicht unterstützt.",
 
         // Track Analysis - Track Summary:
         TRACK_SUMMARY_TITLE: "Fahrtüberblick",

diff --git a/app/styles/styles.css b/app/styles/styles.css
@@ -190,8 +190,6 @@ html, body {
   border-color: #8cbf3f; }
 
 .sl-item {
-  cursor: pointer;
-  cursor: hand;
   position: relative;
   padding-bottom: 20px; }
 
@@ -202,6 +200,7 @@ html, body {
   box-sizing: border-box; }
 
 .sl-content {
+  cursor: pointer;
   margin-left: 37px; }
   .sl-content span {
     color: #black; }

diff --git a/app/styles/styles.scss b/app/styles/styles.scss
@@ -200,7 +200,6 @@ html, body{
 }
 
 .sl-item {
-    cursor: pointer; cursor: hand;
     position: relative;
     padding-bottom: 20px;
 }
@@ -215,7 +214,7 @@ html, body{
 
 .sl-content
 {
-
+    cursor: pointer;
     margin-left: 37px;
     span {
         color: #black;