diff --git a/src/app/template/directives/directives.ts b/src/app/template/directives/directives.ts
new file mode 100644
index 0000000..ef6b628
--- /dev/null
+++ b/src/app/template/directives/directives.ts
@@ -0,0 +1,105 @@
+/**
+ * LUNA - Responsive Admin Theme
+ *
+ */
+/* tslint:disable */
+
+
+/**
+ * pageTitle - Directive for set Page title - mata title
+ */
+import * as $ from 'jquery';
+export function pageTitle($rootScope, $timeout) {
+  return {
+    link: function(scope, element) {
+      var listener = function(event, toState, toParams, fromState, fromParams) {
+        // Default title
+        var title = 'LUNA | AngularJS Responsive WebApp';
+        // Create your own title pattern
+        if (toState.data && toState.data.pageTitle) title = 'LUNA | ' + toState.data.pageTitle;
+        $timeout(function() {
+          element.text(title);
+        });
+      };
+      $rootScope.$on('$stateChangeStart', listener);
+    }
+  }
+}
+
+/**
+ * minimalizaSidebar - Directive for minimalize sidebar
+ */
+export function minimalizaMenu($rootScope) {
+  return {
+    restrict: 'EA',
+    template: '<div class="left-nav-toggle"><a href ng-click="minimalize()"><i class="stroke-hamburgermenu"></i> </a>',
+    controller: function ($scope, $element) {
+      console.log('mimalize');
+      $scope.minimalize = function () {
+        $("body").toggleClass("nav-toggle");
+      }
+    }
+  };
+}
+
+
+/**
+ * sparkline - Directive for Sparkline chart
+ */
+// export function sparkline() {
+//   return {
+//     restrict: 'A',
+//     scope: {
+//       sparkData: '=',
+//       sparkOptions: '=',
+//     },
+//     link: function (scope, element, attrs) {
+//       scope.$watch(scope.sparkData, function () {
+//         render();
+//       });
+//       scope.$watch(scope.sparkOptions, function(){
+//         render();
+//       });
+//       var render = function () {
+//         $(element).sparkline(scope.sparkData, scope.sparkOptions);
+//       };
+//     }
+//   }
+// }
+
+/**
+ * panelTools - Directive for panel tools elements in right corner of panel
+ */
+export function panelTools($timeout) {
+  return {
+    restrict: 'A',
+    scope: true,
+    templateUrl: 'views/common/panel_tools.html',
+    controller: function ($scope, $element) {
+      // Function for collapse ibox
+      $scope.showhide = function () {
+        var hpanel = $element.closest('div.panel');
+        var icon = $element.find('i:first');
+        var body = hpanel.find('div.panel-body');
+        var footer = hpanel.find('div.panel-footer');
+        body.slideToggle(300);
+        footer.slideToggle(200);
+
+        // Toggle icon from up to down
+        icon.toggleClass('fa-chevron-up').toggleClass('fa-chevron-down');
+        hpanel.toggleClass('').toggleClass('panel-collapse');
+        $timeout(function () {
+          hpanel.resize();
+          hpanel.find('[id^=map-]').resize();
+        }, 50);
+      };
+
+      // Function for close ibox
+      $scope.closebox = function () {
+        var hpanel = $element.closest('div.panel');
+        hpanel.remove();
+      }
+
+    }
+  };
+};