Merge branch 'dev' of https://gitea.verdnatura.es/verdnatura/salix into dev

front/core/components/index.js

@@ -34,6 +34,7 @@ import './paging/paging';
 import './pagination/pagination';
 import './searchbar/searchbar';
 import './table';
+import './td-editable';
 import './th';
 import './input-range';
 import './chip';

front/core/components/table/style.scss

@@ -64,7 +64,7 @@ vn-table {
                 vn-th {
                     font-weight: bold
                 }
-                vn-td, vn-th {
+                vn-td, vn-th, vn-td-editable {
                     vertical-align: middle;
                     display: table-cell;
                     text-align: left;
@@ -95,14 +95,14 @@ vn-table {
             &.clickable {
                 @extend %clickable;
             }
-            &.success, & > vn-td.success {
+            &.success, & > vn-td.success, & > vn-td-editable.success {
                 background-color: rgba(163, 209, 49, 0.3);
     
                 &:hover {
                     background-color: rgba(163, 209, 49, 0.5);
                 }
             }
-            &.warning, & > vn-td.warning {
+            &.warning, & > vn-td.warning, & > vn-td-editable.warning {
                 background-color: rgba(247, 147, 30, 0.3);
             
                 &:hover {

front/core/components/td-editable/index.html

@@ -0,0 +1,4 @@
+<vn-horizontal class="text-container">
+        <span class="text" ng-transclude="text" vn-one></span>
+</vn-horizontal>
+<div class="field"></div>

front/core/components/td-editable/index.js

@@ -0,0 +1,44 @@
+import ngModule from '../../module';
+import Component from '../../lib/component';
+import './style.scss';
+
+export default class Controller extends Component {
+    constructor($element, $scope, $transclude) {
+        super($element, $scope);
+        let element = $element[0];
+        element.tabIndex = 0;
+
+        element.addEventListener('focus', () => {
+            $transclude((tClone, tScope) => {
+                this.field = tClone;
+                this.tScope = tScope;
+                this.element.querySelector('.field').appendChild(this.field[0]);
+            }, null, 'field');
+            element.classList.add('selected');
+        });
+
+        element.addEventListener('focusout', event => {
+            this.lastEvent = event;
+            let target = event.relatedTarget;
+            while (target && target.parentNode != element)
+                target = target.parentNode;
+
+            if (!target) {
+                this.tScope.$destroy();
+                this.field.remove();
+                element.classList.remove('selected');
+            }
+        });
+    }
+}
+
+Controller.$inject = ['$element', '$scope', '$transclude'];
+
+ngModule.component('vnTdEditable', {
+    template: require('./index.html'),
+    controller: Controller,
+    transclude: {
+        text: 'text',
+        field: '?field'
+    }
+});

front/core/components/td-editable/style.scss

@@ -0,0 +1,16 @@
+vn-td-editable {
+    cursor: pointer;
+    & > div.text-container{
+        width: 100%;
+    }
+
+    &.selected {
+        & > .text-container{
+            display: none;
+        }
+    }
+
+    vn-icon {
+        font-size: 1em;
+    }
+}

modules/client/back/models/defaulter.json

@@ -27,5 +27,6 @@
       "model": "Client",
       "foreignKey": "clientFk"
     }
-  }
+  },
+  "scope" : {"where": {"amount": {"gt": 0}}}
 }

modules/order/front/search-panel/index.html

@@ -31,11 +31,12 @@
             </vn-autocomplete>
             <vn-autocomplete
                 vn-one
-                label="SalesPerson"
                 field="filter.workerFk"
-                url="/claim/api/Workers"
-                show-field="firstName"
-                value-field="id">
+                url="/client/api/Clients/activeWorkersWithRole"
+                search-function="{firstName: $search}"
+                value-field="id"
+                where="{role: 'employee'}"
+                label="Sales person">
                 <tpl-item>{{firstName}} {{name}}</tpl-item>
             </vn-autocomplete>
         </vn-horizontal>