Teslalogger Dashboard

Technische Informationen zum Model S...

Re: Teslalogger Dashboard

von MaTi » 16. Jan 2020, 18:26

Moin, moin,
ich habe auch ein Update gemacht. Leider wird bei mir auch kein Bild angezeigt, welches ich im richtigen Ordner hinterlegt habe.
Viele Grüße aus dem Norden.
Model 3 Performance Midnightsilver/ white FSD seit 31.03.19
Software 2020.4.1
 
Beiträge: 11
Registriert: 14. Mär 2019, 15:54
Land: Deutschland

Re: Teslalogger Dashboard

von Twizy2016 » 16. Jan 2020, 18:36

Version 1.37.3.0. Jetzt läuft es bei mir :)
Foto konnte ich auch einfach über den Explorer vom PC aus rein kopieren. :)

Dashboard.JPG
Model S90D seit März 2017
Neue Autos bitte über diesen Link bestellen ;) http://ts.la/axel225
Benutzeravatar
 
Beiträge: 266
Registriert: 5. Nov 2016, 15:46
Land: Deutschland

Re: Teslalogger Dashboard

von bassmaster » 16. Jan 2020, 18:55

habt ihr mal probiert Strg + F5? Das ist neu laden ohne Cach.
Hat das Bild irgendwelche Sonderzeichen? Einfach mal umbenennen 123.jpg
Mein TeslaBlog und Teslalogger - https://www.impala64.de/blog/tesla/
Tesla S 75D - 0-100km/h + 1/4 Meile: http://drag-racing.org/fahrt.php?f=1034

Empfehlungslink für 1500km kostenloses Supercharging beim Kauf eines Teslas: http://ts.la/christian7267
Benutzeravatar
 
Beiträge: 1389
Registriert: 7. Jul 2017, 10:51
Wohnort: Mietingen
Land: Deutschland

Re: Teslalogger Dashboard

von MaTi » 16. Jan 2020, 19:10

bassmaster hat geschrieben:habt ihr mal probiert Strg + F5? Das ist neu laden ohne Cach.
Hat das Bild irgendwelche Sonderzeichen? Einfach mal umbenennen 123.jpg


es ist doch richtig das Bild in den Ordner teslalogger-web/admin/wallpapers zu kopieren?
Model 3 Performance Midnightsilver/ white FSD seit 31.03.19
Software 2020.4.1
 
Beiträge: 11
Registriert: 14. Mär 2019, 15:54
Land: Deutschland

Re: Teslalogger Dashboard

von Amigolino » 16. Jan 2020, 19:18

Hallo zusammen, auch bei mir leider Fehlanzeige. Leerer Ordner gleich rote Schrift, dass kein Bild im Ordner ist. mit Bild "m3.jpg" verschwindet die Meldung aber nur ein schwarzer Hintergrund.

Die CSS-Datei habe ich im share teslalogger-web gefunden, diese liegt im Ordner admin und das Bild im Ordner Wallpapers... Dort liegt auch mein Bild m3.jpg mit 364kb


Habe die Daten (Hardcopys und mein Bild) jetzt mal an Christian per Mail gesendet, weil er vorhin mal danach gefragt hatte.
_____________________________________
Model 3 LR AWD
 
Beiträge: 114
Registriert: 24. Feb 2019, 09:52
Wohnort: Rheinland
Land: Deutschland

Re: Teslalogger Dashboard

von Smash » 16. Jan 2020, 19:47

Bei mir dasselbe Problem, kein Wallpaper:

Bild

Bild

Bin gerade etwas ratlos.

dashboard.css
Code: Alles auswählen
html {
   height: 100%;   
}

body {
   font-size: 20px;
   background-color: black;
   font-family: Roboto;
   
   background-size: cover;
   background-color: black;
   background-repeat: no-repeat;
   background-position: center center;
}

#panel {
   position: absolute;
   top: 40px;
   left: 0;
   width: 100%;
   text-align: center;
   font-size: 80px;
   color: #EAEAEA;   
}

#headline {
   font-size: 60px;
}

#rangeline {
   margin-top: 50px;
   vertical-align: middle;
   color: #D1D1D1;
   font-size: 80x;
}

#range {
   margin-left:10px;
}

#km {
   font-size: 32px;
}

#percent {
   font-size: 32px;
}

#car_statusLabel {
   margin-top: 50px;
   font-size: 60px;
   color:#EAEAEA;
   text-shadow: 4px 4px 4px #555;
}
#car_status {
   margin-top: 10px;
   font-size: 48px;
   color:#EAEAEA;
}

#error {
   color:red;
   font-size: 30px;
}

#clock {
   position: absolute;
   left: 20px;
   bottom: 20px;
   font-size: 80px;
   color: #EAEAEA;
}

@media all and (max-width: 1000px) {
   #panel { font-size: 60px; }

   #headline { font-size: 48px; }

   #rangeline { margin-top: 25px; font-size: 60px;   }

   #km { font-size: 24px; }
   #percent {font-size: 32px; }
   
   #car_statusLabel { margin-top: 25px; font-size: 30px;    }
   
   #car_status { font-size: 36px; }

   #batimg   { height: 50px; }

   #clock { font-size: 60px; }
}

@media all and (max-width: 700px) {
   #panel { font-size: 40px; }

   #headline { font-size: 30px; }

   #rangeline { margin-top: 25px; font-size: 40px;   }

   #km { font-size: 16px; }
   #percent {font-size: 16px; }
   
   #car_statusLabel { margin-top: 25px; font-size: 30px;    }
   
   #car_status { font-size: 24px; }

   #batimg   { height: 30px; }
   
   #clock { font-size: 40px; }
}


dashboard.php
Code: Alles auswählen
<!DOCTYPE html>
<?php
require("language.php");
?>
<html lang="<?php echo $json_data["Language"]; ?>">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="apple-mobile-web-app-title" content="Teslalogger Dashboard">
    <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
    <title>Teslalogger Dashboard</title>
   <link rel="stylesheet" href="dashboard.css?v=<?=time()?>" />
   <link rel="stylesheet" href="my_dashboard.css?v=<?=time()?>" />
   <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,300italic' rel='stylesheet' type='text/css'>
   <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
   <script>

   $( function() {
   <?php
      $f = scandir("wallpapers");
      if (count($f) > 3)
      {
         echo("$('#error').text('');\n");
         echo("$('body').css('background-image','url(\"wallpapers/" .$f[3]. "\")');\n");
      }
   ?>

      GetCurrentData();
      
      setInterval(function()
      {
         GetCurrentData();   
      }
      ,60000);
   } );

   function GetCurrentData()
   {
      updateClock();
   
      $.ajax({
        url: "current_json.php",
        dataType: "json"
        }).done(function( jsonData ) {
         $('#ideal_battery_range_km').text(jsonData["ideal_battery_range_km"].toFixed(0));
         $('#battery_level').text(jsonData["battery_level"]);

         if (jsonData["charging"])
         {
            $('#car_statusLabel').text("Wird geladen:");
            $('#car_status').html(jsonData["charger_power"] + " kW / +" + jsonData["charge_energy_added"] + " kWh<br>" + jsonData["charger_voltage"]+"V / " + jsonData["charger_actual_current"]+"A / "+ jsonData["charger_phases"]+"P");
         }
         else if (jsonData["driving"])
         {
            $('#car_statusLabel').text("Fahren:");
            $('#car_status').text(jsonData["speed"] + " km/h / " + jsonData["power"]+"PS");
         }
         else if (jsonData["online"])
         {
            var text = "Online";

            if (jsonData["is_preconditioning"])
               text = text + "<br>Preconditioning";

            if (jsonData["sentry_mode"])
               text = text + "<br>Sentry Mode";

            if (jsonData["battery_heater"])
               text = text + "<br>Battery Heater";

            $('#car_statusLabel').text("Status:");
            $('#car_status').html(text);
         }
         else if (jsonData["sleeping"])
         {
            $('#car_statusLabel').text("Status:");
            $('#car_status').text("Schlafen");
         }
         else
         {
            $('#car_statusLabel').text("Status:");
            $('#car_status').text("Offline");
         }
         
      });
   }

   function updateClock()
   {
      var currentTime = new Date ( );

      var currentHours = currentTime.getHours ( );
      var currentMinutes = currentTime.getMinutes ( );
      var currentSeconds = currentTime.getSeconds ( );
      
      currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
      var currentTimeString = currentHours + ":" + currentMinutes;
      
      $('#clock').text(currentTimeString);
   }

  function BackgroudRun($target, $text)
  {
     $.ajax($target, {
      data: {
         id: ''
      }
      })
      .then(
      function success(name) {
         alert($text);
      },
      function fail(data, status) {
         alert($text);
      }
   );
  }
  </script>
  </head>
  <body>
  <div id="panel">
     <div id="headline">Teslalogger Dashboard</div>
     <div id="rangeline"><img id="batimg" src="img/bat-icon.png">
     <span id="ideal_battery_range_km" style="">-</span><font id="km">km</font>
     <span id="battery_level" style="">-</span><font id="percent">%</font>
     </div>
     <div id="car_statusLabel">-</div>
     <div id="car_status">-</div>
     <div id="error">No wallpapers found in \\raspberry\teslalogger-web\admin\wallpapers</div>
  </div>
  <div id="clock">00:00</div>
  </body>
</html>
Model 3 SR+ | Weiss | Schwarzes Interieur | 18" Aero| VIN: 489XXX
Benutzeravatar
 
Beiträge: 48
Registriert: 21. Mär 2019, 11:08
Wohnort: Säuliamt
Land: Schweiz
Fahrzeug: Tesla Model 3

Re: Teslalogger Dashboard

von bassmaster » 16. Jan 2020, 20:09

Alle, die einen schwarzes Bild sehen, sollen Mal den Seitenquelltext schicken.
In Chrome ist das : rechte Maustaste und dann Seitenquelltext Anzeigen.
Mein TeslaBlog und Teslalogger - https://www.impala64.de/blog/tesla/
Tesla S 75D - 0-100km/h + 1/4 Meile: http://drag-racing.org/fahrt.php?f=1034

Empfehlungslink für 1500km kostenloses Supercharging beim Kauf eines Teslas: http://ts.la/christian7267
Benutzeravatar
 
Beiträge: 1389
Registriert: 7. Jul 2017, 10:51
Wohnort: Mietingen
Land: Deutschland

Re: Teslalogger Dashboard

von MaTi » 16. Jan 2020, 20:24

hier der Seitenquelltext:

Code: Alles auswählen
<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="apple-mobile-web-app-title" content="Teslalogger Dashboard">
    <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
    <title>Teslalogger Dashboard</title>
   <link rel="stylesheet" href="dashboard.css?v=1579198911" />
   <link rel="stylesheet" href="my_dashboard.css?v=1579198911" />
   <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,300italic' rel='stylesheet' type='text/css'>
   <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
   <script>

   $( function() {
   $('#error').text('');
$('body').css('background-image','url("wallpapers/.gitignore")');

      GetCurrentData();
      
      setInterval(function()
      {
         GetCurrentData();   
      }
      ,60000);
   } );

   function GetCurrentData()
   {
      updateClock();
   
      $.ajax({
        url: "current_json.php",
        dataType: "json"
        }).done(function( jsonData ) {
         $('#ideal_battery_range_km').text(jsonData["ideal_battery_range_km"].toFixed(0));
         $('#battery_level').text(jsonData["battery_level"]);

         if (jsonData["charging"])
         {
            $('#car_statusLabel').text("Wird geladen:");
            $('#car_status').html(jsonData["charger_power"] + " kW / +" + jsonData["charge_energy_added"] + " kWh<br>" + jsonData["charger_voltage"]+"V / " + jsonData["charger_actual_current"]+"A / "+ jsonData["charger_phases"]+"P");
         }
         else if (jsonData["driving"])
         {
            $('#car_statusLabel').text("Fahren:");
            $('#car_status').text(jsonData["speed"] + " km/h / " + jsonData["power"]+"PS");
         }
         else if (jsonData["online"])
         {
            var text = "Online";

            if (jsonData["is_preconditioning"])
               text = text + "<br>Preconditioning";

            if (jsonData["sentry_mode"])
               text = text + "<br>Sentry Mode";

            if (jsonData["battery_heater"])
               text = text + "<br>Battery Heater";

            $('#car_statusLabel').text("Status:");
            $('#car_status').html(text);
         }
         else if (jsonData["sleeping"])
         {
            $('#car_statusLabel').text("Status:");
            $('#car_status').text("Schlafen");
         }
         else
         {
            $('#car_statusLabel').text("Status:");
            $('#car_status').text("Offline");
         }
         
      });
   }

   function updateClock()
   {
      var currentTime = new Date ( );

      var currentHours = currentTime.getHours ( );
      var currentMinutes = currentTime.getMinutes ( );
      var currentSeconds = currentTime.getSeconds ( );
      
      currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
      var currentTimeString = currentHours + ":" + currentMinutes;
      
      $('#clock').text(currentTimeString);
   }

  function BackgroudRun($target, $text)
  {
     $.ajax($target, {
      data: {
         id: ''
      }
      })
      .then(
      function success(name) {
         alert($text);
      },
      function fail(data, status) {
         alert($text);
      }
   );
  }
  </script>
  </head>
  <body>
  <div id="panel">
     <div id="headline">Teslalogger Dashboard</div>
     <div id="rangeline"><img id="batimg" src="img/bat-icon.png">
     <span id="ideal_battery_range_km" style="">-</span><font id="km">km</font>
     <span id="battery_level" style="">-</span><font id="percent">%</font>
     </div>
     <div id="car_statusLabel">-</div>
     <div id="car_status">-</div>
     <div id="error">No wallpapers found in \\raspberry\teslalogger-web\admin\wallpapers</div>
  </div>
  <div id="clock">00:00</div>
  </body>
</html>
Zuletzt geändert von Kumasasa am 16. Jan 2020, 23:11, insgesamt 1-mal geändert.
Grund: Quelltext verpackt
Model 3 Performance Midnightsilver/ white FSD seit 31.03.19
Software 2020.4.1
 
Beiträge: 11
Registriert: 14. Mär 2019, 15:54
Land: Deutschland

Re: Teslalogger Dashboard

von bassmaster » 16. Jan 2020, 20:40

Ok, das habe ich mir schon gedacht:

$('body').css('background-image','url("wallpapers/.gitignore")')

Ich werde heute Nacht das beheben.
Mein TeslaBlog und Teslalogger - https://www.impala64.de/blog/tesla/
Tesla S 75D - 0-100km/h + 1/4 Meile: http://drag-racing.org/fahrt.php?f=1034

Empfehlungslink für 1500km kostenloses Supercharging beim Kauf eines Teslas: http://ts.la/christian7267
Benutzeravatar
 
Beiträge: 1389
Registriert: 7. Jul 2017, 10:51
Wohnort: Mietingen
Land: Deutschland

Re: Teslalogger Dashboard

von bassmaster » 17. Jan 2020, 01:06

Alle die nur schwarz gesehen haben, bitte nochmal updaten.
Mein TeslaBlog und Teslalogger - https://www.impala64.de/blog/tesla/
Tesla S 75D - 0-100km/h + 1/4 Meile: http://drag-racing.org/fahrt.php?f=1034

Empfehlungslink für 1500km kostenloses Supercharging beim Kauf eines Teslas: http://ts.la/christian7267
Benutzeravatar
 
Beiträge: 1389
Registriert: 7. Jul 2017, 10:51
Wohnort: Mietingen
Land: Deutschland

VorherigeNächste

Wer ist online?
Mitglieder in diesem Forum: Bing [Bot], okt-i und 2 Gäste