Merge pull request #132 from Andreas-Kreuz/intersection-images

Frontend refresh

Author: Andreas-Kreuz

.gitignore

@@ -57,6 +57,7 @@ scratch.*
 # System files
 .DS_Store
 Thumbs.db
+desktop.ini
 
 # Jekyll documentation files
 _site
@@ -106,3 +107,4 @@ luac.out
 *.hex
 
 
+web-app/src/app/client/modules/intersection/intersection-lane-display/example-svg.ts

CHANGELOG.md

@@ -1,5 +1,13 @@
 # Änderungen an der Software
 
+## v0.12.0
+
+- ⭐ Neu: Verbesserte Ansicht auf dem Smartphone
+- ⭐ Neu: Log-Ansicht: Verzicht auf doppelte Toolbar
+- ⭐ Neu: Einstellungen für Kreuzungen und Log sind in die Toolbar gewandert (Icon oben rechts)
+- ⭐ Neu: In der Toolbar (und im Browser-Tab) wird der Titel der aktuellen Seite angezeigt
+- ⭐ Neu: Geschwindigkeit für das Logging verbessert (Log-Ausgabe auf 10.000 Zeilen beschränkt)
+
 ## v.0.11.1
 
 ### Lua (0.11.1)

lua/LUA/ak/road/CrossingJsonCollector.lua

@@ -143,7 +143,8 @@ local function collect(allCrossings)
             waitingTrains = {},
             waitingForGreenCyclesCount = lane.waitCount,
             directions = lane.directions,
-            switchings = laneSequences[lane] or {}
+            switchings = laneSequences[lane] or {},
+            tracks = lane.tracksForHighlighting or {}
         }
         for i, f in pairs(lane.queue:elements()) do o.waitingTrains[i] = f end
         table.insert(intersectionLanes, o)

lua/LUA/ak/road/Lane.lua

@@ -11,6 +11,7 @@ local fmt = require("ak.core.eep.TippTextFormatter")
 ---@field name string
 ---@field private type string ("Lane")
 ---@field trafficLight TrafficLight
+---@field tracksForHighlighting table
 ---@field tracksForRequests table
 local Lane = {}
 Lane.debug = AkStartWithDebug or false
@@ -444,6 +445,13 @@ function Lane:switchTrafficLightTo(phase, grund)
     self.phase = phase
 end
 
+function Lane:setHighLightingTracks(...)
+    for _, track in ipairs({...}) do assert(type(track) == "number", "Provide tracks as numbers") end
+
+    self.tracksForHighlighting = {...} or {}
+    return self
+end
+
 function Lane:setDirections(...)
     for _, direction in pairs(...) do
         if not Lane.Directions[direction] then print("No such direction: " .. direction) end

scripts/README.md

@@ -85,13 +85,23 @@ Benutze danach das Skript `.\scripts\build-package.cmd` um das ganze Programm ei
 
 Dabei werden App, Server und Lua in eine EEP-Installationsdatei zusammengepackt.
 
-### Server im Entwicklungsmodus starten
+### Testmodus starten
 
-Das Skript `.\scripts\start-web-server.cmd` startet den Server im Testmodus. Das erlaubt das lokale Verwenden des Servers, während Du die App entwickelst.
+Das Skript `.\scripts\start-developing.cmd` startet den Server und die Web-App im "Testmodus".  
+Das erlaubt das automatische Ausführen von Test, während Du die App entwickelst.  
+Der Testmodus zeigt unter <http://localhost:4200/> die Daten des aktuellen Tests an. Willst Du Deine Anlage in EEP sehen, kannst Du den Spielmodus starten.
 
-### App im Entwicklungsmodus starten
+#### Von Hand testen
 
-Das Skript `.\scripts\start-web-app.cmd` startet die Web-App. Du findest sie nach dem Start unter <http://localhost:4200/>. Der Web-Server kann dann genutzt werden, um die Web-App mit Daten zu versorgen. Er muss auf dem selben Rechner gestartet werden.
+Wenn Du vor dem Upload selbst testen willst, kannst Du
+
+- Tests für Lua ausführen: `.\scripts\check-lua.cmd`
+- Web-App Tests ausführen: `.\scripts\check-web-app-e2e.cmd`
+
+### Spielmodus starten
+
+Das Skript `.\scripts\start-playing.cmd` starten den Server und die Web-App im "Spielmodus".  
+Der Spielmodus zeigt unter <http://localhost:4200/> die aktuell in EEP geöffnete Anlage an.
 
 ## Sonstiges
 

web-app/cypress/integration/modules/trains/trains_spec.ts

@@ -8,59 +8,59 @@ before(() => {
 
 describe('Trains generally', () => {
   it('should contain an expand button which toggles the expansion', () => {
-    cy.visit('/trains/road');
-    cy.get('#expand-btn0').contains('expand_more').click();
-    cy.get('#expand-btn0').contains('expand_less').click();
+    cy.visit('/trains/rail');
+    cy.get('#expand-btn1').contains('expand_more').click();
+    cy.get('#expand-btn1').contains('expand_less').click();
   });
 
   describe('have a cam button', () => {
     it('click 1 on cam will change to rolling stock camera', () => {
-      cy.visit('/trains/road');
-      cy.get('#expand-btn0').contains('expand_more').click();
+      cy.visit('/trains/rail');
+      cy.get('#expand-btn1').contains('expand_more').click();
       cy.get('#cam-btn0').contains('videocam').click();
       cy.readFile(simulator.fileNames.serverOutCommands, 'latin1').should(
         'eq',
-        'EEPRollingstockSetActive|6MGT Wagen 1 DVBAG\nEEPRollingstockSetUserCamera|6MGT Wagen 1 DVBAG|14.55|-3|5|15|80\n'
+        'EEPRollingstockSetActive|DBAG_Regio-424-023-EpVI\nEEPRollingstockSetUserCamera|DBAG_Regio-424-023-EpVI|21.04|-3|5|15|80\n'
       );
     });
     it('click 2 on cam will change to perspective 3', () => {
       cy.writeFile(simulator.fileNames.serverOutCommands, '');
       cy.get('#cam-btn0').contains('videocam').click();
       cy.readFile(simulator.fileNames.serverOutCommands, 'latin1').should(
         'eq',
-        'EEPSetPerspectiveCamera|3|#6MGT Wagen 1 DVBAG;001\n'
+        'EEPSetPerspectiveCamera|3|#DBAG_Regio-424-023-EpVI\n'
       );
     });
     it('click 3 on cam will change to perspective 4', () => {
       cy.writeFile(simulator.fileNames.serverOutCommands, '');
       cy.get('#cam-btn0').contains('videocam').click();
       cy.readFile(simulator.fileNames.serverOutCommands, 'latin1').should(
         'eq',
-        'EEPSetPerspectiveCamera|4|#6MGT Wagen 1 DVBAG;001\n'
+        'EEPSetPerspectiveCamera|4|#DBAG_Regio-424-023-EpVI\n'
       );
     });
     it('click 4 on cam will change to perspective 10', () => {
       cy.writeFile(simulator.fileNames.serverOutCommands, '');
       cy.get('#cam-btn0').contains('videocam').click();
       cy.readFile(simulator.fileNames.serverOutCommands, 'latin1').should(
         'eq',
-        'EEPSetPerspectiveCamera|10|#6MGT Wagen 1 DVBAG;001\n'
+        'EEPSetPerspectiveCamera|10|#DBAG_Regio-424-023-EpVI\n'
       );
     });
     it('click 5 on cam will change to perspective 9', () => {
       cy.writeFile(simulator.fileNames.serverOutCommands, '');
       cy.get('#cam-btn0').contains('videocam').click();
       cy.readFile(simulator.fileNames.serverOutCommands, 'latin1').should(
         'eq',
-        'EEPSetPerspectiveCamera|9|#6MGT Wagen 1 DVBAG;001\n'
+        'EEPSetPerspectiveCamera|9|#DBAG_Regio-424-023-EpVI\n'
       );
     });
     it('click 6 on cam will back to rollingstock camera', () => {
       cy.writeFile(simulator.fileNames.serverOutCommands, '');
       cy.get('#cam-btn0').contains('videocam').click();
       cy.readFile(simulator.fileNames.serverOutCommands, 'latin1').should(
         'eq',
-        'EEPRollingstockSetActive|6MGT Wagen 1 DVBAG\nEEPRollingstockSetUserCamera|6MGT Wagen 1 DVBAG|14.55|-3|5|15|80\n'
+        'EEPRollingstockSetActive|DBAG_Regio-424-023-EpVI\nEEPRollingstockSetUserCamera|DBAG_Regio-424-023-EpVI|21.04|-3|5|15|80\n'
       );
     });
   });

web-app/e2e/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "/",
+    "downlevelIteration": true,
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "declaration": false,
+    "module": "es2020",
+    "moduleResolution": "node",
+    "experimentalDecorators": true,
+    "target": "es2015",
+    "typeRoots": ["node_modules/@types"],
+    "lib": ["es2018", "dom"]
+  },
+  "angularCompilerOptions": {
+    "strictTemplates": true
+  }
+}