KDK

# Overview

The core module includes basic features to create a backend application and related services for e.g. users management, database, storage management, ...

The core module also includes basic features to create a frontend application: services access layer (mainly based on mixins), authentication components, application layout, item collection components, form and editor components.

# Utilities

# Functions

Here are a set of utility functions:

  • createQuerablePromise (promiseOrExecutor) modify a Promise by adding some status functions (isFulfilled, isPending, isRejected)
  • getPaletteFromColor (color) convert from hexadecimal color value to color name in basic Quasar palette (opens new window)
  • getColorFromPalette (color) convert from color name in basic Quasar palette (opens new window) to color hexadecimal value
  • getLocale () find the current user's locale
  • isEmailValid (email) emails validator
  • isObjectID (id) ObjectID validator
  • getIconName (object, path = 'icon.name') extract icon name from a given icon property on a given target object
  • dotify (object) transform nested object to dot notation

# Store objects

The global store contains the following defaults objects:

topPane: { content: [current pane content], mode: 'current pane mode', filter: { curent content filter }, visible: current visibility state }
rightPane: { content: [current pane content], mode: 'current pane mode', filter: { curent content filter }, visible: current visibility state }
bottomPane: { content: [current pane content], mode: 'current pane mode', filter: { curent content filter }, visible: current visibility state }
page: { content: [current page content], mode: 'current pane mode', filter: { curent content filter } }
window: { current: 'current widget', widgets: [available widgets], filter: { curent widgets filter } }
fab: { actions: [current actions], filter: { curent actions filter } }

More details in the layout section

# Layout

Global object used to build the layout content:

import { Layout } from '@kalisio/kdk/core.client'
// Bind a UI configuration to a target component
Layout.bindContent([{
	id: 'action', icon: 'las la-eye-dropper', label: 'MyActivity.ACTION_LABEL', handler: 'onAction'
}], myComponent)

← Application →