start: function () {
RAD.publish('navigation.show', {
container: '#screen',
content: require('views/root'),
animation: 'fade'
});
}
'use strict';
require('./helpers');
var RAD = require('RAD');
var router = require('./router');
RAD.publish('navigation:show', {
container: '#container',
content: require('./views/MainPage'),
options: router.activePage()
});
'use strict';
var RAD = require('RAD');
RAD.getRandomColor = function () {
var letters = '0123456789ABCDEF'.split('');
var color = '#';
for (var i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
};
RAD.publish('navigation.show', {
container: '#screen',
content: require('views/main')
});
'use strict';
import {publish} from 'RAD';
import todoFilter from './routers/todo_router';
/*
* You should load helpers
* */
import helpers from './components/NavItem';
import TodoList from './views/main-view/';
// publish first component
publish('navigation.show', {
container: '#todo-app',
content: TodoList,
options: {
filter: todoFilter.getValue()
}
});
"use strict";
import {View, publish, template} from 'RAD';
let htmlStr = 'Text text text <a href="http://www.example">example</a>';
class Page extends View {
template = template(document.getElementById('hello-page').innerHTML);
htmlInjection = template(htmlStr);
}
publish('navigation.show', {
container: '#screen',
content: Page
});