Pxweb2 164 presentation page

apps/pxweb2/public/locales/en/translation.json

@@ -34,16 +34,21 @@
     "welcome_trans_test": "Welcome to the <1>app</1> for PxWeb 2.0!"
   },
   "presentation_page": {
+    "header": {
+      "searchbutton": "Search",
+      "languagebutton": "languages",
+      "statistics": "Statistikkbanken"
+    },
     "sidemenu": {
       "hide": "Hide menu",
       "selection": {
         "title": "Filter",
         "variablebox": {
-          "search":{
+          "search": {
             "placeholder": "Search",
             "label": "Search",
-            "arialabelicontext" : "Search icon",
-            "ariallabelclearbuttontext" : "Clear search icon"  
+            "arialabelicontext": "Search icon",
+            "ariallabelclearbuttontext": "Clear search icon"
           }
         }
       },

apps/pxweb2/public/locales/no/translation.json

@@ -5,6 +5,24 @@
       "title": "PxWeb 2.0",
       "logo": "PxWeb 2.0"
     },
+    "footer": {
+      "contact": {
+        "title": "Kontakt",
+        "description": "Beskrivelsestekst..."
+      },
+      "about": {
+        "title": "Om",
+        "description": "Beskrivelsestekst..."
+      },
+      "accessibility": {
+        "title": "Tilgjengelighet",
+        "description": "Beskrivelsestekst..."
+      },
+      "version": {
+        "title": "Versjon",
+        "description": "Beskrivelsestekst..."
+      }
+    },
     "generic_buttons": {
       "ok": "OK",
       "cancel": "Avbryt",
@@ -14,5 +32,111 @@
   "start_page": {
     "header": "Velkommen til appen!",
     "welcome_trans_test": "Velkommen til <1>appen</1> for PxWeb 2.0!"
+  },
+  "presentation_page": {
+    "header": {
+      "searchbutton": "Søk",
+      "languagebutton": "språk",
+      "statistics": "Statistikkbanken"
+    },
+    "sidemenu": {
+      "hide": "Skjul meny",
+      "selection": {
+        "title": "Filter",
+        "variablebox": {
+          "search": {
+            "placeholder": "Søk",
+            "label": "Søk",
+            "arialabelicontext": "Søkeikon",
+            "ariallabelclearbuttontext": "Fjern søkeikon"
+          }
+        }
+      },
+      "view": {
+        "title": "Vis",
+        "table": {
+          "title": "Tabell"
+        },
+        "graph": {
+          "title": "Graf"
+        }
+      },
+      "edit": {
+        "title": "Rediger",
+        "customize": {
+          "title": "Tilpass",
+          "pivot": {
+            "title": "Pivot"
+          },
+          "rearrange": {
+            "title": "Omorganiser tabell",
+            "description": "Beskrivelsestekst..."
+          },
+          "change_order": {
+            "title": "Endre rekkefølge",
+            "description": "Beskrivelsestekst..."
+          }
+        },
+        "calculate": {
+          "title": "Beregn",
+          "sum": {
+            "title": "Sum",
+            "description": "Beskrivelsestekst..."
+          }
+        },
+        "hide_display": {
+          "title": "Skjul/vis"
+        }
+      },
+      "save": {
+        "title": "Lagre",
+        "file": {
+          "title": "Lagre som fil",
+          "excel": "Excel (xlsx)"
+        },
+        "imagefile": {
+          "title": "Lagre som graf",
+          "png": "Diagram (png)"
+        },
+        "link": {
+          "title": "Lagre som lenke",
+          "description": "Beskrivelsestekst..."
+        },
+        "api": {
+          "title": "API",
+          "description": "Beskrivelsestekst..."
+        }
+      },
+      "help": {
+        "title": "Hjelp"
+      }
+    },
+    "main_content": {
+      "last_updated": "Sist oppdatert",
+      "show_details": "Vis detaljer",
+      "about_table": {
+        "title": "Om tabellen",
+        "footnotes": {
+          "title": "Noter",
+          "show_all_footnotes": "Vis alle noter for tabellen"
+        },
+        "information": {
+          "title": "Informasjon",
+          "description": "Tabellen er en del av statistikken {{statistics}}"
+        },
+        "definition": {
+          "title": "Definisjoner",
+          "description": "Beskrivelsestekst..."
+        },
+        "metadata": {
+          "title": "Metadata",
+          "description": "Beskrivelsestekst..."
+        }
+      },
+      "related": {
+        "title": "Relatert",
+        "description": "Beskrivelsestekst..."
+      }
+    }
   }
 }

apps/pxweb2/public/theme/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 17 Apr 2024 13:00:42 GMT
+ * Generated on Tue, 23 Apr 2024 08:54:01 GMT
  */
 
 :root {

apps/pxweb2/src/@types/resources.d.ts

@@ -35,6 +35,11 @@ interface Resources {
       "welcome_trans_test": "Welcome to the <1>app</1> for PxWeb 2.0!"
     },
     "presentation_page": {
+      "header": {
+        "searchbutton": "Search",
+        "languagebutton": "languages",
+        "statistics": "Statistikkbanken"
+      },
       "sidemenu": {
         "hide": "Hide menu",
         "selection": {

apps/pxweb2/src/app/app.module.scss

@@ -5,9 +5,31 @@
   width: 100%;
 }
 
+.main {
+  display: flex;
+  width: 100%;
+}
+
+.desktopNavigation {
+  display: none;
+  @media (min-width: fixed.$breakpoints-medium-min-width) {
+    display: block;
+  }
+}
+
+.mobileNavigation {
+  display: none;
+  position: fixed;
+  bottom: 0;
+  @media (max-width: fixed.$breakpoints-small-max-width) {
+    display: block;
+  }
+}
+
 @media (min-width: fixed.$breakpoints-xsmall-min-width) and (max-width: fixed.$breakpoints-xsmall-max-width) {
   .breakpoints {
     max-width: 100px;
+
     color: white;
     background-color: black;
   }

apps/pxweb2/src/app/app.spec.tsx → apps/pxweb2/src/app/app.spec.jsx

@@ -1,6 +1,13 @@
 import { render } from '@testing-library/react';
 
 import App from './app';
+window.PxWeb2Config = {
+  language: {
+    supportedLanguages: ['en', 'no', 'ar', 'sv'],
+    defaultLanguage: 'en',
+    fallbackLanguage: 'en',
+  },
+};
 
 describe('App', () => {
   it('should render successfully', () => {