@simple-reporting/base 1.0.36 → 1.0.38

package/dev/src/components/{Page/Main.vue → PageMain.vue}

@@ -11,3 +11,14 @@ const props = defineProps<{
     </RouterView>
   </main>
 </template>
+
+<style lang="scss" scoped>
+@use 'srl';
+#srl-page-main {
+  padding-top: srl.system-root-style(srl-header-height);
+  min-height: 100dvh;
+  .srl-page__wrap:not([class*='home']) & {
+    padding-top: calc( srl.system-root-style(srl-header-height) + srl.spacer-get(800) );
+  }
+}
+</style>

package/dev/src/composables/globalLinks.ts

@@ -0,0 +1,46 @@
+import { computed } from 'vue'
+import { useConfig, useArticles } from '#composables'
+
+interface GlobalLink extends NsWowNavigationItem {
+  href: string
+}
+
+type GlobalLinks = {
+  home?: GlobalLink
+  downloads?: GlobalLink
+  search?: GlobalLink
+}
+
+const articles = useArticles()
+const config = useConfig()
+
+const globalLinks = computed<GlobalLinks>(() => {
+  const links: GlobalLinks = {}
+  const home = articles.value.find( i => i.index )
+  home ? links.home = {
+    label: home.translatedTitle,
+    href: `/${config.value.locale}/${home.slug}`,
+  } : null
+
+  const downloads = articles.value.find( i => i.uuid === '00-01-downloads' )
+  downloads ? links.downloads = {
+    label: downloads.translatedTitle,
+    href: `/${config.value.locale}/${downloads.slug}`,
+  } : null
+
+  const search = articles.value.find( i => i.uuid === '00-02-search' )
+  search ? links.search = {
+    label: search.translatedTitle,
+    href: `/${config.value.locale}/${search.slug}`,
+  } : null
+
+  return links
+})
+
+export function useGlobalLinks() {
+  return globalLinks
+}
+
+export default {
+  useGlobalLinks,
+}

package/dev/src/composables/isDesktopView.ts

@@ -0,0 +1,18 @@
+import { useViewPort } from '#composables'
+import { computed } from 'vue'
+
+const viewPort = useViewPort()
+
+const desktopView = [
+  "tablet-ls",
+  "desktop",
+  "desktop-large",
+]
+
+export const isDesktopView = computed(() => {
+  return desktopView.includes(<string>viewPort.value.viewPort)
+})
+
+export default {
+  isDesktopView,
+}

package/dev/src/composables/mainNavigation.ts

@@ -0,0 +1,11 @@
+import { computed } from 'vue'
+import { isDesktopView } from '@/composables/isDesktopView.ts'
+
+const mainNavigation = computed<HTMLDivElement | HTMLButtonElement | null>(() => {
+  return isDesktopView.value ?
+      document.querySelector('#srl-page-navigation > ul'):
+      document.querySelector('#srl-header__toggle')
+})
+export function useMainNavigation() {
+  return mainNavigation
+}

package/dev/src/entries/pdf.ts

@@ -1,7 +1,7 @@
 import '#imports/pdf.scss'
 import * as Awesomizr from 'srl/pdf/Awesomizr.js'
-import * as PDFNotes from 'srl/pdf/PDFNotes.ts'
-import * as PDFSetPageNumbers from 'srl/pdf/PDFSetPageNumbers.ts';
+import PDFNotes from 'srl/pdf/PDFNotes.ts'
+import PDFSetPageNumbers from 'srl/pdf/PDFSetPageNumbers.ts'
 
 document.addEventListener('DOMContentLoaded', () => {
   new PDFNotes({
@@ -10,6 +10,6 @@ document.addEventListener('DOMContentLoaded', () => {
 
   new PDFSetPageNumbers({
     tocItemClass: '.srl-pdf-toc__item:not(.srl-pdf-toc__item--blank)',
-    tocItemPageNumberClass: '.srl-pdf-toc__number'
-  });
-})
+    tocItemPageNumberClass: '.srl-pdf-toc__page-number'
+  })
+})

package/dev/src/i18n/index.ts

@@ -1,4 +1,4 @@
-import { createI18n, type I18n, type I18nOptions, type LocaleMessages } from 'vue-i18n'
+import { createI18n, type I18n, type I18nOptions } from 'vue-i18n'
 import useConfig from '#composables/config'
 
 let i18n: I18n | undefined = undefined

package/dev/src/locales/de.json

@@ -1,4 +1,44 @@
 {
+  "page": {
+    "title": "Geschäftsbericht",
+    "navigation": {
+      "back": "Zurück zu {label}"
+    }
+  },
+  "accessibility": {
+    "toMainNavigation": "Zur Hauptnavigation",
+    "toMainContent": "Zum Inhalt",
+    "toFooter": "Zum Footer",
+    "pagePrev": "Vorherige Seite",
+    "pageNext": "Nächste Seite",
+    "toTop": "An den Seitenanfang",
+    "modalClose": "Fenster schliessen",
+    "searchLabel": "Suchbegriff eingeben",
+    "companyPage": "Unternehmensseite",
+    "callNumber": "Telefonnummer wählen",
+    "callFax": "Faxnummer wählen",
+    "sendEmail": "E-Mail schreiben",
+    "contactForm": "Kontaktformular"
+  },
+  "footer": {
+    "followUs": "Folgen Sie uns auf",
+    "contact": "Kontakt",
+    "downloads": "Downloads",
+    "furtherLinks": "Weitere Links",
+    "copyright": "© {year}",
+    "privacySettings": "Cookie Einstellungen",
+    "phone": "Tel: ",
+    "fax": "Fax: ",
+    "email": "Email: "
+  },
+  "search": {
+    "search": "suchen",
+    "placeholder": "Suchbegriff eingeben und Enter drücken",
+    "resultCount": "{count} Treffer zu: \"{text}\"",
+    "showMoreResults": "Mehr Ergebnisse anzeigen",
+    "noResultsMessage": "Leider konnten wir keine Einträge für diesen Begriff finden. Bitte überprüfen Sie Ihren Begriff oder kehren Sie zur Startseite zurück.",
+    "backToHomepage": "Zurück zur Startseite"
+  },
   "toMainNavigation": "Zur Hauptnavigation",
   "toMainContent": "Zum Inhalt",
   "toFooter": "Zum Footer",

package/dev/src/locales/en.json

@@ -1,4 +1,44 @@
 {
+  "page": {
+    "title": "Annual Report",
+    "navigation": {
+      "back": "Back to {label}"
+    }
+  },
+  "accessibility": {
+    "toMainNavigation": "To main navigation",
+    "toMainContent": "To main content",
+    "toFooter": "To footer",
+    "pagePrev": "Previous page",
+    "pageNext": "Next page",
+    "toTop": "Back to top",
+    "modalClose": "Close window",
+    "searchLabel": "Enter search term",
+    "companyPage": "Company page",
+    "callNumber": "Call number",
+    "callFax": "Call fax",
+    "sendEmail": "Send email",
+    "contactForm": "Contact form"
+  },
+  "footer": {
+    "followUs": "Follow us on",
+    "contact": "Contact",
+    "downloads": "Downloads",
+    "furtherLinks": "Further links",
+    "copyright": "© {year}",
+    "privacySettings": "Cookie settings",
+    "phone": "Phone: ",
+    "fax": "Fax: ",
+    "email": "Email: "
+  },
+  "search": {
+    "search": "search",
+    "placeholder": "Enter a search term and press return",
+    "resultCount": "{count} result for: \"{text}\"|{count} results for: \"{text}\"",
+    "showMoreResults": "Show more results",
+    "noResultsMessage": "Unfortunately, we couldn't find any entries for this term. Please verify your term or return to the home page.",
+    "backToHomepage": "Back to home page"
+  },
   "toMainNavigation": "To main navigation",
   "toMainContent": "To main content",
   "toFooter": "To footer",

package/dev/src/router/index.ts

@@ -1,6 +1,5 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import Tr from '@/i18n/translation'
-import HomeView from '@/views/HomeView.vue'
 import ArticleView from '@/views/ArticleView.vue'
 import PageNotFound from '@/views/PageNotFound.vue'
 
@@ -8,7 +7,7 @@ const routes = [
   {
     path: '/:locale?',
     name: 'home',
-    component: HomeView,
+    component: ArticleView,
     beforeEnter: Tr.routeMiddleware
   },
   {