Table animated
diff --git a/views/ngXosLib/xosHelpers/src/styles/main.scss b/views/ngXosLib/xosHelpers/src/styles/main.scss
index a5ddae2..eb51d7a 100644
--- a/views/ngXosLib/xosHelpers/src/styles/main.scss
+++ b/views/ngXosLib/xosHelpers/src/styles/main.scss
@@ -1 +1,3 @@
@import './animations.scss';
+
+@import '../ui_components/dumbComponents/table/table.scss';
\ No newline at end of file
diff --git a/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/table/table.component.js b/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/table/table.component.js
index 02ce30c..539b1ee 100644
--- a/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/table/table.component.js
+++ b/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/table/table.component.js
@@ -196,7 +196,7 @@
ng-model="vm.query"/>
</div>
</div>
- <table ng-class="vm.classes" ng-show="vm.data.length > 0">
+ <table ng-class="vm.classes" ng-hide="vm.data.length == 0">
<thead>
<tr>
<th ng-repeat="col in vm.columns">
diff --git a/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/table/table.scss b/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/table/table.scss
index 91786b1..ee27104 100644
--- a/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/table/table.scss
+++ b/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/table/table.scss
@@ -1,3 +1,24 @@
+@import '../../../styles/animations.scss';
+
xos-table {
- background: red;
+
+ tr.ng-move,
+ tr.ng-enter,
+ tr.ng-leave {
+ transition:all linear 0.5s;
+ }
+
+ tr.ng-leave.ng-leave-active,
+ tr.ng-move,
+ tr.ng-enter {
+ opacity:0;
+ animation: 0.5s slideOutRight ease-in-out;
+ }
+
+ tr.ng-leave,
+ tr.ng-move.ng-move-active,
+ tr.ng-enter.ng-enter-active {
+ opacity:1;
+ animation: 0.5s slideInRight ease-in-out;
+ }
}
\ No newline at end of file
diff --git a/views/ngXosLib/xosHelpers/src/xosHelpers.module.js b/views/ngXosLib/xosHelpers/src/xosHelpers.module.js
index 49e2a9e..b74ddf9 100644
--- a/views/ngXosLib/xosHelpers/src/xosHelpers.module.js
+++ b/views/ngXosLib/xosHelpers/src/xosHelpers.module.js
@@ -22,6 +22,7 @@
.module('xos.helpers', [
'ngCookies',
'ngResource',
+ 'ngAnimate',
'bugSnag',
'xos.uiComponents',
])