len-ro · June 27, 2016 14:52
diff --git a/app.html b/app.html
 <template>
    <require from="menu"></require>
    <menu></menu>
    <router-view></router-view>
 </template>
diff --git a/app.js b/app.js
 export class App {
   configureRouter(config, router) {
    config.title = 'Aurelia';
    config.map([
      { route: ['', 'welcome'], name: 'welcome',      moduleId: 'welcome',      nav: true, title: 'Welcome' },
      { route: ['landing'], name: 'landing',      moduleId: 'landing',      nav: true, title: 'Landing' }

    ]);

    this.router = router;
  }
 }
diff --git a/data.json b/data.json
 [{
  "text": "Gestion des tâches",
  "items": [{
    "text": "Tâches unitaires"
  }, {
    "text": "Tâches groupées"
  }]
 }, {
  "text": "Transactions",
  "items": [{
    "text": "Toutes opérations"
  }]
 }]
diff --git a/index.html b/index.html
 <!doctype html>
 <html>
  <head>
    <title>Aurelia KendoUI bridge</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.226/styles/kendo.common.min.css">
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.226/styles/kendo.rtl.min.css">
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.226/styles/kendo.default.min.css">
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.226/styles/kendo.mobile.all.min.css">
    <script src="https://kendo.cdn.telerik.com/2016.1.226/js/jszip.min.js"></script>
  </head>
  <body aurelia-app="main">
    <h1>Loading...</h1>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.6/system.js"></script>
    <script src="https://rawgit.com/aurelia-ui-toolkits/aurelia-kendoui-bundles/0.3.5/config2.js"></script>
    <script>
      System.import('aurelia-bootstrapper');
    </script>
  </body>
 </html>
diff --git a/landing.html b/landing.html
 <template>
    <require from="menu"></require>
    <menu></menu>
 </template>
diff --git a/landing.js b/landing.js
 export class Landing {}
diff --git a/main.js b/main.js
 export function configure(aurelia) {
  aurelia.use
    .standardConfiguration()
    .developmentLogging()
    .plugin('aurelia-kendoui-bridge', kendo => kendo.pro());

  aurelia.start().then(a => a.setRoot());
 }
diff --git a/menu.html b/menu.html
 <template>
    Main menu
    <ul id="menu"
        ak-menu="k-no-init.bind: true;"
        ak-menu.ref="menuVM"></ul>
 </template>
diff --git a/menu.js b/menu.js
 import {HttpClient} from 'aurelia-fetch-client';
 import {inject} from 'aurelia-framework';

 @inject(HttpClient)
 export class Menu {
  constructor(http:HttpClient){
    this.http = http;
    http.configure(config => {
            config
            .useStandardConfiguration();
        });
  }
  
  created(){
    this.http.fetch('data.json')
        .then(response => response.json())
        .then(data => {
        this.menuVM.kDataSource = data;
        this.menuVM.recreate();
        });
    }
 }
diff --git a/welcome.html b/welcome.html
 <template>
    <require from="menu"></require>
    <menu></menu>
    <!--<button ak-button="k-widget.bind: button" k-on-click.delegate="test()">GO</button>-->
 </template>
diff --git a/welcome.js b/welcome.js
 import {Router} from 'aurelia-router';
 import {inject} from 'aurelia-framework';

 @inject(Router)
 export class Welcome {
  constructor(router:Router){
    this.router = router;
  }
  
  test(){
    this.router.navigate("landing");
  }
 }
	<template>
	<require from="menu"></require>
	<menu></menu>
	<router-view></router-view>
	</template>
	export class App {
	configureRouter(config, router) {
	config.title = 'Aurelia';
	config.map([
	{ route: ['', 'welcome'], name: 'welcome', moduleId: 'welcome', nav: true, title: 'Welcome' },
	{ route: ['landing'], name: 'landing', moduleId: 'landing', nav: true, title: 'Landing' }

	]);

	this.router = router;
	}
	}
	[{
	"text": "Gestion des tâches",
	"items": [{
	"text": "Tâches unitaires"
	}, {
	"text": "Tâches groupées"
	}]
	}, {
	"text": "Transactions",
	"items": [{
	"text": "Toutes opérations"
	}]
	}]
	<!doctype html>
	<html>
	<head>
	<title>Aurelia KendoUI bridge</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.226/styles/kendo.common.min.css">
	<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.226/styles/kendo.rtl.min.css">
	<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.226/styles/kendo.default.min.css">
	<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.226/styles/kendo.mobile.all.min.css">
	<script src="https://kendo.cdn.telerik.com/2016.1.226/js/jszip.min.js"></script>
	</head>
	<body aurelia-app="main">
	<h1>Loading...</h1>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.6/system.js"></script>
	<script src="https://rawgit.com/aurelia-ui-toolkits/aurelia-kendoui-bundles/0.3.5/config2.js"></script>
	<script>
	System.import('aurelia-bootstrapper');
	</script>
	</body>
	</html>
	export function configure(aurelia) {
	aurelia.use
	.standardConfiguration()
	.developmentLogging()
	.plugin('aurelia-kendoui-bridge', kendo => kendo.pro());

	aurelia.start().then(a => a.setRoot());
	}
	import {Router} from 'aurelia-router';
	import {inject} from 'aurelia-framework';

	@inject(Router)
	export class Welcome {
	constructor(router:Router){
	this.router = router;
	}

	test(){
	this.router.navigate("landing");
	}
	}