2220 - Added clearDisabled param

front/core/components/field/index.html

@@ -13,7 +13,7 @@
         </label> 
     </div>
     <div class="icons pre">
-        <vn-icon
+        <vn-icon ng-show="::$ctrl.clearDisabled != true"
             icon="clear"
             translate-attr="{title: 'Clear'}"
             ng-click="$ctrl.onClear($event)">

front/core/components/field/index.js

@@ -203,6 +203,7 @@ ngModule.vnComponent('vnField', {
         type: '@?',
         autocomplete: '@?',
         placeholder: '@?',
+        clearDisabled: '<?',
         value: '=?',
         info: '@?',
         required: '<?',

front/core/components/field/index.spec.js

@@ -0,0 +1,24 @@
+describe('Component vnField', () => {
+    let $element;
+    let controller;
+
+    beforeEach(ngModule('vnCore'));
+
+    beforeEach(inject(($compile, $rootScope) => {
+        $element = $compile(`<vn-textfield></vn-textfield>`)($rootScope);
+        controller = $element.controller('vnTextfield');
+    }));
+
+    afterEach(() => {
+        $element.remove();
+    });
+
+    // Remove this block
+    describe('clearDisabled binding', () => {
+        it(`should enable the show property`, () => {
+            controller.clearDisabled = true;
+
+            expect(controller.clearDisabled).toEqual(true);
+        });
+    });
+});

front/core/components/textarea/index.js

@@ -1,5 +1,6 @@
 import ngModule from '../../module';
 import Field from '../field';
+import './style.scss';
 
 export default class Textarea extends Field {
     constructor($element, $scope, $compile) {

front/core/components/textarea/style.scss

@@ -0,0 +1,8 @@
+.vn-textarea {
+    & > .container {
+        & > .icons {
+            display: flex;
+            align-items: flex-start;
+        }
+    }
+}