Web Improvements including Cloud Tiling #42

indig0fox · 2022-04-14T15:55:25Z

No description provided.

- adds leaflet control - allows satellite layer to be loaded if available and switched between topo and sat - allows show/hide of units/vehicles, side markers, global markers, and projectile markers - fixes setCrew bug

…lity

indig0fox · 2022-04-14T16:02:25Z

adds leaflet control to show/hide of units/vehicles, side markers, global markers, and projectile markers
adds leaflet control to select displayed terrain layer, if map has more than just topo rendered
- supports "Topographic", "Topographic Dark", "Topographic Relief", "Color Relief"
changes popups over entities to a 'glow white' effect surrounding black text, for easy of seeing units in very close proximity as well as on dark backgrounds
adds compatibility for LOGIC side objects, which are typically excluded but in some cases have been re-initialized as live entities due to module actions (add editable objects)
adds "GeneralEvent" class for support with new addon functionality to add generic messaging in event timeline
minor EN localization improvement on time menu display
sets up ocap.ui.js setting for useCloudTiles -- will fetch data from a centralized map server and load tiles from there, eliminating the need for server admins to install individual maps

Fank · 2022-04-22T13:42:39Z

static/index.html

+        <div id="frameSliderContainer">
+          <div id="eventTimeline"></div>
+          <div class="frameSliderContainer2">
+            <input type="range" id="frameSlider" min="0" value="0" />


In html a / at the end of an element is not needed, its only part of the xhtml specification

static/scripts/localizable.js

Fank · 2022-04-22T13:45:02Z

static/scripts/localizable.js

@@ -186,12 +186,12 @@ let _localizable = {
 	},
 	"time_mission": {
 		"ru": "Время миссии",
-		"en": "Mission Time Elapsed",
+		"en": "In-Game World Time",
 		"de": "Verstrichene Missionszeit"


Suggested change

"de": "Verstrichene Missionszeit"

"de": "In-Game Zeit"

static/scripts/localizable.js

Fank · 2022-04-22T13:46:35Z

static/scripts/ocap.entity.js

-	}
+	// getElement() {
+	// 	return this._element;
+	// }


Just remove it when not neede anymore

Co-authored-by: Florian Kinder <[email protected]>

indig0fox · 2022-05-05T14:40:13Z

Need assistance in checking local files for installed maps before then loading from remote tileserver.

Currently this uses ui.useCloudTiles defined in /static/scripts/ocap.ui.js as a hard switch. Instead, check server and if not installed fall back to centralized repository to check.

This is for map.json

web/static/scripts/ocap.js

Lines 178 to 194 in a10d227

    
           let mapJsonUrl; 
        
           if (ui.useCloudTiles) { 
        
           	mapJsonUrl = `https://maps.ocap2.com/${worldName}/map.json`; 
        
           } else { 
        
           	mapJsonUrl = 'images/maps/' + worldName + '/map.json'; 
        
           } 
        
           // $.getJSON(mapJsonUrl, function (data) { 
        
           // 	console.log(data); 
        
           // 	console.log(data.responseJSON); 
        
           // }); 
        
           map = $.ajax({ 
        
           	type: "GET", 
        
           	url: mapJsonUrl, 
        
           	async: false 
        
           }).responseJSON; 
        
           return Object.assign(defaultMap, map);

This is for the actual layers

web/static/scripts/ocap.js

Lines 386 to 403 in a10d227

    
           switch (ui.useCloudTiles) { 
        
           	case true: { 
        
           		topoLayerUrl = ('https://maps.ocap2.com/' + worldName.toLowerCase() + '/{z}/{x}/{y}.png'); 
        
           		topoDarkLayerUrl = ('https://maps.ocap2.com/' + worldName.toLowerCase() + '/topoDark/{z}/{x}/{y}.png'); 
        
           		topoReliefLayerUrl = ('https://maps.ocap2.com/' + worldName.toLowerCase() + '/topoRelief/{z}/{x}/{y}.png'); 
        
           		colorReliefLayerUrl = ('https://maps.ocap2.com/' + worldName.toLowerCase() + '/colorRelief/{z}/{x}/{y}.png'); 
        
           		contourLayerUrl = ('https://maps.ocap2.com/' + worldName.toLowerCase() + '/contours.geojson'); 
        
           		break; 
        
           	} 
        
           	case false: { 
        
           		topoLayerUrl = ('images/maps/' + worldName + '/{z}/{x}/{y}.png'); 
        
           		topoDarkLayerUrl = ('images/maps/' + worldName + '/topoDark/{z}/{x}/{y}.png'); 
        
           		topoReliefLayerUrl = ('images/maps/' + worldName + '/topoRelief/{z}/{x}/{y}.png'); 
        
           		colorReliefLayerUrl = ('images/maps/' + worldName + '/colorRelief/{z}/{x}/{y}.png'); 
        
           		contourLayerUrl = ('images/maps/' + worldName + '/contours.geojson'); 
        
           		break; 
        
           	} 
        
           }

* only use cloud tiles as fallback when enabled * debug log * show cloud map data parsing error * fix `world._useCloudTiles` condition check

…lity

- account for new "displayName" attribute in worlds' map.json to supercede the previous "name" attribute - reduce max zoom by 1 level - fix console logging for incomplete hit/killed events - change to calculating initial view bounds by initial marker positions if BIS_fnc_moduleCoverMap not present - add better logging in general, including in debug stream - if world isn't rendered in cloud or local, show alert & load placeholder map so playback can still be viewed - don't cache map.json to support future installation/render and stop it from requiring a full browser cache clear - cleanup old geojson code - move Leaflet controls to bottom right and integrate with Leaflet DOM - removes a couple css overrides for the above - update ui title bar to also include the played date and map name - linting - fix error where popup is not initialized yet but tries to update

- reposition website logo to bottom left - ensure it follows left panel visibility - fix loading the shareURL using proper URLSearchParams - parse date from opRecord, or if from share URL, from filename if possible. if backup file that was manually restored and failed initial upload, show "<UnknownDate>" - created setting.json.example, but left setting.json so as not to break Docker build on accident

indig0fox added 12 commits October 5, 2021 16:20

number of improvements

3de757b

- adds leaflet control - allows satellite layer to be loaded if available and switched between topo and sat - allows show/hide of units/vehicles, side markers, global markers, and projectile markers - fixes setCrew bug

visual improvements, cloud tiling

b349edd

enough for now

0092ceb

more

31f0ed4

adds generalEvent for custom event announcements in timeline

e993e99

fix markers

7fd1d89

fix for sideLogic units

1ee3b30

small ui changes

ae09630

changes to new topo modes

e80afaa

fixes cloud tiling CORS issues

0c15566

Merge remote-tracking branch 'origin/main' into ind/leaflet-functiona…

4f540e7

…lity

now uses https map.json fetch

2e7dbd2

indig0fox self-assigned this Apr 14, 2022

indig0fox marked this pull request as ready for review April 14, 2022 16:02

indig0fox added 4 commits April 14, 2022 13:31

crisper entity popup text

9897139

hide AI names by default, more work needed

e8d662a

hotfix leaflet.pattern failure

b3cce90

minor index cleanup

a10d227

Fank self-requested a review April 22, 2022 13:40

Fank requested changes Apr 22, 2022

View reviewed changes

indig0fox and others added 2 commits May 5, 2022 10:38

Update static/scripts/localizable.js

77d3092

Co-authored-by: Florian Kinder <[email protected]>

Update static/scripts/localizable.js

ae41485

Co-authored-by: Florian Kinder <[email protected]>

goto-10 mentioned this pull request May 5, 2022

use cloud tiles as fallback #44

Merged

a-sync and others added 5 commits May 7, 2022 18:29

use cloud tiles as fallback (#44)

35528a4

* only use cloud tiles as fallback when enabled * debug log * show cloud map data parsing error * fix `world._useCloudTiles` condition check

fix vehicle crew display, dont carry d/c deaths to rejoined players

4195095

ignore data and maps files in git

2e0c70c

ensure that groups in left pane are ordered alphabetically

d844668

update missing tiles URL

072b1b4

indig0fox and others added 4 commits October 17, 2022 20:29

Merge remote-tracking branch 'origin/main' into ind/leaflet-functiona…

f4f3659

…lity

update data and maps ignores

15f5b6d

fix basemaps control file reference

09697e4

addon and extension version in info screen

c397022

indig0fox linked an issue May 24, 2023 that may be closed by this pull request

Player disconnect counts as death OCAP2/OCAP#71

Open

indig0fox added 4 commits May 23, 2023 22:36

Merge branch 'web-ui' into ind/leaflet-functionality

b913af2

fix fetch exception for loading without a rendered map

70e64e6

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Web Improvements including Cloud Tiling #42

Web Improvements including Cloud Tiling #42

indig0fox commented Apr 14, 2022

indig0fox commented Apr 14, 2022

Fank Apr 22, 2022

Fank Apr 22, 2022 •

edited

Loading

Fank Apr 22, 2022

indig0fox commented May 5, 2022

Web Improvements including Cloud Tiling #42

Are you sure you want to change the base?

Web Improvements including Cloud Tiling #42

Conversation

indig0fox commented Apr 14, 2022

indig0fox commented Apr 14, 2022

Fank Apr 22, 2022

Choose a reason for hiding this comment

Fank Apr 22, 2022 • edited Loading

Choose a reason for hiding this comment

Fank Apr 22, 2022

Choose a reason for hiding this comment

indig0fox commented May 5, 2022

Fank Apr 22, 2022 •

edited

Loading