@kalisio/kdk 2.6.4 → 2.7.0

package/core/client/composables/layout.js

@@ -6,14 +6,14 @@ export function useLayout () {
   function configureLayout (configuration, context) {
     if (_.has(configuration, 'view')) Layout.setView(configuration.view)
     if (_.has(configuration, 'padding')) Layout.setPadding(configuration.padding)
-    if (_.has(configuration, 'header')) Layout.setHeader(configuration.header, context)
-    if (_.has(configuration, 'footer')) Layout.setFooter(configuration.footer, context)
-    if (_.has(configuration, 'page')) Layout.setPage(configuration.page, context)
-    if (_.has(configuration, 'stickies')) Layout.setStickies(configuration.stickies, context)
-    if (_.has(configuration, 'fab')) Layout.setFab(configuration.fab, context)
+    Layout.setHeader(configuration.header, context)
+    Layout.setFooter(configuration.footer, context)
+    Layout.setPage(configuration.page, context)
+    Layout.setStickies(configuration.stickies, context)
+    Layout.setFab(configuration.fab, context)
     Layout.placements.forEach(placement => {
-      if (_.has(configuration, `panes.${placement}`)) Layout.setPane(placement, _.get(configuration, `panes.${placement}`), context)
-      if (_.has(configuration, `windows.${placement}`)) Layout.setWindow(placement, _.get(configuration, `windows.${placement}`), context)
+      Layout.setPane(placement, _.get(configuration, `panes.${placement}`), context)
+      Layout.setWindow(placement, _.get(configuration, `windows.${placement}`), context)
     })
     // for backward compatibility
     if (_.has(configuration, 'leftPane')) Layout.setPane('left', configuration.leftPane, context)
@@ -41,7 +41,7 @@ export function useLayout () {
   function setLayoutMode (mode) {
     if (mode) Layout.setMode(mode)
   }
-  
+
   // immediate
   const additionalFunctions = {}
   Layout.placements.forEach(placement => {
@@ -52,7 +52,7 @@ export function useLayout () {
     additionalFunctions[`set${_.upperFirst(placement)}PaneOpener`] = (opener) => { Layout.setPaneOpener(placement, opener) }
     additionalFunctions[`clear${_.upperFirst(placement)}Pane`] = () => { Layout.clearPane(placement) }
   })
-  
+
   // expose
   return {
     Layout,

package/core/client/configurations.js

@@ -0,0 +1,50 @@
+import _ from 'lodash'
+import { api } from './api.js'
+
+// Helper singleton to access configuration options stored in the database.
+// Each configuration in an object like: { name, value }.
+export const Configurations = {
+  initialize () {
+    if (!this.service) return
+    // We use a cache as the configuration is not updated often but can be read a lot of times
+    this.cache = {}
+    this.updateCache = (object) => {
+      if (object.name && this.cache[object.name]) this.cache[object.name] = object
+    }
+    this.service.on('patched', this.updateCache)
+  },
+  finalize () {
+    this.cache = {}
+    this.service.off('patched', this.updateCache)
+  },
+  getService () {
+    // Initialize on first use
+    if (!this.service) {
+      this.service = api.getService('configurations')
+      this.initialize()
+    }
+    return this.service
+  },
+  // Get a configuration object by its name
+  async get (name) {
+    const service = this.getService()
+    if (!service) return
+    // Update or return cache
+    if (this.cache[name]) return this.cache[name]
+    const response = await service.find({ query: { name } })
+    const object = _.get(response, 'data[0]')
+    if (object) this.cache[name] = object
+    return object
+  },
+  // Get the value associated to a configuration object by its name
+  async getValue (name, defaultValue = {}) {
+    const object = await this.get(name)
+    return _.get(object, 'value', defaultValue)
+  },
+  // Update the value associated to a configuration object by its name
+  async update (name, value) {
+    const object = await this.get(name)
+    if (!object || !object._id) return
+    await this.getService().patch(object._id, { value })
+  }
+}

package/core/client/exporter.js

@@ -32,7 +32,7 @@ const ExporterQueue = {
         filename = `${_.get(request, 'basename', request.service)}_${timestamp}.${request.format}`
       }
       // retrieve the target service path
-      let servicePath = api.getServicePath(request.service)
+      let servicePath = api.getServicePath(request.service, request.context)
       if (servicePath.startsWith('/')) servicePath = servicePath.substring(1)
       // retrieve the transform assigned to the format
       const transform = _.get(request, 'transform.' + request.format)

package/core/client/i18n/core_en.json

@@ -76,6 +76,10 @@
     "WEAK_PASSWORD_ONEOF": "Not known as one of the most common passwords",
     "WEAK_PASSWORD_PREVIOUS": "Not one of your {history} last passwords",
     "CANNOT_PROCESS_DOWNLOAD_DATA": "Invalid or incomplete data file",
+    "CANNOT_REMOVE_USER": "Your are not allowed to remove this accound.<br>Please remove the organisations owned by <b>{user}</b> first.",
+    "CANNOT_REMOVE_ORGANISATION": "You are not allowed to remove this organisation.<br>Please remove all the groups first.",
+    "CANNOT_REMOVE_LAST_OWNER": "You are not allowed to remove the last owner of <b>{resource}</b>",
+    "DUPLICATED_FILE": "The file {file} is already added",
     "OAUTH2_PROVIDER": "You cannot update your account because it is managed by {provider}, in order to switch to a local account reset your password first",
     "EMAIL_ALREADY_TAKEN": "A user with this email address seems to be already registered",
     "OBJECT_ID_ALREADY_TAKEN": "An item with this identifier seems to already exist. Please try again with another value.",
@@ -399,7 +403,8 @@
     "REGISTER_LABEL": "Register",
     "EMAIL_ALREADY_TAKEN": "Email already taken !",
     "REGISTER_ERROR": "Wrong input or service unavailable, please try again",
-    "CONTEXTUAL_HELP": "@:NEED_HELP"
+    "CONTEXTUAL_HELP": "@:NEED_HELP",
+    "ALREADY_HAVE_AN_ACCOUNT_LINK": "Already have an account ?"
   },
   "KLogoutScreen": {
     "TITLE": "You are now logged out",
@@ -409,38 +414,6 @@
     "EDIT_PROFILE": "Edit my profile",
     "MANAGE_ACCOUNT": "Manage my account"
   },
-  "KDeleteAccountManager": {
-    "TITLE": "Delete my account",
-    "QUESTION": "Are you sure you want to delete your account ?",
-    "CONFIRMATION_TITLE": "Warning: the deletion of your account is irrevocable and all data attached to it will be lost",
-    "CONFIRMATION": "Enter your account name to confirm the deletion"
-  },
-  "KPasswordManager": {
-    "TITLE": "Change my password",
-    "PASSWORD_CHANGED": "Your password has been successfully changed",
-    "OLD_PASSWORD_FIELD_LABEL": "Enter your old password",
-    "PASSWORD_FIELD_LABEL": "Enter your new password",
-    "CONFIRM_PASSWORD_FIELD_LABEL": "Confirm your new password"
-  },
-  "KEmailManager": {
-    "TITLE": "Change my email address",
-    "PASSWORD_FIELD_LABEL": "Enter your password",
-    "EMAIL_FIELD_LABEL": "Enter your new email address",
-    "TOKEN_LABEL": "To validate your new email address, enter the code you received by email",
-    "EMAIL_CHANGED": "You new address has been taken into account. An email has been sent to you to confirm the change.",
-    "ERROR_MESSAGE": "Invalid code"
-  },
-  "KVerifyEmailManager": {
-    "TITLE": "Check my email address",
-    "HELP_LABEL": "Why should I verify my email address ?",
-    "HELP_TEXT": "Verifying your email address improves the security of your account. Once you have verified your email address, both your password and access to your email account are required in order to make any changes to your account credentials, such as your password and contact email address. This helps further protect your account from being stolen by a potential phisher.",
-    "HELP_EMAIL_LABEL": "I never received the verification email, what should I do ?",
-    "HELP_EMAIL_TEXT": "If you do not receive your signup verification email and you are running a Spam filter, check and make sure the message has not been filtered as spam. Please try adding {email} to your contacts or trusted senders list within your email client and attempt to re-verify your email address. You can also click the button below and we'll send you the email again.",
-    "TOKEN_LABEL": "Enter the code received by email to validate your email address",
-    "EMAIL_VERIFIED": "Your address has been verified. An email has been sent to you to confirm the change.",
-    "ACTION": "Resend verification code",
-    "ERROR_MESSAGE": "Invalid code, request a new one"
-  },
   "KSubscriptionsManager": {
     "TITLE": "Manage my subscriptions",
     "EMPTY": "No subscriptions"
@@ -471,12 +444,6 @@
   "KScrollToTop": {
     "TOOLTIP": "Scroll to top"
   },
-  "KHistory": {
-    "EMPTY_HISTORY": "@:NO_ITEM"
-  },
-  "KColumn": {
-    "EMPTY_COLUMN": "@:NO_ITEM"
-  },
   "KCard": {
     "MORE_DETAILS": "More details",
     "LESS_DETAILS": "Less details"

package/core/client/i18n/core_fr.json

@@ -76,6 +76,10 @@
     "WEAK_PASSWORD_ONEOF": "Non reconnu comme l'un des mots de passe les plus courants",
     "WEAK_PASSWORD_PREVIOUS": "Différents de vos {history} derniers mots de passe",
     "CANNOT_PROCESS_DOWNLOAD_DATA": "Fichier invalide ou incomplet",
+    "CANNOT_REMOVE_USER": "Vous n’êtes pas autorisé à supprimer ce compte.<br>Veuillez d’abord supprimer les organisations appartenant à <b>{user}</b>.",
+    "CANNOT_REMOVE_ORGANISATION": "Vous n’êtes pas autorisé à supprimer cette organisation.<br>Veuillez d’abord supprimer tous les groupes.",
+    "CANNOT_REMOVE_LAST_OWNER": "Vous n’êtes pas autorisé à supprimer le dernier propriétaire de <b>{resource}</b>",
+    "DUPLICATED_FILE": "Le fichier {file} a déjà été ajouté",
     "OAUTH2_PROVIDER": "Vous ne pouvez modifier votre compte car il est géré par {provider}, pour utiliser un compte local réinitialisez tout d'abord votre mot de passe",
     "EMAIL_ALREADY_TAKEN": "Un utilisateur semble déjà enregistré avec cette adresse mail",
     "OBJECT_ID_ALREADY_TAKEN": "Un élément semble déjà enregistré avec cet identifiant. Merci de réessayer avec une autre valeur.",
@@ -399,7 +403,8 @@
     "REGISTER_LABEL": "S'enregistrer",
     "EMAIL_ALREADY_TAKEN": "Mail déjà utilisé !",
     "REGISTER_ERROR": "Mauvaise données ou service indisponible, veuillez réessayer",
-    "CONTEXTUAL_HELP": "@:NEED_HELP"
+    "CONTEXTUAL_HELP": "@:NEED_HELP",
+    "ALREADY_HAVE_AN_ACCOUNT_LINK": "Déjà un compte ?"
   },
   "KLogoutScreen": {
     "TITLE": "Vous avez été déconnecté",
@@ -409,38 +414,6 @@
     "EDIT_PROFILE": "Éditer mon profil",
     "MANAGE_ACCOUNT": "Gérer mon compte"
   },
-  "KDeleteAccountManager": {
-    "TITLE": "Supprimer mon compte",
-    "QUESTION": "Etes vous sûr de vouloir supprimer votre compte ?",
-    "CONFIRMATION_TITLE": "Attention: la suppression de votre compte est irrévocable et toutes les données qui y sont attachées seront perdues",
-    "CONFIRMATION": "Saisissez le nom de votre compte pour confirmer la surpression"
-  },
-  "KPasswordManager": {
-    "TITLE": "Modifier mon mot de passe",
-    "PASSWORD_CHANGED": "Votre mot de passe a été modifié avec succès",
-    "OLD_PASSWORD_FIELD_LABEL": "Saisissez votre ancien mot de passe",
-    "PASSWORD_FIELD_LABEL": "Saisissez votre nouveau mot de passe",
-    "CONFIRM_PASSWORD_FIELD_LABEL": "Confirmez votre nouveau mot de passe"
-  },
-  "KEmailManager": {
-    "TITLE": "Modifier mon adresse mail",
-    "PASSWORD_FIELD_LABEL": "Saisissez votre mot de passe",
-    "EMAIL_FIELD_LABEL": "Saisissez votre nouvelle adresse mail",
-    "TOKEN_LABEL": "Pour valider votre nouvelle adresse mail, saisissez le code reçu par email",
-    "EMAIL_CHANGED": "Votre nouvelle adresse a été prise en compte. Un mail vous a été envoyé pour confirmer le changement.",
-    "ERROR_MESSAGE": "Code invalide"
-  },
-  "KVerifyEmailManager": {
-    "TITLE": "Vérifier mon adresse mail",
-    "HELP_LABEL": "Pourquoi dois-je vérifier mon adresse mail ?",
-    "HELP_TEXT": "Vérifier votre adresse mail améliore la sécurité de votre compte. Une fois que votre adresse mail est validée, vous serez en mesure d'apporter des changements à votre compte tels que votre mot de passe. Cela permet de nous aider pour protéger votre compte contre d'éventuels actes de piraterie.",
-    "HELP_EMAIL_LABEL": "Je n'ai jamais reçu de mail de vérification. Que dois-je faire ?",
-    "HELP_EMAIL_TEXT": "Si vous n'avez pas reçu de mail de vérification, assurez-vous que le mail n'a pas été filtré et déplacé dans les spams de votre messagerie. Merci d'ajouter dans vos contacts l'adresse {email} dans votre client de messagerie. Vous pouvez également cliquer sur le bouton ci-dessous pour recevoir un nouveau mail de vérification.",
-    "TOKEN_LABEL": "Saisissez le code reçu par email pour valider votre adresse mail",
-    "EMAIL_VERIFIED": "Votre adresse a été vérifiée. Un mail vous a été envoyé pour confirmer le changement.",
-    "ACTION": "Me renvoyer un code de vérification",
-    "ERROR_MESSAGE": "Code invalide, demandez-en un nouveau"
-  },
   "KSubscriptionsManager": {
     "TITLE": "Gérer mes souscriptions",
     "EMPTY": "Aucunes subscriptions"
@@ -471,12 +444,6 @@
   "KScrollToTop": {
     "TOOLTIP": "Haut de page"
   },
-  "KHistory": {
-    "EMPTY_HISTORY": "@:NO_ITEM"
-  },
-  "KColumn": {
-    "EMPTY_COLUMN": "@:NO_ITEM"
-  },
   "KCard": {
     "MORE_DETAILS": "Plus de détails",
     "LESS_DETAILS": "Moins de détails"

package/core/client/index.js

@@ -4,6 +4,7 @@ import config from 'config'
 import { Store } from './store.js'
 import { Theme } from './theme.js'
 import { Context } from './context.js'
+import { Configurations } from './configurations.js'
 import { Platform } from './platform.js'
 import { Capabilities } from './capabilities.js'
 import { LocalStorage } from './local-storage.js'
@@ -33,6 +34,7 @@ import { Schema } from '../common/index.js'
 export { Store }
 export { Theme }
 export { Context }
+export { Configurations }
 export { Platform }
 export { Capabilities }
 export { LocalStorage }

package/core/client/layout.js

@@ -35,7 +35,7 @@ const defaults = {
   header: { ...contentDefaults, size: [undefined, 0] },
   footer: { ...contentDefaults, size: [undefined, 0] },
   page: { ...contentDefaults, size: [0, 0] },
-  stickies: { ...contentDefaults, zIndex: DefaultZIndex.stickies },
+  stickies: { ...contentDefaults, zIndex: DefaultZIndex.stickies, expand: false },
   fab: { ...contentDefaults, icon: 'las la-ellipsis-v', position: 'bottom-right', offset: [16, 16], zIndex: DefaultZIndex.fab },
   panes: {
     left: { ...contentDefaults, ...paneDefaults, sizes: 300, zIndex: DefaultZIndex.drawer },
@@ -106,14 +106,14 @@ export const Layout = {
   set (layout) {
     if (_.has(layout, 'view')) this.setView(layout.view)
     if (_.has(layout, 'padding')) this.setPadding(layout.padding)
-    if (_.has(layout, 'header')) this.setHeader(layout.header)
-    if (_.has(layout, 'footer')) this.setFooter(layout.footer)
-    if (_.has(layout, 'page')) this.setPage(layout.page)
-    if (_.has(layout, 'stickies')) this.setStickies(layout.stickies)
-    if (_.has(layout, 'fab')) this.setFab(layout.fab)
+    this.setHeader(layout.header)
+    this.setFooter(layout.footer)
+    this.setPage(layout.page)
+    this.setStickies(layout.stickies)
+    this.setFab(layout.fab)
     this.placements.forEach(placement => {
-      if (_.has(layout, `panes.${placement}`)) this.setPane(placement, _.get(layout, `panes.${placement}`))
-      if (_.has(layout, `windows.${placement}`)) this.setWindow(placement, _.get(layout, `windows.${placement}`))
+      this.setPane(placement, _.get(layout, `panes.${placement}`))
+      this.setWindow(placement, _.get(layout, `windows.${placement}`))
     })
     if (_.has(layout, 'mode')) this.setMode(layout.mode)
     if (_.has(layout, 'focus')) this.setFocus(layout.focus)

package/core/client/mixins/mixin.base-activity.js

@@ -13,6 +13,9 @@ export function baseActivity (name) {
       configurePadding () {
         if (_.has(this.activityOptions, 'padding')) Layout.setPadding(_.get(this.activityOptions, 'padding'))
       },
+      setPadding (padding) {
+        Layout.setPadding(padding)
+      },
       clearPadding () {
         Layout.setPadding(true)
       },
@@ -92,7 +95,7 @@ export function baseActivity (name) {
         Layout.setPaneMode('bottom', mode)
       },
       setBottomPaneVisible (visible) {
-        Layout.setPaneMode('bottom', visible)
+        Layout.setPaneVisible('bottom', visible)
       },
       configureBottomPane () {
         if (_.has(this.activityOptions, 'bottomPane')) Layout.setPane('bottom', _.get(this.activityOptions, 'bottomPane'), this)
@@ -116,7 +119,7 @@ export function baseActivity (name) {
         Layout.setPaneMode('right', mode)
       },
       setRightPaneVisible (visible) {
-        Layout.setPaneMode('right', visible)
+        Layout.setPaneVisible('right', visible)
       },
       configureRightPane () {
         if (_.has(this.activityOptions, 'rightPane')) Layout.setPane('right', _.get(this.activityOptions, 'rightPane'), this)

package/core/client/mixins/mixin.base-field.js

@@ -53,6 +53,9 @@ export const baseField = {
     helperContext () {
       return _.get(this.properties.field.helper, 'context', null)
     },
+    hasFocus () {
+      return _.get(this.properties.field, 'focus', false)
+    },
     hasError () {
       return !_.isEmpty(this.error)
     },
@@ -117,9 +120,6 @@ export const baseField = {
       }
       // Tell the form that this field has a new value.
       // Consequently the form will validate or invalidate the field
-      // Warning: This method must be called once the form is mounted
-      // We need to force a refresh so that the model is correctly updated by Vuejs
-      await this.$nextTick()
       this.$emit('field-changed', this.properties.name, this.model)
     },
     apply (object, field) {

package/core/client/search.js

@@ -1,5 +1,6 @@
 import _ from 'lodash'
 import { api } from './api.js'
+import { getLocale } from './utils/utils.locale.js'
 import { getIconName, processIcon } from './utils/index.js'
 
 // Export singleton
@@ -13,7 +14,7 @@ export const Search = {
       // Retrieve the service using the service or name key
       const service = api.getService(serviceDescriptor.service, serviceDescriptor.context)
       // Build the query using given template if any
-      const query = Object.assign({}, serviceDescriptor.baseQuery)
+      const query = Object.assign({ $locale: getLocale() }, serviceDescriptor.baseQuery)
       // Then add partial match
       // We don't use set by dot here because Mongo queries on nested fields
       // require the key to contain the path and not nested objects

package/core/client/utils/utils.collection.js

@@ -5,27 +5,27 @@ export function getCollectionService (name, context) {
   return api.getService(name, context)
 }
 
-export async function listItems (service, fields, filter= {}, limit = 50) {
+export async function listItems (service, fields, filter = {}, limit = 50) {
   return service.find({ query: _.merge({}, filter, { $limit: limit, $select: fields }) })
 }
 
 export async function getOldestItem (service, field = 'createdAt', filter = {}) {
-  const response = await service.find({ query: _.merge({}, filter, { $sort: {[field]: 1 }, $limit: 1 }) })
+  const response = await service.find({ query: _.merge({}, filter, { $sort: { [field]: 1 }, $limit: 1, [field]: { $ne: null } }) })
   return _.get(response, 'data[0]')
 }
 
 export async function getOldestTime (service, field = 'createdAt', filter = {}) {
-  const oldestItem = await getOldestItem (service, field, filter)
+  const oldestItem = await getOldestItem(service, field, filter)
   return _.get(oldestItem, field)
 }
 
 export async function getLatestItem (service, field = 'createdAt', filter = {}) {
-  const response = await service.find({ query: _.merge({}, filter, { $sort: {[field]: -1 }, $limit: 1 }) })
+  const response = await service.find({ query: _.merge({}, filter, { $sort: { [field]: -1 }, $limit: 1 }) })
   return _.get(response, 'data[0]')
 }
 
 export async function getLatestTime (service, field = 'createdAt', filter = {}) {
-  const latestItem = await getLatestItem (service, field, filter)
+  const latestItem = await getLatestItem(service, field, filter)
   return _.get(latestItem, field)
 }
 
@@ -37,9 +37,9 @@ export async function getDistinctValues (service, field, filter = {}) {
 }
 
 export async function searchText (service, text, caseSensitive = false, diacriticSensitive = false, filter = {}) {
-  const query = _.merge({ 
-    $text: { 
-      $search: text, 
+  const query = _.merge({
+    $text: {
+      $search: text,
       $caseSensitive: caseSensitive,
       $diacriticSensitive: diacriticSensitive
     }

package/core/client/utils/utils.items.js

@@ -26,5 +26,9 @@ export const CardSectionProps = {
   dense: {
     type: Boolean,
     default: false
+  },
+  context: {
+    type: Object,
+    default: () => null
   }
 }

package/core/client/utils/utils.push.js

@@ -30,7 +30,7 @@ export async function subscribeToPushNotifications () {
     return
   }
   // Data
-  const userService = api.service('api/users')
+  const usersService = api.service('api/users')
   const date = moment.utc().toISOString()
   const currentSubscription = await getPushSubscription()
   const user = Store.get('user')
@@ -44,7 +44,7 @@ export async function subscribeToPushNotifications () {
       if (subscription.endpoint === currentSubscription.endpoint) subscription.lastActivity = date
       return subscription
     })
-    userService.patch(user._id, { subscriptions: subscriptions })
+    usersService.patch(user._id, { subscriptions: subscriptions })
     logger.debug(`[KDK] New connection with subscription endpoint: ${currentSubscription.endpoint}`)
     return
   }
@@ -57,6 +57,6 @@ export async function subscribeToPushNotifications () {
   subscription.lastActivity = date
   // Patch user subscriptions
   await addSubscription(user, subscription, 'subscriptions')
-  userService.patch(user._id, { subscriptions: user.subscriptions })
+  usersService.patch(user._id, { subscriptions: user.subscriptions })
   logger.debug(`[KDK] New webpush subscription registered with endpoint: ${subscription.endpoint}`)
 }

package/core/client/utils/utils.session.js

@@ -11,13 +11,15 @@ async function authenticate(authentication) {
   let user = Store.get('user')
   if (user) return
   // Store latest authentication data for offline mode
-  try {    
-    await LocalCache.setItem('authentication', authentication)
-  } catch (error) {
-    logger.error(error)
-  }
+  await LocalCache.setItem('authentication', authentication)
   // Anonymous user or user account ?
+  const payload = _.get(authentication, 'authentication.payload')
+  const subjectId = payload && (payload.sub || payload.appId)
   user = authentication.user ? authentication.user : { name: i18n.t('composables.ANONYMOUS'), anonymous: true }
+  // If no user we also allow for a stateless token with permissions inside
+  if (!authentication.user && subjectId) {
+    Object.assign(user, { _id: subjectId }, payload)
+  }
   Store.set('user', user)
   await updateAbilities()
 }

package/core/client/utils/utils.shapes.js

@@ -37,22 +37,46 @@ export const Shapes = {
   triangle: {
     viewBox: [0, 0, 100, 100],
     content: '<polygon points="50 0, 100 100, 0 100" />',
-    radiusToSize: (r) => { return { width: Math.round(r * 2 * 1.125), height: Math.round(r * 2 * 1.025) } }
+    radiusToSize: (r) => { return { width: Math.round(r * 2 * 1.125), height: Math.round(r * 2 * 1.025) } },
+    icon: {
+      translation: ['-50%', '-15%']
+    },
+    text: {
+      translation: ['-50%', '-15%']
+    }
   },
   'triangle-down': {
     viewBox: [0, 0, 100, 100],
     content: '<polygon points="0 0, 100 0, 50 100" />',
-    radiusToSize: (r) => { return { width: Math.round(r * 2 * 1.125), height: Math.round(r * 2 * 1.025) } }
+    radiusToSize: (r) => { return { width: Math.round(r * 2 * 1.125), height: Math.round(r * 2 * 1.025) } },
+    icon: {
+      translation: ['-50%', '-85%']
+    },
+    text: {
+      translation: ['-50%', '-85%']
+    }
   },
   'triangle-left': {
     viewBox: [0, 0, 100, 100],
     content: '<polygon points="0 50, 100 0, 100 100" />',
-    radiusToSize: (r) => { return { width: Math.round(r * 2 * 1.025), height: Math.round(r * 2 * 1.125) } }
+    radiusToSize: (r) => { return { width: Math.round(r * 2 * 1.025), height: Math.round(r * 2 * 1.125) } },
+    icon: {
+      translation: ['-15%', '-50%']
+    },
+    text: {
+      translation: ['-15%', '-50%']
+    }
   },
   'triangle-right': {
     viewBox: [0, 0, 100, 100],
     content: '<polygon points="0 0, 100 50, 0 100" />',
-    radiusToSize: (r) => { return { width: Math.round(r * 2 * 1.025), height: Math.round(r * 2 * 1.125) } }
+    radiusToSize: (r) => { return { width: Math.round(r * 2 * 1.025), height: Math.round(r * 2 * 1.125) } },
+    icon: {
+      translation: ['-85%', '-50%']
+    },
+    text: {
+      translation: ['-85%', '-50%']
+    }
   },
   star: {
     viewBox: [0, 0, 48, 48],
@@ -217,10 +241,10 @@ export function createShape (options) {
       }
     }
   }
-  // Render icon 
+  // Render icon
   let iconTag = ''
   if (options.icon) {
-    if (!_.isNil(options.icon.classes) || !_.isNil(options.icon.url)) {
+    if (!_.isNil(options.icon.classes) || !_.isNil(options.icon.url) || !_.isNil(options.icon.symbol)) {
       if (!_.isEmpty(options.icon.classes) || !_.isEmpty(options.icon.url)) {
         let specificStyle = ''
         if (options.icon.url) {
@@ -242,12 +266,19 @@ export function createShape (options) {
         const rotation = options.icon.rotation || _.get(shape, 'icon.rotation', 0)
         iconTag += `style="position: absolute; top: 50%; left: 50%; transform: translate(${translation[0]},${translation[1]}) rotate(${rotation}deg); opacity: ${opacity}; ${specificStyle}"`
         iconTag += '/>'
+      } else {
+        let iconSize = options.icon.size ? getSize(options.icon.size) : size
+        const color = getHtmlColor(options.icon.color, defaultColor)
+        const opacity = options.icon.opacity || 1
+        const translation = options.icon.translation || _.get(shape, 'icon.translation', ['-50%', '-50%'])
+        const rotation = options.icon.rotation || _.get(shape, 'icon.rotation', 0)
+        iconTag = `<svg width=${iconSize.width} height=${iconSize.height} style="position: absolute; top: 50%; left: 50%; transform: translate(${translation[0]},${translation[1]}) rotate(${rotation}deg); opacity: ${opacity}" fill="${color}"><use href="${options.icon.symbol}"></svg>`
       }
     } else {
       logger.warn(`[KDK] icon must contain either the 'classes' property or the 'url' property`)
     }
   }
-  // Render text 
+  // Render text
   let textTag = ''
   if (options.text) {
     if (!_.isNil(options.text.label)) {

package/core/client/utils/utils.time.js

@@ -7,30 +7,29 @@ export function getTimezoneLabel (timezone) {
   return `${timezone} (${offset})`
 }
 
-// Convert to local time with timezone offset
-// datetime must be expressed as an ISOString
-export function toLocalTimezone (datetime, timezone) {
-  return timezone ? moment.tz(datetime, timezone) : moment(datetime).local()
+/*
+  Round hours to expected interval, e.g. 6 hourly interval i.e. 00 || 06 || 12 || 18
+  @return {Number}
+ */
+export function roundHours (hours, interval) {
+  return (Math.floor(hours / interval) * interval)
 }
 
-// Convert from moment date/time to quasar format in local time zone
-export function toQuasarDate (date, format) {
-  return Time.convertToLocal(date).format(format)
+/*
+  Round minutes to expected interval, e.g. 10 minutely interval i.e. 00 || 10 || 20 || 30
+  @return {Number}
+ */
+export function roundMinutes (minutes, interval) {
+  return (Math.floor(minutes / interval) * interval)
 }
 
-export function toQuasarTime (time, format) {
-  return Time.convertToLocal(time).format(format)
+/*
+  Round hours to expected interval
+  @return {Date}
+ */
+export function getNearestIntervalTime (datetime, interval) {
+  // Compute nearest run T0, always in the past
+  const h = (interval > 3600 ? roundHours(datetime.hours(), interval / 3600) : datetime.hours())
+  const m = (interval <= 3600 ? roundMinutes(datetime.minutes(), interval / 60) : 0)
+  return datetime.clone().hours(h).minutes(m).seconds(0).milliseconds(0)
 }
-
-// Convert from quasar format in local time zone to moment date/time
-export function fromQuasarDate (date, format) {
-  return (Time.getFormatTimezone()
-    ? moment.tz(date, format, Time.getFormatTimezone())
-    : moment(date, format))
-}
-
-export function fromQuasarTime (time, format) {
-  return (Time.getFormatTimezone()
-    ? moment.tz(time, format, Time.getFormatTimezone())
-    : moment(time, format))
-}

package/core/common/schemas/users.update-profile.json

@@ -15,7 +15,7 @@
       }
     },
     "avatar": { 
-      "type": "object",
+      "type": ["object", "null"],
       "field": {
         "component": "form/KFileField",
         "label": "schemas.AVATAR_FIELD_LABEL",
@@ -23,7 +23,8 @@
         "maxFileSize": 524288,
         "readContent": false,
         "storage": {
-          "path": "avatars/<%= _id %>"
+          "path": "avatars/<%= _id %>",
+          "context": "global"
         }
       }
     }