verdnatura/salix
verdnatura
/
salix
3
4
Fork 0
Code Issues Pull Requests 59 Releases Wiki Activity

descriptor en app

This commit is contained in:
Javi Gallego 2016-12-01 08:37:25 +01:00
parent 1973fe5254 285fbefe0f
commit d9497a8f60
61 changed files with 220 additions and 1272 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
@salix/app/src/configroutes.js
View File

@ -2,10 +2,10 @@ import * as core from 'core';
import * as spliting from './spliting';
import * as deps from './spliting/deps.json';
function loader(route) {
function loader(module) {
return function ($ocLazyLoad, $q) {
return $q((resolve) => {
core.splitingRegister.execute(route.module).then(function (dependencies) {
core.splitingRegister.execute(module).then(function (dependencies) {
var array = dependencies.map((item) => { return { name: item } });
resolve($ocLazyLoad.load(array));
});
@ -14,21 +14,24 @@ function loader(route) {
}
function config($stateProvider, $urlRouterProvider) {
core.splitingRegister.registerGraph(deps);
$urlRouterProvider.otherwise('/clients');
for (var file in routes)
routes[file].forEach(function (route) {
$stateProvider.state(route.state, {
url: route.url,
template: route.template,
resolve: {
loader: loader(route)
}
})
});
{
let fileRoutes = routes[file].routes;
let module = routes[file].module;
fileRoutes.forEach(function(route) {
$stateProvider.state(route.state, {
url: route.url,
template: `<${route.component} full-height></${route.component}>`,
resolve: {
loader: loader(module)
}
})
});
}
}
core.module.config(config);

0
@salix/core/src/button/button.mt.html → @salix/core/src/button/button.mdl.html
View File

2
@salix/core/src/button/button.mt.js → @salix/core/src/button/button.mdl.js
View File

@ -1,7 +1,7 @@
import {module as _module} from '../module';
import * as util from '../util';
import * as constant from '../constants';
import template from './button.mt.html';
import template from './button.mdl.html';
const _NAME = 'button';
const DEFAULT_CLASS = 'mdl-button mdl-js-button mdl-button--raised';

2
@salix/core/src/check/check.mt.html → @salix/core/src/check/check.mdl.html
View File

@ -1,4 +1,4 @@
<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect">
<input type="checkbox" name="*[name]*" class="*[className]*" ng-model="*[model]*" *[enabled]*>
<input type="checkbox" name="*[name]*" class="*[className]*" ng-model="*[model]*.*[name]*" *[enabled]*>
<span class="mdl-checkbox__label">*[label]*</span>
</label>

2
@salix/core/src/check/check.mt.js → @salix/core/src/check/check.mdl.js
View File

@ -1,7 +1,7 @@
import {module as _module} from '../module';
import * as util from '../util';
import * as constant from '../constants';
import template from './check.mt.html';
import template from './check.mdl.html';
const _NAME = 'check';
const DEFAULT_CLASS = 'mdl-checkbox__input';

2
@salix/core/src/combo/combo.mt.html → @salix/core/src/combo/combo.mdl.html
View File

@ -1,5 +1,5 @@
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<select class="mdl-textfield__input" class="*[className]*" name="*[name]*" ng-model="*[model]*" *[enabled]* ng-transclude>
<select class="mdl-textfield__input" class="*[className]*" name="*[name]*" ng-model="*[model]*.*[name]*" *[enabled]* ng-transclude>
</select>
<label class="mdl-textfield__label">*[label]*</label>
</div>

4
@salix/core/src/combo/combo.mt.js → @salix/core/src/combo/combo.mdl.js
View File

@ -1,7 +1,7 @@
import {module} from '../module';
import template from './combo.mt.html';
import template from './combo.mdl.html';
export const NAME = 'vnCombomtFactory';
export const NAME = 'vnComboMdlFactory';
export function factory() {
return {
template: template,

4
@salix/core/src/constants.js
View File

@ -3,8 +3,8 @@
export const PREFIX ='vn';
// CSS frameworks
export const MATERIAL_DESIGN_FRAMEWORK = 'mt';
export const BOOTSTRAP_FRAMEWORK = 'bt';
export const MATERIAL_DESIGN_FRAMEWORK = 'Mdl';
export const BOOTSTRAP_FRAMEWORK = 'Bt';
// Module dependencies
export const EMPTY_DEPENDECIES = [];

37
@salix/core/src/core.js
View File

@ -1,6 +1,4 @@
/**
* export public module
*/
import mtOverride from './mdl-override.css';
export * from './module'
export * from './util'
@ -11,37 +9,40 @@ export {NAME as INTERPOLATE, Interpolate} from './interpolate'
export {NAME as ROUTES_LOADER, RoutesLoader} from './routesLoader'
export {NAME as BUTTON, directive as ButtonDirective} from './button/button'
export {NAME as BUTTON_MT, factory as buttonMt} from './button/button.mt'
export {NAME as BUTTON_MDL, factory as buttonMdl} from './button/button.mdl'
export {NAME as BUTTON_BT, factory as buttonBt} from './button/button.bt'
export {NAME as CHECK,directive as CheckDirective} from './check/check'
export {NAME as CHECK_MT, factory as checknMt} from './check/check.mt'
export {NAME as CHECK_MDL, factory as checknMdl} from './check/check.mdl'
export {NAME as CHECK_BT, factory as checkBt} from './check/check.bt'
export {NAME as RADIO,directive as RadioDirective} from './radio/radio'
export {NAME as RADIO_MT, factory as radionMt} from './radio/radio.mt'
export {NAME as RADIO_MDL, factory as radionMdl} from './radio/radio.mdl'
export {NAME as RADIO_BT, factory as radioBt} from './radio/radio.bt'
export {NAME as TEXTFIELD, directive as TextfieldDirective} from './textfield/textfield'
export {NAME as TEXTFIELD_MT, factory as textfieldMt} from './textfield/textfield.mt'
export {NAME as TEXTFIELD_MDL, factory as textfieldMdl} from './textfield/textfield.mdl'
export {NAME as TEXTFIELD_BT, factory as textfieldBt} from './textfield/textfield.bt'
export {NAME as LABEL, directive as LabelDirective} from './label/label'
export {NAME as LABEL_MT, factory as labelMt} from './label/label.mt'
export {NAME as LABEL_MDL, factory as labelMdl} from './label/label.mdl'
export {NAME as LABEL_BT, factory as labelBt} from './label/label.bt'
export {NAME as SEARCHBAR, directive as searchbar} from './searchbar/searchbar'
export {NAME as SEARCHBAR_MDL, factory as searchbarMdl} from './searchbar/searchbar.mdl'
export {NAME as SEARCHBAR_BT, factory as searchbarBt} from './searchbar/searchbar.bt'
export {NAME as ICON_BUTTON, directive as IconButtonDirective} from './icon-button/icon-button'
export {NAME as ICON_BUTTON_MT, factory as iconButtonMt} from './icon-button/icon-button.mt'
export {NAME as SEARCHBAR,factory as searchbar} from './searchbar/searchbar'
export {NAME as SEARCHBAR_MT, factory as searchbarMt} from './searchbar/searchbar.mt'
export {NAME as SEARCHBAR_BT,factory as searchbarBt} from './searchbar/searchbar.bt'
export {NAME as ICON_BUTTON_MDL, factory as iconButtonMdl} from './icon-button/icon-button.mdl'
export {NAME as PASSWORD, directive as PasswordDirective} from './password/password'
export {NAME as PASSWORD_MT,factory as passwordMt} from './password/password.mt'
export {NAME as PASSWORD_MDL,factory as passwordMdl} from './password/password.mdl'
export {NAME as SUBMIT, directive as SubmitDirective} from './submit/submit'
export {NAME as SUBMIT_MT, factory as submitMt} from './submit/submit.mt'
export {NAME as SUBMIT_MDL, factory as submitMdl} from './submit/submit.mdl'
export {NAME as SNACKBAR, directive as SnackbarDirective} from './snackbar/snackbar'
export {NAME as SNACKBAR_MT, factory as snackbarMt} from './snackbar/snackbar.mt'
export {NAME as SNACKBAR_MDL, factory as snackbarMdl} from './snackbar/snackbar.mdl'
export {NAME as SPINNER, directive as SpinnerDirective} from './spinner/spinner'
export {NAME as SPINNER_MT, factory as spinnerMt} from './spinner/spinner.mt'
export {NAME as SPINNER_MDL, factory as spinnerMdl} from './spinner/spinner.mdl'
export {NAME as COMBO, directive as ComboDirective} from './combo/combo'
export {NAME as COMBO_MT, factory as comboMt} from './combo/combo.mt'
export {NAME as COMBO_MDL, factory as comboMdl} from './combo/combo.mdl'
export {NAME as DATE_PICKER, directive as DatePickerDirective} from './date-picker/date-picker'
export {NAME as DATE_PICKER_MT, factory as datePickerMt} from './date-picker/date-picker.mt'
export {NAME as DATE_PICKER_MDL, factory as datePickerMdl} from './date-picker/date-picker.mdl'
export {NAME as TITLE, directive as TitleDirective} from './title/title'
export {NAME as TITLE_MDL, factory as titleMdl} from './title/title.mdl'

2
@salix/core/src/date-picker/date-picker.mt.html → @salix/core/src/date-picker/date-picker.mdl.html
View File

@ -1,4 +1,4 @@
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input *[className]*" type="text" name="*[name]*" ng-model="*[model]*" *[enabled]*>
<input class="mdl-textfield__input *[className]*" type="text" name="*[name]*" ng-model="*[model]*.*[name]*" *[enabled]*>
<label class="mdl-textfield__label">*[label]*</label>
</div>

4
@salix/core/src/date-picker/date-picker.mt.js → @salix/core/src/date-picker/date-picker.mdl.js
View File

@ -1,7 +1,7 @@
import {module} from '../module';
import template from './date-picker.mt.html';
import template from './date-picker.mdl.html';
export const NAME = 'vnDatePickermtFactory';
export const NAME = 'vnDatePickerMdlFactory';
export function factory() {
return {
template: template,

0
@salix/core/src/icon-button/icon-button.mt.html → @salix/core/src/icon-button/icon-button.mdl.html
View File

4
@salix/core/src/icon-button/icon-button.mt.js → @salix/core/src/icon-button/icon-button.mdl.js
View File

@ -1,7 +1,7 @@
import {module} from '../module';
import template from './icon-button.mt.html';
import template from './icon-button.mdl.html';
export const NAME = 'vnIconButtonmtFactory';
export const NAME = 'vnIconButtonMdlFactory';
export function factory() {
return {
template: template,

0
@salix/core/src/label/label.mt.html → @salix/core/src/label/label.mdl.html
View File

2
@salix/core/src/label/label.mt.js → @salix/core/src/label/label.mdl.js
View File

@ -1,7 +1,7 @@
import {module as _module} from '../module';
import * as util from '../util';
import * as constant from '../constants';
import template from './label.mt.html';
import template from './label.mdl.html';
const _NAME = 'label';
const DEFAULT_TEXT = 'label';

12
@salix/core/src/mdl-override.css Normal file
View File

@ -0,0 +1,12 @@
.mdl-textfield {
width: 100%;
}
.mdl-button--raised {
background-color: #ff9400;
font-weight: bolder;
color: white;
}
.mdl-button--raised:hover {
background-color: #ffa410;
}

2
@salix/core/src/password/password.mt.html → @salix/core/src/password/password.mdl.html
View File

@ -1,4 +1,4 @@
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="*[className]*" type="password" name="*[name]*" ng-model="*[model]*" *[enabled]*>
<input class="*[className]*" type="password" name="*[name]*" ng-model="*[model]*.*[name]*" *[enabled]*>
<label class="mdl-textfield__label">*[label]*</label>
</div>

4
@salix/core/src/password/password.mt.js → @salix/core/src/password/password.mdl.js
View File

@ -1,7 +1,7 @@
import {module} from '../module';
import template from './password.mt.html';
import template from './password.mdl.html';
export const NAME = 'vnPasswordmtFactory';
export const NAME = 'vnPasswordMdlFactory';
export function factory() {
return {

2
@salix/core/src/radio/radio.mdl.html Normal file
View File

@ -0,0 +1,2 @@
<input type="radio" class="*[className]*" name="*[name]*" ng-model="*[model]*.*[name]*" *[enabled]*>
<span class="mdl-radio__label">*[text]*</span>

2
@salix/core/src/radio/radio.mt.js → @salix/core/src/radio/radio.mdl.js
View File

@ -1,7 +1,7 @@
import {module as _module} from '../module';
import * as util from '../util';
import * as constant from '../constants';
import template from './radio.mt.html';
import template from './radio.mdl.html';
const _NAME = 'radio';
const DEFAULT_CLASS = 'mdl-radio mdl-js-radio mdl-js-ripple-effect';

2
@salix/core/src/radio/radio.mt.html
View File

@ -1,2 +0,0 @@
<input type="radio" class="*[className]*" name="*[name]*" *[enabled]* >
<span class="mdl-radio__label">*[text]*</span>

4
@salix/core/src/resolveDefaultComponents.js
View File

@ -7,7 +7,7 @@ export const NAME = util.getProviderName('ResolveDefaultComponent');
export class ResolveDefaultComponent {
constructor(){
this._frameworkName="mt";
this._frameworkName='Mdl';
}
set frameworkName(value){
//mt or bt
@ -17,7 +17,7 @@ export class ResolveDefaultComponent {
//Service Locator
return {
getTemplate:function(name ,attr){
this._frameworkName="mt";
this._frameworkName='Mdl';
let _name = util.getFactoryName( name + this._frameworkName);
let defaultfactory = $injector.has(_name) ? $injector.get(_name):undefined; // vnbutonmtFactory
if(!defaultfactory)

0
@salix/core/src/searchbar/searchbar.mt.html → @salix/core/src/searchbar/searchbar.mdl.html
View File

2
@salix/core/src/searchbar/searchbar.mt.js → @salix/core/src/searchbar/searchbar.mdl.js
View File

@ -1,7 +1,7 @@
import {module as _module} from '../module';
import * as util from '../util';
import * as constant from '../constants';
import template from './searchbar.mt.html';
import template from './searchbar.mdl.html';
const _NAME = 'searchbar';
const DEFAULT_TEXT = 'Search';

0
@salix/core/src/snackbar/snackbar.mt.html → @salix/core/src/snackbar/snackbar.mdl.html
View File

4
@salix/core/src/snackbar/snackbar.mt.js → @salix/core/src/snackbar/snackbar.mdl.js
View File

@ -1,7 +1,7 @@
import {module} from '../module';
import template from './snackbar.mt.html';
import template from './snackbar.mdl.html';
export const NAME = 'vnSnackbarmtFactory';
export const NAME = 'vnSnackbarMdlFactory';
export function factory() {
return {

0
@salix/core/src/spinner/spinner.mt.html → @salix/core/src/spinner/spinner.mdl.html
View File

4
@salix/core/src/spinner/spinner.mt.js → @salix/core/src/spinner/spinner.mdl.js
View File

@ -1,7 +1,7 @@
import {module} from '../module';
import template from './spinner.mt.html';
import template from './spinner.mdl.html';
export const NAME = 'vnSpinnermtFactory';
export const NAME = 'vnSpinnerMdlFactory';
export function factory() {
return {

2
@salix/core/src/submit/submit.mdl.html Normal file
View File

@ -0,0 +1,2 @@
<input type="submit" class="*[className]*" value="*[label]*" *[enabled]*>
</input>

6
@salix/core/src/submit/submit.mt.js → @salix/core/src/submit/submit.mdl.js
View File

@ -1,13 +1,13 @@
import {module} from '../module';
import template from './submit.mt.html';
import template from './submit.mdl.html';
export const NAME = 'vnSubmitmtFactory';
export const NAME = 'vnSubmitMdlFactory';
export function factory() {
return {
template: template,
default: {
text: 'Submit',
label: 'Submit',
className: 'mdl-button mdl-js-button mdl-button--raised',
enabled: 'true'
}

2
@salix/core/src/submit/submit.mt.html
View File

@ -1,2 +0,0 @@
<input type="submit" class="*[className]*" value="*[text]*" *[enabled]*>
</input>

2
@salix/core/src/textfield/textfield.mt.html → @salix/core/src/textfield/textfield.mdl.html
View File

@ -1,4 +1,4 @@
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="*[className]*" type="*[type]*" name="*[name]*" ng-model="*[model]*" *[enabled]*>
<input class="*[className]*" type="*[type]*" name="*[name]*" ng-model="*[model]*.*[name]*" *[enabled]*>
<label class="mdl-textfield__label">*[label]*</label>
</div>

2
@salix/core/src/textfield/textfield.mt.js → @salix/core/src/textfield/textfield.mdl.js
View File

@ -1,7 +1,7 @@
import {module as _module} from '../module';
import * as util from '../util';
import * as constant from '../constants';
import template from './textfield.mt.html';
import template from './textfield.mdl.html';
const _NAME = 'textfield';
const DEFAULT_LABEL = 'text';

19
@salix/core/src/title/title.js Normal file
View File

@ -0,0 +1,19 @@
import {module} from '../module';
import * as resolveFactory from '../resolveDefaultComponents';
import * as util from '../util';
const _NAME = 'title';
export const NAME = util.getName(_NAME);
directive.$inject = [resolveFactory.NAME];
export function directive (resolve){
return {
require:'E',
transclude: true,
template: function(_,attr){
return resolve.getTemplate(_NAME, attr);
}
}
}
module.directive(NAME,directive);

2
@salix/core/src/title/title.mdl.html Normal file
View File

@ -0,0 +1,2 @@
<h3 style="margin: 0; padding-bottom: .1em; margin-bottom: .4em; border-bottom: 1px solid gray;" level="*[level]*" ng-transclude>
</h3>

13
@salix/core/src/title/title.mdl.js Normal file
View File

@ -0,0 +1,13 @@
import {module} from '../module';
import template from './title.mdl.html';
export const NAME = 'vnTitleMdlFactory';
export function factory() {
return {
template: template,
default: {}
}
}
module.factory(NAME, factory);

6
@salix/crud/src/client/addresses/index.html
View File

@ -1,6 +1,6 @@
<vn-vertical class="form">
<h3 style="margin-top: 0;">Addresses</h3>
<vn-horizontal class="pad-medium-bottom border-dashed-bottom uppercase" style="text-align: center;">
<vn-vertical pad-large>
<vn-title>Addresses</vn-title>
<vn-horizontal class="pad-medium-bottom border-dashed-bottom" style="text-align: center;">
<vn-empty style="width: 7em;">Default</vn-empty>
<vn-auto>Consignee</vn-auto>
<vn-empty style="width: 7em;">Enabled</vn-empty>

55
@salix/crud/src/client/basic-data/index.html
View File

@ -1,30 +1,27 @@
<form ng-submit="$ctrl.submit()">
<vn-vertical class="form">
<h3 style="margin-top: 0;">Datos básicos</h3>
<vn-vertical class="uppercase">
<vn-horizontal>
<vn-textfield vn-one label="Alias" name"alias" model="$ctrl.model.alias"></vn-textfield>
<vn-textfield vn-one label="NIF/CIF" name="fi" model="$ctrl.model.fi"></vn-textfield>
</vn-horizontal>
<vn-horizontal>
<vn-textfield vn-one label="Razón social" name"socialName" model="$ctrl.model.name"></vn-textfield>
<vn-date-picker vn-one label="Fecha alta" name"dischargeDate" model="$ctrl.model.dischargeDate"></vn-date-picker>
</vn-horizontal>
<vn-horizontal>
<vn-textfield vn-one label="Contacto" name="contact" model="$ctrl.model.contact"></vn-textfield>
<vn-textfield vn-one label="Teléfono" name="telefono" model="$ctrl.model.phone"></vn-textfield>
</vn-horizontal>
<vn-horizontal>
<vn-textfield vn-one label="Calidad" name="quality" model="$ctrl.model.quality"></vn-textfield>
<vn-combo vn-one label="Comercial" name="salesPerson" model="$ctrl.model.salesPerson">
<option value="1">Comercial 1</option>
<option value="2">Comercial 2</option>
</vn-combo>
</vn-horizontal>
<vn-horizontal>
<vn-one>
<vn-submit class="colored" text="Guardar"></vn-submit>
</vn-one>
</vn-horizontal>
</vn-vertical>
<form ng-submit="$ctrl.submit()" pad-large>
<vn-title>Datos básicos</vn-title>
<vn-horizontal>
<vn-textfield vn-one label="Alias" name"alias" model="$ctrl.model"></vn-textfield>
<vn-textfield vn-one label="NIF/CIF" name="fi" model="$ctrl.model"></vn-textfield>
</vn-horizontal>
<vn-horizontal>
<vn-textfield vn-one label="Razón social" name="socialName" model="$ctrl.model"></vn-textfield>
<vn-date-picker vn-one label="Fecha alta" name="dischargeDate" model="$ctrl.model"></vn-date-picker>
</vn-horizontal>
<vn-horizontal>
<vn-textfield vn-one label="Contacto" name="contact" model="$ctrl.model"></vn-textfield>
<vn-textfield vn-one label="Teléfono" name="telefono" model="$ctrl.model"></vn-textfield>
</vn-horizontal>
<vn-horizontal>
<vn-textfield vn-one label="Calidad" name="quality" model="$ctrl.model"></vn-textfield>
<vn-combo vn-one label="Comercial" name="salesPerson" model="$ctrl.model">
<option value="1">Comercial 1</option>
<option value="2">Comercial 2</option>
</vn-combo>
</vn-horizontal>
<vn-horizontal>
<vn-one>
<vn-submit text="Guardar"></vn-submit>
</vn-one>
</vn-horizontal>
</form>

53
@salix/crud/src/client/fiscal-data/index.html
View File

@ -1,50 +1,49 @@
<form ng-submit="frm.isValid && $ctrl.submit()" padding-large name="frm">
<h3 style="margin-top: 0;">Datos fiscales y de facturación</h3>
<hr/>
<vn-vertical>
<form ng-submit="frm.isValid && $ctrl.submit()" pad-large>
<vn-title>Datos fiscales y de facturación</vn-title>
<vn-horizontal>
<vn-check vn-one label="Cliente activo" rule="client.active" name"active" model="$ctrl.model.active"></vn-check>
<vn-check vn-one label="Facturar" name="invoice" model="$ctrl.model.invoice"></vn-check>
<vn-check vn-one label="Factura Impresa" name="mail" model="$ctrl.model.mail"></vn-check>
<vn-check vn-one label="Cliente Activo" name="active" model="$ctrl.model"></vn-check>
<vn-check vn-one label="Facturar" name="invoice" model="$ctrl.model"></vn-check>
<vn-check vn-one label="Factura Impresa" name="mailInvoice" model="$ctrl.model"></vn-check>
</vn-horizontal>
<vn-horizontal>
<vn-textfield vn-two label="Domicilio Fiscal" name"Domicilio" model="$ctrl.model.Domicilio"></vn-textfield>
<vn-textfield vn-one label="Municipio" name"Poblacion" model="$ctrl.model.dischargeDate"></vn-textfield>
<vn-textfield vn-two label="Domicilio Fiscal" name="consignee" model="$ctrl.model"></vn-textfield>
<vn-textfield vn-one label="Municipio" name="city" model="$ctrl.model"></vn-textfield>
</vn-horizontal>
<vn-horizontal>
<vn-textfield vn-one label="Codigo Postal" name="codpos" model="$ctrl.model.codpos"></vn-textfield>
<vn-combo vn-one label="Provincia" name="province_id" model="$ctrl.model.province_id"></vn-combo>
<vn-combo vn-one label="Pais" name="Id_Pais" model="$ctrl.model.Id_Pais">
<vn-textfield vn-one label="Codigo Postal" name="postcode" model="$ctrl.model"></vn-textfield>
<vn-combo vn-one label="Provincia" name="province" model="$ctrl.model"></vn-combo>
<vn-combo vn-one label="Pais" name="country" model="$ctrl.model">
<option value="1">Comercial 1</option>
<option value="2">Comercial 2</option>
</vn-combo>
</vn-horizontal>
<vn-horizontal>
<vn-textfield vn-one label="Telefono Fijo" name="Telefono" model="$ctrl.model.Telefono"></vn-textfield>
<vn-textfield vn-one label="Telefono Movil" name="movil" model="$ctrl.model.movil"></vn-textfield>
<vn-textfield vn-one label="Email" name="email" model="$ctrl.model.email"></vn-textfield>
<vn-textfield vn-one label="Telefono Fijo" name="phone" model="$ctrl.model"></vn-textfield>
<vn-textfield vn-one label="Telefono Movil" name="mobile" model="$ctrl.model"></vn-textfield>
<vn-textfield vn-one label="Email" name="email" model="$ctrl.model"></vn-textfield>
</vn-horizontal>
<hr class="border-dashed-top"/>
<h5 vn-one style="margin-top: 0;">Información de facturación</h5>
<vn-horizontal>
<vn-combo vn-two label="Forma de Pago" name="pay_met_id" model="$ctrl.model.pay_met_id"></vn-combo>
<vn-textfield vn-one label="Vencimiento" name="Vencimiento" model="$ctrl.model.Vencimiento"></vn-textfield>
<vn-check vn-three label="Recargo de" name"re" model="$ctrl.model.re"></vn-check>
<vn-combo vn-two label="Forma de Pago" name="payMethod" model="$ctrl.model"></vn-combo>
<vn-textfield vn-one label="Vencimiento" name="expiration" model="$ctrl.model"></vn-textfield>
<vn-check vn-three label="Recargo de equivalencia" name="er" model="$ctrl.model"></vn-check>
</vn-horizontal>
<vn-horizontal>
<vn-textfield vn-one label="Credito" name="Credito" model="$ctrl.model.Credito"></vn-textfield>
<vn-textfield vn-one label="Cyc" name="cyc" model="$ctrl.model.cyc"></vn-textfield>
<vn-textfield vn-one label="iae" name"re" model="$ctrl.model.re"></vn-textfield>
<vn-textfield vn-three label="iban" name"iban" model="$ctrl.model.iban"></vn-textfield>
<vn-textfield vn-one label="Credito" name="credit" model="$ctrl.model"></vn-textfield>
<vn-textfield vn-one label="CyC" name="cyc" model="$ctrl.model"></vn-textfield>
<vn-textfield vn-one label="IAE" name="iae" model="$ctrl.model"></vn-textfield>
<vn-textfield vn-three label="iban" name="iban" model="$ctrl.model"></vn-textfield>
</vn-horizontal>
<hr class="border-dashed-top"/>
<h5 style="margin-top: 0;">DOCUMENTACION</h5>
<h5 style="margin-top: 0;">Documentación</h5>
<vn-horizontal>
<vn-check vn-two label="Recibido core vnh" name"corevnh" model="$ctrl.model.corevnh"></vn-check>
<vn-check vn-two label="Recibido core vnl" name="corevnl" model="$ctrl.model.corevnl"></vn-check>
<vn-check vn-two label="Recibido B2B vnl" name="sepavnl" model="$ctrl.model.sepavnl"></vn-check>
<vn-check vn-two label="Recibido core vnh" name="coreVnh" model="$ctrl.model"></vn-check>
<vn-check vn-two label="Recibido core vnl" name="coreVnl" model="$ctrl.model"></vn-check>
<vn-check vn-two label="Recibido B2B vnl" name="sepaVnl" model="$ctrl.model"></vn-check>
</vn-horizontal>
<vn-empty class="margin-large-top">
<vn-submit class="colored " text="Guardar"></vn-submit>
<vn-submit text="Guardar"></vn-submit>
</vn-empty>
</form>

58
@salix/crud/src/client/index/index.html
View File

@ -1,42 +1,26 @@
<form ng-submit="$ctrl.submit()">
<vn-vertical class="full-height">
<vn-topbar></vn-topbar>
<vn-horizontal>
<vn-four></vn-four>
<vn-eight>
<vn-vertical>
<vn-horizontal>
<vn-one>
<vn-textfield label="Id Cliente" alias="id" model="$ctrl.model.id"></vn-textfield>
<vn-textfield label="NIF/CIF" alis="nif" model="$ctrl.model.fi"></vn-textfield>
</vn-one>
</vn-horizontal>
<vn-horizontal>
<vn-one>
<vn-textfield label="Alias" alias="alias" model="$ctrl.model.alias"></vn-textfield>
</vn-one>
</vn-horizontal>
<vn-horizontal>
<vn-one>
<vn-textfield label="Razon Social" alias="razon" model="$ctrl.model.name"></vn-textfield>
</vn-one>
</vn-horizontal>
<vn-horizontal>
<vn-one>
<vn-textfield label="Población" alias="poblacion" model="$ctrl.model.city"></vn-textfield>
<vn-textfield label="Código Postal" alias="cp" model="$ctrl.model.cp"></vn-textfield>
</vn-one>
</vn-horizontal>
<vn-horizontal>
<vn-one>
<vn-textfield label="Email" alias="mail" model="$ctrl.model.email"></vn-textfield>
<vn-textfield label="Teléfono" alias="phone" model="$ctrl.model.phone"></vn-textfield>
</vn-one>
</vn-horizontal>
<vn-submit text="Buscar"></vn-submit>
</vn-vertical>
</vn-eight>
</vn-horizontal>
<vn-vertical pad-large>
<vn-horizontal>
<vn-textfield vn-one label="Id Cliente" name="id" model="$ctrl.model"></vn-textfield>
<vn-textfield vn-one label="NIF/CIF" name="fi" model="$ctrl.model"></vn-textfield>
</vn-horizontal>
<vn-horizontal>
<vn-textfield vn-one label="Alias" name="alias" model="$ctrl.model"></vn-textfield>
</vn-horizontal>
<vn-horizontal>
<vn-textfield vn-two label="Razon Social" name="name" model="$ctrl.model"></vn-textfield>
</vn-horizontal>
<vn-horizontal>
<vn-textfield vn-one label="Población" name="city" model="$ctrl.model"></vn-textfield>
<vn-textfield vn-one label="Código Postal" name="postcode" model="$ctrl.model"></vn-textfield>
</vn-horizontal>
<vn-horizontal>
<vn-textfield vn-one label="Email" name="email" model="$ctrl.model"></vn-textfield>
<vn-textfield vn-one label="Teléfono" name="phone" model="$ctrl.model"></vn-textfield>
</vn-horizontal>
<vn-submit text="Buscar"></vn-submit>
</vn-vertical>
</vn-vertical>
</form>

27
@salix/crud/src/client/routes.js
View File

@ -1,35 +1,30 @@
[
{
{
module: 'crud',
routes: [{
url: '/clients',
state: 'clients',
template: '<vn-client-index full-height></vn-client-index>',
module: 'crud',
component: 'vn-client-index',
description: '',
image: '',
},{
url: '/client',
state: 'client',
template: '<vn-client-client full-height></vn-client-client>',
module: 'crud',
component: 'vn-client-client',
},{
url: '/basic-data',
state: 'client.basicdata',
template: '<vn-client-basic-data full-height></vn-client-basic-data>',
module: 'crud'
component: 'vn-client-basic-data',
},{
url: '/addresses',
state: 'client.addresses',
template: '<vn-client-addresses full-height></vn-client-addresses>',
module: 'crud'
component: 'vn-client-addresses',
},{
url: '/fiscal-data',
state: 'client.fiscaldata',
template: '<vn-client-fiscal-data full-height></vn-client-fiscal-data>',
module: 'crud'
component: 'vn-client-fiscal-data',
},{
url: '/web-access',
state: 'client.webaccess',
template: '<vn-client-web-access full-height></vn-client-web-access>',
module: 'crud'
}
]
component: 'vn-client-web-access',
}]
}

22
@salix/crud/src/client/web-access/index.html
View File

@ -1,18 +1,6 @@
<form ng-submit="$ctrl.submit()">
<vn-vertical class="form">
<vn-one>
<h3 style="margin-top: 0;">Acceso Web</h3>
</vn-one>
<vn-vertical>
<vn-one>
<vn-check label="Acceso web activo" model="$ctrl.model.active"></vn-check>
</vn-one>
<vn-one uppercase>
<vn-textfield label="Usuario" class="padd-medium-top" model="$ctrl.model.user"></vn-textfield>
</vn-one>
<vn-one>
<vn-submit class="colored" text="Guardar"></vn-submit>
</vn-one>
</vn-vertical>
</vn-vertical>
<form ng-submit="$ctrl.submit()" pad-large>
<vn-title>Acceso Web</vn-title>
<vn-check label="Acceso web activo" name="active" model="$ctrl.model"></vn-check>
<vn-textfield label="Usuario" class="padd-medium-top" name="user" model="$ctrl.model"></vn-textfield>
<vn-submit text="Guardar"></vn-submit>
</form>

13
@salix/crud/src/crud.js
View File

@ -1,15 +1,2 @@
export * from './module';
export * from './client/client';
export {NAME as NAVIGATION_INDEX,
COMPONENT as NAVIGATION_INDEX_COMPONENT} from './navigation/index';
export {NAME as NAVIGATION_ITEM,
COMPONENT as NAVIGATION_ITEM_COMPONENT} from './navigation/index/item';
export {NAME as NAVIGATION_LIST,
COMPONENT as NAVIGATION_LIST_COMPONENT} from './navigation/index/list';
export {NAME as NAVIGATION_HEADER,
COMPONENT as NAVIGATION_HEADER_COMPONENT} from './navigation/index/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';

9
@salix/crud/src/navigation/index/compose.html
View File

@ -1,9 +0,0 @@
<div class="demo-layout mdl-layout mdl-js-layout mdl-layout--fixed-drawer mdl-layout--fixed-header">
<navigation-header></navigation-header>
<div class="demo-drawer mdl-layout__drawer mdl-color--light-green-900 mdl-color-text--blue-grey-50">
<navigation-list items="$ctrl.items"></navigation-list>
</div>
<main class="mdl-layout__content mdl-color--grey-100">
<navigation-main></navigation-main>
</main>
</div>

20
@salix/crud/src/navigation/index/compose.js
View File

@ -1,20 +0,0 @@
import template from './compose.html';
import {module} from '../../module';
export const NAME = 'navigationCompose';
export const COMPONENT = {
template: template,
controller: function() {
this.items = [{icon: 'home', text: 'Opcion 1', link: ''},
{icon: 'inbox', text: 'Opcion 2', link: ''},
{icon: 'delete', text: 'Opcion 3', link: ''},
{icon: 'report', text: 'Opcion 4', link: ''},
{icon: 'forum', text: 'Opcion 5', link: ''},
{icon: 'flag', text: 'Opcion 6', link: ''},
{icon: 'local_offer', text: 'Opcion 7', link: ''},
{icon: 'shopping_cart', text: 'Opcion 8', link: ''},
{icon: 'people', text: 'Opcion 9', link: ''}];
}
};
module.component(NAME, COMPONENT);

208
@salix/crud/src/navigation/index/css/styles
View File

@ -1,208 +0,0 @@
html, body {
font-family: 'Roboto', 'Helvetica', sans-serif;
}
.demo-avatar {
width: 48px;
height: 48px;
border-radius: 24px;
}
.demo-layout .demo-header .mdl-textfield {
padding: 0px;
margin-top: 41px;
}
.demo-layout .demo-header .mdl-textfield .mdl-textfield__expandable-holder {
bottom: 19px;
}
.demo-layout .mdl-layout__header .mdl-layout__drawer-button {
color: rgba(0, 0, 0, 0.54);
}
.mdl-layout__drawer .avatar {
margin-bottom: 16px;
}
.demo-drawer {
border: none;
}
/* iOS Safari specific workaround */
.demo-drawer .mdl-menu__container {
z-index: -1;
}
.demo-drawer .demo-navigation {
z-index: -2;
}
/* END iOS Safari specific workaround */
.demo-drawer .mdl-menu .mdl-menu__item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.demo-drawer-header {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 16px;
height: 151px;
}
.demo-avatar-dropdown {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.demo-navigation {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.demo-layout .demo-navigation .mdl-navigation__link {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: rgba(255, 255, 255, 0.56);
font-weight: 500;
}
.demo-layout .demo-navigation .mdl-navigation__link:hover {
background-color: #00BCD4;
color: #37474F;
}
.demo-navigation .mdl-navigation__link .material-icons {
font-size: 24px;
color: rgba(255, 255, 255, 0.56);
margin-right: 32px;
}
.demo-content {
max-width: 1080px;
}
.demo-charts {
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.demo-chart:nth-child(1) {
color: #ACEC00;
}
.demo-chart:nth-child(2) {
color: #00BBD6;
}
.demo-chart:nth-child(3) {
color: #BA65C9;
}
.demo-chart:nth-child(4) {
color: #EF3C79;
}
.demo-graphs {
padding: 16px 32px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
/* TODO: Find a proper solution to have the graphs
* not float around outside their container in IE10/11.
* Using a browserhacks.com solution for now.
*/
_:-ms-input-placeholder, :root .demo-graphs {
min-height: 664px;
}
_:-ms-input-placeholder, :root .demo-graph {
max-height: 300px;
}
/* TODO end */
.demo-graph:nth-child(1) {
color: #00b9d8;
}
.demo-graph:nth-child(2) {
color: #d9006e;
}
.demo-cards {
-webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.demo-cards .demo-separator {
height: 32px;
}
.demo-cards .mdl-card__title.mdl-card__title {
color: white;
font-size: 24px;
font-weight: 400;
}
.demo-cards ul {
padding: 0;
}
.demo-cards h3 {
font-size: 1em;
}
.demo-updates .mdl-card__title {
min-height: 200px;
background-image: url('images/dog.png');
background-position: 90% 100%;
background-repeat: no-repeat;
}
.demo-cards .mdl-card__actions a {
color: #00BCD4;
text-decoration: none;
}
.demo-options h3 {
margin: 0;
}
.demo-options .mdl-checkbox__box-outline {
border-color: rgba(255, 255, 255, 0.89);
}
.demo-options ul {
margin: 0;
list-style-type: none;
}
.demo-options li {
margin: 4px 0;
}
.demo-options .material-icons {
color: rgba(255, 255, 255, 0.89);
}
.demo-options .mdl-card__actions {
height: 64px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
box-sizing: border-box;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

234
@salix/crud/src/navigation/index/css/styles.css
View File

@ -1,234 +0,0 @@
/**
* Copyright 2015 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
html, body {
font-family: 'Roboto', 'Helvetica', sans-serif;
}
.demo-avatar {
width: 40px;
height: 40px;
border-radius: 24px;
}
.mdl-textfield--expandable .mdl-button--icon {
top: 0px;
}
.demo-layout .demo-header .mdl-textfield {
margin-top: 41px;
}
.demo-layout .demo-header .mdl-textfield .mdl-textfield__expandable-holder {
bottom: 19px;
}
.demo-layout .mdl-layout__header .mdl-layout__drawer-button {
color: rgba(0, 0, 0, 0.54);
}
.mdl-layout__drawer .avatar {
margin-bottom: 16px;
}
.demo-drawer {
border: none;
}
/* iOS Safari specific workaround */
.demo-drawer .mdl-menu__container {
z-index: -1;
}
.demo-drawer .demo-navigation {
z-index: -2;
}
/* END iOS Safari specific workaround */
.demo-drawer .mdl-menu .mdl-menu__item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.demo-drawer-header {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 64px;
padding-bottom: 12px;
padding-left: 16px;
}
.demo-avatar-dropdown {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.demo-navigation {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.demo-layout .demo-navigation .mdl-navigation__link {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #424242;
font-weight: 500;
}
.demo-layout .demo-navigation .mdl-navigation__link:hover {
background-color: #ff9800;
color: #fff;
}
.demo-navigation .mdl-navigation__link .material-icons {
font-size: 24px;
color: rgba(255, 255, 255, 0.56);
margin-right: 32px;
}
.demo-content {
max-width: 1080px;
}
.demo-charts {
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.demo-chart:nth-child(1) {
color: #ACEC00;
}
.demo-chart:nth-child(2) {
color: #00BBD6;
}
.demo-chart:nth-child(3) {
color: #BA65C9;
}
.demo-chart:nth-child(4) {
color: #EF3C79;
}
.demo-graphs {
padding: 16px 32px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
/* TODO: Find a proper solution to have the graphs
* not float around outside their container in IE10/11.
* Using a browserhacks.com solution for now.
*/
_:-ms-input-placeholder, :root .demo-graphs {
min-height: 664px;º
}
_:-ms-input-placeholder, :root .demo-graph {
max-height: 300px;
}
/* TODO end */
.demo-graph:nth-child(1) {
color: #00b9d8;
}
.demo-graph:nth-child(2) {
color: #d9006e;
}
.demo-cards {
-webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.demo-cards .demo-separator {
height: 32px;
}
.demo-cards .mdl-card__title.mdl-card__title {
color: white;
padding-bottom: 30px;
font-size: 24px;
font-weight: 400;
}
.demo-cards ul {
padding: 0;
}
.demo-cards h3 {
font-size: 1em;
}
.demo-updates .mdl-card__title {
height: 64px;
}
.demo-cards .mdl-card__actions a {
color: ;
text-decoration: none;
}
.demo-options h3 {
margin: 0;
}
.demo-options .mdl-checkbox__box-outline {
border-color: rgba(255, 255, 255, 0.89);
}
.demo-options ul {
margin: 0;
list-style-type: none;
}
.demo-options li {
margin: 4px 0;
}
.demo-options .material-icons {
color: rgba(255, 255, 255, 0.89);
}
.demo-options .mdl-card__actions {
height: 64px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
box-sizing: border-box;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

24
@salix/crud/src/navigation/index/header.html
View File

@ -1,24 +0,0 @@
<header class="demo-header mdl-layout__header">
<div class="mdl-layout__header-row">
<div class="mdl-layout-spacer"></div>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable">
<label class="mdl-button mdl-js-button mdl-button--icon" for="search">
<i class="material-icons">search</i>
</label>
<div class="mdl-textfield__expandable-holder">
<input class="mdl-textfield__input" type="text" id="search">
</div>
</div>
<div class="mdl-layout-spacer"></div>
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon" id="hdrbtn">
<i class="material-icons">more_vert</i>
</button>
<ul class="mdl-menu mdl-js-menu mdl-js-ripple-effect mdl-menu--bottom-right" for="hdrbtn">
<li class="mdl-menu__item">Opcion</li>
<li class="mdl-menu__item">Opcion</li>
<li class="mdl-menu__item">Opcion</li>
</ul>
</div>
</header>

10
@salix/crud/src/navigation/index/header.js
View File

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

233
@salix/crud/src/navigation/index/index.html
View File

@ -1,233 +0,0 @@
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.2.1/material.light_green-orange.min.css">
<style>
html, body {
font-family: 'Roboto', 'Helvetica', sans-serif;
}
.demo-avatar {
width: 40px;
height: 40px;
border-radius: 24px;
}
.mdl-textfield--expandable .mdl-button--icon {
top: 0px;
}
.demo-layout .demo-header .mdl-textfield {
margin-top: 41px;
}
.demo-layout .demo-header .mdl-textfield .mdl-textfield__expandable-holder {
bottom: 19px;
}
.demo-layout .mdl-layout__header .mdl-layout__drawer-button {
color: rgba(0, 0, 0, 0.54);
}
.mdl-layout__drawer .avatar {
margin-bottom: 16px;
}
.demo-drawer {
border: none;
}
/* iOS Safari specific workaround */
.demo-drawer .mdl-menu__container {
z-index: -1;
}
.demo-drawer .demo-navigation {
z-index: -2;
}
/* END iOS Safari specific workaround */
.demo-drawer .mdl-menu .mdl-menu__item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.demo-drawer-header {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 64px;
padding-bottom: 12px;
padding-left: 16px;
}
.demo-avatar-dropdown {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.demo-navigation {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.demo-layout .demo-navigation .mdl-navigation__link {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #424242;
font-weight: 500;
}
.demo-layout .demo-navigation .mdl-navigation__link:hover {
background-color: #ff9800;
color: #fff;
}
.demo-navigation .mdl-navigation__link .material-icons {
font-size: 24px;
color: rgba(255, 255, 255, 0.56);
margin-right: 32px;
}
.demo-content {
max-width: 1080px;
}
.demo-charts {
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.demo-chart:nth-child(1) {
color: #ACEC00;
}
.demo-chart:nth-child(2) {
color: #00BBD6;
}
.demo-chart:nth-child(3) {
color: #BA65C9;
}
.demo-chart:nth-child(4) {
color: #EF3C79;
}
.demo-graphs {
padding: 16px 32px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
/* TODO: Find a proper solution to have the graphs
* not float around outside their container in IE10/11.
* Using a browserhacks.com solution for now.
*/
_:-ms-input-placeholder, :root .demo-graphs {
min-height: 664px;
}
_:-ms-input-placeholder, :root .demo-graph {
max-height: 300px;
}
/* TODO end */
.demo-graph:nth-child(1) {
color: #00b9d8;
}
.demo-graph:nth-child(2) {
color: #d9006e;
}
.demo-cards {
-webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.demo-cards .demo-separator {
height: 32px;
}
.demo-cards .mdl-card__title.mdl-card__title {
color: white;
padding-bottom: 30px;
font-size: 24px;
font-weight: 400;
}
.demo-cards ul {
padding: 0;
}
.demo-cards h3 {
font-size: 1em;
}
.demo-updates .mdl-card__title {
height: 64px;
}
.demo-cards .mdl-card__actions a {
color: ;
text-decoration: none;
}
.demo-options h3 {
margin: 0;
}
.demo-options .mdl-checkbox__box-outline {
border-color: rgba(255, 255, 255, 0.89);
}
.demo-options ul {
margin: 0;
list-style-type: none;
}
.demo-options li {
margin: 4px 0;
}
.demo-options .material-icons {
color: rgba(255, 255, 255, 0.89);
}
.demo-options .mdl-card__actions {
height: 64px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
box-sizing: border-box;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.mdl-card__title-text{
text-shadow: 1px 1px #5e892a
}
</style>
</head>
<body>
<navigation-compose></navigation-compose>
<script src="https://code.getmdl.io/1.2.1/material.min.js"></script>
</body>

11
@salix/crud/src/navigation/index/index.js
View File

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

4
@salix/crud/src/navigation/index/item.html
View File

@ -1,4 +0,0 @@
<a class="mdl-navigation__link" item= "item" href={{$ctrl.item.link}}>
<i class="mdl-color-text--white material-icons" role="presentation">{{$ctrl.item.icon}}</i>
{{$ctrl.item.text}}
</a>

13
@salix/crud/src/navigation/index/item.js
View File

@ -1,13 +0,0 @@
import template from './item.html';
import {module} from '../../module';
export const NAME = 'navigationItem';
export const COMPONENT = {
template: template,
bindings: {
item: '<'
}
};
module.component(NAME, COMPONENT);

8
@salix/crud/src/navigation/index/list.html
View File

@ -1,8 +0,0 @@
<header class="demo-drawer-header">
<!--<img src="images/user.jpg" class="demo-avatar">-->
</header>
<nav class="demo-navigation mdl-navigation mdl-color--light-green">
<navigation-item ng-repeat="item in $ctrl.items" item ="item"></navigation-item>
<div class="mdl-layout-spacer"></div>
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--white material-icons" role="presentation">help_outline</i><span class="visuallyhidden">Help</span></a>
</nav>

13
@salix/crud/src/navigation/index/list.js
View File

@ -1,13 +0,0 @@
import template from './list.html';
import {module} from '../../module';
export const NAME = 'navigationList';
export const COMPONENT = {
template: template,
bindings: {
items: '<'
}
};
module.component(NAME, COMPONENT);

13
@salix/crud/src/navigation/index/main.html
View File

@ -1,13 +0,0 @@
<div class="demo-cards mdl-cell mdl-cell--6-col mdl-cell mdl-grid">
<div class="demo-updates mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--4-col-tablet mdl-cell--12-col-desktop">
<div class="mdl-card__title mdl-card--expand mdl-color--light-green">
<h2 class="mdl-card__title-text">Opciones</h2>
</div>
<div class="mdl-card__supporting-text mdl-color-text--grey-600">
Cuerpo principal de la tarjeta "opciones"
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="#" class="mdl-button mdl-js-button mdl-js-ripple-effect">Guardar Cambios</a>
</div>
</div>
</div>

10
@salix/crud/src/navigation/index/main.js
View File

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

234
@salix/crud/src/navigation/index/style.css
View File

@ -1,234 +0,0 @@
/**
* Copyright 2015 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
html, body {
font-family: 'Roboto', 'Helvetica', sans-serif;
}
.demo-avatar {
width: 40px;
height: 40px;
border-radius: 24px;
}
.mdl-textfield--expandable .mdl-button--icon {
top: 0px;
}
.demo-layout .demo-header .mdl-textfield {
margin-top: 41px;
}
.demo-layout .demo-header .mdl-textfield .mdl-textfield__expandable-holder {
bottom: 19px;
}
.demo-layout .mdl-layout__header .mdl-layout__drawer-button {
color: rgba(0, 0, 0, 0.54);
}
.mdl-layout__drawer .avatar {
margin-bottom: 16px;
}
.demo-drawer {
border: none;
}
/* iOS Safari specific workaround */
.demo-drawer .mdl-menu__container {
z-index: -1;
}
.demo-drawer .demo-navigation {
z-index: -2;
}
/* END iOS Safari specific workaround */
.demo-drawer .mdl-menu .mdl-menu__item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.demo-drawer-header {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 64px;
padding-bottom: 12px;
padding-left: 16px;
}
.demo-avatar-dropdown {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.demo-navigation {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.demo-layout .demo-navigation .mdl-navigation__link {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #424242;
font-weight: 500;
}
.demo-layout .demo-navigation .mdl-navigation__link:hover {
background-color: #ff9800;
color: #fff;
}
.demo-navigation .mdl-navigation__link .material-icons {
font-size: 24px;
color: rgba(255, 255, 255, 0.56);
margin-right: 32px;
}
.demo-content {
max-width: 1080px;
}
.demo-charts {
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.demo-chart:nth-child(1) {
color: #ACEC00;
}
.demo-chart:nth-child(2) {
color: #00BBD6;
}
.demo-chart:nth-child(3) {
color: #BA65C9;
}
.demo-chart:nth-child(4) {
color: #EF3C79;
}
.demo-graphs {
padding: 16px 32px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
/* TODO: Find a proper solution to have the graphs
* not float around outside their container in IE10/11.
* Using a browserhacks.com solution for now.
*/
_:-ms-input-placeholder, :root .demo-graphs {
min-height: 664px;
}
_:-ms-input-placeholder, :root .demo-graph {
max-height: 300px;
}
/* TODO end */
.demo-graph:nth-child(1) {
color: #00b9d8;
}
.demo-graph:nth-child(2) {
color: #d9006e;
}
.demo-cards {
-webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.demo-cards .demo-separator {
height: 32px;
}
.demo-cards .mdl-card__title.mdl-card__title {
color: white;
padding-bottom: 30px;
font-size: 24px;
font-weight: 400;
}
.demo-cards ul {
padding: 0;
}
.demo-cards h3 {
font-size: 1em;
}
.demo-updates .mdl-card__title {
height: 64px;
}
.demo-cards .mdl-card__actions a {
color: ;
text-decoration: none;
}
.demo-options h3 {
margin: 0;
}
.demo-options .mdl-checkbox__box-outline {
border-color: rgba(255, 255, 255, 0.89);
}
.demo-options ul {
margin: 0;
list-style-type: none;
}
.demo-options li {
margin: 4px 0;
}
.demo-options .material-icons {
color: rgba(255, 255, 255, 0.89);
}
.demo-options .mdl-card__actions {
height: 64px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
box-sizing: border-box;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

8
@salix/crud/src/navigation/routes.js
View File

@ -1,8 +0,0 @@
[{
url: '/navigation',
state: 'navigation',
template: '<navigation-index></navigation-index>',
module: 'crud',
description: '',
image: '',
}]

20
@salix/login/src/login/login.html
View File

@ -1,16 +1,16 @@
<div class="vn-login">
<div class="box-wrapper">
<div class="box">
<img src="./logo.svg"/>
<form name="form" ng-submit="login.submit()">
<vn-textfield label="E-Mail" name="email" model="login.model.email"></vn-textfield>
<vn-password label="Password" name="password" model="login.model.password"></vn-password>
<vn-check label="Do not close session" name="remember" model="login.model.remember"></vn-check>
<div class="footer">
<vn-submit></vn-submit>
<vn-spinner id="spinner"></vn-spinner>
</div>
</form>
<img src="./logo.svg"/>
<form name="form" ng-submit="login.submit()">
<vn-textfield label="User" name="email" model="login.model"></vn-textfield>
<vn-password label="Password" name="password" model="login.model"></vn-password>
<vn-check label="Do not close session" name="remember" model="login.model"></vn-check>
<div class="footer">
<vn-submit label="Enter"></vn-submit>
<vn-spinner id="spinner"></vn-spinner>
</div>
</form>
</div>
</div>
<vn-snackbar id="snackbar"/></vn-snackbar>

6
@salix/login/src/login/login.scss
View File

@ -14,7 +14,7 @@
.box-wrapper
{
position: relative;
max-width: 20em;
max-width: 22em;
margin: auto;
height: inherit;
}
@ -25,7 +25,7 @@
top: 50%;
width: 100%;
margin-top: -13.5em;
padding: 2em;
padding: 3em;
background-color: white;
box-shadow: 0 0 1em 0 rgba(1,1,1,.6);
border-radius: .5em;
@ -37,7 +37,7 @@
}
.footer
{
margin-top: 1.5em;
margin-top: 1em;
margin-left: 3em;
text-align: center;
}