Estilos
This commit is contained in:
parent
94e4fda6bb
commit
9a0e5e1646
|
@ -1 +1 @@
|
|||
export * from './src/app'
|
||||
export * from './src/app'
|
||||
|
|
|
@ -4,7 +4,7 @@ $bg-main: $color-green;
|
|||
$bg-minor: $color-orange;
|
||||
$bg-content: $color-light-grey;
|
||||
$bg-panel: $color-white;
|
||||
$bg-dark-bar: $color-black;
|
||||
$bg-dark-bar: $color-dark;
|
||||
$bg-dark-menu: $color-dark-grey;
|
||||
|
||||
html [bg-main], .bg-main {
|
||||
|
|
|
@ -4,5 +4,5 @@ $color-orange: rgb(255,171,64);
|
|||
$color-dark-grey: #424242;
|
||||
$color-light-grey: #e6e6e6;
|
||||
$color-white: white;
|
||||
$color-black: black;
|
||||
$color-dark: #3c393b;
|
||||
|
||||
|
|
|
@ -0,0 +1,18 @@
|
|||
import {module} from '../module';
|
||||
import * as resolveFactory from '../resolveDefaultComponents';
|
||||
import * as util from '../util';
|
||||
|
||||
const _NAME = 'combo';
|
||||
export const NAME = util.getName(_NAME);
|
||||
|
||||
directive.$inject =[resolveFactory.NAME];
|
||||
export function directive (resolve){
|
||||
return{
|
||||
require:'E',
|
||||
template: function(_,attr){
|
||||
return resolve.getTemplate(_NAME, attr);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
module.directive(NAME,directive);
|
|
@ -0,0 +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]*>
|
||||
</select>
|
||||
<label class="mdl-textfield__label">*[label]*</label>
|
||||
</div>
|
|
@ -0,0 +1,16 @@
|
|||
import {module} from '../module';
|
||||
import template from './combo.mt.html';
|
||||
|
||||
export const NAME = 'vnCombomtFactory';
|
||||
|
||||
export function factory() {
|
||||
return {
|
||||
template: template,
|
||||
default: {
|
||||
label: 'Label',
|
||||
enabled: 'enabled'
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
module.factory(NAME, factory);
|
|
@ -31,15 +31,18 @@ export {NAME as LABELBT,factory as labelbt} from './label/label.bt'
|
|||
export {NAME as SEARCHBAR,factory as searchbar} from './searchbar/searchbar'
|
||||
export {NAME as SEARCHBARMT,factory as searchbarmt} from './searchbar/searchbar.mt'
|
||||
export {NAME as SEARCHBARBT,factory as searchbarbt} from './searchbar/searchbar.bt'
|
||||
|
||||
export {NAME as PASSWORD,directive as PasswordDirective} from './password/password'
|
||||
export {NAME as PASSWORDMT,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 SUBMITMT,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 SNACKBARMT,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 SPINNERMT,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_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_MT,factory as datePickerMt} from './date-picker/date-picker.mt'
|
||||
|
||||
export {NAME as VN_MAINMENU,
|
||||
COMPONENT as VN_MAINMENU_COMPONENT} from './mainmenu/mainmenu';
|
||||
|
|
|
@ -0,0 +1,18 @@
|
|||
import {module} from '../module';
|
||||
import * as resolveFactory from '../resolveDefaultComponents';
|
||||
import * as util from '../util';
|
||||
|
||||
const _NAME = 'datePicker';
|
||||
export const NAME = util.getName(_NAME);
|
||||
|
||||
directive.$inject =[resolveFactory.NAME];
|
||||
export function directive (resolve){
|
||||
return{
|
||||
require:'E',
|
||||
template: function(_,attr){
|
||||
return resolve.getTemplate(_NAME, attr);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
module.directive(NAME,directive);
|
|
@ -0,0 +1,4 @@
|
|||
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
|
||||
<input class="*[className]*" type="password" name="*[name]*" ng-model="*[model]*" *[enabled]*>
|
||||
<label class="mdl-textfield__label">*[label]*</label>
|
||||
</div>
|
|
@ -0,0 +1,17 @@
|
|||
import {module} from '../module';
|
||||
import template from './date-picker.mt.html';
|
||||
|
||||
export const NAME = 'vnDatePickermtFactory';
|
||||
|
||||
export function factory() {
|
||||
return {
|
||||
template: template,
|
||||
default: {
|
||||
label: 'Label',
|
||||
enabled: 'enabled',
|
||||
className: 'mdl-textfield__input'
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
module.factory(NAME, factory);
|
|
@ -1,5 +1,5 @@
|
|||
<vn-horizontal>
|
||||
<ul>
|
||||
<ul style="list-style-type: none; margin: 0; padding: 1.5em; width: 100%;">
|
||||
<vn-itemmenu ng-repeat="item in $ctrl.items" item = "item"></vn-item>
|
||||
</ul>
|
||||
</vn-horizontal>
|
||||
|
|
|
@ -1,7 +1,5 @@
|
|||
<div>
|
||||
<span>
|
||||
<i class="material-icons">{{$ctrl.item.image}}</i>
|
||||
<span>{{$ctrl.item.text}}</span>
|
||||
</span>
|
||||
<i class="material-icons">keyboard_arrow_right</i>
|
||||
</div>
|
||||
<li style="margin-top: 1em;">
|
||||
<i class="material-icons" style="float: right; margin-left: .4em;">keyboard_arrow_right</i>
|
||||
<i class="material-icons" style="vertical-align: middle; margin-right: .4em;">{{$ctrl.item.image}}</i>
|
||||
<span>{{$ctrl.item.text}}</span>
|
||||
</li>
|
|
@ -7,9 +7,11 @@ export const NAME = util.getName(_NAME);
|
|||
export const COMPONENT = {
|
||||
template: template,
|
||||
controller: function(){
|
||||
this.items = [{text: "Datos fiscales y facturación", image: "person"},
|
||||
{text: "Acceso web", image: "language"},
|
||||
{text: "Consignatarios", image: "local_shipping"}]
|
||||
this.items = [
|
||||
{text: "Datos fiscales", image: "person"},
|
||||
{text: "Acceso web", image: "language"},
|
||||
{text: "Consignatarios", image: "local_shipping"}
|
||||
]
|
||||
}
|
||||
};
|
||||
module.component(NAME, COMPONENT);
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<div style="position:fixed; top:1em; right:0; height:2em; width:10em; background-color:transparent;">
|
||||
<div style="position: fixed; top: 0; right: 0; padding: 1.5em; color: white;">
|
||||
<i class="material-icons">apps</i>
|
||||
<i class="material-icons">notifications</i>
|
||||
<i class="material-icons md-18">account_circle</i>
|
||||
|
|
|
@ -3,6 +3,6 @@ import {getModuleName,getVendorDependencies} from './util';
|
|||
|
||||
const DEPENDENCIES = getVendorDependencies(vendors)
|
||||
export const NAME = getModuleName('core');
|
||||
export const module = vendors.ng.module(NAME,DEPENDENCIES);
|
||||
export const module = vendors.ng.module(NAME,DEPENDENCIES);
|
||||
|
||||
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<vn-horizonal >
|
||||
<vn-one class="bg-dark-bar">
|
||||
<vn-label text="Client"></vn-label>
|
||||
<vn-horizontal style="color: white; height: 100%;" class="bg-dark-bar">
|
||||
<vn-one>
|
||||
<h3 style="float: left;">Client</h3>
|
||||
<vn-searchbar></vn-searchbar>
|
||||
</vn-one>
|
||||
</vn-horizonal>
|
||||
</vn-horizontal>
|
|
@ -1,36 +1,36 @@
|
|||
<vn-vertical full-height pad-medium>
|
||||
<vn-horizontal>
|
||||
<vn-one>
|
||||
<h3>CLIENTE_datos básicos</h3>
|
||||
<h3>CLIENTE _ Datos básicos</h3>
|
||||
</vn-one>
|
||||
</vn-horizontal>
|
||||
<vn-horizontal>
|
||||
<vn-two>
|
||||
<vn-textfield label="ALIAS" name"alias" model="customer.fechaalta" ></vn-textfield>
|
||||
<vn-textfield label="NIF/CIF" name="nif" model="customer.nif" pad-medium ></vn-textfield>
|
||||
</vn-two>
|
||||
<vn-one>
|
||||
<vn-textfield label="Alias" name"alias" model="customer.alias"></vn-textfield>
|
||||
<vn-textfield label="NIF/CIF" name="fi" model="customer.fi"></vn-textfield>
|
||||
</vn-one>
|
||||
</vn-horizontal>
|
||||
<vn-horizontal>
|
||||
<vn-two>
|
||||
<vn-textfield label="RAZÓN SOCIAL" name"razonsocial" model="customer.alias"></vn-textfield>
|
||||
<span pad-medim>vn-datepicked FechaAlta</span>
|
||||
</vn-two>
|
||||
</vn-horizontal>
|
||||
<vn-horizontal>
|
||||
<vn-three>
|
||||
<vn-textfield label="CONTACTO" name="contacto" model="customer.contact"></vn-textfield>
|
||||
<vn-textfield label="TELÉFONO" name="telefono" model="customer.phone" pad-medium></vn-textfield>
|
||||
<span pad-medium>vn-combo COMERCIAL</span>
|
||||
</vn-tree>
|
||||
<vn-one>
|
||||
<vn-textfield label="Razón social" name"socialName" model="customer.socialName"></vn-textfield>
|
||||
<vn-date-picker label="Fecha alta" name"dischargeDate" model="customer.dischargeDate"></vn-date-picker>
|
||||
</vn-one>
|
||||
</vn-horizontal>
|
||||
<vn-horizontal>
|
||||
<vn-one>
|
||||
<vn-textfield label="CALIDAD" name="calidad" model="customer.calidad"></vn-textfield>
|
||||
<vn-textfield label="Contacto" name="contact" model="customer.contact"></vn-textfield>
|
||||
<vn-textfield label="Teléfono" name="telefono" model="customer.phone"></vn-textfield>
|
||||
</vn-one>
|
||||
</vn-horizontal>
|
||||
<vn-horizontal>
|
||||
<vn-one>
|
||||
<vn-button class="colored" text="GUARDAR"></vn-button>
|
||||
<vn-textfield label="Calidad" name="quality" model="customer.quality"></vn-textfield>
|
||||
<vn-combo label="Comercial" name="salesPerson" model="customer.salesPerson"></vn-combo>
|
||||
</vn-one>
|
||||
</vn-horizontal>
|
||||
<vn-horizontal>
|
||||
<vn-one>
|
||||
<vn-button class="colored" text="Guardar"></vn-button>
|
||||
</vn-one>
|
||||
</vn-horizontal>
|
||||
</vn-vertical>
|
|
@ -1,7 +1,7 @@
|
|||
<vn-vertical class="full-height">
|
||||
<vn-topbar></vn-topbar>
|
||||
<vn-horizontal class="full-height">
|
||||
<vn-empty class="bg-content" style="width: 15em">
|
||||
<vn-empty class="bg-content" style="width: 18em">
|
||||
<vn-leftmenu></vn-leftmenu>
|
||||
</vn-empty>
|
||||
<vn-auto>
|
||||
|
|
|
@ -50,7 +50,7 @@ var config = {
|
|||
|
||||
if (!devMode) {
|
||||
config.plugins.push (
|
||||
new webpack.optimize.UglifyJsPlugin ({
|
||||
new webpack.optimize.UglifyJsPlugin({
|
||||
minimize: true,
|
||||
compress: { warnings: false }
|
||||
})
|
||||
|
|
21
env-mac.sh
21
env-mac.sh
|
@ -1,21 +0,0 @@
|
|||
#!/bin/bash
|
||||
|
||||
nginxDir="${PWD}/services/nginx"
|
||||
|
||||
case "$1" in
|
||||
start|"")
|
||||
forever start forever.json
|
||||
forever list
|
||||
nginx -c "$nginxDir/conf-dev.conf" -p "$nginxDir"
|
||||
cd @salix && gulp
|
||||
;;
|
||||
stop)
|
||||
forever stopall
|
||||
forever list
|
||||
nginx -c "$nginxDir/conf-dev.conf" -p "$nginxDir" -s stop
|
||||
cd @salix && gulp clean
|
||||
;;
|
||||
*)
|
||||
echo "Usage: `basename "$0"` [start|stop]"
|
||||
exit 1
|
||||
esac
|
Loading…
Reference in New Issue