Merge pull request #3 from OrdnanceSurvey/docs-and-license-landingpage-updates

Docs and license landing page updates

Author: MMarochov

capabilities.json

@@ -493,7 +493,7 @@
             "https://gdisquadstorage.file.core.windows.net", "https://os-powerbi-api.azurewebsites.net", 
             "https://fonts.googleapis.com", "https://fonts.gstatic.com", "https://*.ordsvy.gov.uk:6443", 
             "https://epsg.io",
-            "https://*.arcgis.com", "http://localhost:20000", "https://*.in.applicationinsights.azure.com/v2/track","https://js.monitor.azure.com", "https://www.ordnancesurvey.co.uk/*", "https://forms.office.com/e/*", "https://forms.cloud.microsoft/e/*", "https://localhost:8080", "https://api.github.com/repos/OrdnanceSurvey/os-powerbi-map/releases/latest"
+            "https://*.arcgis.com", "http://localhost:20000", "https://*.in.applicationinsights.azure.com/v2/track","https://js.monitor.azure.com", "https://www.ordnancesurvey.co.uk/*", "https://forms.office.com/e/*", "https://forms.cloud.microsoft/e/*", "https://localhost:8080", "https://api.github.com/repos/OrdnanceSurvey/os-powerbi-map/releases/latest", "https://github.com/OrdnanceSurvey/os-powerbi-map"
             ]
         },
         {

src/maps/mapmanager.ts

@@ -295,7 +295,7 @@ export class OSPowerBIMapManager {
       const button = event.target as HTMLElement;
       if (button.classList.contains("terms")) {
         this.hostVisual.host.launchUrl(
-          // TODO remove hardcoding and get this from a config file pointing to the github license
+          // map viewing terms can stay as this url
           "https://labs.os.uk/licensing/public-viewing-terms.pdf"
         );
       }

src/ui/landing.ts

@@ -44,7 +44,7 @@ export default function createLandingPageContent(
       } else if (button.classList.contains('ireland-mapping')) {
         launchButtonCallback("https://www.ordnancesurvey.co.uk/blog/whats-the-difference-between-uk-britain-and-british-isles")
       } else if (button.classList.contains('licence-agreement')) {
-        launchButtonCallback("https://www.ordnancesurvey.co.uk/documents/licences/OS-PowerBI-Visual.pdf")
+        launchButtonCallback("https://github.com/OrdnanceSurvey/os-powerbi-map?tab=MIT-1-ov-file#readme")
       } else if (button.classList.contains('landing-page__copy-button')) {copyCallback(button);
       }
   });

src/ui/templates.ts

@@ -82,7 +82,7 @@ const Templates = {
   // to the landing-page.less and edit the styling for
   // landing-page__expiry-message which is currently set to display: none
   Banner: `<span class="material-symbols-rounded">bolt</span>
-  <p> The OS Power BI Visual is now an open source project on GitHub, maintained by a small team on a best-efforts basis. By using this visual, you agree to the <em class="licence-agreement">licence terms</em>. To raise a bug or suggest enhancements, please <em class="report-bug">log a GitHub Issue</em>. You are using v<span id="version"></span> of the visual<span id="versionUpdateNotice"></span>. <span class="landing-page__expiry-message"><span id="expiryDate"></span></span></p>`,
+  <p> The OS Power BI Visual is now an open source project on GitHub, maintained by a small team on a best-efforts basis. It is published under the terms of the <em class="licence-agreement">MIT License</em>. To raise a bug or suggest enhancements, please <em class="report-bug">log a GitHub Issue</em>. You are using v<span id="version"></span> of the visual<span id="versionUpdateNotice"></span>. <span class="landing-page__expiry-message"><span id="expiryDate"></span></span></p>`,
 
   NotificationPopup: `
     <div class="notification-popup__container">

style/faqs-accordian.less

@@ -5,7 +5,7 @@
   background: #ffffffe3;
   border-radius: 5px;
   margin: 0;
-  .box-shadow;
+  .box-shadow();
 
   &__dropdown {
     position: relative;

style/landing-page.less

@@ -72,18 +72,18 @@
       flex-direction: row;
       align-items: center;
       padding: 1rem 1.5rem 1rem 0;
-      .gap;
+      .gap();
     }
   }
 
   &__docs-logo-container {
     display: flex;
     justify-content: center;
-    .gap;
+    .gap();
   }
 
   &__button {
-      .button;
+      .button();
 
       & span {
         font-size: 18px;
@@ -123,7 +123,7 @@
     overflow-wrap: anywhere;
     user-select: text;
     -webkit-user-select: text;
-    .box-shadow;
+    .box-shadow();
   }
 
   &__copy-button {
@@ -226,7 +226,7 @@
   .landing-page {
 
     &__docs-logo-container {
-      .gap-small;
+      .gap-small();
     }
 
     &__find-info p {

style/legend.less

@@ -1,7 +1,7 @@
 // legend.less
 
 .legend {
-  .box-shadow;
+  .box-shadow();
   background: white;
   border-radius: 5px;
   color: black;

style/map-icons.less

@@ -17,12 +17,12 @@
     margin-top: 14px !important;
     border: none !important;
     border-radius: 50% !important;
-    .box-shadow !important;
+    .box-shadow() !important;
   }
 
   .leaflet-control-zoom {
     border-radius: 20px !important;
-    .box-shadow !important;
+    .box-shadow() !important;
 
   }
 
@@ -58,7 +58,7 @@
     height: 2.1rem !important;
     width: 2.1rem !important;
     border-radius: 50% !important;
-    .box-shadow !important;
+    .box-shadow() !important;
     background-size: auto;
     background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjMDAwMDAwIj48cGF0aCBkPSJNNDc2Ljc0LTYyLjIycS0zNi43IDAtNzIuNjEtNS41dC02OS42MS0xOS4wNnEtMTUuOTYtNS4xMy0yNi0xOC44MS0xMC4wNC0xMy42Ny0xMC4wNC0zMS42MyAwLTIyLjA4IDE1LjQ1LTM3LjI2IDE1LjQ2LTE1LjE3IDM3LjU1LTE1LjE3IDIuMjYgMCAxNy45NSAyLjU2IDI2LjQ0IDguNDQgNTIuOTQgMTMuNjUgMjYuNSA1LjIyIDU0LjM3IDUuMjIgMjIuMDkgMCAzNy41NCAxNS40NiAxNS40NiAxNS40NiAxNS40NiAzNy41NCAwIDIyLjA5LTE1LjQ2IDM3LjU1LTE1LjQ1IDE1LjQ1LTM3LjU0IDE1LjQ1Wm0xNjAtMzIuNjVxLTIyLjA5IDAtMzcuNTQtMTUuNDUtMTUuNDYtMTUuNDYtMTUuNDYtMzcuNTV2LTE3M3EwLTIyLjA5IDE1LjQ2LTM3LjU0IDE1LjQ1LTE1LjQ2IDM3LjU0LTE1LjQ2aDE3M3EyMi4wOSAwIDM3LjU0IDE1LjQ2IDE1LjQ2IDE1LjQ1IDE1LjQ2IDM3LjU0dC0xNS40NiAzNy41NHEtMTUuNDUgMTUuNDYtMzcuNTQgMTUuNDZoLTQ1LjkxTDg0NS0xODcuMjZxMTQuOTYgMTQuOTYgMTUuMTggMzYuODMuMjEgMjEuODctMTUuMTggMzcuMjYtMTQuOTYgMTQuOTUtMzcuMDQgMTQuOTUtMjIuMDkgMC0zNy4wNS0xNC45NWwtODEuMTctODAuNjF2NDUuOTFxMCAyMi4wOS0xNS40NiAzNy41NS0xNS40NSAxNS40NS0zNy41NCAxNS40NVptLTQxNy45Ni03NS4wNHEtMTAuODIgMC0yMC44Ny00LjM1LTEwLjA0LTQuMzUtMTYuNzQtMTEuMDQtMzQuMTMtMzMuNy01OC45OC03My4xMS0yNC44NC0zOS40Mi00MC45Ny04NC4xMS0xLjQ0LTIuODctMy43LTE5LjA5IDAtMjIuMDkgMTUuNzQtMzcuNTQgMTUuNzQtMTUuNDYgMzcuODMtMTUuNDYgMTcuOTUgMCAzMS4zNCAxMC4yNiAxMy40IDEwLjI2IDE4LjUzIDI2LjIyIDEyIDMzLjg3IDMxIDYzLjMgMTkgMjkuNDQgNDMuODcgNTQuMzEgNy4yNiA2LjY5IDExLjYxIDE2LjQ1IDQuMzQgOS43NyA0LjM0IDIxLjE2IDAgMjIuMDgtMTUuNDUgMzcuNTQtMTUuNDYgMTUuNDYtMzcuNTUgMTUuNDZabTYyNC4xOC0yNTcuOTZxLTIyLjA5IDAtMzcuNTUtMTUuNDYtMTUuNDUtMTUuNDUtMTUuNDUtMzcuNTQgMC0yNy44Ny01LjUtNTQuMzctNS41LTI2LjUtMTMuOTQtNTIuOTMtLjg3LTEuNzQtMy4xMy0xOC41MyAwLTIyLjA4IDE1Ljc0LTM3LjU0dDM3LjgzLTE1LjQ2cTE3Ljk1IDAgMzEuMzQgMTAuMDUgMTMuNCAxMC4wNCAxOC41MyAyNiAxMy41NiAzNC4yNiAxOS4zNCA3MC4xNyA1Ljc5IDM1LjkxIDUuNzkgNzIuNjEgMCAyMi4wOS0xNS40NiAzNy41NC0xNS40NiAxNS40Ni0zNy41NCAxNS40NlptLTczMC40NC0zOC41NnEtMjIuMDkgMC0zNy41NC0xNS43NFE1OS41Mi00OTcuOTEgNTkuNTItNTIwdi02LjQzcTUuNDQtNDYuNyAyMS4yOC05My4wOSAxNS44NS00Ni4zOSA0MS41NS04Ni4wOSA2LjY5LTExLjM5IDE4LjgtMTguMyAxMi4xMS02LjkyIDI2LjUtNi45MiAyMi4wOSAwIDM3LjgzIDE1LjQ2IDE1Ljc0IDE1LjQ2IDE1Ljc0IDM3LjU0IDAgOC4yNi0yLjU3IDE1Ljk2LTIuNTYgNy43LTYuNjkgMTQuMzktMTkuNDQgMjkuODctMzEgNjMuMjQtMTEuNTcgMzMuMzctMTUuNDQgNjguODEtMiAyMC42NS0xNi45NSAzNC44Mi0xNC45NiAxNC4xOC0zNi4wNSAxNC4xOFpNNzM0LjctNjg2LjM5cS0xMC44MyAwLTIwLjg3LTQuMzUtMTAuMDUtNC4zNS0xNi43NC0xMS42MS0yNC44Ny0yNC4zLTU0LjMxLTQzLjg3LTI5LjQzLTE5LjU2LTYyLjc0LTMxLTE1Ljk1LTUuMTMtMjYuMjEtMTguOC0xMC4yNy0xMy42OC0xMC4yNy0zMS42MyAwLTIyLjA5IDE1LjQ2LTM3LjI2IDE1LjQ2LTE1LjE4IDM3LjU1LTE1LjE4IDEuNjkgMCAxOC41MiAzLjEzIDQ0LjY5IDE2LjEzIDg0LjY3IDQxLjI2IDM5Ljk4IDI1LjEzIDcxLjk4IDU5LjgzIDYuNyA2LjcgMTEuMDQgMTYuNDYgNC4zNSA5Ljc2IDQuMzUgMjAuNTggMCAyMi4wOS0xNS4xNyAzNy4yNy0xNS4xOCAxNS4xNy0zNy4yNiAxNS4xN1ptLTQ1My4yMi01MC41N3EtMjIuMDkgMC0zNy44My0xNS43NC0xNS43NC0xNS43My0xNS43NC0zNy44MiAwLTE0LjM5IDYuOTItMjYuNSA2LjkxLTEyLjExIDE4LjMtMTguODEgNDAuMjYtMjYuMjYgODUuNTItNDEuNTQgNDUuMjYtMTUuMjggOTMuMDktMjAuNzJoN3EyMi4wOSAwIDM3LjU0IDE1LjQ2IDE1LjQ2IDE1LjQ2IDE1LjQ2IDM3LjU0IDAgMjEuMDktMTMuODkgMzYuMDUtMTMuODkgMTQuOTUtMzMuOTggMTYuOTUtMzUuNDQgNS02OC44IDE1LjQ0LTMzLjM3IDEwLjQzLTYzLjI0IDI5Ljg3LTYuNyA0LjEzLTE0LjExIDYuOTgtNy40MiAyLjg0LTE2LjI0IDIuODRaIi8+PC9zdmc+');
   }

style/map.less

@@ -74,7 +74,7 @@
   }
 
   &__paging-button {
-    .box-shadow;
+    .box-shadow();
     align-self: center;
     cursor: pointer;
     align-items: center;

style/notification.less

@@ -13,7 +13,7 @@
   cursor: pointer;
 
   &::after {
-    .box-shadow;
+    .box-shadow();
     content: "";
     position: absolute;
     top: -4px;
@@ -58,7 +58,7 @@
     border-radius: 5px;
     cursor: auto;
     background: #f5f5f5;
-    .box-shadow;
+    .box-shadow();
   }
 
   &__close {
@@ -97,7 +97,7 @@
       font-size: 1em;
       padding: 10px;
       border-radius: 5px;
-      .box-shadow;
+      .box-shadow();
     }
   }