improve train visualisation

Train/TwoTrains.json

@@ -16,6 +16,13 @@
       "value":"svg_train(train_rear_end(%0), train_length(%0) ,100.0/real(TrackElementNumber+1),1.0,3.0)",
       "comment":"show train position using a slanted polygon"
     },
+    {
+	  "repeat": ["tr1","tr2"],
+      "id":"train_back_%0",
+      "attr":"points",
+      "value":"svg_train(real(train_rear_end(%0)), 0.3 ,100.0/real(TrackElementNumber+1),0.0,3.0)",
+      "comment":"show train back polygon"
+    },
     {
 	  "repeat": ["tr1","tr2"],
       "id":"train_info_text_%0",
@@ -27,7 +34,7 @@
 	  "repeat": ["tr1","tr2"],
       "id":"train_info_text_%0",
       "attr":"text",
-      "value":"\"Train1: \" ^ TO_STRING(train_rear_end(%0)) ^ \"..\" ^ TO_STRING(train_rear_end(%0)+train_length(%0))",
+      "value":"\"Train %0: \" ^ TO_STRING(train_rear_end(%0)) ^ \"..\" ^ TO_STRING(train_rear_end(%0)+train_length(%0))",
       "comment":"adapt info field of train"
     },
     

Train/TwoTrains.svg

@@ -20,7 +20,7 @@
             fill : blue
         }
         .train-normal {
-            stroke-width: 0.25;
+            stroke-width: 0.2;
             stroke : black;
             fill : lightgray
         }
@@ -29,15 +29,24 @@
             stroke-width: 0.5;
             stroke : black;
         }
+        .train-back {
+            stroke-width: 0.2;
+            stroke : black;
+            fill : green
+        }
    </style>
    
     <polygon id = "train_polygon_tr1"
        points="0,0 100,0"
        class="train-normal"
        transform="translate(10,16.8)" />
+    <polygon id = "train_back_tr1"
+       points="0,0 100,0"
+       class="train-back"
+       transform="translate(10,16.8)" />
    <g transform="translate(10,16.8)">
     <text  text-align="left"  x="0"  y="-2"
-       font-size ="2" fill="gray"  font-family="sans-serif ">
+       font-size ="2" fill="gray80"  font-family="sans-serif ">
        <tspan x="3" id="train_info_text_tr1" visibility="hidden">Train 1</tspan>
     </text>
    </g>
@@ -46,9 +55,13 @@
        points="0,0 100,0"
        class="train-normal"
        transform="translate(10,16.8)" />
+    <polygon id = "train_back_tr2"
+       points="0,0 100,0"
+       class="train-back"
+       transform="translate(10,16.8)" />
    <g transform="translate(10,16.8)">
     <text  text-align="left"  x="0"  y="-2"
-       font-size ="2" fill="gray"  font-family="sans-serif ">
+       font-size ="2" fill="gray95"  font-family="sans-serif ">
        <tspan x="3" id="train_info_text_tr2" visibility="hidden">Train 2</tspan>
     </text>
    </g>