Updates

Canadian-Geospatial-Platform · Sep 4, 2024 · 4ea6525 · 4ea6525
1 parent 2b81aa1
commit 4ea6525
Show file tree

Hide file tree

Showing 542 changed files with 5,884 additions and 434,180 deletions.
diff --git a/public/0515ab82dae6923cab85.woff → 0515ab82dae6923cab85.woff b/public/0515ab82dae6923cab85.woff → 0515ab82dae6923cab85.woff
diff --git a/public/1431d1cef06ad04f5458.woff2 → 1431d1cef06ad04f5458.woff2 b/public/1431d1cef06ad04f5458.woff2 → 1431d1cef06ad04f5458.woff2
diff --git a/public/169619821ea93019d1bb.woff2 → 169619821ea93019d1bb.woff2 b/public/169619821ea93019d1bb.woff2 → 169619821ea93019d1bb.woff2
diff --git a/public/182712ab85f1472cdb2f.woff → 182712ab85f1472cdb2f.woff b/public/182712ab85f1472cdb2f.woff → 182712ab85f1472cdb2f.woff
diff --git a/public/198a421f279162d59143.woff → 198a421f279162d59143.woff b/public/198a421f279162d59143.woff → 198a421f279162d59143.woff
diff --git a/public/1a05a4887ccb810cb4dd.woff → 1a05a4887ccb810cb4dd.woff b/public/1a05a4887ccb810cb4dd.woff → 1a05a4887ccb810cb4dd.woff
diff --git a/public/1f075502d0094a398e21.woff → 1f075502d0094a398e21.woff b/public/1f075502d0094a398e21.woff → 1f075502d0094a398e21.woff
diff --git a/public/227c93190fe7f82de3f8.woff2 → 227c93190fe7f82de3f8.woff2 b/public/227c93190fe7f82de3f8.woff2 → 227c93190fe7f82de3f8.woff2
diff --git a/public/249853776d22a271b2b5.woff → 249853776d22a271b2b5.woff b/public/249853776d22a271b2b5.woff → 249853776d22a271b2b5.woff
diff --git a/public/252057e589a0379208ed.woff → 252057e589a0379208ed.woff b/public/252057e589a0379208ed.woff → 252057e589a0379208ed.woff
diff --git a/public/268f264f58eba5c07c88.woff → 268f264f58eba5c07c88.woff b/public/268f264f58eba5c07c88.woff → 268f264f58eba5c07c88.woff
diff --git a/public/3230f9b040f3c630e0c3.woff2 → 3230f9b040f3c630e0c3.woff2 b/public/3230f9b040f3c630e0c3.woff2 → 3230f9b040f3c630e0c3.woff2
diff --git a/public/32fc45a3d1e8ea11fabc.woff2 → 32fc45a3d1e8ea11fabc.woff2 b/public/32fc45a3d1e8ea11fabc.woff2 → 32fc45a3d1e8ea11fabc.woff2
diff --git a/public/3425a701027d0699e369.woff2 → 3425a701027d0699e369.woff2 b/public/3425a701027d0699e369.woff2 → 3425a701027d0699e369.woff2
diff --git a/public/3503ec5cc6330e21f695.woff → 3503ec5cc6330e21f695.woff b/public/3503ec5cc6330e21f695.woff → 3503ec5cc6330e21f695.woff
diff --git a/public/35b9d6be04b95f0f0530.woff2 → 35b9d6be04b95f0f0530.woff2 b/public/35b9d6be04b95f0f0530.woff2 → 35b9d6be04b95f0f0530.woff2
diff --git a/public/392a45a84c081c4b412d.woff → 392a45a84c081c4b412d.woff b/public/392a45a84c081c4b412d.woff → 392a45a84c081c4b412d.woff
diff --git a/public/3f2b9a42f643e62a49b7.woff → 3f2b9a42f643e62a49b7.woff b/public/3f2b9a42f643e62a49b7.woff → 3f2b9a42f643e62a49b7.woff
diff --git a/public/4777461b144e55145268.woff2 → 4777461b144e55145268.woff2 b/public/4777461b144e55145268.woff2 → 4777461b144e55145268.woff2
diff --git a/public/4df79f684fcbca8386bd.woff → 4df79f684fcbca8386bd.woff b/public/4df79f684fcbca8386bd.woff → 4df79f684fcbca8386bd.woff
diff --git a/public/50e795c1345353b0e996.woff2 → 50e795c1345353b0e996.woff2 b/public/50e795c1345353b0e996.woff2 → 50e795c1345353b0e996.woff2
diff --git a/public/5b5f2f31962967dfc22c.woff → 5b5f2f31962967dfc22c.woff b/public/5b5f2f31962967dfc22c.woff → 5b5f2f31962967dfc22c.woff
diff --git a/public/62ced72e5832f02c2796.woff2 → 62ced72e5832f02c2796.woff2 b/public/62ced72e5832f02c2796.woff2 → 62ced72e5832f02c2796.woff2
diff --git a/public/657896dad292ee9a0a0a.woff → 657896dad292ee9a0a0a.woff b/public/657896dad292ee9a0a0a.woff → 657896dad292ee9a0a0a.woff
diff --git a/public/666d7a2f9db53cf52e2d.woff → 666d7a2f9db53cf52e2d.woff b/public/666d7a2f9db53cf52e2d.woff → 666d7a2f9db53cf52e2d.woff
diff --git a/public/6fb9cffb1d3e72bf9293.woff2 → 6fb9cffb1d3e72bf9293.woff2 b/public/6fb9cffb1d3e72bf9293.woff2 → 6fb9cffb1d3e72bf9293.woff2
diff --git a/public/71a33b6b50457b2c903a.woff2 → 71a33b6b50457b2c903a.woff2 b/public/71a33b6b50457b2c903a.woff2 → 71a33b6b50457b2c903a.woff2
diff --git a/public/804378952da8a10faae2.woff2 → 804378952da8a10faae2.woff2 b/public/804378952da8a10faae2.woff2 → 804378952da8a10faae2.woff2
diff --git a/public/8472d69545c7409091b4.woff → 8472d69545c7409091b4.woff b/public/8472d69545c7409091b4.woff → 8472d69545c7409091b4.woff
diff --git a/public/861b791f9de857a6e7bc.woff2 → 861b791f9de857a6e7bc.woff2 b/public/861b791f9de857a6e7bc.woff2 → 861b791f9de857a6e7bc.woff2
diff --git a/public/8ecd7085cfe9bc2c22ac.woff → 8ecd7085cfe9bc2c22ac.woff b/public/8ecd7085cfe9bc2c22ac.woff → 8ecd7085cfe9bc2c22ac.woff
diff --git a/public/9165081d10e1ba601384.woff2 → 9165081d10e1ba601384.woff2 b/public/9165081d10e1ba601384.woff2 → 9165081d10e1ba601384.woff2
diff --git a/public/965aebef74db72eaf236.woff → 965aebef74db72eaf236.woff b/public/965aebef74db72eaf236.woff → 965aebef74db72eaf236.woff
diff --git a/public/9ac81fefbe6c319ea40b.woff2 → 9ac81fefbe6c319ea40b.woff2 b/public/9ac81fefbe6c319ea40b.woff2 → 9ac81fefbe6c319ea40b.woff2
diff --git a/public/a84892c56152037b3552.woff → a84892c56152037b3552.woff b/public/a84892c56152037b3552.woff → a84892c56152037b3552.woff
diff --git a/public/add-layers.html → add-layers.html b/public/add-layers.html → add-layers.html
diff --git a/add-panels.html b/add-panels.html
@@ -1,119 +1,113 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Canadian Geospatial Platform Viewer</title><link rel="shortcut icon" href="./favicon.ico"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="msapplication-config" content="./img/browserconfig.xml"/><meta name="theme-color" content="#ffffff"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="theme-color" content="#ffffff"/><link href="https://fonts.googleapis.com/css?family=Roboto|Montserrat:200,300,400,900|Merriweather" rel="stylesheet"/><link rel="stylesheet" href="css/style.css"/><script src="cgpv-main.js"></script></head><body><div class="header-table"><table><tbody><tr><td><img class="header-logo" alt="logo" src="./img/Logo.png"/></td><td class="header-title"><h1><strong>Add Panels</strong></h1></td></tr><tr><td><a href="./index.html">Main</a><br/></td></tr></tbody></table><table><tbody><tr><td>This page is used to showcase adding panels to the app-bar and adding panels and buttons to the navbar.</td></tr></tbody></table></div><div class="toolbar"><button class="add-appbar-panel-btn">Add Appbar Panel</button> <button class="add-navbar-panel-btn">Add Navbar Panel</button> <button class="add-navbar-button-btn">Add Navbar Button</button> <button class="add-navbar-button-group-btn">Add Navbar Panel New Group</button></div><div id="mapWM" class="llwp-map" data-lang="en" data-config="{
-        'map': {
-          'interaction': 'dynamic',
-          'viewSettings': {
-            'zoom': 4,
-            'center': [-100, 60],
-            'projection': 3857
-          },
-          'basemapOptions': {
-            'basemapId': 'transport',
-            'shaded': false,
-            'labeled': true
-          }
-        },
-        'navBar': ['zoom', 'fullscreen', 'home', 'location', 'export'],
-        'appBar': ['geolocator', 'export'],
-        'components': ['overview-map'],
-        'corePackages': [],
-        'theme': 'dark',
-        'suportedLanguages': ['en']
-      }"></div><p></p><button type="button" class="collapsible">Configuration Snippet</button><pre id="mapWMCS" class="panel"></pre><hr/><button type="button" class="collapsible">Code Snippet</button><pre id="codeSnippet" class="panel"></pre><script src="codedoc.js"></script><script>// initialize cgpv and api events, a callback is optional, used if calling api's after the rendering is ready
-      cgpv.init(function () {
-        console.log('api is ready');
-
-        //config snippets
-        createConfigSnippet();
-
-        //create snippets
-        createCodeSnippet();
-
-        // get add panel button element for WM map
-        var addAppbarPanelBtn = document.getElementsByClassName('add-appbar-panel-btn')[0];
-
-        // add app-bar panel btn click event handler
-        // button will open a panel on the app-bar
-        addAppbarPanelBtn.addEventListener('click', function (e) {
-          const button = {
-            id: 'AppbarPanelButtonId',
-            tooltip: 'Test',
-            tooltipPlacement: 'right',
-            children: cgpv.react.createElement(cgpv.ui.elements.AppsIcon),
-          };
-
-          const panel = {
-            panelId: 'AppbarPanelId',
-            title: 'Test',
-            content: `<div>Test content</div>`,
-            width: 200,
-          };
-
-          // call an api function to add a panel with a button in the default group
-          cgpv.api.maps['mapWM'].appBarButtons.createAppbarPanel(button, panel, null);
-        });
-
-        // get add nav-bar panel button element for WM map
-        var addNavbarPanelBtn = document.getElementsByClassName('add-navbar-panel-btn')[0];
-
-        // add nav-bar panel btn click event handler
-        // button will open a panel on the nav-bar
-        addNavbarPanelBtn.addEventListener('click', function (e) {
-          const button = {
-            tooltip: 'Test',
-            children: cgpv.react.createElement(cgpv.ui.elements.AppsIcon),
-            tooltipPlacement: 'left',
-          };
-
-          const panel = {
-            title: 'Test',
-            content: `<div>Test content</div>`,
-            width: 200,
-          };
-
-          // call an api function to add a panel with a button
-          cgpv.api.maps['mapWM'].navBarButtons.createNavbarButtonPanel(button, panel, null);
-        });
-
-        // get add nav-bar button element for WM map
-        var addNavbarButtonBtn = document.getElementsByClassName('add-navbar-button-btn')[0];
-
-        // add nav-bar button btn click event handler
-        // button will call a function
-        addNavbarButtonBtn.addEventListener('click', function (e) {
-          const button = {
-            tooltip: 'Test',
-            children: cgpv.react.createElement(cgpv.ui.elements.OpenInBrowserIcon),
-            tooltipPlacement: 'left',
-            onClick: function () {
-              alert('test function');
-            },
-          };
-
-          // call an api function to add a panel with a button
-          cgpv.api.maps['mapWM'].navBarButtons.createNavbarButton(button, null);
-        });
-
-        // get add nav-bar button group element for WM map
-        var addNavbarButtonGroupBtn = document.getElementsByClassName('add-navbar-button-group-btn')[0];
-
-        // add nav-bar button group btn click event handler
-        // button will add a button panel on the nav-bar in a new group
-        addNavbarButtonGroupBtn.addEventListener('click', function (e) {
-          const button = {
-            id: 'id',
-            tooltip: 'Group',
-            tooltipPlacement: 'left',
-            children: cgpv.react.createElement(cgpv.ui.elements.GroupIcon), // comment
-          };
-
-          const panel = {
-            panelId: 'panerId',
-            title: 'Group',
-            content: `<div>Test content</div>`,
-            width: 400,
-          };
-
-          // call an api function to add a new button panel in the nav-bar in a new group
-          cgpv.api.maps['mapWM'].navBarButtons.createNavbarButtonPanel(button, panel, 'newGroup');
-        });
+<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Add Panels - Canadian Geospatial Platform Viewer</title><link rel="shortcut icon" href="./favicon.ico"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="msapplication-config" content="./img/browserconfig.xml"/><meta name="theme-color" content="#ffffff"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="theme-color" content="#ffffff"/><link rel="stylesheet" href="css/style.css"/><script src="cgpv-main.js"></script></head><body><div class="header-table"><table><tbody><tr><td><img class="header-logo" alt="logo" src="./img/Logo.png"/></td><td class="header-title"><h1><strong>Add Panels</strong></h1></td></tr><tr><td><a href="./index.html">Main</a><br/></td></tr></tbody></table><table><tbody><tr><td>This page is used to showcase adding panels to the app-bar and adding panels and buttons to the navbar.</td></tr></tbody></table></div><div class="toolbar"><button class="add-appbar-panel-btn">Add Appbar Panel</button> <button class="add-navbar-panel-btn">Add Navbar Panel</button> <button class="add-navbar-button-btn">Add Navbar Button</button> <input id="navbar-button-group-name" placeholder="Enter group name" value="groupName1"/></div><div id="mapWM" class="geoview-map" data-lang="en" data-config="{
+        'map': {
+          'interaction': 'dynamic',
+          'viewSettings': {
+            'projection': 3857
+          },
+          'basemapOptions': {
+            'basemapId': 'transport',
+            'shaded': false,
+            'labeled': true
+          }
+        },
+        'navBar': ['zoom', 'fullscreen', 'home', 'location'],
+        'appBar': {
+          'tabs': {
+            'core': ['geolocator', 'export']
+          }
+        },
+        'components': ['overview-map'],
+        'corePackages': [],
+        'theme': 'geo.ca'
+      }"></div><p></p><button type="button" class="collapsible">Code Snippet</button><pre id="codeSnippet" class="panel"></pre><script src="codedoc.js"></script><script>// initialize cgpv and api events, a callback is optional, used if calling api's after the rendering is ready
+      cgpv.init((mapId) => {
+        if (mapId === 'mapWM') {
+          // get add panel button element for WM map
+          var addAppbarPanelBtn = document.getElementsByClassName('add-appbar-panel-btn')[0];
+
+          // get the input for the group name
+          var navbarButtonGroupNameInput = document.getElementById('navbar-button-group-name');
+
+          // add app-bar panel btn click event handler
+          // button will open a panel on the app-bar
+          addAppbarPanelBtn.addEventListener('click', function (e) {
+            const button = {
+              id: 'AppbarPanelButtonId',
+              tooltip: 'Test',
+              tooltipPlacement: 'right',
+              children: cgpv.react.createElement(cgpv.ui.elements.AppsIcon),
+            };
+
+            const panel = {
+              panelId: 'AppbarPanelId',
+              title: 'Test',
+              content: `<div>Test content</div>`,
+              convertHtmlContent: true,
+              width: 200,
+            };
+
+            // call an api function to add a panel with a button in the default group
+            cgpv.api.maps['mapWM'].appBarApi.createAppbarPanel(button, panel, null);
+          });
+
+          // get add nav-bar panel button element for WM map
+          var addNavbarPanelBtn = document.getElementsByClassName('add-navbar-panel-btn')[0];
+          // add nav-bar panel btn click event handler
+          // button will open a panel on the nav-bar
+          addNavbarPanelBtn.addEventListener('click', function (e) {
+            const groupName = navbarButtonGroupNameInput.value;
+
+            if (groupName === '') {
+              alert('Enter a value group name');
+              return;
+            }
+            const button = {
+              tooltip: 'Test',
+              children: cgpv.react.createElement(cgpv.ui.elements.AppsIcon),
+              tooltipPlacement: 'left',
+            };
+
+            const panel = {
+              title: 'Panel Title',
+              content: `<div><p>Vestibulum in fringilla tortor. Aliquam placerat odio nec urna consequat tincidunt eu sit amet mauris.</p><p>Donec vestibulum tellus ex, a venenatis urna finibus quis. Sed venenatis nisi porttitor ex laoreet auctor. </p></div>`,
+              convertHtmlContent: true,
+              width: 400,
+            };
+
+            // call an api function to add a panel with a button
+            cgpv.api.maps['mapWM'].navBarApi.createNavbarButtonPanel(button, panel, groupName);
+          });
+
+          // get add nav-bar button element for WM map
+          var addNavbarButtonBtn = document.getElementsByClassName('add-navbar-button-btn')[0];
+
+          // add nav-bar button btn click event handler
+          // button will call a function
+          addNavbarButtonBtn.addEventListener('click', function (e) {
+            const groupName = navbarButtonGroupNameInput.value;
+
+            if (groupName === '') {
+              alert('Enter a value group name');
+              return;
+            }
+
+            const button = {
+              tooltip: `Test (${groupName})`,
+              children: cgpv.react.createElement(cgpv.ui.elements.OpenInBrowserIcon),
+              tooltipPlacement: 'left',
+              onClick: function () {
+                alert('You clicked on a navbar test button');
+              },
+            };
+
+            // call an api function to add a panel with a button
+            cgpv.api.maps['mapWM'].navBarApi.createNavbarButton(button, groupName);
+          });
+        }
+      });
+
+      // create snippets
+      window.addEventListener('load', () => {
+        createCodeSnippet();
+        createConfigSnippet();
       });</script></body></html>
diff --git a/public/af4d91666ea345601bea.woff → af4d91666ea345601bea.woff b/public/af4d91666ea345601bea.woff → af4d91666ea345601bea.woff