Componentes customer

This commit is contained in:
nelo 2016-11-10 15:03:27 +01:00
parent eefbffb6de
commit c6f8cec104
13 changed files with 208 additions and 12 deletions

View File

@ -2,17 +2,23 @@
<html>
<head>
<meta charset="UTF-8">
<title>Salix</title>
<title>Salix</title>
<link rel="stylesheet" href="layout.css"/>
</head>
<body>
<div id="app">
<div ui-view></div>
<a ui-sref="index">index</a>
<a ui-sref="add">add</a>
<a ui-sref="edit">edit</a>
<a ui-sref="delete">delete</a>
<a ui-sref="navigation">navigation</a>
</div>
<vn-vertical id="app" class="full-height">
<vn-horizontal>
<vn-one>
Barra de Aplicación
</vn-one>
</vn-horizontal>
<vn-horizontal ui-view scrollable>
<vn-one>
Loading......
</vn-one>
</vn-horizontal>
</vn-vertical>
<script
type="text/javascript"
src="/static/salix.routes.js">

View File

@ -0,0 +1,110 @@
html, body {
height: 100%;
margin: 0px;
padding: 0px;
}
html [full-height], .full-height {
height: 100%;
}
html [self-scroll], .self-scroll {
overflow: auto;
}
/* Horizontal & vertical */
html [vn-horizontal], vn-horizontal, .vn-horizontal,
html [vn-vertical], vn-vertical, .vn-vertical {
display: flex;
}
html [vn-horizontal], vn-horizontal, .vn-horizontal {
flex-direction: row;
}
vn-horizontal [reverse] {
flex-direction: row-reverse;
}
html [vn-vertical], vn-vertical, .vn-vertical {
flex-direction: column;
}
vn-vertical [reverse] {
flex-direction: column-reverse;
}
html [wrap] {
flex-wrap: wrap;
}
html [wrap-reverse] {
flex-wrap: wrap-reverse;
}
html [scrollable] {
min-height: 1px;
flex: 1;
flex-basis: 0.000000001px;
}
/* Horizontal & vertical childs */
html [vn-auto],
html [vn-none],
html [vn-one],
html [vn-two],
html [vn-three],
html [vn-four],
html [vn-five],
html [vn-six],
html [vn-seven],
html [vn-eight],
html [vn-nine],
html [vn-ten],
html [vn-eleven],
html [vn-twelve]{
flex-basis: 0.000000001px;
}
html [vn-auto], vn-auto, .vn-auto {
flex: 1;
flex-basis: auto;
}
html [vn-empty], vn-empty, .vn-empty {
display: block;
}
html [vn-none], vn-none, .vn-none {
flex: 1;
flex: none;
}
html [vn-one], vn-one, .vn-one {
flex: 1;
}
html [vn-two], vn-two, .vn-two {
flex: 2;
}
html [vn-three], vn-three, .vn-three {
flex: 3;
}
html [vn-four], vn-four, .vn-four {
flex: 4;
}
html [vn-five], vn-five, .vn-five {
flex: 5;
}
html [vn-six], vn-six, .vn-six {
flex: 6;
}
html [vn-seven], vn-seven, .vn-seven {
flex: 7;
}
html [vn-eight], vn-eight, .vn-eight {
flex: 8;
}
html [vn-nine], vn-nine, .vn-nine {
flex: 9;
}
html [vn-ten], vn-ten, .vn-ten {
flex: 10;
}
html [vn-eleven], vn-eleven, .vn-eleven {
flex: 11;
}
html [vn-twelve], vn-twelve, .vn-twelve {
flex: 12;
}

View File

@ -14,8 +14,11 @@ function loader(route) {
}
function config($stateProvider, $urlRouterProvider) {
core.splitingRegister.registerGraph(deps);
$urlRouterProvider.otherwise('/customer/edit');
for (var file in routes)
routes[file].forEach(function (route) {
$stateProvider.state(route.state, {

View File

@ -6,6 +6,13 @@ export {NAME as CUSTOMER_ADD,
COMPONENT as CUSTOMER_ADD_COMPONENT} from './customer/index/add';
export {NAME as CUSTOMER_LIST,
COMPONENT as CUSTOMER_LIST_COMPONENT} from './customer/index/list';
export {NAME as CUSTOMER_EDIT,
COMPONENT as CUSTOMER_EDIT_COMPONENT} from './customer/edit/edit';
export {NAME as CUSTOMER_DESCRIPTOR,
COMPONENT as CUSTOMER_DESCRIPTOR_COMPONENT} from './customer/edit/descriptor';
export {NAME as CUSTOMER_ACTIONS,
COMPONENT as CUSTOMER_ACTIONS_COMPONENT} from './customer/edit/actions';
export {NAME as NAVIGATION_INDEX,
@ -19,4 +26,4 @@ export {NAME as NAVIGATION_HEADER,
export {NAME as NAVIGATION_MAIN,
COMPONENT as NAVIGATION_MAIN_COMPONENT} from './navigation/index/main';
export {NAME as NAVIGATION_COMPOSE,
COMPONENT as NAVIGATION_COMPOSE_COMPONENT} from './navigation/index/compose';
COMPONENT as NAVIGATION_COMPOSE_COMPONENT} from './navigation/index/compose';

View File

@ -0,0 +1,9 @@
<vn-horizontal>
<ul>
<li>Lorem ipsum.</li>
<li>Perspiciatis, omnis.</li>
<li>Minima, ab.</li>
<li>Odit, optio.</li>
<li>Facilis, aspernatur!</li>
</ul>
</vn-horizontal>

View File

@ -0,0 +1,8 @@
import template from './actions.html';
import {module} from '../../module';
export const NAME = 'customerActions';
export const COMPONENT = {
template: template
};
module.component(NAME, COMPONENT);

View File

@ -0,0 +1,3 @@
<vn-horizontal ui-view="details">
</vn-horizontal>

View File

@ -0,0 +1,3 @@
<vn-horizontal style="border: 1px solid black;">
descriptor
</vn-horizontal>

View File

@ -0,0 +1,8 @@
import template from './descriptor.html';
import {module} from '../../module';
export const NAME = 'customerDescriptor';
export const COMPONENT = {
template: template
};
module.component(NAME, COMPONENT);

View File

@ -0,0 +1,9 @@
<vn-horizontal full-height>
<vn-three style="border: 1px solid black;" self-scroll pad-small>
<vn-vertical>
<customer-descriptor vn-one></customer-descriptor>
<customer-actions vn-one></customer-actions>
</vn-vertical>
</vn-three>
<vn-nine style="border: 1px solid black;" pad-small>content</vn-nine>
</vn-horizontal>

View File

@ -0,0 +1,8 @@
import template from './edit.html';
import {module} from '../../module';
export const NAME = 'customerEdit';
export const COMPONENT = {
template: template
};
module.component(NAME, COMPONENT);

View File

@ -1,8 +1,29 @@
[{
url: '/index',
url: '/customer',
state: 'index',
template: '<customer-index></customer-index>',
module: 'crud',
description: '',
image: '',
}]
},
{
url: '/customer/edit',
state: 'edit',
template: '<customer-edit vn-one></customer-edit>',
module: 'crud',
description: '',
image: '',
},
{
url: '/customer/edit/adress',
state: 'customer-adress',
view:{
'details':{
template: '<customer-edit vn-one></customer-edit>',
}
},
module: 'crud',
description: '',
image: '',
}
]

View File

@ -10,6 +10,7 @@ events {
http {
sendfile on;
gzip on;
default_type application/octet-stream;
access_log build/nginx/access.log;