Options
All
  • Public
  • Public/Protected
  • All
Menu

@sensenet/controls-aurelia

sn-controls-aurelia

Gitter chat Build Status codecov Codacy Badge NPM version NPM downloads License semantic-release Commitizen friendly Greenkeeper badge

This package contains a collection of UI components and controls for sensenet, written in Aurelia Framewok

Sense/Net Services

Usage and installation

You can install the latest version from NPM

npm install --save @sensenet/controls-aurelia

You can import into your Aurelia application's entry point

import { Repository } from '@sensenet/client-core';
// ... your other imports

export async function configure(aurelia: Aurelia) {
    aurelia.use
    .standardConfiguration()
    .developmentLogging()
    // ... your other features and plugins
    .plugin(PLATFORM.moduleName('aurelia-validation'))
    .plugin(PLATFORM.moduleName('sn-controls-aurelia'));

    aurelia.container.registerSingleton(Repository, () => {
        const repo = new Repository(
        {
            repositoryUrl: 'https://my-sn7-instance',
        });
        return repo;
    });

    await aurelia.start();
    await aurelia.setRoot(PLATFORM.moduleName('app'));
}

If you are using Webpack, add these dependencies into your webpack.config's plugins section:

new ModuleDependenciesPlugin({
    "sn-controls-aurelia": [
    './attributes/ContentDragCustomAttribute',
    './attributes/ContentDropCustomAttribute',
    './attributes/SettingsValidationCustomAttribute'
    ]
}),

Please also add these into your HTML template's <head> section:

<head>

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">

</head>

Generated using TypeDoc