Componentes customer
This commit is contained in:
parent
eefbffb6de
commit
c6f8cec104
|
@ -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">
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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, {
|
||||
|
|
|
@ -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';
|
||||
|
|
|
@ -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>
|
|
@ -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);
|
|
@ -0,0 +1,3 @@
|
|||
<vn-horizontal ui-view="details">
|
||||
|
||||
</vn-horizontal>
|
|
@ -0,0 +1,3 @@
|
|||
<vn-horizontal style="border: 1px solid black;">
|
||||
descriptor
|
||||
</vn-horizontal>
|
|
@ -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);
|
|
@ -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>
|
|
@ -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);
|
|
@ -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: '',
|
||||
}
|
||||
]
|
||||
|
|
|
@ -10,6 +10,7 @@ events {
|
|||
|
||||
http {
|
||||
sendfile on;
|
||||
gzip on;
|
||||
default_type application/octet-stream;
|
||||
|
||||
access_log build/nginx/access.log;
|
||||
|
|
Loading…
Reference in New Issue