Consignatarios acabado

This commit is contained in:
Juan Ferrer Toribio 2016-11-29 13:00:15 +01:00
parent eafbcb1915
commit b8df169eeb
20 changed files with 102 additions and 146 deletions

View File

@ -1,3 +0,0 @@
<!-- por definir -->

View File

@ -1,23 +0,0 @@
import {module as _module} from '../module';
import * as util from '../util';
import * as constant from '../constants';
import template from './buttonicon.bt.html';
const _NAME = 'buttonicon';
const DEFAULT_CLASS = 'mdl-button mdl-js-button mdl-button--icon';
export const NAME = util.getFactoryName(_NAME + constant.MATERIAL_DESIGN_FRAMEWORK);
export function factory() {
return {
template: template,
default: {
className: DEFAULT_CLASS,
enabled: 'true',
typeName: 'button',
image:'',
}
}
}
_module.factory(NAME, factory);

View File

@ -1,4 +0,0 @@
<button type = "*[typeName]*" class="*[className]*">
<i class="material-icons">*[image]*</i>
</button>

View File

@ -1,23 +0,0 @@
import {module as _module} from '../module';
import * as util from '../util';
import * as constant from '../constants';
import template from './buttonicon.mt.html';
const _NAME = 'buttonicon';
const DEFAULT_CLASS = 'mdl-button mdl-js-button mdl-button--icon';
export const NAME = util.getFactoryName(_NAME + constant.MATERIAL_DESIGN_FRAMEWORK);
export function factory() {
return {
template: template,
default: {
className: DEFAULT_CLASS,
enabled: 'true',
typeName: 'button',
image:'',
}
}
}
_module.factory(NAME, factory);

View File

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

View File

@ -4,7 +4,6 @@ import * as constant from '../constants';
import template from './check.mt.html'; import template from './check.mt.html';
const _NAME = 'check'; const _NAME = 'check';
const DEFAULT_TEXT = 'check';
const DEFAULT_CLASS = 'mdl-checkbox__input'; const DEFAULT_CLASS = 'mdl-checkbox__input';
export const NAME = util.getFactoryName(_NAME + constant.MATERIAL_DESIGN_FRAMEWORK); export const NAME = util.getFactoryName(_NAME + constant.MATERIAL_DESIGN_FRAMEWORK);
@ -13,9 +12,7 @@ export function factory() {
return { return {
template: template, template: template,
default: { default: {
label: DEFAULT_TEXT,
enabled: 'true', enabled: 'true',
id: 'checkboxId',
className: DEFAULT_CLASS className: DEFAULT_CLASS
} }
} }

View File

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

View File

@ -2,7 +2,6 @@ import {module} from '../module';
import template from './combo.mt.html'; import template from './combo.mt.html';
export const NAME = 'vnCombomtFactory'; export const NAME = 'vnCombomtFactory';
export function factory() { export function factory() {
return { return {
template: template, template: template,
@ -12,5 +11,4 @@ export function factory() {
} }
} }
} }
module.factory(NAME, factory); module.factory(NAME, factory);

View File

@ -7,42 +7,41 @@ export * from './util'
export {SplitingRegister as splitingRegister} from './splitingregister' export {SplitingRegister as splitingRegister} from './splitingregister'
export {NAME as RESOLVEDEFAULTCOMPONENT, ResolveDefaultComponent} from './resolveDefaultComponents' export {NAME as RESOLVEDEFAULTCOMPONENT, ResolveDefaultComponent} from './resolveDefaultComponents'
export {NAME as INTERPOLATE,Interpolate} from './interpolate' export {NAME as INTERPOLATE, Interpolate} from './interpolate'
export {NAME as ROUTESLOADER, RoutesLoader} from './routesLoader' export {NAME as ROUTES_LOADER, RoutesLoader} from './routesLoader'
export {NAME as BUTTON,directive as ButtonDirective} from './button/button' export {NAME as BUTTON, directive as ButtonDirective} from './button/button'
export {NAME as BUTTONMT,factory as buttonmt} from './button/button.mt' export {NAME as BUTTON_MT, factory as buttonMt} from './button/button.mt'
export {NAME as BUTTONBT,factory as buttonbt} from './button/button.bt' export {NAME as BUTTON_BT, factory as buttonBt} from './button/button.bt'
export {NAME as BUTTONICON,directive as ButtoniconDirective} from './buttonicon/buttonicon'
export {NAME as BUTTONICONMT,factory as buttoniconmt} from './buttonicon/buttonicon.mt'
export {NAME as BUTTONICONBT,factory as buttoniconbt} from './buttonicon/buttonicon.bt'
export {NAME as CHECK,directive as CheckDirective} from './check/check' export {NAME as CHECK,directive as CheckDirective} from './check/check'
export {NAME as CHECKMT,factory as checknmt} from './check/check.mt' export {NAME as CHECK_MT, factory as checknMt} from './check/check.mt'
export {NAME as CHECKBT,factory as checkbt} from './check/check.bt' 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,directive as RadioDirective} from './radio/radio'
export {NAME as RADIOMT,factory as radionmt} from './radio/radio.mt' export {NAME as RADIO_MT, factory as radionMt} from './radio/radio.mt'
export {NAME as RADIOBT,factory as radiobt} from './radio/radio.bt' 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, directive as TextfieldDirective} from './textfield/textfield'
export {NAME as TEXTFIELDMT,factory as textfieldmt} from './textfield/textfield.mt' export {NAME as TEXTFIELD_MT, factory as textfieldMt} from './textfield/textfield.mt'
export {NAME as TEXTFIELDBT,factory as textfieldbt} from './textfield/textfield.bt' 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, directive as LabelDirective} from './label/label'
export {NAME as LABELMT,factory as labelmt} from './label/label.mt' export {NAME as LABEL_MT, factory as labelMt} from './label/label.mt'
export {NAME as LABELBT,factory as labelbt} from './label/label.bt' export {NAME as LABEL_BT, factory as labelBt} from './label/label.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,factory as searchbar} from './searchbar/searchbar'
export {NAME as SEARCHBARMT,factory as searchbarmt} from './searchbar/searchbar.mt' export {NAME as SEARCHBAR_MT, factory as searchbarMt} from './searchbar/searchbar.mt'
export {NAME as SEARCHBARBT,factory as searchbarbt} from './searchbar/searchbar.bt' export {NAME as SEARCHBAR_BT,factory as searchbarBt} from './searchbar/searchbar.bt'
export {NAME as PASSWORD,directive as PasswordDirective} from './password/password' 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_MT,factory as passwordMt} from './password/password.mt'
export {NAME as SUBMIT,directive as SubmitDirective} from './submit/submit' 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_MT, factory as submitMt} from './submit/submit.mt'
export {NAME as SNACKBAR,directive as SnackbarDirective} from './snackbar/snackbar' 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_MT, factory as snackbarMt} from './snackbar/snackbar.mt'
export {NAME as SPINNER,directive as SpinnerDirective} from './spinner/spinner' 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_MT, factory as spinnerMt} from './spinner/spinner.mt'
export {NAME as COMBO,directive as ComboDirective} from './combo/combo' 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_MT, factory as comboMt} from './combo/combo.mt'
export {NAME as DATE_PICKER,directive as DatePickerDirective} from './date-picker/date-picker' 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_MT, factory as datePickerMt} from './date-picker/date-picker.mt'
export {NAME as VN_MAINMENU, COMPONENT as VN_MAINMENU_COMPONENT} from './main-menu/main-menu'; export {NAME as VN_MAINMENU, COMPONENT as VN_MAINMENU_COMPONENT} from './main-menu/main-menu';
@ -50,5 +49,5 @@ export {NAME as ACTIONS, COMPONENT as ACTIONS_COMPONENT} from './left-menu/actio
export {NAME as DESCRIPTOR, COMPONENT as DESCRIPTOR_COMPONENT} from './left-menu/descriptor'; export {NAME as DESCRIPTOR, COMPONENT as DESCRIPTOR_COMPONENT} from './left-menu/descriptor';
export {NAME as LEFT_MENU, COMPONENT as LEFTMENU_COMPONENT} from './left-menu/left-menu'; export {NAME as LEFT_MENU, COMPONENT as LEFTMENU_COMPONENT} from './left-menu/left-menu';
export {NAME as MENU_ITEM, COMPONENT as MENU_ITEM_COMPONENT} from './left-menu/menu-item'; export {NAME as MENU_ITEM, COMPONENT as MENU_ITEM_COMPONENT} from './left-menu/menu-item';
export {NAME as CLIENT_TOP_BAR, COMPONENT as CLIENT_TOP_BAR_COMPONENT} from './topbar/topbar'; export {NAME as CLIENT_TOPBAR, COMPONENT as CLIENT_TOPBAR_COMPONENT} from './topbar/topbar';

View File

@ -5,14 +5,13 @@ import * as util from '../util';
const _NAME = 'datePicker'; const _NAME = 'datePicker';
export const NAME = util.getName(_NAME); export const NAME = util.getName(_NAME);
directive.$inject =[resolveFactory.NAME]; directive.$inject = [resolveFactory.NAME];
export function directive (resolve){ export function directive(resolve) {
return{ return {
require:'E', require: 'E',
template: function(_,attr){ template: function(_, attr) {
return resolve.getTemplate(_NAME, attr); return resolve.getTemplate(_NAME, attr);
} }
} };
} }
module.directive(NAME, directive);
module.directive(NAME,directive);

View File

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

View File

@ -2,16 +2,13 @@ import {module} from '../module';
import template from './date-picker.mt.html'; import template from './date-picker.mt.html';
export const NAME = 'vnDatePickermtFactory'; export const NAME = 'vnDatePickermtFactory';
export function factory() { export function factory() {
return { return {
template: template, template: template,
default: { default: {
label: 'Label', label: 'Label',
enabled: 'enabled', enabled: 'enabled'
className: 'mdl-textfield__input'
} }
} }
} }
module.factory(NAME, factory); module.factory(NAME, factory);

View File

@ -1,8 +1,8 @@
import {module as _module} from '../module'; import {module} from '../module';
import * as resolveFactory from '../resolveDefaultComponents'; import * as resolveFactory from '../resolveDefaultComponents';
import * as util from '../util'; import * as util from '../util';
const _NAME = 'buttonicon'; const _NAME = 'iconButton';
export const NAME = util.getName(_NAME); export const NAME = util.getName(_NAME);
directive.$inject = [resolveFactory.NAME]; directive.$inject = [resolveFactory.NAME];
@ -14,6 +14,4 @@ export function directive(resolve) {
} }
}; };
} }
module.directive(NAME, directive);
_module.directive(NAME, directive);

View File

@ -0,0 +1,3 @@
<button type="*[typeName]*" class="mdl-button mdl-js-button mdl-button--icon *[className]*">
<i class="material-icons">*[icon]*</i>
</button>

View File

@ -0,0 +1,15 @@
import {module} from '../module';
import template from './icon-button.mt.html';
export const NAME = 'vnIconButtonmtFactory';
export function factory() {
return {
template: template,
default: {
enabled: 'true',
typeName: 'button',
icon: '',
}
}
}
module.factory(NAME, factory);

View File

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

View File

@ -4,7 +4,6 @@ import * as constant from '../constants';
import template from './radio.mt.html'; import template from './radio.mt.html';
const _NAME = 'radio'; const _NAME = 'radio';
const DEFAULT_TEXT = 'radio';
const DEFAULT_CLASS = 'mdl-radio mdl-js-radio mdl-js-ripple-effect'; const DEFAULT_CLASS = 'mdl-radio mdl-js-radio mdl-js-ripple-effect';
export const NAME = util.getFactoryName(_NAME + constant.MATERIAL_DESIGN_FRAMEWORK); export const NAME = util.getFactoryName(_NAME + constant.MATERIAL_DESIGN_FRAMEWORK);
@ -13,7 +12,6 @@ export function factory() {
return { return {
template: template, template: template,
default: { default: {
text: DEFAULT_TEXT,
enabled: 'true', enabled: 'true',
className: DEFAULT_CLASS className: DEFAULT_CLASS
} }

View File

@ -6,7 +6,6 @@ import Interpolate from './interpolate';
export const NAME = util.getProviderName('ResolveDefaultComponent'); export const NAME = util.getProviderName('ResolveDefaultComponent');
export class ResolveDefaultComponent { export class ResolveDefaultComponent {
constructor(){ constructor(){
this._frameworkName="mt"; this._frameworkName="mt";
} }
@ -14,7 +13,6 @@ export class ResolveDefaultComponent {
//mt or bt //mt or bt
this._frameworkName = value; this._frameworkName = value;
} }
$get($injector,vnInterpolate){ $get($injector,vnInterpolate){
//Service Locator //Service Locator
return { return {
@ -35,5 +33,4 @@ export class ResolveDefaultComponent {
} }
} }
// _module.provider(NAME,ResolveDefaultComponent)
_module.provider(NAME,() => new ResolveDefaultComponent()); _module.provider(NAME,() => new ResolveDefaultComponent());

View File

@ -9,19 +9,23 @@
</vn-horizontal> </vn-horizontal>
<vn-horizontal ng-repeat="i in $ctrl.addresses" class="pad-medium-top" style="align-items: center;"> <vn-horizontal ng-repeat="i in $ctrl.addresses" class="pad-medium-top" style="align-items: center;">
<vn-empty style="width: 7em; text-align: center;"> <vn-empty style="width: 7em; text-align: center;">
<input type="radio" name="default"/> <vn-radio name="default"></vn-radio>
</vn-empty> </vn-empty>
<vn-auto style="border-radius: .5em;" class="pad-small border-solid"> <vn-auto style="border-radius: .5em;" class="pad-small border-solid">
<button style="float: right;"> <vn-horizontal style="align-items: center;">
Edit <vn-auto>
</button> <div><b>{{i.consignee}}</b></div>
<h5>{{i.consignee}}</h5> <div>{{i.street}}</div>
<div>{{i.street}}</div> <div>{{i.city}}, {{i.province}}</div>
<div>{{i.city}}, {{i.province}}</div> <div>{{i.phone}}, {{i.mobile}}</div>
<div>{{i.phone}}, {{i.mobile}}</div> </vn-auto>
<vn-empty>
<vn-icon-button icon="edit"></vn-icon-button>
</vn-empty>
</vn-horizontal>
</vn-auto> </vn-auto>
<vn-empty style="width: 7em; text-align: center;"> <vn-empty style="width: 7em; text-align: center;">
<input type="checkbox" name="enabled" ng-model="i.enabled"/> <vn-check name="enabled" model="i.enabled"></vn-check>
</vn-empty> </vn-empty>
</vn-horizontal> </vn-horizontal>
</vn-vertical> </vn-vertical>

View File

@ -6,19 +6,24 @@ export const COMPONENT = {
template: template, template: template,
controller: function ($http) controller: function ($http)
{ {
/* $http.get('/client/api/Addresses', this.model).then (
(json) => { this.addresses = json.data; },
(json) => console.error (json.data.error.message)
);
*/
this.addresses = []; this.addresses = [];
for (var i = 1; i <= 4; i++) for (var i = 1; i <= 4; i++)
this.addresses.push ({ this.addresses.push ({
consignee: 'Consignee '+ i, "consignee": "Consignee",
street: 'Street', "street": "Street",
city: 'City', "city": "City",
postcode: '46600', "postcode": "46600",
province: 'Province', "province": "Province",
country: 'Country', "country": "Country",
phone: '+XX XXX XX XX XX', "phone": "+XX XXX XX XX XX",
mobile: '+XX 6XX XX XX XX', "mobile": "+XX 6XX XX XX XX",
enabled: i % 2 == 0 "enabled": true
}); });
}, },
}; };