@inriver/inri 1.13.0 → 1.15.0

package/src/i18n/en/index.ts

@@ -1,84 +1,84 @@
-export default {
-  inri: {
-    validation: {
-      required: 'This field is required',
-      maxLength: 'This field can be no longer than {parsedLength} characters long',
-      minLength: 'This field must be at least {parsedLength} characters long',
-      email: 'This field must be a valid email address',
-      url: 'This field must be a valid URL',
-      https: 'This field must be a valid URL using https',
-      extension: 'Valid file extensions: {extensions}',
-      contains: 'This field is not valid. Must contain {match}',
-      notContains: 'This field is not valid. Must not contain {match}',
-      notBeginsWith: 'This field is not valid. Must not begin with {match}',
-      notEndsWith: 'This field is not valid. Must not end with {match}',
-      maxFileSize: 'Files can be no larger than {parsedFileSize}',
-      maxImageSize: 'Images can be no larger than {size}',
-      fileSizeTooBig: 'file size too big',
-      fileTypeInvalid: 'file type invalid',
-    },
-    error: {
-      unauthorized: 'Unauthorized',
-      session_expired: 'Your session has expired and you will be returned to login.',
-      internal_server_error: 'Internal server error',
-      unknown_error: 'Unknown error',
-      undefined_error: 'Undefined error',
-      file_error: 'Could not load file',
-      error: 'Error',
-      network_error: 'Network error',
-      error_occurred: 'An error occurred',
-      service_unavailable: 'Service unavailable',
-      service_unavailable_try_again: 'Request could not be handled. Please try again in a minute',
-      not_found: 'Not found',
-      requested_asset_not_found: 'The requested asset does not exist',
-      folder_does_not_exist: 'Folder does not exist',
-      could_not_retrieve_assets: 'Folder does not exist. Could not retrieve assets',
-      error_code: 'error code: {code}',
-      page_does_not_exist: 'Sorry! This page does not exist!',
-    },
-    common: {
-      ok: 'ok',
-      save: 'save',
-      cancel: 'cancel',
-      confirm: 'confirm',
-      yes: 'yes',
-      delete: 'delete',
-      close: 'close',
-      download: 'download',
-      more: 'more',
-    },
-    dialog: {
-      unsaved_changes_title: 'unsaved changes',
-      unsaved_changes_message: 'changes are not saved, do you want to continue?',
-      confirm_tooltip_invalid_fields: 'all required fields needs to have a valid value',
-      confirm_delete_title: 'are you sure you want to delete?',
-    },
-    toggle_actions: {
-      sidebar: 'toggle sidebar',
-      grid_view: 'grid view',
-      table_view: 'table view',
-    },
-    select: {
-      select_all: 'select all',
-      no_results: 'no results',
-    },
-    navigate_back: 'go back',
-    languages: {
-      en: 'english',
-      de: 'german',
-      fr: 'french',
-      es: 'spanish',
-    },
-    dropzone: {
-      hint: 'drop files to instantly add them to {0}',
-      hint_general: 'drop files to instantly add them here',
-      invalid_drop_items: 'Invalid item(s) dragged into the dropzone',
-    },
-    toggle_drawer: 'toggle drawer',
-    authentication: {
-      session_expired: 'your session has expired',
-      session_inactive: 'you have been inactive for too long, or you have been logged out of the main inriver portal.',
-      log_in: 'log in again',
-    },
-  },
-}
+export default {
+  inri: {
+    validation: {
+      required: 'This field is required',
+      maxLength: 'This field can be no longer than {parsedLength} characters long',
+      minLength: 'This field must be at least {parsedLength} characters long',
+      email: 'This field must be a valid email address',
+      url: 'This field must be a valid URL',
+      https: 'This field must be a valid URL using https',
+      extension: 'Valid file extensions: {extensions}',
+      contains: 'This field is not valid. Must contain {match}',
+      notContains: 'This field is not valid. Must not contain {match}',
+      notBeginsWith: 'This field is not valid. Must not begin with {match}',
+      notEndsWith: 'This field is not valid. Must not end with {match}',
+      maxFileSize: 'Files can be no larger than {parsedFileSize}',
+      maxImageSize: 'Images can be no larger than {size}',
+      fileSizeTooBig: 'file size too big',
+      fileTypeInvalid: 'file type invalid',
+    },
+    error: {
+      unauthorized: 'Unauthorized',
+      session_expired: 'Your session has expired and you will be returned to login.',
+      internal_server_error: 'Internal server error',
+      unknown_error: 'Unknown error',
+      undefined_error: 'Undefined error',
+      file_error: 'Could not load file',
+      error: 'Error',
+      network_error: 'Network error',
+      error_occurred: 'An error occurred',
+      service_unavailable: 'Service unavailable',
+      service_unavailable_try_again: 'Request could not be handled. Please try again in a minute',
+      not_found: 'Not found',
+      requested_asset_not_found: 'The requested asset does not exist',
+      folder_does_not_exist: 'Folder does not exist',
+      could_not_retrieve_assets: 'Folder does not exist. Could not retrieve assets',
+      error_code: 'error code: {code}',
+      page_does_not_exist: 'Sorry! This page does not exist!',
+    },
+    common: {
+      ok: 'ok',
+      save: 'save',
+      cancel: 'cancel',
+      confirm: 'confirm',
+      yes: 'yes',
+      delete: 'delete',
+      close: 'close',
+      download: 'download',
+      more: 'more',
+    },
+    dialog: {
+      unsaved_changes_title: 'unsaved changes',
+      unsaved_changes_message: 'changes are not saved, do you want to continue?',
+      confirm_tooltip_invalid_fields: 'all required fields needs to have a valid value',
+      confirm_delete_title: 'are you sure you want to delete?',
+    },
+    toggle_actions: {
+      sidebar: 'toggle sidebar',
+      grid_view: 'grid view',
+      table_view: 'table view',
+    },
+    select: {
+      select_all: 'select all',
+      no_results: 'no results',
+    },
+    navigate_back: 'go back',
+    languages: {
+      en: 'english',
+      de: 'german',
+      fr: 'french',
+      es: 'spanish',
+    },
+    dropzone: {
+      hint: 'drop files to instantly add them to {0}',
+      hint_general: 'drop files to instantly add them here',
+      invalid_drop_items: 'Invalid item(s) dragged into the dropzone',
+    },
+    toggle_drawer: 'toggle drawer',
+    authentication: {
+      session_expired: 'your session has expired',
+      session_inactive: 'you have been inactive for too long, or you have been logged out of the main inriver portal.',
+      log_in: 'log in again',
+    },
+  },
+}

package/src/i18n/es/index.ts

@@ -1,7 +1,7 @@
-export default {
-  inri: {
-    common: {
-      yes: 'sí',
-    },
-  },
-}
+export default {
+  inri: {
+    common: {
+      yes: 'sí',
+    },
+  },
+}

package/src/i18n/fr/index.ts

@@ -1,7 +1,7 @@
-export default {
-  inri: {
-    common: {
-      yes: 'Oui',
-    },
-  },
-}
+export default {
+  inri: {
+    common: {
+      yes: 'Oui',
+    },
+  },
+}

package/src/init/initInriFramework.ts

@@ -1,37 +1,37 @@
-import '../styles/main.scss'
-import 'windi.css'
-// import '../styles/tailwind/index.css'
-import { App } from 'vue'
-import { Quasar, Notify, Dialog, Meta } from 'quasar'
-import { registerComponents } from '../plugins/library'
-import { registerAppConfigurations } from '../plugins/globalAppConfig'
-import { i18n } from '../plugins/i18n'
-import logger from '../plugins/errors/logger'
-import { VueErrorHandler } from '../plugins/errors/vueErrorHandler'
-import '../plugins/errors/globalErrorHandler'
-
-// Quasar plugins
-import iconSet from 'quasar/icon-set/mdi-v6'
-import '@quasar/extras/mdi-v6/mdi-v6.css'
-iconSet.field.error = 'mdi-alert-circle-outline'
-
-export const initInriFramework = (Vue: App): void => {
-  // Register C-components
-  registerComponents(Vue)
-
-  // Register global application configurations
-  registerAppConfigurations(Vue)
-
-  Vue.use(Quasar as any, {
-    plugins: {
-      Notify,
-      Dialog,
-      Meta,
-    },
-    iconSet: iconSet,
-  })
-  Vue.use(i18n)
-  Vue.use(VueErrorHandler)
-
-  logger.init()
-}
+import '../styles/main.scss'
+// import 'windi.css'
+// import '../styles/tailwind/index.css'
+import { App } from 'vue'
+import { Quasar, Notify, Dialog, Meta } from 'quasar'
+import { registerComponents } from '../plugins/library'
+import { registerAppConfigurations } from '../plugins/globalAppConfig'
+import { i18n } from '../plugins/i18n'
+import logger from '../plugins/errors/logger'
+import { VueErrorHandler } from '../plugins/errors/vueErrorHandler'
+import '../plugins/errors/globalErrorHandler'
+
+// Quasar plugins
+import iconSet from 'quasar/icon-set/mdi-v6'
+import '@quasar/extras/mdi-v6/mdi-v6.css'
+iconSet.field.error = 'mdi-alert-circle-outline'
+
+export const initInriFramework = (Vue: App): void => {
+  // Register C-components
+  registerComponents(Vue)
+
+  // Register global application configurations
+  registerAppConfigurations(Vue)
+
+  Vue.use(Quasar as any, {
+    plugins: {
+      Notify,
+      Dialog,
+      Meta,
+    },
+    iconSet: iconSet,
+  })
+  Vue.use(i18n)
+  Vue.use(VueErrorHandler)
+
+  logger.init()
+}

package/src/init/useInriApp.ts

@@ -1,55 +1,55 @@
-import { initInriIcons } from '../plugins/inriIcons'
-import { useRouter, RouteLocationNormalized } from 'vue-router'
-import { watch } from 'vue'
-import { getRouteTitle } from '../utils/routeUtils'
-import { useMeta } from 'quasar'
-import { useInriStore } from '../stores/inriStore'
-
-export default function useInriApp () {
-  const router = useRouter()
-  const inriStore = useInriStore()
-
-  initInriIcons()
-
-  router.beforeResolve((to) => {
-    setPageTitle(to)
-    setRouteTheme(to)
-  })
-
-  watch(inriStore.isAnyDirty, (value) => (
-    setDirtyPageTitle(value)
-  ))
-
-  // Methods
-  function setPageTitle (to: RouteLocationNormalized) {
-    let pageTitle = ''
-
-    if (to.meta.title) {
-      pageTitle = getRouteTitle(to)
-    } else if (to.matched[0]) {
-      pageTitle = getRouteTitle(to.matched[0])
-    } else {
-      pageTitle = ''
-    }
-
-    document.title = pageTitle.length ? `inriver - ${pageTitle}` : 'inriver'
-  }
-
-  function setDirtyPageTitle (isDirty) {
-    if (isDirty) {
-      document.title = `* ${document.title}`
-    } else {
-      document.title = document.title.replace('* ', '')
-    }
-  }
-
-  function setRouteTheme (to) {
-    // This will create something like <body theme="route-demo-theme">
-    // It can then be used as a CSS selector for overriding colors
-    useMeta({
-      bodyAttr: {
-        theme: to.meta?.theme ? to.meta.theme : '',
-      },
-    })
-  }
-}
+import { initInriIcons } from '../plugins/inriIcons'
+import { useRouter, RouteLocationNormalized } from 'vue-router'
+import { watch } from 'vue'
+import { getRouteTitle } from '../utils/routeUtils'
+import { useMeta } from 'quasar'
+import { useInriStore } from '../stores/inriStore'
+
+export default function useInriApp () {
+  const router = useRouter()
+  const inriStore = useInriStore()
+
+  initInriIcons()
+
+  router.beforeResolve((to) => {
+    setPageTitle(to)
+    setRouteTheme(to)
+  })
+
+  watch(inriStore.isAnyDirty, (value) => (
+    setDirtyPageTitle(value)
+  ))
+
+  // Methods
+  function setPageTitle (to: RouteLocationNormalized) {
+    let pageTitle = ''
+
+    if (to.meta.title) {
+      pageTitle = getRouteTitle(to)
+    } else if (to.matched[0]) {
+      pageTitle = getRouteTitle(to.matched[0])
+    } else {
+      pageTitle = ''
+    }
+
+    document.title = pageTitle.length ? `inriver - ${pageTitle}` : 'inriver'
+  }
+
+  function setDirtyPageTitle (isDirty) {
+    if (isDirty) {
+      document.title = `* ${document.title}`
+    } else {
+      document.title = document.title.replace('* ', '')
+    }
+  }
+
+  function setRouteTheme (to) {
+    // This will create something like <body theme="route-demo-theme">
+    // It can then be used as a CSS selector for overriding colors
+    useMeta({
+      bodyAttr: {
+        theme: to.meta?.theme ? to.meta.theme : '',
+      },
+    })
+  }
+}

package/src/layouts/CLayoutBlank.vue

@@ -1,7 +1,7 @@
-<template>
-  <c-page-blank>
-    <c-page-main-content class="px-15">
-      <slot />
-    </c-page-main-content>
-  </c-page-blank>
-</template>
+<template>
+  <c-page-blank>
+    <c-page-main-content class="px-15">
+      <slot />
+    </c-page-main-content>
+  </c-page-blank>
+</template>

package/src/layouts/CLayoutWithBackButton.vue

@@ -1,50 +1,50 @@
-<template>
-  <c-page-blank class="border-t">
-    <c-page-flex-col>
-      <div
-        v-if="!hideTitle"
-        class="flex"
-      >
-        <c-page-back-button />
-        <c-page-title :title="title" />
-      </div>
-
-      <c-page-outer-wrapper>
-        <c-page-left-sidebar :style="{ width: leftSidebarWidth + 'px' }">
-          <slot name="left-sidebar" />
-        </c-page-left-sidebar>
-
-        <c-page-flex-col>
-          <c-page-auto-breadcrumbs v-if="showBreadcrumbs" />
-
-          <c-page-main-content>
-            <slot />
-          </c-page-main-content>
-        </c-page-flex-col>
-      </c-page-outer-wrapper>
-    </c-page-flex-col>
-
-    <c-page-right-sidebar :style="{ width: rightSidebarWidth + 'px' }">
-      <slot name="right-sidebar" />
-    </c-page-right-sidebar>
-  </c-page-blank>
-</template>
-
-<script setup lang="ts">
-defineProps({
-  title: {
-    type: String,
-    default: undefined,
-  },
-  showBreadcrumbs: Boolean,
-  hideTitle: Boolean,
-  leftSidebarWidth: {
-    type: [String, Number],
-    default: '60',
-  },
-  rightSidebarWidth: {
-    type: [String, Number],
-    default: '60',
-  },
-})
-</script>
+<template>
+  <c-page-blank class="border-t">
+    <c-page-flex-col>
+      <div
+        v-if="!hideTitle"
+        class="flex"
+      >
+        <c-page-back-button />
+        <c-page-title :title="title" />
+      </div>
+
+      <c-page-outer-wrapper>
+        <c-page-left-sidebar :style="{ width: leftSidebarWidth + 'px' }">
+          <slot name="left-sidebar" />
+        </c-page-left-sidebar>
+
+        <c-page-flex-col>
+          <c-page-auto-breadcrumbs v-if="showBreadcrumbs" />
+
+          <c-page-main-content>
+            <slot />
+          </c-page-main-content>
+        </c-page-flex-col>
+      </c-page-outer-wrapper>
+    </c-page-flex-col>
+
+    <c-page-right-sidebar :style="{ width: rightSidebarWidth + 'px' }">
+      <slot name="right-sidebar" />
+    </c-page-right-sidebar>
+  </c-page-blank>
+</template>
+
+<script setup lang="ts">
+defineProps({
+  title: {
+    type: String,
+    default: undefined,
+  },
+  showBreadcrumbs: Boolean,
+  hideTitle: Boolean,
+  leftSidebarWidth: {
+    type: [String, Number],
+    default: '60',
+  },
+  rightSidebarWidth: {
+    type: [String, Number],
+    default: '60',
+  },
+})
+</script>

package/src/layouts/CLayoutWithSidebars.vue

@@ -1,46 +1,46 @@
-<template>
-  <c-page-blank class="border-t">
-    <c-page-flex-col>
-      <c-page-outer-wrapper>
-        <c-page-left-sidebar :style="{ width: leftSidebarWidth + 'px' }">
-          <slot name="left-sidebar" />
-        </c-page-left-sidebar>
-
-        <c-page-flex-col>
-          <div v-if="!hideTitle">
-            <c-page-title :title="title" />
-          </div>
-
-          <c-page-auto-breadcrumbs v-if="showBreadcrumbs" />
-
-          <c-page-main-content>
-            <slot />
-          </c-page-main-content>
-        </c-page-flex-col>
-      </c-page-outer-wrapper>
-    </c-page-flex-col>
-
-    <c-page-right-sidebar :style="{ width: rightSidebarWidth + 'px' }">
-      <slot name="right-sidebar" />
-    </c-page-right-sidebar>
-  </c-page-blank>
-</template>
-
-<script setup lang="ts">
-defineProps({
-  title: {
-    type: String,
-    default: undefined,
-  },
-  showBreadcrumbs: Boolean,
-  hideTitle: Boolean,
-  leftSidebarWidth: {
-    type: [String, Number],
-    default: '60',
-  },
-  rightSidebarWidth: {
-    type: [String, Number],
-    default: '60',
-  },
-})
-</script>
+<template>
+  <c-page-blank class="border-t">
+    <c-page-flex-col>
+      <c-page-outer-wrapper>
+        <c-page-left-sidebar :style="{ width: leftSidebarWidth + 'px' }">
+          <slot name="left-sidebar" />
+        </c-page-left-sidebar>
+
+        <c-page-flex-col>
+          <div v-if="!hideTitle">
+            <c-page-title :title="title" />
+          </div>
+
+          <c-page-auto-breadcrumbs v-if="showBreadcrumbs" />
+
+          <c-page-main-content>
+            <slot />
+          </c-page-main-content>
+        </c-page-flex-col>
+      </c-page-outer-wrapper>
+    </c-page-flex-col>
+
+    <c-page-right-sidebar :style="{ width: rightSidebarWidth + 'px' }">
+      <slot name="right-sidebar" />
+    </c-page-right-sidebar>
+  </c-page-blank>
+</template>
+
+<script setup lang="ts">
+defineProps({
+  title: {
+    type: String,
+    default: undefined,
+  },
+  showBreadcrumbs: Boolean,
+  hideTitle: Boolean,
+  leftSidebarWidth: {
+    type: [String, Number],
+    default: '60',
+  },
+  rightSidebarWidth: {
+    type: [String, Number],
+    default: '60',
+  },
+})
+</script>

package/src/layouts/layout-fragments/CPageAutoBreadcrumbs.vue

@@ -1,6 +1,6 @@
-<template>
-  <div>
-    <c-auto-breadcrumbs class="px-6 h-12 flex content-center" />
-    <q-separator />
-  </div>
-</template>
+<template>
+  <div>
+    <c-auto-breadcrumbs class="px-6 h-12 flex content-center" />
+    <q-separator />
+  </div>
+</template>

package/src/layouts/layout-fragments/CPageBackButton.vue

@@ -1,18 +1,18 @@
-<template>
-  <c-tile-btn
-    v-if="parentRoute"
-    data-id="page-back-btn"
-    icon="inri-arrow"
-    class="rotate-180"
-    :tooltip-right="$t('inri.navigate_back')"
-    :to="{ name: parentRoute }"
-  />
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-import { useRoute } from 'vue-router'
-
-const route = useRoute()
-const parentRoute = computed(() => route.meta?.parent)
-</script>
+<template>
+  <c-tile-btn
+    v-if="parentRoute"
+    data-id="page-back-btn"
+    icon="inri-arrow"
+    class="rotate-180"
+    :tooltip-right="$t('inri.navigate_back')"
+    :to="{ name: parentRoute }"
+  />
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const parentRoute = computed(() => route.meta?.parent)
+</script>