vnTextarea style fix, new component vnMenu wich extends vnPopover

client/core/src/components/drop-down/drop-down.spec.js

@@ -30,6 +30,8 @@ describe('Component vnDropDown', () => {
         let popoverTemplate = require('../popover/popover.html');
         let $popover = angular.element(`<div>${popoverTemplate}</div>`);
         $scope.popover = $componentController('vnPopover', {$element: $popover, $scope, $timeout, $transitions});
+        $scope.popover.$postLink();
+
         $scope.model = $componentController('vnModel', {$httpBackend, $q, $filter});
         controller = $componentController('vnDropDown', {$element, $scope, $transclude: null, $timeout, $httpBackend, $translate: null});
         controller.$postLink();

client/core/src/components/index.js

@@ -2,8 +2,6 @@ import './textfield/textfield';
 import './watcher/watcher';
 import './paging/paging';
 import './icon/icon';
-import './autocomplete/autocomplete';
-import './popover/popover';
 import './dialog/dialog';
 import './confirm/confirm';
 import './title/title';
@@ -12,7 +10,10 @@ import './spinner/spinner';
 import './snackbar/snackbar';
 import './tooltip/tooltip';
 import './icon-menu/icon-menu';
+import './popover/popover';
+import './autocomplete/autocomplete';
 import './drop-down/drop-down';
+import './menu/menu';
 import './column-header/column-header';
 import './grid-header/grid-header';
 import './multi-check/multi-check';

client/core/src/components/menu/menu.js

@@ -0,0 +1,24 @@
+import ngModule from '../../module';
+import Popover from '../popover/popover';
+
+export default class Menu extends Popover {
+    $postLink() {
+        super.$postLink();
+        this.element.addEventListener('click',
+            () => this.onClick());
+    }
+
+    onClick() {
+        this.hide();
+    }
+}
+
+ngModule.component('vnMenu', {
+    template: require('../popover/popover.html'),
+    controller: Menu,
+    transclude: true,
+    bindings: {
+        onOpen: '&?',
+        onClose: '&?'
+    }
+});

client/core/src/components/popover/popover.js

@@ -11,6 +11,10 @@ export default class Popover extends Component {
         this.$timeout = $timeout;
         this.$transitions = $transitions;
         this._shown = false;
+    }
+
+    $postLink() {
+        this.$element.addClass('vn-popover');
 
         this.docKeyDownHandler = e => this.onDocKeyDown(e);
         this.docFocusInHandler = e => this.onDocFocusIn(e);

client/core/src/components/popover/style.scss

@@ -1,4 +1,4 @@
-vn-popover {
+.vn-popover {
     display: none;
     z-index: 10;
     position: fixed;

client/core/src/components/textarea/style.scss

@@ -0,0 +1,6 @@
+vn-textarea {
+    & > .mdl-textfield {
+        width: initial;
+        display: block;
+    }
+}

client/core/src/components/textarea/textarea.js

@@ -1,5 +1,6 @@
 import ngModule from '../../module';
 import template from './textarea.html';
+import './style.scss';
 
 directive.$inject = ['vnTemplate'];
 export function directive(vnTemplate) {

client/salix/src/components/main-menu/main-menu.html

@@ -9,22 +9,22 @@
         vn-popover="apps-menu"
         translate-attr="{title: 'Applications'}">
     </vn-icon>
-    <vn-popover vn-id="apps-menu" ng-click="appsMenu.hide()">
-        <ul id="apps-menu" pad-small>
+    <vn-menu vn-id="apps-menu">
+        <ul pad-small>
             <li ng-repeat="mod in ::$ctrl.modules" ui-sref="{{::mod.route.state}}">
                 <vn-icon icon="{{::mod.icon}}"></vn-icon>
                 <span translate>{{::mod.name}}</span>
             </li>
         </ul>
-    </vn-popover>
+    </vn-menu>
     <vn-icon
         id="lang"
         icon="language"
         vn-popover="langs-menu"
         translate-attr="{title: 'Change language'}">
     </vn-icon>
-    <vn-popover vn-id="langs-menu">
-        <ul id="langs-menu" pad-small>
+    <vn-menu vn-id="langs-menu">
+        <ul pad-small>
             <li
                 ng-repeat="lang in ::$ctrl.langs"
                 name="{{::lang}}"
@@ -32,7 +32,7 @@
                 <span>{{::lang}}</span>
             </li>
         </ul>
-    </vn-popover>
+    </vn-menu>
     <vn-icon
         id="logout"
         icon="exit_to_app"

client/salix/src/components/main-menu/style.scss

@@ -14,7 +14,7 @@ vn-main-menu {
             color: #FF9300;
         }
     }
-    vn-popover ul {
+    .vn-popover ul {
         list-style-type: none;
         margin: 0;
         color: white;
@@ -25,7 +25,7 @@ vn-main-menu {
             cursor: pointer;
             padding: .8em;
             border-radius: .1em;
-            min-width: 4em;
+            min-width: 8em;
     
             & > vn-icon {
                 padding-right: .3em;

e2e/helpers/extensions.js

@@ -23,7 +23,7 @@ Nightmare.action('changeLanguageToEnglish', function(done) {
             this.then(done);
         } else {
             this.click('#lang')
-            .click('#langs-menu > li[name="en"]')
+            .click('vn-main-menu [vn-id="langs-menu"] ul > li[name="en"]')
             .then(done);
         }
     });

services/mailer/application/config/datasources.json

@@ -11,7 +11,7 @@
         "port": 3306,
         "database": "vn",
         "user": "root",
-        "password": ""
+        "password": "root"
     },
     "smtp": {
         "host": "localhost",

services/print/application/config/datasources.json

@@ -9,7 +9,7 @@
         "port": 3306,
         "database": "vn",
         "user": "root",
-        "password": ""
+        "password": "root"
     },
     "pdf": {
         "format": "A4",