Componente vn-app

This commit is contained in:
Juan Ferrer Toribio 2017-01-03 11:02:52 +01:00
parent 630c4ec7cb
commit 1bcf91f58f
6 changed files with 23 additions and 5 deletions

View File

@ -1,3 +1,4 @@
export {NAME as APP, COMPONENT as APP_COMPONENT} from './components/app/app';
export {NAME as VN_MAINMENU, COMPONENT as VN_MAINMENU_COMPONENT} from './components/main-menu/main-menu';
export {NAME as ACTIONS, COMPONENT as ACTIONS_COMPONENT} from './components/left-menu/actions';
export {NAME as LEFT_MENU, COMPONENT as LEFTMENU_COMPONENT} from './components/left-menu/left-menu';

View File

@ -0,0 +1,4 @@
<vn-vertical full-height>
<vn-main-menu></vn-main-menu>
<vn-vertical ui-view scrollable class="main-view"></vn-vertical>
</vn-vertical>

View File

@ -0,0 +1,9 @@
require('./style.css');
import template from './app.html';
import {module} from '../../module';
export const NAME = 'vnApp';
export const COMPONENT = {
template: template
};
module.component(NAME, COMPONENT);

View File

@ -0,0 +1,7 @@
vn-app {
height: 100%;
}
vn-app .main-view > * {
height: 100%;
}

View File

@ -42,7 +42,7 @@ function config($stateProvider, $urlRouterProvider) {
fileRoutes.forEach(function(route) {
$stateProvider.state(route.state, {
url: route.url,
template: `<${route.component} full-height ${getParams(route)}></${route.component}>`,
template: `<${route.component} ${getParams(route)}></${route.component}>`,
resolve: {
loader: loader(module)
}

View File

@ -6,10 +6,7 @@
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body>
<vn-vertical id="app" class="full-height" >
<vn-main-menu></vn-main-menu>
<vn-vertical ui-view scrollable></vn-vertical>
</vn-vertical>
<vn-app id="app"></vn-app>
<script
type="text/javascript"
src="/static/salix.routes.js">