mirror of https://github.com/akveo/blur-admin
refactor(themeComponents): move components to separate module
Vladimir Lugovsky
parent
81adb6fd2f
commit
b6b52af148
|
|
@ -1,14 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
blurAdminApp.directive('backTop', function () {
|
|
||||||
return {
|
|
||||||
restrict: 'E',
|
|
||||||
controller: [function () {
|
|
||||||
$('#backTop').backTop({
|
|
||||||
'position': 200,
|
|
||||||
'speed': 100
|
|
||||||
});
|
|
||||||
}],
|
|
||||||
templateUrl: 'app/components/backTop/backTop.html'
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
blurAdminApp.directive('blurPanel', function () {
|
|
||||||
return {
|
|
||||||
restrict: 'E',
|
|
||||||
transclude: true,
|
|
||||||
scope: {
|
|
||||||
title: '@',
|
|
||||||
classContainer: '@'
|
|
||||||
},
|
|
||||||
controller: ['$scope', function ($scope) {
|
|
||||||
}],
|
|
||||||
templateUrl: 'app/components/blurPanel/blurPanel.html'
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
@ -1,38 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
blurAdminApp.directive('contentTop', ['$location', function ($location) {
|
|
||||||
return {
|
|
||||||
restrict: 'E',
|
|
||||||
controller: [function () {
|
|
||||||
|
|
||||||
}],
|
|
||||||
templateUrl: 'app/components/contentTop/contentTop.html',
|
|
||||||
link: function($scope) {
|
|
||||||
$scope.pages = {
|
|
||||||
'/dashboard': 'Dashboard',
|
|
||||||
'/page': 'Default Page',
|
|
||||||
'/404': 'Page Not Found',
|
|
||||||
'/buttons': 'Buttons',
|
|
||||||
'/charts': 'Charts',
|
|
||||||
'/grid': 'Grid',
|
|
||||||
'/icons': 'Icons',
|
|
||||||
'/login': 'Authentication',
|
|
||||||
'/maps': 'Maps',
|
|
||||||
'/modals': 'Modals',
|
|
||||||
'/profile': 'User Profile',
|
|
||||||
'/tables': 'Tables',
|
|
||||||
'/typography': 'Typography',
|
|
||||||
'/form-layouts': 'Form Layouts',
|
|
||||||
'/form-inputs': 'Form Inputs',
|
|
||||||
'/maps/gmap': 'Google Map',
|
|
||||||
'/maps/leaflet': 'Leaflet Map',
|
|
||||||
'/maps/line': 'Line Map',
|
|
||||||
'/maps/bubble': 'Bubble Map'
|
|
||||||
};
|
|
||||||
|
|
||||||
$scope.$watch(function () {
|
|
||||||
$scope.activePageTitle = $scope.pages[$location.$$url];
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}]);
|
|
||||||
|
|
@ -1,113 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
blurAdminApp.directive('msgCenter', function () {
|
|
||||||
return {
|
|
||||||
restrict: 'E',
|
|
||||||
templateUrl: 'app/components/msgCenter/msgCenter.html',
|
|
||||||
controller: ['$scope', '$sce', function($scope, $sce){
|
|
||||||
|
|
||||||
$scope.users = {
|
|
||||||
0: {
|
|
||||||
name: 'Vladimir',
|
|
||||||
image: 'img/pic-vova.png'
|
|
||||||
},
|
|
||||||
1: {
|
|
||||||
name: 'Konstantin',
|
|
||||||
image: 'img/pic-kostia.png'
|
|
||||||
},
|
|
||||||
2: {
|
|
||||||
name: 'Andrey',
|
|
||||||
image: 'img/pic-andrey.png'
|
|
||||||
},
|
|
||||||
3: {
|
|
||||||
name: 'Anastasiya',
|
|
||||||
image: 'img/pic-nasta.png'
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
$scope.notifications = [
|
|
||||||
{
|
|
||||||
userId: 0,
|
|
||||||
template: '&name posted a new article.',
|
|
||||||
time: '1 min ago'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
userId: 1,
|
|
||||||
template: '&name changed his contact information.',
|
|
||||||
time: '2 hrs ago'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
image: 'img/shopping-cart.svg',
|
|
||||||
template: 'New orders received.',
|
|
||||||
time: '5 hrs ago'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
userId: 2,
|
|
||||||
template: '&name replied to your comment.',
|
|
||||||
time: '1 day ago'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
userId: 3,
|
|
||||||
template: 'Today is &name\'s birthday.',
|
|
||||||
time: '2 days ago'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
image: 'img/comments.svg',
|
|
||||||
template: 'New comments on your post.',
|
|
||||||
time: '3 days ago'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
userId: 1,
|
|
||||||
template: '&name invited you to join the event.',
|
|
||||||
time: '1 week ago'
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
$scope.messages = [
|
|
||||||
{
|
|
||||||
userId: 3,
|
|
||||||
text: 'After you get up and running, you can place Font Awesome icons just about...',
|
|
||||||
time: '1 min ago'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
userId: 0,
|
|
||||||
text: 'You asked, Font Awesome delivers with 40 shiny new icons in version 4.2.',
|
|
||||||
time: '2 hrs ago'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
userId: 1,
|
|
||||||
text: 'Want to request new icons? Here\'s how. Need vectors or want to use on the...',
|
|
||||||
time: '10 hrs ago'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
userId: 2,
|
|
||||||
text: 'Explore your passions and discover new ones by getting involved. Stretch your...',
|
|
||||||
time: '1 day ago'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
userId: 3,
|
|
||||||
text: 'Get to know who we are - from the inside out. From our history and culture, to the...',
|
|
||||||
time: '1 day ago'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
userId: 1,
|
|
||||||
text: 'Need some support to reach your goals? Apply for scholarships across a variety of...',
|
|
||||||
time: '2 days ago'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
userId: 0,
|
|
||||||
text: 'Wrap the dropdown\'s trigger and the dropdown menu within .dropdown, or...',
|
|
||||||
time: '1 week ago'
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
$scope.getMessage = function(msg) {
|
|
||||||
var text = msg.template;
|
|
||||||
if (msg.userId || msg.userId === 0) {
|
|
||||||
text = text.replace('&name', '<strong>' + $scope.users[msg.userId].name + '</strong>');
|
|
||||||
}
|
|
||||||
return $sce.trustAsHtml(text);
|
|
||||||
};
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
blurAdminApp.directive('pageTop', function () {
|
|
||||||
return {
|
|
||||||
restrict: 'E',
|
|
||||||
templateUrl: 'app/components/pageTop/pageTop.html',
|
|
||||||
link: function ($scope) {
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
@ -1,199 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
blurAdminApp.directive('sidebar', function () {
|
|
||||||
return {
|
|
||||||
restrict: 'E',
|
|
||||||
templateUrl: 'app/components/sidebar/sidebar.html',
|
|
||||||
controller: ['$scope', '$element', '$window', '$timeout', '$location', '$rootScope', 'layoutSizes', function ($scope, $element, $window, $timeout, $location, $rootScope, layoutSizes) {
|
|
||||||
$scope.menuItems = [
|
|
||||||
{
|
|
||||||
title: 'Dashboard',
|
|
||||||
icon: 'ion-android-home',
|
|
||||||
root: '#/dashboard'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Charts',
|
|
||||||
icon: 'ion-stats-bars',
|
|
||||||
root: '#/charts'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Tables',
|
|
||||||
icon: 'ion-grid',
|
|
||||||
root: '#/tables'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Form Elements',
|
|
||||||
icon: 'ion-compose',
|
|
||||||
subMenu: [
|
|
||||||
{
|
|
||||||
title: 'Inputs',
|
|
||||||
root: '#/form-inputs'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Form Layouts',
|
|
||||||
root: '#/form-layouts'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'UI Elements',
|
|
||||||
icon: 'ion-android-laptop',
|
|
||||||
subMenu: [
|
|
||||||
{
|
|
||||||
title: 'Typography',
|
|
||||||
root: '#/typography'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Buttons',
|
|
||||||
root: '#/buttons'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Icons',
|
|
||||||
root: '#/icons'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Modals',
|
|
||||||
root: '#/modals'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Maps',
|
|
||||||
icon: 'ion-ios-location-outline',
|
|
||||||
subMenu: [
|
|
||||||
{
|
|
||||||
title: 'Google Maps',
|
|
||||||
root: '#/maps/gmap'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Leaflet',
|
|
||||||
root: '#/maps/leaflet'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Bubble Map',
|
|
||||||
root: '#/maps/bubble'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Line Map',
|
|
||||||
root: '#/maps/line'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'User Profile',
|
|
||||||
icon: 'ion-person',
|
|
||||||
root: '#/profile'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Login Page',
|
|
||||||
icon: 'ion-log-out',
|
|
||||||
root: 'auth.html'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '404 Page',
|
|
||||||
icon: 'ion-document',
|
|
||||||
root: '404.html'
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
function changeSelectElemTopValue() {
|
|
||||||
$timeout(function () {
|
|
||||||
var selectedItem = $('.al-sidebar-list-item.selected');
|
|
||||||
if (selectedItem) {
|
|
||||||
$scope.selectElemTop = selectedItem.position().top;
|
|
||||||
}
|
|
||||||
}, 101);
|
|
||||||
}
|
|
||||||
|
|
||||||
function selectMenuItem() {
|
|
||||||
$.each($scope.menuItems, function (index, value) {
|
|
||||||
value.selected = value.root === '#' + $location.$$url;
|
|
||||||
|
|
||||||
if (value.subMenu) {
|
|
||||||
var hasSelectedSubmenu = false;
|
|
||||||
$.each(value.subMenu, function (subIndex, subValue) {
|
|
||||||
subValue.selected = subValue.root === '#' + $location.$$url;
|
|
||||||
if (subValue.selected) {
|
|
||||||
hasSelectedSubmenu = true;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
value.selected = hasSelectedSubmenu;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
changeSelectElemTopValue();
|
|
||||||
}
|
|
||||||
|
|
||||||
selectMenuItem();
|
|
||||||
|
|
||||||
$scope.$on('$locationChangeSuccess', function () {
|
|
||||||
selectMenuItem();
|
|
||||||
});
|
|
||||||
|
|
||||||
$scope.menuExpand = function () {
|
|
||||||
$rootScope.$isMenuCollapsed = false;
|
|
||||||
};
|
|
||||||
|
|
||||||
$scope.menuCollapse = function () {
|
|
||||||
$rootScope.$isMenuCollapsed = true;
|
|
||||||
};
|
|
||||||
|
|
||||||
$rootScope.$watch('$isMenuCollapsed', function(newValue) {
|
|
||||||
if (!newValue && !$scope.selectElemTop) {
|
|
||||||
changeSelectElemTopValue();
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
// watch window resize to change menu collapsed state if needed
|
|
||||||
$(window).resize(function () {
|
|
||||||
var isMenuShouldCollapsed = $(window).width() <= layoutSizes.resWidthCollapseSidebar;
|
|
||||||
if ($scope.isMenuShouldCollapsed !== isMenuShouldCollapsed) {
|
|
||||||
$scope.$apply(function () {
|
|
||||||
$rootScope.$isMenuCollapsed = isMenuShouldCollapsed;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
$scope.isMenuShouldCollapsed = isMenuShouldCollapsed;
|
|
||||||
});
|
|
||||||
|
|
||||||
$scope.toggleSubMenu = function ($event, item) {
|
|
||||||
var submenu = $($event.currentTarget).next();
|
|
||||||
|
|
||||||
if (isMenuCollapsed.$isMenuCollapsed) {
|
|
||||||
if (!item.slideRight) {
|
|
||||||
$timeout(function () {
|
|
||||||
item.slideRight = true;
|
|
||||||
$scope.anySlideRight = true;
|
|
||||||
}, 20);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
submenu.slideToggle(100);
|
|
||||||
changeSelectElemTopValue();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
window.onclick = function () {
|
|
||||||
$timeout(function () {
|
|
||||||
|
|
||||||
if ($scope.anySlideRight) {
|
|
||||||
$scope.menuItems.map(function (val) {
|
|
||||||
return val.slideRight = false;
|
|
||||||
});
|
|
||||||
$scope.anySlideRight = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
}, 10);
|
|
||||||
};
|
|
||||||
|
|
||||||
$scope.hoverItem = function ($event) {
|
|
||||||
$scope.showHoverElem = true;
|
|
||||||
var menuTopValue = 66;
|
|
||||||
$scope.hoverElemTop = $event.currentTarget.getBoundingClientRect().top - menuTopValue;
|
|
||||||
};
|
|
||||||
|
|
||||||
$scope.collapseSidebarIfSmallRes = function () {
|
|
||||||
if (window.innerWidth <= layoutSizes.resWidthCollapseSidebar) {
|
|
||||||
$rootScope.$isMenuCollapsed = true;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
blurAdminApp.directive('widgets', function () {
|
|
||||||
return {
|
|
||||||
restrict: 'EA',
|
|
||||||
scope: {
|
|
||||||
ngModel: '='
|
|
||||||
},
|
|
||||||
templateUrl: 'app/components/widgets/widgets.html',
|
|
||||||
replace: true,
|
|
||||||
link: function () {
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
/**
|
||||||
|
* @author v.lugovksy
|
||||||
|
* created on 16.12.2015
|
||||||
|
*/
|
||||||
|
(function () {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('BlurAdmin.theme.components')
|
||||||
|
.directive('backTop', backTop);
|
||||||
|
|
||||||
|
/** @ngInject */
|
||||||
|
function backTop() {
|
||||||
|
return {
|
||||||
|
restrict: 'E',
|
||||||
|
templateUrl: 'app/theme/components/backTop/backTop.html',
|
||||||
|
controller: function () {
|
||||||
|
$('#backTop').backTop({
|
||||||
|
'position': 200,
|
||||||
|
'speed': 100
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
})();
|
||||||
|
|
@ -0,0 +1,24 @@
|
||||||
|
/**
|
||||||
|
* @author v.lugovksy
|
||||||
|
* created on 16.12.2015
|
||||||
|
*/
|
||||||
|
(function () {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('BlurAdmin.theme.components')
|
||||||
|
.directive('blurPanel', blurPanel);
|
||||||
|
|
||||||
|
/** @ngInject */
|
||||||
|
function blurPanel() {
|
||||||
|
return {
|
||||||
|
restrict: 'E',
|
||||||
|
transclude: true,
|
||||||
|
scope: {
|
||||||
|
title: '@',
|
||||||
|
classContainer: '@'
|
||||||
|
},
|
||||||
|
templateUrl: 'app/theme/components/blurPanel/blurPanel.html'
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
})();
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
/**
|
||||||
|
* @author v.lugovksy
|
||||||
|
* created on 16.12.2015
|
||||||
|
*/
|
||||||
|
/**
|
||||||
|
* @author v.lugovsky
|
||||||
|
* created on 16.12.2015
|
||||||
|
*/
|
||||||
|
(function () {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('BlurAdmin.theme.components', []);
|
||||||
|
|
||||||
|
})();
|
||||||
|
|
@ -0,0 +1,46 @@
|
||||||
|
/**
|
||||||
|
* @author v.lugovksy
|
||||||
|
* created on 16.12.2015
|
||||||
|
*/
|
||||||
|
(function () {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('BlurAdmin.theme.components')
|
||||||
|
.directive('contentTop', contentTop);
|
||||||
|
|
||||||
|
/** @ngInject */
|
||||||
|
function contentTop($location) {
|
||||||
|
return {
|
||||||
|
restrict: 'E',
|
||||||
|
templateUrl: 'app/theme/components/contentTop/contentTop.html',
|
||||||
|
link: function($scope) {
|
||||||
|
$scope.pages = {
|
||||||
|
'/dashboard': 'Dashboard',
|
||||||
|
'/page': 'Default Page',
|
||||||
|
'/404': 'Page Not Found',
|
||||||
|
'/buttons': 'Buttons',
|
||||||
|
'/charts': 'Charts',
|
||||||
|
'/grid': 'Grid',
|
||||||
|
'/icons': 'Icons',
|
||||||
|
'/login': 'Authentication',
|
||||||
|
'/maps': 'Maps',
|
||||||
|
'/modals': 'Modals',
|
||||||
|
'/profile': 'User Profile',
|
||||||
|
'/tables': 'Tables',
|
||||||
|
'/typography': 'Typography',
|
||||||
|
'/form-layouts': 'Form Layouts',
|
||||||
|
'/form-inputs': 'Form Inputs',
|
||||||
|
'/maps/gmap': 'Google Map',
|
||||||
|
'/maps/leaflet': 'Leaflet Map',
|
||||||
|
'/maps/line': 'Line Map',
|
||||||
|
'/maps/bubble': 'Bubble Map'
|
||||||
|
};
|
||||||
|
|
||||||
|
$scope.$watch(function () {
|
||||||
|
$scope.activePageTitle = $scope.pages[$location.$$url];
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
})();
|
||||||
|
|
@ -0,0 +1,116 @@
|
||||||
|
/**
|
||||||
|
* @author v.lugovksy
|
||||||
|
* created on 16.12.2015
|
||||||
|
*/
|
||||||
|
(function () {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('BlurAdmin.theme.components')
|
||||||
|
.controller('MsgCenterCtrl', MsgCenterCtrl);
|
||||||
|
|
||||||
|
/** @ngInject */
|
||||||
|
function MsgCenterCtrl($scope, $sce) {
|
||||||
|
$scope.users = {
|
||||||
|
0: {
|
||||||
|
name: 'Vladimir',
|
||||||
|
image: 'img/pic-vova.png'
|
||||||
|
},
|
||||||
|
1: {
|
||||||
|
name: 'Konstantin',
|
||||||
|
image: 'img/pic-kostia.png'
|
||||||
|
},
|
||||||
|
2: {
|
||||||
|
name: 'Andrey',
|
||||||
|
image: 'img/pic-andrey.png'
|
||||||
|
},
|
||||||
|
3: {
|
||||||
|
name: 'Anastasiya',
|
||||||
|
image: 'img/pic-nasta.png'
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
$scope.notifications = [
|
||||||
|
{
|
||||||
|
userId: 0,
|
||||||
|
template: '&name posted a new article.',
|
||||||
|
time: '1 min ago'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
userId: 1,
|
||||||
|
template: '&name changed his contact information.',
|
||||||
|
time: '2 hrs ago'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
image: 'img/shopping-cart.svg',
|
||||||
|
template: 'New orders received.',
|
||||||
|
time: '5 hrs ago'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
userId: 2,
|
||||||
|
template: '&name replied to your comment.',
|
||||||
|
time: '1 day ago'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
userId: 3,
|
||||||
|
template: 'Today is &name\'s birthday.',
|
||||||
|
time: '2 days ago'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
image: 'img/comments.svg',
|
||||||
|
template: 'New comments on your post.',
|
||||||
|
time: '3 days ago'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
userId: 1,
|
||||||
|
template: '&name invited you to join the event.',
|
||||||
|
time: '1 week ago'
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
$scope.messages = [
|
||||||
|
{
|
||||||
|
userId: 3,
|
||||||
|
text: 'After you get up and running, you can place Font Awesome icons just about...',
|
||||||
|
time: '1 min ago'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
userId: 0,
|
||||||
|
text: 'You asked, Font Awesome delivers with 40 shiny new icons in version 4.2.',
|
||||||
|
time: '2 hrs ago'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
userId: 1,
|
||||||
|
text: 'Want to request new icons? Here\'s how. Need vectors or want to use on the...',
|
||||||
|
time: '10 hrs ago'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
userId: 2,
|
||||||
|
text: 'Explore your passions and discover new ones by getting involved. Stretch your...',
|
||||||
|
time: '1 day ago'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
userId: 3,
|
||||||
|
text: 'Get to know who we are - from the inside out. From our history and culture, to the...',
|
||||||
|
time: '1 day ago'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
userId: 1,
|
||||||
|
text: 'Need some support to reach your goals? Apply for scholarships across a variety of...',
|
||||||
|
time: '2 days ago'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
userId: 0,
|
||||||
|
text: 'Wrap the dropdown\'s trigger and the dropdown menu within .dropdown, or...',
|
||||||
|
time: '1 week ago'
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
$scope.getMessage = function(msg) {
|
||||||
|
var text = msg.template;
|
||||||
|
if (msg.userId || msg.userId === 0) {
|
||||||
|
text = text.replace('&name', '<strong>' + $scope.users[msg.userId].name + '</strong>');
|
||||||
|
}
|
||||||
|
return $sce.trustAsHtml(text);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
})();
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
/**
|
||||||
|
* @author v.lugovksy
|
||||||
|
* created on 16.12.2015
|
||||||
|
*/
|
||||||
|
(function () {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('BlurAdmin.theme.components')
|
||||||
|
.directive('msgCenter', msgCenter);
|
||||||
|
|
||||||
|
/** @ngInject */
|
||||||
|
function msgCenter() {
|
||||||
|
return {
|
||||||
|
restrict: 'E',
|
||||||
|
templateUrl: 'app/theme/components/msgCenter/msgCenter.html',
|
||||||
|
controller: 'MsgCenterCtrl'
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
})();
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
/**
|
||||||
|
* @author v.lugovksy
|
||||||
|
* created on 16.12.2015
|
||||||
|
*/
|
||||||
|
(function () {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('BlurAdmin.theme.components')
|
||||||
|
.directive('pageTop', pageTop);
|
||||||
|
|
||||||
|
/** @ngInject */
|
||||||
|
function pageTop() {
|
||||||
|
return {
|
||||||
|
restrict: 'E',
|
||||||
|
templateUrl: 'app/theme/components/pageTop/pageTop.html'
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
})();
|
||||||
|
|
@ -0,0 +1,203 @@
|
||||||
|
/**
|
||||||
|
* @author v.lugovksy
|
||||||
|
* created on 16.12.2015
|
||||||
|
*/
|
||||||
|
(function () {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('BlurAdmin.theme.components')
|
||||||
|
.controller('SidebarCtrl', SidebarCtrl);
|
||||||
|
|
||||||
|
/** @ngInject */
|
||||||
|
function SidebarCtrl($scope, $timeout, $location, $rootScope, layoutSizes) {
|
||||||
|
$scope.menuItems = [
|
||||||
|
{
|
||||||
|
title: 'Dashboard',
|
||||||
|
icon: 'ion-android-home',
|
||||||
|
root: '#/dashboard'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Charts',
|
||||||
|
icon: 'ion-stats-bars',
|
||||||
|
root: '#/charts'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Tables',
|
||||||
|
icon: 'ion-grid',
|
||||||
|
root: '#/tables'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Form Elements',
|
||||||
|
icon: 'ion-compose',
|
||||||
|
subMenu: [
|
||||||
|
{
|
||||||
|
title: 'Inputs',
|
||||||
|
root: '#/form-inputs'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Form Layouts',
|
||||||
|
root: '#/form-layouts'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'UI Elements',
|
||||||
|
icon: 'ion-android-laptop',
|
||||||
|
subMenu: [
|
||||||
|
{
|
||||||
|
title: 'Typography',
|
||||||
|
root: '#/typography'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Buttons',
|
||||||
|
root: '#/buttons'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Icons',
|
||||||
|
root: '#/icons'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Modals',
|
||||||
|
root: '#/modals'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Maps',
|
||||||
|
icon: 'ion-ios-location-outline',
|
||||||
|
subMenu: [
|
||||||
|
{
|
||||||
|
title: 'Google Maps',
|
||||||
|
root: '#/maps/gmap'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Leaflet',
|
||||||
|
root: '#/maps/leaflet'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Bubble Map',
|
||||||
|
root: '#/maps/bubble'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Line Map',
|
||||||
|
root: '#/maps/line'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'User Profile',
|
||||||
|
icon: 'ion-person',
|
||||||
|
root: '#/profile'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Login Page',
|
||||||
|
icon: 'ion-log-out',
|
||||||
|
root: 'auth.html'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '404 Page',
|
||||||
|
icon: 'ion-document',
|
||||||
|
root: '404.html'
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
function changeSelectElemTopValue() {
|
||||||
|
$timeout(function () {
|
||||||
|
var selectedItem = $('.al-sidebar-list-item.selected');
|
||||||
|
if (selectedItem) {
|
||||||
|
$scope.selectElemTop = selectedItem.position().top;
|
||||||
|
}
|
||||||
|
}, 101);
|
||||||
|
}
|
||||||
|
|
||||||
|
function selectMenuItem() {
|
||||||
|
$.each($scope.menuItems, function (index, value) {
|
||||||
|
value.selected = value.root === '#' + $location.$$url;
|
||||||
|
|
||||||
|
if (value.subMenu) {
|
||||||
|
var hasSelectedSubmenu = false;
|
||||||
|
$.each(value.subMenu, function (subIndex, subValue) {
|
||||||
|
subValue.selected = subValue.root === '#' + $location.$$url;
|
||||||
|
if (subValue.selected) {
|
||||||
|
hasSelectedSubmenu = true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
value.selected = hasSelectedSubmenu;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
changeSelectElemTopValue();
|
||||||
|
}
|
||||||
|
|
||||||
|
selectMenuItem();
|
||||||
|
|
||||||
|
$scope.$on('$locationChangeSuccess', function () {
|
||||||
|
selectMenuItem();
|
||||||
|
});
|
||||||
|
|
||||||
|
$scope.menuExpand = function () {
|
||||||
|
$rootScope.$isMenuCollapsed = false;
|
||||||
|
};
|
||||||
|
|
||||||
|
$scope.menuCollapse = function () {
|
||||||
|
$rootScope.$isMenuCollapsed = true;
|
||||||
|
};
|
||||||
|
|
||||||
|
$rootScope.$watch('$isMenuCollapsed', function(newValue) {
|
||||||
|
if (!newValue && !$scope.selectElemTop) {
|
||||||
|
changeSelectElemTopValue();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// watch window resize to change menu collapsed state if needed
|
||||||
|
$(window).resize(function () {
|
||||||
|
var isMenuShouldCollapsed = $(window).width() <= layoutSizes.resWidthCollapseSidebar;
|
||||||
|
if ($scope.isMenuShouldCollapsed !== isMenuShouldCollapsed) {
|
||||||
|
$scope.$apply(function () {
|
||||||
|
$rootScope.$isMenuCollapsed = isMenuShouldCollapsed;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
$scope.isMenuShouldCollapsed = isMenuShouldCollapsed;
|
||||||
|
});
|
||||||
|
|
||||||
|
$scope.toggleSubMenu = function ($event, item) {
|
||||||
|
var submenu = $($event.currentTarget).next();
|
||||||
|
|
||||||
|
if (isMenuCollapsed.$isMenuCollapsed) {
|
||||||
|
if (!item.slideRight) {
|
||||||
|
$timeout(function () {
|
||||||
|
item.slideRight = true;
|
||||||
|
$scope.anySlideRight = true;
|
||||||
|
}, 20);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
submenu.slideToggle(100);
|
||||||
|
changeSelectElemTopValue();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
window.onclick = function () {
|
||||||
|
$timeout(function () {
|
||||||
|
|
||||||
|
if ($scope.anySlideRight) {
|
||||||
|
$scope.menuItems.map(function (val) {
|
||||||
|
return val.slideRight = false;
|
||||||
|
});
|
||||||
|
$scope.anySlideRight = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
}, 10);
|
||||||
|
};
|
||||||
|
|
||||||
|
$scope.hoverItem = function ($event) {
|
||||||
|
$scope.showHoverElem = true;
|
||||||
|
var menuTopValue = 66;
|
||||||
|
$scope.hoverElemTop = $event.currentTarget.getBoundingClientRect().top - menuTopValue;
|
||||||
|
};
|
||||||
|
|
||||||
|
$scope.collapseSidebarIfSmallRes = function () {
|
||||||
|
if (window.innerWidth <= layoutSizes.resWidthCollapseSidebar) {
|
||||||
|
$rootScope.$isMenuCollapsed = true;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
})();
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
/**
|
||||||
|
* @author v.lugovksy
|
||||||
|
* created on 16.12.2015
|
||||||
|
*/
|
||||||
|
(function () {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('BlurAdmin.theme.components')
|
||||||
|
.directive('sidebar', sidebar);
|
||||||
|
|
||||||
|
/** @ngInject */
|
||||||
|
function sidebar() {
|
||||||
|
return {
|
||||||
|
restrict: 'E',
|
||||||
|
templateUrl: 'app/theme/components/sidebar/sidebar.html',
|
||||||
|
controller: 'SidebarCtrl'
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
})();
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
/**
|
||||||
|
* @author v.lugovksy
|
||||||
|
* created on 16.12.2015
|
||||||
|
*/
|
||||||
|
(function () {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('BlurAdmin.theme.components')
|
||||||
|
.directive('widgets', widgets);
|
||||||
|
|
||||||
|
/** @ngInject */
|
||||||
|
function widgets() {
|
||||||
|
return {
|
||||||
|
restrict: 'EA',
|
||||||
|
scope: {
|
||||||
|
ngModel: '='
|
||||||
|
},
|
||||||
|
templateUrl: 'app/theme/components/widgets/widgets.html',
|
||||||
|
replace: true
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
})();
|
||||||
|
|
@ -6,7 +6,9 @@
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
angular.module('BlurAdmin.theme', [
|
angular.module('BlurAdmin.theme', [
|
||||||
'toastr'
|
'toastr',
|
||||||
|
|
||||||
|
'BlurAdmin.theme.components'
|
||||||
]);
|
]);
|
||||||
|
|
||||||
})();
|
})();
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue