Added luna template and deps
Change-Id: Idd3dcdee3a377a75733c333d4a754632111e17ee
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();
+ }
+
+ }
+ };
+};
diff --git a/src/app/template/index.ts b/src/app/template/index.ts
new file mode 100644
index 0000000..69692db
--- /dev/null
+++ b/src/app/template/index.ts
@@ -0,0 +1,33 @@
+// TODO check used deps
+
+import {pageTitle, minimalizaMenu, panelTools} from './directives/directives';
+export const xosTemplate = 'luna';
+
+import 'angular-ui-bootstrap';
+import 'angular-animate';
+import 'angular-toastr';
+import 'bootstrap/dist/css/bootstrap.css';
+import 'angular-toastr/dist/angular-toastr.min.css';
+import '../style/style.scss';
+import '../style/stroke-icons/style.css';
+
+
+(function () {
+ angular.module('luna', [
+ 'ui.router', // Angular flexible routing
+ 'ui.bootstrap', // AngularJS native directives for Bootstrap
+ // 'angular-flot', // Flot chart
+ // 'datamaps', // Datamaps directive
+ 'ngAnimate', // Angular animations
+ 'toastr', // Toastr notification
+ // 'ui.sortable', // AngularJS ui-sortable
+ // 'datatables', // Angular datatables plugin
+ // 'datatables.buttons', // Datatables Buttons
+ // 'ui.tree' // Angular ui Tree
+ ])
+ .directive('pageTitle', pageTitle)
+ .directive('minimalizaMenu', minimalizaMenu)
+ // .directive('sparkline', sparkline)
+ .directive('panelTools', panelTools);
+})();
+