Adding nothing to show.

Exporting webpack options.

res/app/components/stf/common/nothing-to-show/index.js

@@ -0,0 +1,4 @@
+require('./nothing-to-show.css')
+
+module.exports = angular.module('stf/common/nothing-to-show', [])
+  .directive('nothingToShow', require('./nothing-to-show-directive'))

res/app/components/stf/common/nothing-to-show/nothing-to-show-directive.js

@@ -0,0 +1,14 @@
+module.exports = function () {
+  return {
+    restrict: 'EA',
+    scope: {
+      icon: '@',
+      message: '@'
+    },
+    template: require('./nothing-to-show.html'),
+    link: function (scope, element, attrs) {
+      scope.icon = attrs.icon;
+      scope.message = attrs.message;
+    }
+  }
+}

res/app/components/stf/common/nothing-to-show/nothing-to-show.css

@@ -0,0 +1,9 @@
+.nothing-to-show {
+    color: #b7b7b7;
+    min-height: 130px;
+    text-align: center;
+}
+
+.nothing-to-show p {
+    font-size: 20px;
+}

res/app/components/stf/common/nothing-to-show/nothing-to-show.html

@@ -0,0 +1,4 @@
+<div class="nothing-to-show vertical-center">
+    <i class="fa fa-4x" ng-class="icon"></i>
+    <p ng-bind="message"></p>
+</div>