#15 Updated changes width dev
gitea/salix/1625-worker_department_treeview This commit looks good Details

This commit is contained in:
Joan Sanchez 2019-10-08 13:03:19 +02:00
parent 4025c624b3
commit 9358602471
186 changed files with 1003 additions and 801 deletions

View File

@ -23,15 +23,13 @@ module.exports = Self => {
description: 'Gets the current user data', description: 'Gets the current user data',
accepts: [ accepts: [
{ {
arg: 'context', arg: 'ctx',
type: 'object', type: 'Object',
http: function(ctx) { http: {source: 'context'}
return ctx;
}
} }
], ],
returns: { returns: {
type: 'object', type: 'Object',
root: true root: true
}, },
http: { http: {
@ -41,12 +39,18 @@ module.exports = Self => {
}); });
Self.getCurrentUserData = async function(ctx) { Self.getCurrentUserData = async function(ctx) {
let filter = {fields: ['name']};
let userId = ctx.req.accessToken.userId; let userId = ctx.req.accessToken.userId;
let account = await Self.findById(userId, filter);
let worker = await Self.app.models.Worker.findOne({where: {userFk: userId}, fields: ['id']});
return {accountName: account.name, workerId: worker.id}; let account = await Self.findById(userId, {
fields: ['id', 'name', 'nickname']
});
let worker = await Self.app.models.Worker.findOne({
fields: ['id'],
where: {userFk: userId}
});
return Object.assign(account, {workerId: worker.id});
}; };
/** /**

View File

@ -208,7 +208,9 @@ export default class CrudModel extends ModelProxy {
this.cancelRequest(); this.cancelRequest();
this.canceler = this.$q.defer(); this.canceler = this.$q.defer();
this.isPaging = append; this.isPaging = append;
if (!append) this.status = 'loading';
if (!append && this.status != 'ready')
this.status = 'loading';
let params = Object.assign( let params = Object.assign(
{filter}, {filter},

View File

@ -2,7 +2,7 @@
<div ng-transclude></div> <div ng-transclude></div>
<vn-pagination <vn-pagination
model="$ctrl.model" model="$ctrl.model"
pad-medium-top> class="vn-pt-md">
</vn-pagination> </vn-pagination>
</div> </div>
<div <div

View File

@ -39,6 +39,7 @@ import './field';
import './input-number'; import './input-number';
import './input-time'; import './input-time';
import './input-file'; import './input-file';
import './list';
import './radio'; import './radio';
import './table'; import './table';
import './td-editable'; import './td-editable';

View File

@ -8,9 +8,6 @@ vn-label-value > section {
content: ':'; content: ':';
} }
} }
& > span {
color: $color-font;
}
& > vn-icon { & > vn-icon {
vertical-align: middle; vertical-align: middle;
color: $color-font-secondary; color: $color-font-secondary;

View File

@ -0,0 +1 @@
import './style.scss';

View File

@ -14,7 +14,7 @@
color: inherit; color: inherit;
& > vn-horizontal { & > vn-horizontal {
padding: $pad-medium; padding: $spacing-md;
& > vn-one { & > vn-one {
overflow: hidden; overflow: hidden;

View File

@ -13,6 +13,6 @@ vn-searchbar {
max-height: 48em; max-height: 48em;
& > form { & > form {
padding: $pad-large; padding: $spacing-lg;
} }
} }

View File

@ -12,31 +12,25 @@ vn-step-control {
display: flex; display: flex;
flex-direction: row flex-direction: row
} }
& > .steps > .step { & > .steps > .step {
justify-content: center; justify-content: center;
min-width: 125px; min-width: 125px;
display: flex; display: flex;
flex: auto flex: auto
} }
& > .steps > .step .circle { & > .steps > .step .circle {
border: 2px solid $color-main; border: 2px solid $color-main;
background-color: white; background-color: white;
align-content: center; align-content: center;
margin-top: -9.5px; margin-top: -9.5px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
height: 15px; height: 15px;
width: 15px width: 15px
} }
& > .steps > .step .circle.active { & > .steps > .step .circle.active {
background-color: $color-main; background-color: $color-main;
} }
& > .buttons { & > .buttons {
display: flex; display: flex;
flex: auto; flex: auto;
@ -44,11 +38,9 @@ vn-step-control {
justify-content: space-between; justify-content: space-between;
margin-top: 10px margin-top: 10px
} }
& > .buttons > .step { & > .buttons > .step {
display: flex display: flex
} }
& > .buttons > .step > .mdl-button { & > .buttons > .step > .mdl-button {
line-height: 32px; line-height: 32px;
font-size: 12px; font-size: 12px;
@ -56,5 +48,4 @@ vn-step-control {
height: 32px height: 32px
} }
} }
} }

View File

@ -1,2 +1,2 @@
<h5 style="margin-top: 0;" class="margin-medium-bottom" ng-transclude> <h5 style="margin-top: 0;" class="vn-mb-md" ng-transclude>
</h5> </h5>

View File

@ -1,3 +1,3 @@
<h3 style="margin-top: 0;" class="margin-medium-bottom" translate> <h3 style="margin-top: 0;" class="vn-mb-md" translate>
<ng-transclude></ng-transclude> <ng-transclude></ng-transclude>
</h3> </h3>

View File

@ -8,10 +8,10 @@
class="modal-form" class="modal-form"
vn-id="uvc"> vn-id="uvc">
<tpl-body> <tpl-body>
<vn-horizontal pad-medium class="header"> <vn-horizontal class="vn-pa-md header">
<h5><span translate>Fields to show</span></h5> <h5><span translate>Fields to show</span></h5>
</vn-horizontal> </vn-horizontal>
<div pad-medium> <div class="vn-pa-md">
<vn-horizontal ng-repeat="field in fields"> <vn-horizontal ng-repeat="field in fields">
<vn-check <vn-check
vn-one label="{{titles[field]}}" vn-one label="{{titles[field]}}"

View File

@ -1,4 +1,5 @@
import ngModule from '../module'; import ngModule from '../module';
import './zoom-image.scss';
export function directive($timeout) { export function directive($timeout) {
let container; let container;
@ -24,10 +25,9 @@ export function directive($timeout) {
} }
function onKeyDown(event) { function onKeyDown(event) {
if (event.keyCode === 27) { if (event.keyCode === 27)
destroyContainers(); destroyContainers();
} }
}
function destroyContainers() { function destroyContainers() {
if (!container) return; if (!container) return;
@ -47,9 +47,9 @@ export function directive($timeout) {
event.preventDefault(); event.preventDefault();
let src = $attrs.zoomImage || $attrs.src; let src = $attrs.zoomImage || $attrs.src;
if (src) { if (src)
createContainers(src); createContainers(src);
} else else
throw new Error('No image source detected'); throw new Error('No image source detected');
}); });
} }

View File

@ -1,6 +1,3 @@
img[zoom-image]{
cursor: zoom-in;
}
.vn-zoom-image { .vn-zoom-image {
width: 100%; width: 100%;
@ -27,3 +24,6 @@ img[zoom-image]{
} }
} }
} }
img[zoom-image]{
cursor: zoom-in;
}

View File

@ -0,0 +1,23 @@
@import "./variables";
.border-solid {
border: $border-thin-light;
}
.border-solid-top {
border-top: $border-thin-light;
}
.border-solid-left {
border-left: $border-thin-light;
}
.border-solid-right {
border-right: $border-thin-light;
}
.border-solid-bottom {
border-bottom: $border-thin-light;
}
/* Border Radius */
.border-radius {
border-radius: .3em;
}

View File

@ -1,4 +1,3 @@
@import "./variables"; @import "./variables";
%clickable { %clickable {

View File

@ -10,3 +10,9 @@
font-family: vn-font-bold; font-family: vn-font-bold;
src: url(./fonts/Roboto-Bold.ttf); src: url(./fonts/Roboto-Bold.ttf);
} }
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url('./icons/Material-Design-Icons.woff2') format('woff2');
}

View File

Before

Width:  |  Height:  |  Size: 85 KiB

After

Width:  |  Height:  |  Size: 85 KiB

View File

@ -1,4 +1,11 @@
import './effects.scss';
import './background.scss';
import './border.scss';
import './font-family.scss';
import './icons/salixfont.css';
import './layout.scss';
import './mdl-override.scss'; import './mdl-override.scss';
import './mdi-override.css'; import './responsive.scss';
import './zoom-image.scss'; import './spacing.scss';
import './salixfont.css'; import './text.scss';
import './width.scss';

View File

@ -23,11 +23,6 @@ html [wrap] {
html [wrap-reverse] { html [wrap-reverse] {
flex-wrap: wrap-reverse; flex-wrap: wrap-reverse;
} }
html [scrollable] {
min-height: 1px;
flex: 1;
flex-basis: 0.000000001px;
}
/* Horizontal & vertical childs */ /* Horizontal & vertical childs */

View File

@ -1,6 +0,0 @@
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url('./Material-Design-Icons.woff2') format('woff2');
}

View File

@ -8,41 +8,54 @@ body {
line-height: initial; line-height: initial;
font-size: 12pt; font-size: 12pt;
} }
// Textfield
.mdl-textfield--floating-label {
&.is-focused,
&.is-dirty,
&.has-placeholder {
.mdl-textfield__label {
color: $color-main !important;
}
}
}
.mdl-textfield__label::after {
background-color: $color-main !important;
}
fieldset[disabled] .mdl-textfield,
.mdl-textfield.is-disabled {
.mdl-textfield__input {
border: none !important;
color: inherit !important;
}
.mdl-textfield__label {
color: $color-main !important;
}
}
// Button
.mdl-button { .mdl-button {
font-weight: bolder; font-weight: bolder;
color: $color-main; color: $color-main;
} }
.mdl-button--fab {
color: $color-font-dark !important;
background-color: $color-main !important;
}
.mdl-button--colored { .mdl-button--colored {
color: white !important; color: $color-font-dark !important;
} }
.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
color: $color-main !important;
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
border: 2px solid $color-main;
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
border: 2px solid rgba(0,0,0,.26);
}
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
background: $color-main;
}
.mdl-textfield__label::after{
background-color: $color-main !important;
}
.mdl-button--colored,
.mdl-button--colored:focus,
.mdl-button--colored:active {
background-color: $color-main !important;
}
.mdl-button--colored:hover,
.mdl-button--raised:hover { .mdl-button--raised:hover {
background-color: $color-main !important; background-color: $color-main !important;
} }
.mdl-button--fab{ .mdl-button--colored {
color: white !important; &,
&:focus,
&:active,
&:hover {
background-color: $color-main !important; background-color: $color-main !important;
}
} }

View File

@ -0,0 +1,355 @@
/**
* CSS spacing classes
*
* vn-[p|m][t|r|b|l|a|x|y]-[none|auto|xs|sm|md|lg|xl]
* T D S
*
* T - type
* - values: p (padding), m (margin)
*
* D - direction
* - values:
* t (top), r (right), b (bottom), l (left),
* a (all), x (both left & right), y (both top & bottom)
*
* S - size
* - values:
* none,
* auto (ONLY for specific margins: vn-ml-*, vn-mr-*, vn-mx-*),
* xs (extra small),
* sm (small),
* md (medium),
* lg (large),
* xl (extra large)
*/
@import "./variables";
//++++++++++++++++++++++++++++++++++++++++++++++++ Padding
// None
.vn-pa-none {
padding: 0;
}
.vn-pl-none {
padding-left: 0;
}
.vn-pr-none {
padding-right: 0;
}
.vn-pt-none {
padding-top: 0;
}
.vn-pb-none {
padding-bottom: 0;
}
.vn-py-none {
padding-top: 0;
padding-bottom: 0;
}
.vn-px-none {
padding-left: 0;
padding-right: 0;
}
// Extra small
.vn-pa-xs {
padding: $spacing-xs;
}
.vn-pl-xs {
padding-left: $spacing-xs;
}
.vn-pr-xs {
padding-right: $spacing-xs;
}
.vn-pt-xs {
padding-top: $spacing-xs;
}
.vn-pb-xs {
padding-bottom: $spacing-xs;
}
.vn-py-xs {
padding-top: $spacing-xs;
padding-bottom: $spacing-xs;
}
.vn-px-xs {
padding-left: $spacing-xs;
padding-right: $spacing-xs;
}
// Small
.vn-pa-sm {
padding: $spacing-sm;
}
.vn-pl-sm {
padding-left: $spacing-sm;
}
.vn-pr-sm {
padding-right: $spacing-sm;
}
.vn-pt-sm {
padding-top: $spacing-sm;
}
.vn-pb-sm {
padding-bottom: $spacing-sm;
}
.vn-py-sm {
padding-top: $spacing-sm;
padding-bottom: $spacing-sm;
}
.vn-px-sm {
padding-left: $spacing-sm;
padding-right: $spacing-sm;
}
// Medium
.vn-pa-md {
padding: $spacing-md;
}
.vn-pl-md {
padding-left: $spacing-md;
}
.vn-pr-md {
padding-right: $spacing-md;
}
.vn-pt-md {
padding-top: $spacing-md;
}
.vn-pb-md {
padding-bottom: $spacing-md;
}
.vn-py-md {
padding-top: $spacing-md;
padding-bottom: $spacing-md;
}
.vn-px-md {
padding-left: $spacing-md;
padding-right: $spacing-md;
}
// Large
.vn-pa-lg {
padding: $spacing-lg;
}
.vn-pl-lg {
padding-left: $spacing-lg;
}
.vn-pr-lg {
padding-right: $spacing-lg;
}
.vn-pt-lg {
padding-top: $spacing-lg;
}
.vn-pb-lg {
padding-bottom: $spacing-lg;
}
.vn-py-lg {
padding-top: $spacing-lg;
padding-bottom: $spacing-lg;
}
.vn-px-lg {
padding-left: $spacing-lg;
padding-right: $spacing-lg;
}
// Extra large
.vn-pa-xl {
padding: $spacing-xl;
}
.vn-pl-xl {
padding-left: $spacing-xl;
}
.vn-pr-xl {
padding-right: $spacing-xl;
}
.vn-pt-xl {
padding-top: $spacing-xl;
}
.vn-pb-xl {
padding-bottom: $spacing-xl;
}
.vn-py-xl {
padding-top: $spacing-xl;
padding-bottom: $spacing-xl;
}
.vn-px-xl {
padding-left: $spacing-xl;
padding-right: $spacing-xl;
}
//++++++++++++++++++++++++++++++++++++++++++++++++ Margin
// None
.vn-ma-none {
padding: 0;
}
.vn-ml-none {
padding-left: 0;
}
.vn-mr-none {
padding-right: 0;
}
.vn-mt-none {
padding-top: 0;
}
.vn-mb-none {
padding-bottom: 0;
}
.vn-my-none {
padding-top: 0;
padding-bottom: 0;
}
.vn-mx-none {
padding-left: 0;
padding-right: 0;
}
// Auto
.vn-ml-none {
padding-left: auto;
}
.vn-mr-none {
padding-right: auto;
}
.vn-mx-none {
padding-left: auto;
padding-right: auto;
}
// Extra small
.vn-ma-xs {
margin: $spacing-xs;
}
.vn-mt-xs {
margin-top: $spacing-xs;
}
.vn-ml-xs {
margin-left: $spacing-xs;
}
.vn-mr-xs {
margin-right: $spacing-xs;
}
.vn-mb-xs {
margin-bottom: $spacing-xs;
}
.vn-my-xs {
margin-top: $spacing-xs;
margin-bottom: $spacing-xs;
}
.vn-mx-xs {
margin-left: $spacing-xs;
margin-right: $spacing-xs;
}
// Small
.vn-ma-sm {
margin: $spacing-sm;
}
.vn-mt-sm {
margin-top: $spacing-sm;
}
.vn-ml-sm {
margin-left: $spacing-sm;
}
.vn-mr-sm {
margin-right: $spacing-sm;
}
.vn-mb-sm {
margin-bottom: $spacing-sm;
}
.vn-my-sm {
margin-top: $spacing-sm;
margin-bottom: $spacing-sm;
}
.vn-mx-sm {
margin-left: $spacing-sm;
margin-right: $spacing-sm;
}
// Medium
.vn-ma-md {
margin: $spacing-md;
}
.vn-mt-md {
margin-top: $spacing-md;
}
.vn-ml-md {
margin-left: $spacing-md;
}
.vn-mr-md {
margin-right: $spacing-md;
}
.vn-mb-md {
margin-bottom: $spacing-md;
}
.vn-my-md {
margin-top: $spacing-md;
margin-bottom: $spacing-md;
}
.vn-mx-md {
margin-left: $spacing-md;
margin-right: $spacing-md;
}
// Large
.vn-ma-lg {
margin: $spacing-lg;
}
.vn-mt-lg {
margin-top: $spacing-lg;
}
.vn-ml-lg {
margin-left: $spacing-lg;
}
.vn-mr-lg {
margin-right: $spacing-lg;
}
.vn-mb-lg {
margin-bottom: $spacing-lg;
}
.vn-my-lg {
margin-top: $spacing-lg;
margin-bottom: $spacing-lg;
}
.vn-mx-lg {
margin-left: $spacing-lg;
margin-right: $spacing-lg;
}
/* Extra large */
.vn-ma-xl {
margin: $spacing-xl;
}
.vn-mt-xl {
margin-top: $spacing-xl;
}
.vn-ml-xl {
margin-left: $spacing-xl;
}
.vn-mr-xl {
margin-right: $spacing-xl;
}
.vn-mb-xl {
margin-bottom: $spacing-xl;
}
.vn-my-xl {
margin-top: $spacing-xl;
margin-bottom: $spacing-xl;
}
.vn-mx-xl {
margin-left: $spacing-xl;
margin-right: $spacing-xl;
}

View File

@ -0,0 +1,72 @@
@import "./variables";
@import "./font-family";
/* Headings */
.text-h1, h1 {
font-size: 32pt;
}
.text-h2, h2 {
font-size: 28pt;
}
.text-h3, h3 {
font-size: 24pt;
}
.text-h4, h4 {
font-size: 20pt;
}
.text-h5, h5 {
font-size: 16pt;
}
.text-h6, h6 {
font-size: 14pt;
}
.text-subtitle1 {
font-size: 13pt;
}
.text-subtitle2 {
font-size: 12pt;
}
.text-body1 {
font-size: 11pt;
}
.text-body2 {
font-size: 11pt;
}
.text-caption {
font-size: 11pt;
}
.text-overline {
font-size: 10pt;
}
h1, h2, h3, h4, h5, h6 {
padding: 0;
margin-top: 0;
margin-bottom: .2em;
font-family: vn-font-bold;
}
/* Colors */
.text-primary {
color: $color-font;
}
.text-secondary {
color: $color-font-secondary;
}
/* Helpers */
.text-uppercase {
text-transform: uppercase;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}

View File

@ -12,20 +12,13 @@ $width-md: 50em;
$width-lg: 80em; $width-lg: 80em;
$width-xl: 100em; $width-xl: 100em;
// Padding // Spacing
$pad-none: 0; $spacing-xs: 4px;
$pad-small: 8px; $spacing-sm: 8px;
$pad-medium: 16px; $spacing-md: 16px;
$pad-large: 32px; $spacing-lg: 32px;
$spacing-xl: 100px;
// Margin
$margin-none: 0;
$margin-small: 8px;
$margin-medium: 16px;
$margin-large: 32px;
$margin-huge: 100px;
// Light theme // Light theme
@ -74,7 +67,7 @@ $color-alert-light: lighten($color-alert, 35%);
$color-header: #3d3d3d; $color-header: #3d3d3d;
$color-bg: #222; $color-bg: #222;
$color-bg-dark: #222; $color-bg-dark: #222;
$color-font: white; $color-font: #eee;
$color-font-light: #aaa; $color-font-light: #aaa;
$color-font-secondary: #777; $color-font-secondary: #777;
$color-font-dark: white; $color-font-dark: white;
@ -92,6 +85,7 @@ $color-alert: #f42121;
$color-spacer: rgba(255, 255, 255, .3); $color-spacer: rgba(255, 255, 255, .3);
$color-spacer-light: rgba(255, 255, 255, .12); $color-spacer-light: rgba(255, 255, 255, .12);
$color-input-underline: rgba(255, 255, 255, .12); $color-input-underline: rgba(255, 255, 255, .12);
$color-input-underline-hover: rgba(255, 255, 255, .6);
$color-shadow: rgba(0, 0, 0, .2); $color-shadow: rgba(0, 0, 0, .2);
$color-hightlight: rgba(255, 255, 255, .15); $color-hightlight: rgba(255, 255, 255, .15);
$color-hover-cd: rgba(255, 255, 255, .1); $color-hover-cd: rgba(255, 255, 255, .1);

View File

@ -3,7 +3,9 @@
body { body {
background-color: $color-bg; background-color: $color-bg;
overflow: auto; overflow: auto;
height: 100% height: 100%;
font-family: vn-font;
color: $color-font;
} }
vn-app { vn-app {
height: inherit; height: inherit;
@ -60,7 +62,7 @@ vn-app {
} }
.content-block { .content-block {
box-sizing: border-box; box-sizing: border-box;
padding: $pad-medium; padding: $spacing-md;
height: inherit; height: inherit;
form vn-horizontal { form vn-horizontal {

View File

@ -0,0 +1 @@
import './style.scss';

View File

@ -27,13 +27,13 @@
} }
} }
& > .body { & > .body {
padding: $pad-small; padding: $spacing-sm;
& > * { & > * {
padding: $pad-small; padding: $spacing-sm;
} }
& > .attributes > h5 { & > .attributes > h5 {
padding-bottom: $pad-small; padding-bottom: $spacing-sm;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
@ -45,7 +45,7 @@
padding: 0; padding: 0;
& > vn-icon { & > vn-icon {
padding: $pad-small; padding: $spacing-sm;
color: $color-secondary; color: $color-secondary;
font-size: 1.5em; font-size: 1.5em;
@ -62,7 +62,7 @@
padding: 0; padding: 0;
& > a { & > a {
padding: $pad-small; padding: $spacing-sm;
& > vn-icon { & > vn-icon {
font-size: 1.8em; font-size: 1.8em;

View File

@ -7,3 +7,5 @@ import './side-menu/side-menu';
import './left-menu/left-menu'; import './left-menu/left-menu';
import './topbar/topbar'; import './topbar/topbar';
import './user-configuration-popover'; import './user-configuration-popover';
import './descriptor';
import './summary';

View File

@ -1,4 +1,4 @@
<ul ng-if="::$ctrl.items.length > 0" pad-medium-v> <ul ng-if="::$ctrl.items.length > 0" class="vn-py-md">
<li ng-repeat="item in ::$ctrl.items" name="{{::item.description}}"> <li ng-repeat="item in ::$ctrl.items" name="{{::item.description}}">
<a ui-sref="{{::item.state}}" <a ui-sref="{{::item.state}}"
ng-class="{active: item.active && !item.childs, expanded: item.active, collapsed: !item.active}" ng-class="{active: item.active && !item.childs, expanded: item.active, collapsed: !item.active}"

View File

@ -3,7 +3,7 @@
ng-click="$ctrl.openUserConfiguration($event)" ng-click="$ctrl.openUserConfiguration($event)"
id="user" id="user"
class="unselectable"> class="unselectable">
{{currentUserName}} {{$root.user.nickname}}
</div> </div>
<vn-icon-button <vn-icon-button
id="apps" id="apps"
@ -19,7 +19,7 @@
</vn-icon-button> </vn-icon-button>
</div> </div>
<vn-menu vn-id="apps-menu"> <vn-menu vn-id="apps-menu">
<ul pad-small class="modules-menu"> <ul class="modules-menu vn-pa-sm">
<li ng-repeat="mod in ::$ctrl.modules" ui-sref="{{::mod.route.state}}"> <li ng-repeat="mod in ::$ctrl.modules" ui-sref="{{::mod.route.state}}">
<vn-icon icon="{{::mod.icon || 'photo'}}"></vn-icon> <vn-icon icon="{{::mod.icon || 'photo'}}"></vn-icon>
<span translate>{{::mod.name}}</span> <span translate>{{::mod.name}}</span>

View File

@ -16,9 +16,8 @@ export default class MainMenu {
} }
getCurrentUserName() { getCurrentUserName() {
this.$http.get('/api/Accounts/getCurrentUserData') this.$http.get('/api/Accounts/getCurrentUserData').then(json => {
.then(json => { this.$.$root.user = json.data;
this.$.currentUserName = json.data.accountName;
window.localStorage.currentUserWorkerId = json.data.workerId; window.localStorage.currentUserWorkerId = json.data.workerId;
}); });
} }

View File

@ -16,12 +16,12 @@ describe('Component vnMainMenu', () => {
describe('getCurrentUserName()', () => { describe('getCurrentUserName()', () => {
it(`should set the user name property in the controller`, () => { it(`should set the user name property in the controller`, () => {
$httpBackend.when('GET', `/api/Accounts/getCurrentUserData`).respond({accountName: 'Batman'}); $httpBackend.when('GET', `/api/Accounts/getCurrentUserData`).respond({name: 'batman'});
$httpBackend.expect('GET', `/api/Accounts/getCurrentUserData`); $httpBackend.expect('GET', `/api/Accounts/getCurrentUserData`);
controller.getCurrentUserName(); controller.getCurrentUserName();
$httpBackend.flush(); $httpBackend.flush();
expect(controller.$.currentUserName).toEqual('Batman'); expect(controller.$.$root.user.name).toEqual('batman');
}); });
}); });
}); });

View File

@ -0,0 +1 @@
import './style.scss';

View File

@ -6,7 +6,7 @@
& > div { & > div {
& > h5 { & > h5 {
padding: $pad-small; padding: $spacing-sm;
border: none; border: none;
background: $color-main; background: $color-main;
color: $color-font-dark; color: $color-font-dark;
@ -19,10 +19,10 @@
} }
& > vn-horizontal { & > vn-horizontal {
flex-wrap: wrap; flex-wrap: wrap;
padding: $pad-medium; padding: $spacing-md;
h4 { h4 {
margin-bottom: $margin-medium; margin-bottom: $spacing-md;
text-transform: uppercase; text-transform: uppercase;
font-size: 15pt; font-size: 15pt;
line-height: 1; line-height: 1;
@ -36,7 +36,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
} }
& > * { & > * {
margin: $margin-small; margin: $spacing-sm;
min-width: 14em; min-width: 14em;
overflow: hidden; overflow: hidden;
padding: 0; padding: 0;

View File

@ -11,7 +11,23 @@
order="code"> order="code">
</vn-crud-model> </vn-crud-model>
<vn-popover vn-id="popover"> <vn-popover vn-id="popover">
<vn-vertical class="user-configuration"> <vn-vertical class="user-configuration vn-pa-md">
<div class="profile-card vn-pb-md">
<vn-icon icon="person"></vn-icon>
<div class="vn-pl-md">
<div class="user">
<div class="ellipsize">
{{$root.user.nickname}}
</div>
<div class="text-secondary text-caption ellipsize">
{{$root.user.name}}
</div>
</div>
<a ui-sref="worker.card.summary({id: $root.user.workerId})">
<vn-button label="My account"> </vn-button>
</a>
</div>
</div>
<vn-autocomplete <vn-autocomplete
vn-one vn-one
label="Local warehouse" label="Local warehouse"

View File

@ -1,3 +1,4 @@
My account: Mi cuenta
Local warehouse: Almacén local Local warehouse: Almacén local
Local bank: Banco local Local bank: Banco local
Local company: Empresa local Local company: Empresa local

View File

@ -1,6 +1,29 @@
@import "variables"; @import "variables";
.vn-popover .user-configuration { .vn-popover .user-configuration {
min-width: 250px; width: 16em;
padding: $pad-medium;
& > .profile-card {
display: flex;
align-items: center;
& > vn-icon {
font-size: 60px;
border-radius: 50%;
color: $color-font-dark;
background: $color-secondary;
padding: .1em;
}
& > div {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
& > .user {
max-width: 10em;
padding-bottom: .5em;
}
}
}
} }

View File

@ -1,23 +0,0 @@
@import "./variables";
html [border-solid], .border-solid {
border: $border-thin-light;
}
html [border-solid-top], .border-solid-top {
border-top: $border-thin-light;
}
html [border-solid-left], .border-solid-left {
border-left: $border-thin-light;
}
html [border-solid-right], .border-solid-right {
border-right: $border-thin-light;
}
html [border-solid-bottom], .border-solid-bottom {
border-bottom: $border-thin-light;
}
/* Border Radius */
html [border-radius], .border-radius {
border-radius: .3em;
}

View File

@ -1,35 +0,0 @@
.display-block {
display: block;
}
.form-group {
margin-bottom: 15px;
}
/* Label del popover */
.popover-button {
padding: 3px 3px 3px 0px;
height: auto;
min-width: auto;
}
.popover-label {
font-family: vn-font-bold;
color: black;
padding-top:5px;
}
/* Icon cuadrado */
.icon-square{
min-width: 0px;
height: 46px;
line-height: 0px;
}
input[type="submit"]:disabled, button:disabled {
opacity: 0.7;
}
.descriptor-icon{
font-size:60px;
}

View File

@ -1,16 +0,0 @@
@import "./variables";
@import "./font-family";
body {
color: $color-font;
font-family: vn-font;
}
html [uppercase], .uppercase {
text-transform: uppercase;
}
html [color-main], .color-main {
color: $color-main;
}
html [color-secondary], .color-secondary {
color: $color-secondary;
}

View File

@ -1,18 +1,4 @@
import './responsive.scss';
import './title.scss';
import './layout.scss';
import './display.scss';
import './margin.scss';
import './padding.scss';
import './border.scss';
import './background.scss';
import './font-style.scss';
import './misc.scss'; import './misc.scss';
import './effects.scss';
import './order-product.scss';
import './summary.scss';
import './descriptor.scss';
import './list.scss';
import './modal-form.scss'; import './modal-form.scss';
import './order-product.scss';
import './photo-list.scss'; import './photo-list.scss';
import './width.scss';

View File

@ -1,138 +0,0 @@
@import "variables";
/* None */
html [margin-none], .margin-none {
margin: $margin-none;
}
/* Small */
html [margin-small], .margin-small {
margin: $margin-small;
}
html [margin-small-top], .margin-small-top {
margin-top: $margin-small;
}
html [margin-small-left], .margin-small-left {
margin-left: $margin-small;
}
html [margin-small-right], .margin-small-right {
margin-right: $margin-small;
}
html [margin-small-bottom], .margin-small-bottom {
margin-bottom: $margin-small;
}
html [margin-small-v], .margin-small-v {
margin-top: $margin-small;
margin-bottom: $margin-small;
}
html [margin-small-h], .margin-small-h {
margin-left: $margin-small;
margin-right: $margin-small;
}
/* Medium */
html [margin-medium], .margin-medium {
margin: $margin-medium;
}
html [margin-medium-top], .margin-medium-top {
margin-top: $margin-medium;
}
html [margin-medium-left], .margin-medium-left {
margin-left: $margin-medium;
}
html [margin-medium-right], .margin-medium-right {
margin-right: $margin-medium;
}
html [margin-medium-bottom], .margin-medium-bottom {
margin-bottom: $margin-medium;
}
html [margin-medium-v], .margin-medium-v {
margin-top: $margin-medium;
margin-bottom: $margin-medium;
}
html [margin-medium-h], .margin-medium-h {
margin-left: $margin-medium;
margin-right: $margin-medium;
}
/* Large */
html [margin-large], .margin-large {
margin: $margin-large;
}
html [margin-large-top], .margin-large-top {
margin-top: $margin-large;
}
html [margin-large-left], .margin-large-left {
margin-left: $margin-large;
}
html [margin-large-right], .margin-large-right {
margin-right: $margin-large;
}
html [margin-large-bottom], .margin-large-bottom {
margin-bottom: $margin-large;
}
html [margin-large-v], .margin-large-v {
margin-top: $margin-large;
margin-bottom: $margin-large;
}
html [margin-large-h], .margin-large-h {
margin-left: $margin-large;
margin-right: $margin-large;
}
/* Huge */
html [margin-huge], .margin-huge {
margin: $margin-huge;
}
html [margin-huge-top], .margin-huge-top {
margin-top: $margin-huge;
}
html [margin-huge-left], .margin-huge-left {
margin-left: $margin-huge;
}
html [margin-huge-right], .margin-huge-right {
margin-right: $margin-huge;
}
html [margin-huge-bottom], .margin-huge-bottom {
margin-bottom: $margin-huge;
}
html [margin-huge-v], .margin-huge-v {
margin-top: $margin-huge;
margin-bottom: $margin-huge;
}
html [margin-huge-h], .margin-huge-h {
margin-left: $margin-huge;
margin-right: $margin-huge;
}
/* Minus Small */
html [margin--small], .margin--small {
margin: -$margin-small;
}
html [margin--small-top], .margin--small-top {
margin-top: -$margin-small;
}
html [margin--small-left], .margin--small-left {
margin-left: -$margin-small;
}
html [margin--small-right], .margin--small-right {
margin-right: -$margin-small;
}
html [margin--small-bottom], .margin--small-bottom {
margin-bottom: -$margin-small;
}
html [margin--small-v], .margin--small-v {
margin-top: -$margin-small;
margin-bottom: -$margin-small;
}
html [margin--small-h], .margin--small-h {
margin-left: -$margin-small;
margin-right: -$margin-small;
}

View File

@ -52,7 +52,7 @@ vn-bg-title {
.form { .form {
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: $pad-large; padding: $spacing-lg;
max-width: 1000px; max-width: 1000px;
} }
html [fixed-bottom-right] { html [fixed-bottom-right] {
@ -60,24 +60,6 @@ html [fixed-bottom-right] {
bottom: 2em; bottom: 2em;
right: 2em; right: 2em;
} }
html [text-center], .text-center {
text-align: center;
}
html [text-right], .text-right {
text-align: right;
}
html [text-left], .text-left {
text-align: left;
}
html [vn-right], .vn-right {
float: right;
}
html [vn-left], .vn-left {
float: left;
}
html [vn-center], .vn-center {
justify-content: center;
}
.list > vn-none { .list > vn-none {
min-width: 60px; min-width: 60px;
} }
@ -89,9 +71,6 @@ html [vn-center], .vn-center {
color: $color-main; color: $color-main;
} }
} }
.flatpickr-month, .flatpickr-weekdays, span.flatpickr-weekday {
background-color: $color-main;
}
html [pointer], .pointer{ html [pointer], .pointer{
cursor: pointer; cursor: pointer;
} }
@ -103,7 +82,7 @@ button {
} }
vn-button-bar { vn-button-bar {
display: block; display: block;
margin-top: $margin-small; margin-top: $spacing-sm;
} }
vn-tool-bar { vn-tool-bar {
display: flex; display: flex;
@ -112,23 +91,14 @@ vn-tool-bar {
margin-right: .6em; margin-right: .6em;
} }
} }
input[type="submit"]:disabled, button:disabled {
/** START - FORM ELEMENTS DISABLED **/ opacity: 0.7;
fieldset[disabled] .mdl-textfield .mdl-textfield__input,
fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
.mdl-textfield.is-disabled .mdl-textfield__input,
.mdl-checkbox.is-disabled .mdl-checkbox__label {
border: none !important;
color: inherit !important;
} }
fieldset[disabled] .mdl-textfield .mdl-textfield__label, html [scrollable] {
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label { min-height: 1px;
color: $color-main !important; flex: 1;
flex-basis: 0.000000001px;
} }
/** END - FORM ELEMENTS DISABLED **/
.ellipsize { .ellipsize {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -198,3 +168,24 @@ vn-empty-rows {
padding: 1.5em; padding: 1.5em;
box-sizing: border-box; box-sizing: border-box;
} }
/* XXX: Deprecated, use classes with text prefix */
[color-main] {
color: $color-main;
}
[color-secondary] {
color: $color-secondary;
}
[uppercase], .uppercase {
text-transform: uppercase;
}
html [text-center], .text-center {
text-align: center;
}
html [text-right], .text-right {
text-align: right;
}
html [text-left], .text-left {
text-align: left;
}

View File

@ -1,37 +1,34 @@
@import './variables'; @import './variables';
vn-dialog.modal-form { vn-dialog.modal-form {
vn-horizontal.header{ vn-horizontal.header {
padding: $pad-small; padding: $spacing-sm;
background-color: $color-main; background-color: $color-main;
h5{
h5 {
color: white; color: white;
margin: 0 auto; margin: 0 auto;
} }
} }
tpl-body {
width: 100%;
}
table { table {
width: 100% width: 100%
} }
& > div{ & > div {
padding: 0!important; padding: 0 !important;
} }
vn-textfield { vn-textfield {
width: 100%; width: 100%;
} }
.buttons{ .buttons {
margin-top: 0!important; margin-top: 0 !important;
} }
p {
p{
display: none; display: none;
} }
button.close > vn-icon{ button.close > vn-icon {
color: white!important; color: white !important;
} }
vn-ticket-sale-edit-discount > div { vn-ticket-sale-edit-discount > div {
padding-bottom: 0!important; padding-bottom: 0 !important;
} }
} }

View File

@ -7,7 +7,7 @@
& > .product { & > .product {
box-sizing: border-box; box-sizing: border-box;
padding: $pad-small; padding: $spacing-sm;
width: 28em; width: 28em;
overflow: hidden; overflow: hidden;
@ -21,7 +21,7 @@
img { img {
width: 100%; width: 100%;
height: 100% height: 100%;
} }
} }
.description { .description {
@ -57,7 +57,7 @@
height: 3em; height: 3em;
& > vn-label-value { & > vn-label-value {
font-size: .8em font-size: .8em;
} }
} }
} }
@ -77,7 +77,7 @@
&:first-child, &:first-child,
&:last-child { &:last-child {
font-size: 1.4em font-size: 1.4em;
} }
} }
@ -87,7 +87,7 @@
} }
& > .priceKg { & > .priceKg {
color: $color-font-secondary; color: $color-font-secondary;
font-size: .8em font-size: .8em;
} }
} }
} }

View File

@ -1,85 +0,0 @@
@import "./variables";
/* None */
html [pad-none], .pad-none {
padding: $pad-none;
}
/* Small */
html [pad-small], .pad-small {
padding: $pad-small;
}
html [pad-small-left], .pad-small-left {
padding-left: $pad-small;
}
html [pad-small-right], .pad-small-right {
padding-right: $pad-small;
}
html [pad-small-top], .pad-small-top {
padding-top: $pad-small;
}
html [pad-small-bottom], .pad-small-bottom {
padding-bottom: $pad-small;
}
html [pad-small-v], .pad-small-v {
padding-top: $pad-small;
padding-bottom: $pad-small;
}
html [pad-small-h], .pad-small-h {
padding-left: $pad-small;
padding-right: $pad-small;
}
/* Medium */
html [pad-medium], .pad-medium {
padding: $pad-medium;
}
html [pad-medium-left], .pad-medium-left {
padding-left: $pad-medium;
}
html [pad-medium-right], .pad-medium-right {
padding-right: $pad-medium;
}
html [pad-medium-top], .pad-medium-top {
padding-top: $pad-medium;
}
html [pad-medium-bottom], .pad-medium-bottom {
padding-bottom: $pad-medium;
}
html [pad-medium-v], .pad-medium-v {
padding-top: $pad-medium;
padding-bottom: $pad-medium;
}
html [pad-medium-h], .pad-medium-h {
padding-left: $pad-medium;
padding-right: $pad-medium;
}
/* Large */
html [pad-large], .pad-large {
padding: $pad-large;
}
html [pad-large-left], .pad-large-left {
padding-left: $pad-large;
}
html [pad-large-right], .pad-large-right {
padding-right: $pad-large;
}
html [pad-large-top], .pad-large-top {
padding-top: $pad-large;
}
html [pad-large-bottom], .pad-large-bottom {
padding-bottom: $pad-large;
}
html [pad-large-v], .pad-large-v {
padding-top: $pad-large;
padding-bottom: $pad-large;
}
html [pad-large-h], .pad-large-h {
padding-left: $pad-large;
padding-right: $pad-large;
}

View File

@ -1,4 +1,5 @@
@import "./variables"; @import "./variables";
.photo-list { .photo-list {
justify-content: center; justify-content: center;
align-items: flex-start; align-items: flex-start;
@ -8,7 +9,7 @@
.photo { .photo {
box-sizing: border-box; box-sizing: border-box;
transition: all 0.5s; transition: all 0.5s;
padding: $pad-small; padding: $spacing-sm;
position: relative; position: relative;
opacity: 0.7; opacity: 0.7;
width: 28em; width: 28em;
@ -33,7 +34,6 @@
top: 1em top: 1em
} }
} }
.photo:hover { .photo:hover {
opacity: 1 opacity: 1
} }

View File

@ -1,28 +0,0 @@
@import "./variables";
h1 {
font-size: 32pt;
}
h2 {
font-size: 28pt;
}
h3 {
font-size: 24pt;
}
h4 {
font-size: 20pt;
}
h5 {
font-size: 16pt;
}
h6 {
font-size: 12pt;
}
h1, h2, h3, h4, h5, h6 {
padding: 0;
margin-top: 0;
margin-bottom: .2em;
font-family: vn-font-bold;
color: $color-font
}

View File

@ -56,6 +56,5 @@
"You can't delete a confirmed order": "You can't delete a confirmed order", "You can't delete a confirmed order": "You can't delete a confirmed order",
"Value has an invalid format": "Value has an invalid format", "Value has an invalid format": "Value has an invalid format",
"The postcode doesn't exists. Ensure you put the correct format": "The postcode doesn't exists. Ensure you put the correct format", "The postcode doesn't exists. Ensure you put the correct format": "The postcode doesn't exists. Ensure you put the correct format",
"Can't create stowaway for this ticket": "Can't create stowaway for this ticket", "Can't create stowaway for this ticket": "Can't create stowaway for this ticket"
"is not a valid date": "is not a valid date"
} }

View File

@ -9,7 +9,7 @@
name="form" name="form"
ng-submit="$ctrl.onSubmit()" ng-submit="$ctrl.onSubmit()"
class="vn-w-md"> class="vn-w-md">
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-horizontal> <vn-horizontal>
<vn-textfield <vn-textfield
label="Name" label="Name"

View File

@ -7,7 +7,7 @@
on-move-next="ndMonth.moveNext(2)" on-move-next="ndMonth.moveNext(2)"
on-move-previous="ndMonth.movePrevious(2)" on-move-previous="ndMonth.movePrevious(2)"
vn-acl="deliveryBoss" vn-acl="deliveryBoss"
pad-medium> class="vn-pa-md">
</vn-calendar> </vn-calendar>
<vn-calendar <vn-calendar
vn-id="ndMonth" vn-id="ndMonth"
@ -18,5 +18,5 @@
default-date="$ctrl.ndMonthDate" default-date="$ctrl.ndMonthDate"
vn-acl="deliveryBoss" vn-acl="deliveryBoss"
display-controls="false" display-controls="false"
pad-medium> class="vn-pa-md">
</vn-calendar> </vn-calendar>

View File

@ -7,7 +7,7 @@
</vn-watcher> </vn-watcher>
<div class="content-block"> <div class="content-block">
<form name="form" vn-http-submit="$ctrl.onSubmit()" compact> <form name="form" vn-http-submit="$ctrl.onSubmit()" compact>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-horizontal> <vn-horizontal>
<vn-textfield vn-two vn-focus <vn-textfield vn-two vn-focus
label="Name" label="Name"

View File

@ -1,6 +1,6 @@
<div style="margin: 0 auto; max-width: 40em;"> <div style="margin: 0 auto; max-width: 40em;">
<form ng-submit="$ctrl.onSubmit()"> <form ng-submit="$ctrl.onSubmit()">
<vn-card pad-medium> <vn-card class="vn-pa-md">
<vn-vertical> <vn-vertical>
<vn-horizontal> <vn-horizontal>
<vn-autocomplete <vn-autocomplete
@ -38,7 +38,7 @@
<vn-submit label="Query"></vn-submit> <vn-submit label="Query"></vn-submit>
</vn-button-bar> </vn-button-bar>
</form> </form>
<vn-card pad-medium margin-medium-top> <vn-card class="vn-pa-md vn-mt-md">
<vn-zone-calendar <vn-zone-calendar
events="events.events" events="events.events"
exclusions="events.exclusions"> exclusions="events.exclusions">

View File

@ -6,7 +6,7 @@
save="patch"> save="patch">
</vn-watcher> </vn-watcher>
<form name="form" ng-submit="$ctrl.onSubmit()"> <form name="form" ng-submit="$ctrl.onSubmit()">
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-horizontal> <vn-horizontal>
<vn-textfield vn-two vn-focus <vn-textfield vn-two vn-focus
label="Name" label="Name"

View File

@ -14,12 +14,12 @@
<vn-one> <vn-one>
<div <div
ng-if="::row.from && !row.to" ng-if="::row.from && !row.to"
margin-small-bottom> class="vn-mb-sm">
{{::row.from | dateTime:'dd/MM/yyyy'}} {{::row.from | dateTime:'dd/MM/yyyy'}}
</div> </div>
<div <div
ng-if="::!row.from || row.to" ng-if="::!row.from || row.to"
margin-small-bottom> class="vn-mb-sm">
<span ng-if="row.to"> <span ng-if="row.to">
{{::row.from | dateTime:'dd/MM/yyyy'}} - {{::row.to | dateTime:'dd/MM/yyyy'}} {{::row.from | dateTime:'dd/MM/yyyy'}} - {{::row.to | dateTime:'dd/MM/yyyy'}}
</span> </span>
@ -72,7 +72,7 @@
on-response="$ctrl.onSave(response)"> on-response="$ctrl.onSave(response)">
<tpl-body> <tpl-body>
<vn-vertical> <vn-vertical>
<vn-vertical pad-medium-bottom> <vn-vertical class="vn-pb-md">
<vn-radio <vn-radio
field="$ctrl.eventType" field="$ctrl.eventType"
label="One day" label="One day"

View File

@ -2,8 +2,8 @@
vn-zone-events { vn-zone-events {
.week-days { .week-days {
margin-top: $margin-small; margin-top: $spacing-sm;
margin-bottom: $margin-medium; margin-bottom: $spacing-md;
text-align: center; text-align: center;
& > span { & > span {

View File

@ -7,7 +7,7 @@
auto-load="true"> auto-load="true">
</vn-crud-model> </vn-crud-model>
<div> <div>
<vn-card class="vn-w-sm pad-medium-h"> <vn-card class="vn-w-sm vn-px-md">
<vn-searchbar <vn-searchbar
panel="vn-zone-search-panel" panel="vn-zone-search-panel"
model="model" model="model"
@ -18,9 +18,7 @@
</vn-card> </vn-card>
<vn-data-viewer <vn-data-viewer
model="model" model="model"
class="vn-w-md" class="vn-w-md vn-mt-md vn-mb-xl">
margin-medium-top
margin-huge-bottom>
<vn-card> <vn-card>
<vn-table model="model"> <vn-table model="model">
<vn-thead> <vn-thead>

View File

@ -33,7 +33,7 @@
value-field="id"> value-field="id">
</vn-autocomplete> </vn-autocomplete>
</vn-horizontal> </vn-horizontal>
<vn-horizontal margin-large-top> <vn-horizontal class="vn-mt-lg">
<vn-submit label="Search"></vn-submit> <vn-submit label="Search"></vn-submit>
</vn-horizontal> </vn-horizontal>
</form> </form>

View File

@ -4,13 +4,13 @@
filter="::$ctrl.filter"> filter="::$ctrl.filter">
</vn-crud-model> </vn-crud-model>
<div class="vn-w-md"> <div class="vn-w-md">
<vn-card pad-large-h> <vn-card class="vn-px-lg">
<vn-searchbar auto-load="false" <vn-searchbar auto-load="false"
on-search="$ctrl.onSearch($params)" on-search="$ctrl.onSearch($params)"
vn-focus> vn-focus>
</vn-searchbar> </vn-searchbar>
</vn-card> </vn-card>
<vn-card pad-large margin-medium-top> <vn-card class="vn-pa-lg vn-mt-md">
<vn-treeview vn-id="treeview" root-label="Locations" <vn-treeview vn-id="treeview" root-label="Locations"
fetch-func="$ctrl.onFetch($item)" fetch-func="$ctrl.onFetch($item)"
sort-func="$ctrl.onSort($a, $b)"> sort-func="$ctrl.onSort($a, $b)">

View File

@ -4,7 +4,7 @@ vn-zone {
ul.menu { ul.menu {
list-style-type: none; list-style-type: none;
padding: 0; padding: 0;
padding-top: $pad-medium; padding-top: $spacing-md;
margin: 0; margin: 0;
font-size: inherit; font-size: inherit;

View File

@ -26,7 +26,7 @@
value-field="id"> value-field="id">
</vn-autocomplete> </vn-autocomplete>
</vn-horizontal> </vn-horizontal>
<vn-horizontal margin-large-top> <vn-horizontal class="vn-mt-lg">
<vn-submit label="Search"></vn-submit> <vn-submit label="Search"></vn-submit>
</vn-horizontal> </vn-horizontal>
</form> </form>

View File

@ -1,6 +1,6 @@
<vn-card class="summary"> <vn-card class="summary">
<h5>{{$ctrl.summary.name}}</h5> <h5>{{$ctrl.summary.name}}</h5>
<vn-horizontal pad-medium> <vn-horizontal class="vn-pa-md">
<vn-one> <vn-one>
<vn-label-value label="Id" <vn-label-value label="Id"
value="{{$ctrl.summary.id}}"> value="{{$ctrl.summary.id}}">

View File

@ -5,7 +5,7 @@
data="$ctrl.salesClaimed"> data="$ctrl.salesClaimed">
</vn-crud-model> </vn-crud-model>
<vn-vertical compact> <vn-vertical compact>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-vertical> <vn-vertical>
<vn-horizontal> <vn-horizontal>
<div class="totalBox" ng-show="$ctrl.salesClaimed.length > 0"> <div class="totalBox" ng-show="$ctrl.salesClaimed.length > 0">
@ -15,7 +15,7 @@
</div> </div>
</vn-horizontal> </vn-horizontal>
<vn-horizontal> <vn-horizontal>
<vn-tool-bar margin-medium-bottom> <vn-tool-bar class="vn-mb-md">
<vn-button <vn-button
label="Import claim" label="Import claim"
disabled="$ctrl.claim.claimStateFk == $ctrl.resolvedState" disabled="$ctrl.claim.claimStateFk == $ctrl.resolvedState"
@ -172,7 +172,7 @@
</vn-crud-model> </vn-crud-model>
<!-- Transfer Popover --> <!-- Transfer Popover -->
<vn-popover class="lastTicketsPopover" vn-id="lastTicketsPopover"> <vn-popover class="lastTicketsPopover" vn-id="lastTicketsPopover">
<div class="ticketList" pad-medium> <div class="ticketList vn-pa-md">
<vn-table model="lastTicketsModel" auto-load="false" class="vn-grid"> <vn-table model="lastTicketsModel" auto-load="false" class="vn-grid">
<vn-thead> <vn-thead>
<vn-tr> <vn-tr>

View File

@ -6,7 +6,7 @@
save="post"> save="post">
</vn-watcher> </vn-watcher>
<form name="form" ng-submit="$ctrl.onSubmit()" compact> <form name="form" ng-submit="$ctrl.onSubmit()" compact>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-horizontal> <vn-horizontal>
<vn-autocomplete <vn-autocomplete
vn-one vn-one
@ -26,7 +26,7 @@
ini-options="{enableTime: true, dateFormat: 'd-m-Y', time_24hr: true}"> ini-options="{enableTime: true, dateFormat: 'd-m-Y', time_24hr: true}">
</vn-date-picker> </vn-date-picker>
</vn-horizontal> </vn-horizontal>
<vn-horizontal pad-small-v> <vn-horizontal class="vn-py-sm">
<vn-autocomplete <vn-autocomplete
vn-one vn-one
disabled="false" disabled="false"
@ -49,7 +49,7 @@
</vn-autocomplete> </vn-autocomplete>
</vn-horizontal> </vn-horizontal>
</vn-horizontal> </vn-horizontal>
<vn-horizontal pad-small-v> <vn-horizontal class="vn-py-sm">
<vn-textarea <vn-textarea
vn-three vn-three
label="Observation" label="Observation"

View File

@ -7,7 +7,7 @@
on-data-change="$ctrl.calculateTotals()"> on-data-change="$ctrl.calculateTotals()">
</vn-crud-model> </vn-crud-model>
<vn-vertical> <vn-vertical>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-vertical> <vn-vertical>
<vn-horizontal> <vn-horizontal>
<div class="totalBox"> <div class="totalBox">
@ -80,10 +80,10 @@
<!-- Add Lines Dialog --> <!-- Add Lines Dialog -->
<vn-dialog vn-id="add-sales" class="modal-form"> <vn-dialog vn-id="add-sales" class="modal-form">
<tpl-body> <tpl-body>
<vn-horizontal pad-medium class="header"> <vn-horizontal class="header vn-pa-md">
<h5><span translate>Claimable sales from ticket</span> {{$ctrl.claim.ticketFk}}</h5> <h5><span translate>Claimable sales from ticket</span> {{$ctrl.claim.ticketFk}}</h5>
</vn-horizontal> </vn-horizontal>
<vn-horizontal pad-medium> <vn-horizontal class="vn-pa-md">
<vn-table> <vn-table>
<vn-thead> <vn-thead>
<vn-tr> <vn-tr>
@ -131,10 +131,10 @@
enable="true"> enable="true">
</vn-spinner> </vn-spinner>
<div ng-if="$ctrl.mana != null"> <div ng-if="$ctrl.mana != null">
<vn-horizontal pad-medium class="header"> <vn-horizontal class="header vn-pa-md">
<h5>MANÁ: {{$ctrl.mana | currency: 'EUR':0}}</h5> <h5>MANÁ: {{$ctrl.mana | currency: 'EUR':0}}</h5>
</vn-horizontal> </vn-horizontal>
<div pad-medium> <div class="vn-pa-md">
<vn-input-number <vn-input-number
vn-focus vn-focus
label="Discount" label="Discount"

View File

@ -37,7 +37,7 @@
form="form"> form="form">
</vn-watcher> </vn-watcher>
<vn-vertical compact> <vn-vertical compact>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-vertical> <vn-vertical>
<form name="form"> <form name="form">
<vn-horizontal ng-repeat="claimDevelopment in claimDevelopments"> <vn-horizontal ng-repeat="claimDevelopment in claimDevelopments">
@ -90,7 +90,7 @@
vn-acl="salesAssistant"> vn-acl="salesAssistant">
</vn-autocomplete> </vn-autocomplete>
<vn-icon-button <vn-icon-button
margin-medium-v class="vn-my-md"
vn-tooltip="Remove sale" vn-tooltip="Remove sale"
icon="delete" icon="delete"
ng-click="model.remove($index)" ng-click="model.remove($index)"
@ -99,7 +99,7 @@
</vn-icon-button> </vn-icon-button>
</vn-horizontal> </vn-horizontal>
</form> </form>
<vn-one pad-medium-top> <vn-one class="vn-pt-md">
<vn-icon-button <vn-icon-button
vn-bind="+" vn-bind="+"
vn-tooltip="Add sale" vn-tooltip="Add sale"

View File

@ -5,7 +5,7 @@ vn-claim-dms-index {
border: 2px dashed $color-font-secondary; border: 2px dashed $color-font-secondary;
color: $color-font-secondary; color: $color-font-secondary;
box-sizing: border-box; box-sizing: border-box;
padding: 2em $pad-medium; padding: 2em $spacing-md;
border-radius: 0.5em; border-radius: 0.5em;
text-align: center; text-align: center;
font-size: 1.4em; font-size: 1.4em;
@ -17,7 +17,7 @@ vn-claim-dms-index {
.photo-list { .photo-list {
padding: $pad-medium; padding: $spacing-md;
min-height: 100%; min-height: 100%;
.photo { .photo {

View File

@ -7,7 +7,7 @@
auto-load="true"> auto-load="true">
</vn-crud-model> </vn-crud-model>
<div class="content-block"> <div class="content-block">
<vn-card pad-medium-h class="vn-w-sm"> <vn-card class="vn-px-md vn-w-sm">
<vn-searchbar <vn-searchbar
panel="vn-claim-search-panel" panel="vn-claim-search-panel"
on-search="$ctrl.onSearch($params)" on-search="$ctrl.onSearch($params)"
@ -17,8 +17,7 @@
</vn-card> </vn-card>
<vn-data-viewer <vn-data-viewer
model="model" model="model"
class="vn-w-md" class="vn-w-md vn-my-md">
margin-medium-v>
<vn-card> <vn-card>
<vn-table model="model"> <vn-table model="model">
<vn-thead> <vn-thead>

View File

@ -65,7 +65,7 @@
model="filter.created"> model="filter.created">
</vn-date-picker> </vn-date-picker>
</vn-horizontal> </vn-horizontal>
<vn-horizontal margin-large-top> <vn-horizontal class="vn-mt-lg">
<vn-submit label="Search"></vn-submit> <vn-submit label="Search"></vn-submit>
</vn-horizontal> </vn-horizontal>
</form> </form>

View File

@ -15,8 +15,8 @@
auto-load="true"> auto-load="true">
</vn-crud-model> </vn-crud-model>
<form name="form" ng-submit="$ctrl.onSubmit()" compact> <form name="form" ng-submit="$ctrl.onSubmit()" compact>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-horizontal pad-small-v> <vn-horizontal class="vn-py-sm">
<vn-check vn-one label="Default" field="$ctrl.data.isDefaultAddress"></vn-check> <vn-check vn-one label="Default" field="$ctrl.data.isDefaultAddress"></vn-check>
</vn-horizontal> </vn-horizontal>
<vn-horizontal> <vn-horizontal>
@ -64,11 +64,15 @@
label="Postcode" label="Postcode"
field="$ctrl.address.postalCode"> field="$ctrl.address.postalCode">
</vn-textfield> </vn-textfield>
<!-- <vn-icon-button vn-auto margin-medium-v <!--
<vn-icon-button
vn-auto
class="vn-my-md"
icon="add_circle" icon="add_circle"
vn-tooltip="New postcode" vn-tooltip="New postcode"
ng-click="postcode.open()"> ng-click="postcode.open()">
</vn-icon-button> --> </vn-icon-button>
-->
</vn-horizontal> </vn-horizontal>
<vn-horizontal> <vn-horizontal>
<vn-autocomplete <vn-autocomplete

View File

@ -26,8 +26,8 @@
auto-load="true"> auto-load="true">
</vn-crud-model> </vn-crud-model>
<form name="form" ng-submit="$ctrl.onSubmit()" compact> <form name="form" ng-submit="$ctrl.onSubmit()" compact>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-horizontal pad-small-v> <vn-horizontal class="vn-py-sm">
<vn-check vn-one label="Enabled" field="$ctrl.address.isActive"></vn-check> <vn-check vn-one label="Enabled" field="$ctrl.address.isActive"></vn-check>
<vn-check <vn-check
vn-one label="Is equalizated" vn-one label="Is equalizated"
@ -75,11 +75,15 @@
label="Postcode" label="Postcode"
field="$ctrl.address.postalCode"> field="$ctrl.address.postalCode">
</vn-textfield> </vn-textfield>
<!-- <vn-icon-button vn-auto margin-medium-v <!--
<vn-icon-button
vn-auto
class="vn-my-md"
icon="add_circle" icon="add_circle"
vn-tooltip="New postcode" vn-tooltip="New postcode"
ng-click="postcode.open()"> ng-click="postcode.open()">
</vn-icon-button> --> </vn-icon-button>
-->
</vn-horizontal> </vn-horizontal>
<vn-horizontal> <vn-horizontal>
<vn-autocomplete vn-one <vn-autocomplete vn-one

View File

@ -9,18 +9,17 @@
<vn-data-viewer <vn-data-viewer
model="model" model="model"
class="vn-w-md"> class="vn-w-md">
<vn-card pad-medium> <vn-card class="vn-pa-md">
<div <div
ng-repeat="address in $ctrl.addresses" ng-repeat="address in $ctrl.addresses"
class="address"> class="address">
<a <a
ui-sref="client.card.address.edit({addressId: {{::address.id}}})" ui-sref="client.card.address.edit({addressId: {{::address.id}}})"
class="pad-small border-solid" class="vn-pa-sm border-solid border-radius"
ng-class="{'item-disabled': !address.isActive}" ng-class="{'item-disabled': !address.isActive}"
translate-attr="{title: 'Edit address'}" translate-attr="{title: 'Edit address'}">
border-radius>
<vn-none <vn-none
pad-small-right class="vn-pr-sm"
ng-click="$ctrl.onStarClick($event)"> ng-click="$ctrl.onStarClick($event)">
<vn-icon-button <vn-icon-button
ng-if="$ctrl.isDefaultAddress(address)" ng-if="$ctrl.isDefaultAddress(address)"
@ -52,11 +51,9 @@
<vn-vertical <vn-vertical
vn-one vn-one
ng-if="address.observations.length" ng-if="address.observations.length"
border-solid-left class="vn-hide-narrow vn-px-md border-solid-left"
pad-medium-h
class="vn-hide-narrow"
style="height: 6em; overflow: auto;"> style="height: 6em; overflow: auto;">
<vn-one ng-repeat="observation in address.observations track by $index" ng-class="{'pad-small-top': $index}"> <vn-one ng-repeat="observation in address.observations track by $index" ng-class="{'vn-pt-sm': $index}">
<b>{{::observation.observationType.description}}:</b> <b>{{::observation.observationType.description}}:</b>
<span>{{::observation.description}}</span> <span>{{::observation.description}}</span>
</vn-one> </vn-one>

View File

@ -3,7 +3,7 @@
vn-client-address-index { vn-client-address-index {
.address { .address {
padding-bottom: $pad-medium; padding-bottom: $spacing-md;
&:last-child { &:last-child {
padding-bottom: 0; padding-bottom: 0;

View File

@ -6,7 +6,7 @@
<vn-horizontal class="header"> <vn-horizontal class="header">
<h5><span translate>New payment</span></h5> <h5><span translate>New payment</span></h5>
</vn-horizontal> </vn-horizontal>
<div pad-medium> <div class="vn-pa-md">
<vn-horizontal> <vn-horizontal>
<vn-date-picker vn-one <vn-date-picker vn-one
label="Date" label="Date"
@ -35,7 +35,7 @@
</vn-input-number> </vn-input-number>
</vn-horizontal> </vn-horizontal>
</div> </div>
<vn-horizontal margin-medium class="buttons-bar"> <vn-horizontal class="vn-ma-md buttons-bar">
<vn-button vn-one label="Save" ng-click="$ctrl.save()"></vn-button> <vn-button vn-one label="Save" ng-click="$ctrl.save()"></vn-button>
<vn-button vn-one ng-click="$ctrl.hide()" label="Cancel"></vn-button> <vn-button vn-one ng-click="$ctrl.hide()" label="Cancel"></vn-button>
</vn-horizontal> </vn-horizontal>

View File

@ -13,7 +13,7 @@
data="$ctrl.clientRisks"> data="$ctrl.clientRisks">
</vn-crud-model> </vn-crud-model>
<div class="vn-w-lg"> <div class="vn-w-lg">
<vn-card class="pad-medium margin-medium-bottom"> <vn-card class="vn-pa-md vn-mb-md">
<vn-horizontal <vn-horizontal
style="align-items: center;"> style="align-items: center;">
<vn-one></vn-one> <vn-one></vn-one>

View File

@ -7,7 +7,7 @@
</vn-watcher> </vn-watcher>
<form name="form" vn-http-submit="watcher.submit()" compact> <form name="form" vn-http-submit="watcher.submit()" compact>
<fieldset> <fieldset>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-horizontal> <vn-horizontal>
<vn-textfield <vn-textfield
vn-one vn-one

View File

@ -6,7 +6,7 @@
save="patch"> save="patch">
</vn-watcher> </vn-watcher>
<form name="form" ng-submit="$ctrl.onSubmit()" compact> <form name="form" ng-submit="$ctrl.onSubmit()" compact>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-horizontal> <vn-horizontal>
<vn-autocomplete <vn-autocomplete
vn-one vn-one
@ -52,14 +52,16 @@
</vn-horizontal> </vn-horizontal>
</tpl-item> </tpl-item>
</vn-autocomplete> </vn-autocomplete>
<vn-icon-button vn-auto margin-medium-v <vn-icon-button
vn-auto
class="vn-my-md"
icon="add_circle" icon="add_circle"
vn-tooltip="New bank entity" vn-tooltip="New bank entity"
vn-dialog="bankEntityDialog" vn-dialog="bankEntityDialog"
vn-acl="salesAssistant"> vn-acl="salesAssistant">
</vn-icon-button> </vn-icon-button>
</vn-horizontal> </vn-horizontal>
<vn-horizontal pad-small-v> <vn-horizontal class="vn-py-sm">
<vn-one> <vn-one>
<vn-check <vn-check
label="Received LCR" label="Received LCR"
@ -95,7 +97,7 @@
on-open="$ctrl.onBankEntityOpen()" on-open="$ctrl.onBankEntityOpen()"
on-response="$ctrl.onBankEntityResponse(response)"> on-response="$ctrl.onBankEntityResponse(response)">
<tpl-body> <tpl-body>
<h5 pad-small-v translate>New bank entity</h5> <h5 class="vn-py-sm" translate>New bank entity</h5>
<vn-horizontal> <vn-horizontal>
<vn-textfield vn-one <vn-textfield vn-one
label="Name" label="Name"

View File

@ -12,7 +12,7 @@
form="form"> form="form">
</vn-watcher> </vn-watcher>
<form name="form" ng-submit="$ctrl.onSubmit()" compact> <form name="form" ng-submit="$ctrl.onSubmit()" compact>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-horizontal ng-repeat="contact in contacts"> <vn-horizontal ng-repeat="contact in contacts">
<vn-textfield <vn-textfield
vn-one vn-one
@ -29,7 +29,7 @@
<vn-none> <vn-none>
<vn-icon-button <vn-icon-button
pointer pointer
margin-medium-v class="vn-my-md"
vn-tooltip="Remove contact" vn-tooltip="Remove contact"
icon="delete" icon="delete"
ng-click="model.remove($index)"> ng-click="model.remove($index)">

View File

@ -7,7 +7,7 @@
</vn-watcher> </vn-watcher>
<div class="content-block"> <div class="content-block">
<form name="form" vn-http-submit="$ctrl.onSubmit()" compact> <form name="form" vn-http-submit="$ctrl.onSubmit()" compact>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-horizontal> <vn-horizontal>
<vn-textfield vn-two label="Comercial Name" field="$ctrl.client.name" vn-focus></vn-textfield> <vn-textfield vn-two label="Comercial Name" field="$ctrl.client.name" vn-focus></vn-textfield>
<vn-autocomplete vn-one <vn-autocomplete vn-one
@ -54,7 +54,8 @@
label="City" label="City"
field="$ctrl.client.city"> field="$ctrl.client.city">
</vn-textfield> </vn-textfield>
<!-- <vn-autocomplete vn-id="town" vn-one <!--
<vn-autocomplete vn-id="town" vn-one
label="City" label="City"
url="/api/Towns" url="/api/Towns"
fields="['id', 'name']" fields="['id', 'name']"
@ -62,12 +63,15 @@
show-field="name" show-field="name"
value-field="name" value-field="name"
field="$ctrl.client.city"> field="$ctrl.client.city">
</vn-autocomplete> --> </vn-autocomplete>
<!-- <vn-icon-button vn-auto margin-medium-v <vn-icon-button
vn-auto
class="vn-my-md"
icon="add_circle" icon="add_circle"
vn-tooltip="New postcode" vn-tooltip="New postcode"
ng-click="postcode.open()"> ng-click="postcode.open()">
</vn-icon-button> --> </vn-icon-button>
-->
<vn-textfield vn-one <vn-textfield vn-one
label="Postcode" label="Postcode"
field="$ctrl.client.postcode"> field="$ctrl.client.postcode">
@ -102,7 +106,7 @@
info="You can save multiple emails"> info="You can save multiple emails">
</vn-textfield> </vn-textfield>
</vn-horizontal> </vn-horizontal>
<vn-horizontal pad-small-v> <vn-horizontal class="vn-py-sm">
<vn-check <vn-check
vn-one vn-one
label="Is equalizated" label="Is equalizated"

View File

@ -1,5 +1,5 @@
<form name="form" ng-submit="$ctrl.onSubmit()" compact> <form name="form" ng-submit="$ctrl.onSubmit()" compact>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-horizontal> <vn-horizontal>
<vn-input-number vn-one min="0" <vn-input-number vn-one min="0"
label="Credit" label="Credit"

View File

@ -1,17 +1,16 @@
<vn-data-viewer <vn-data-viewer
data="$ctrl.classifications" data="$ctrl.classifications"
class="vn-w-md"> class="vn-w-md">
<vn-card pad-medium> <vn-card class="vn-pa-md">
<vn-horizontal <vn-horizontal
ng-repeat="classification in $ctrl.classifications track by classification.id" ng-repeat="classification in $ctrl.classifications track by classification.id"
class="pad-medium-bottom insurance" class="vn-pb-md insurance"
style="align-items: center;"> style="align-items: center;">
<vn-one <vn-one
border-radius class="vn-pa-sm border-solid border-radius"
class="pad-small border-solid"
ng-class="{'item-hightlight': !classification.finished,'item-disabled': classification.finished}"> ng-class="{'item-hightlight': !classification.finished,'item-disabled': classification.finished}">
<vn-horizontal style="align-items: center;"> <vn-horizontal style="align-items: center;">
<vn-none pad-medium-h> <vn-none class="vn-px-md">
<vn-icon-button <vn-icon-button
ng-if="!classification.finished" ng-if="!classification.finished"
icon="lock" icon="lock"
@ -19,11 +18,11 @@
ng-click="$ctrl.closeContract(classification)"> ng-click="$ctrl.closeContract(classification)">
</vn-icon-button> </vn-icon-button>
</vn-none> </vn-none>
<vn-one border-solid-right> <vn-one class="border-solid-right">
<div><vn-label translate>Since</vn-label> {{::classification.started | dateTime:'dd/MM/yyyy'}}</div> <div><vn-label translate>Since</vn-label> {{::classification.started | dateTime:'dd/MM/yyyy'}}</div>
<div><vn-label translate>To</vn-label> {{classification.finished | dateTime:'dd/MM/yyyy'}}</div> <div><vn-label translate>To</vn-label> {{classification.finished | dateTime:'dd/MM/yyyy'}}</div>
</vn-one> </vn-one>
<vn-vertical vn-one pad-medium-h> <vn-vertical vn-one class="vn-px-md">
<vn-horizontal ng-repeat="insurance in classification.insurances track by insurance.id"> <vn-horizontal ng-repeat="insurance in classification.insurances track by insurance.id">
<vn-one> <vn-one>
<vn-label-value label="Credit" <vn-label-value label="Credit"

View File

@ -6,7 +6,7 @@
save="post"> save="post">
</vn-watcher> </vn-watcher>
<form name="form" ng-submit="$ctrl.onSubmit()" compact> <form name="form" ng-submit="$ctrl.onSubmit()" compact>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-horizontal> <vn-horizontal>
<vn-input-number vn-one min="0" <vn-input-number vn-one min="0"
label="Credit" label="Credit"

View File

@ -6,7 +6,7 @@
data="insurances" auto-load="false"> data="insurances" auto-load="false">
</vn-crud-model> </vn-crud-model>
<vn-vertical compact> <vn-vertical compact>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-vertical> <vn-vertical>
<vn-table model="model"> <vn-table model="model">
<vn-thead> <vn-thead>

View File

@ -6,7 +6,7 @@
save="patch"> save="patch">
</vn-watcher> </vn-watcher>
<form name="form" ng-submit="$ctrl.onSubmit()" compact> <form name="form" ng-submit="$ctrl.onSubmit()" compact>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-horizontal> <vn-horizontal>
<vn-input-number vn-one min="0" <vn-input-number vn-one min="0"
label="Credit" label="Credit"

View File

@ -3,9 +3,13 @@
vn-id="watcher" vn-id="watcher"
data="$ctrl.dms"> data="$ctrl.dms">
</vn-watcher> </vn-watcher>
<form name="form" ng-submit="$ctrl.onSubmit()" margin-medium enctype="multipart/form-data"> <form
name="form"
ng-submit="$ctrl.onSubmit()"
class="vn-ma-md"
enctype="multipart/form-data">
<div compact> <div compact>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-horizontal> <vn-horizontal>
<vn-textfield vn-one vn-focus <vn-textfield vn-one vn-focus
label="Reference" label="Reference"

View File

@ -2,9 +2,13 @@
vn-id="watcher" vn-id="watcher"
data="$ctrl.dms"> data="$ctrl.dms">
</vn-watcher> </vn-watcher>
<form name="form" ng-submit="$ctrl.onSubmit()" margin-medium enctype="multipart/form-data"> <form
name="form"
ng-submit="$ctrl.onSubmit()"
class="vn-ma-md"
enctype="multipart/form-data">
<div compact> <div compact>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-horizontal> <vn-horizontal>
<vn-textfield vn-one vn-focus <vn-textfield vn-one vn-focus
label="Reference" label="Reference"

View File

@ -6,7 +6,7 @@
save="patch"> save="patch">
</vn-watcher> </vn-watcher>
<form name="form" ng-submit="$ctrl.onSubmit()" compact> <form name="form" ng-submit="$ctrl.onSubmit()" compact>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-horizontal> <vn-horizontal>
<vn-textfield <vn-textfield
vn-two vn-two
@ -76,7 +76,7 @@
label="Postcode"> label="Postcode">
</vn-autocomplete> --> </vn-autocomplete> -->
</vn-horizontal> </vn-horizontal>
<vn-horizontal pad-small-v> <vn-horizontal class="vn-py-sm">
<vn-check <vn-check
vn-one vn-one
label="Active" label="Active"
@ -88,7 +88,7 @@
field="$ctrl.client.isFreezed"> field="$ctrl.client.isFreezed">
</vn-check> </vn-check>
</vn-horizontal> </vn-horizontal>
<vn-horizontal pad-small-v> <vn-horizontal class="vn-py-sm">
<vn-check <vn-check
vn-one vn-one
label="Has to invoice" label="Has to invoice"
@ -100,7 +100,7 @@
field="$ctrl.client.isVies"> field="$ctrl.client.isVies">
</vn-check> </vn-check>
</vn-horizontal> </vn-horizontal>
<vn-horizontal pad-small-v> <vn-horizontal class="vn-py-sm">
<vn-check <vn-check
vn-one vn-one
label="Invoice by mail" label="Invoice by mail"
@ -112,7 +112,7 @@
field="$ctrl.client.hasToInvoiceByAddress"> field="$ctrl.client.hasToInvoiceByAddress">
</vn-check> </vn-check>
</vn-horizontal> </vn-horizontal>
<vn-horizontal pad-small-v> <vn-horizontal class="vn-py-sm">
<vn-check <vn-check
vn-one vn-one
label="Is equalizated" label="Is equalizated"

View File

@ -6,7 +6,7 @@
save="post"> save="post">
</vn-watcher> </vn-watcher>
<form name="form" ng-submit="$ctrl.onSubmit()" compact> <form name="form" ng-submit="$ctrl.onSubmit()" compact>
<vn-card pad-large> <vn-card class="vn-pa-lg">
<vn-horizontal> <vn-horizontal>
<vn-input-number vn-one vn-focus <vn-input-number vn-one vn-focus
label="Amount" label="Amount"

View File

@ -17,7 +17,7 @@
<vn-card <vn-card
ng-if="model.data.length > 0" ng-if="model.data.length > 0"
style="text-align: right;" style="text-align: right;"
class="margin-medium-bottom pad-large"> class="vn-mb-md vn-pa-lg">
<vn-label-value <vn-label-value
label="Total" label="Total"
value="{{edit.model.sumAmount | currency: 'EUR': 2}}"> value="{{edit.model.sumAmount | currency: 'EUR': 2}}">

Some files were not shown because too many files have changed in this diff Show More