ETS2/ATS Telemetry Web Server + Mobile Dashboard

[mich.chr]

Trying to code a specific function for Funbits HTML5 telemetry dashboard for Eurotruck simulator 2. The function should go like: <> an integer value for a variable provided by a coremodule is larger than 0 <> an image should be displayed <> it should remain hidden. The Coremodule is constructed so if I in my *.JS file write: data.truck.retarderBrake (which is an integer) Then the coremodule will return the current integervalue.

So my "pseudo code" will look something like this:

Code: Select all

if (data.truck.retarderBrake>0) {
    show.image ('images/RetarderON.png');
    } else {
    hide.image ('images/RetarderON.png');
}
In my html code I have a statement for the image:

    <div class="RetarderOn"></div>
and the CSS looks like this:

.RetarderOn {
  background-image: url("images/RetarderON.png");
  position: absolute;
  left: 851px;
  top: 13px;
  width: 92px;
  height: 71px;
  visibility: hidden;
}

Can I do it this way ? - and what would the correct syntax for the JS if statement be. Maybe I can define all the properties of the image in the JS file instead of the CSS file??

As you can tell I have no coding background - so any help would be appeciated.

[airbus_sai]

mich.chr, one good way to learn coding is to look for examples. And "volvo-fh" skin in the default pack has retarder indication. According to it, you can completely remove retarder from JS code.

But your pseudo-code should work, too. You can remove path to image in JS code, because you have it in CSS as background anyway. If you want to go all-JS, you can use document.getElementByID('sometext').visibility = "hidden"; to hide stuff, and ...= "visible"; to show stuff. (Of course you should google that before using. I'm just giving you search queries.)

[mich.chr]

airbus_sai... Thanks a lot. I took your advise and started to look around for code examples to "plank" - Got one and solved it in a different way.

In the JS file I introduced:
data.retarderICON = data.truck.retarderBrake > 0 ? true : false;

Then I use the CSS file to set the image file (default to hidden) however if data.retarderICON is true then an image is displayed

[sketch]

https://youtu.be/-r7nXXhZOB0

Looks awesome!!!!!!!

[Rybak04]

Any update coming for the ATS map? Downloaded the latest version of the route adviser now just says map not available.

[rockandrole18]

@Rybak04

You may get a better answer in the actual skin mod thread: viewtopic.php?t=178742

[mkoch227]

@ Rybak04

Read the "NOTICE" at viewtopic.php?p=787410#p787296.

[Wound3dTV]

[ external image ]


@Elderado704 Hi man is there any way that you could upload this skin?

[SuperMaic]

Hey Sketch, thanks for the great skin! I really like it! But: Could you do me favor? I use your skin with both ETS2 and ATS, but for ETS2 it would be better to have european info's like "km/h" and "km" instead of "mp/h" and "mi" in the infoscreens. Also it would be nice when there is an additional "km/h"-scale below the "mp/h"-scale on the speedometer (don't know the right english word for it...).

Do you think you can do it for me? That would be very nice!!!

[Elderado704]

@ Wound3dTV

Its here for 30days.

https://ufile.io/6yrvf