layouts_api.js
4.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
angular.module('newApp').factory('layoutApiService', ["applicationService",function(applicationService) {
var init = function() {
if (!$('.page-content').hasClass('page-sidebar-hover')) applicationService.removeSidebarHover();
if (!$('.page-content').hasClass('page-rtl')) applicationService.disableRTL();
if (!$('.page-content').hasClass('page-boxed')) applicationService.removeBoxedLayout();
if ($('.page-content').hasClass('page-submenu-hover')) {
createSubmenuHover();
}
setTimeout(function() {
manageSubmenu();
manageLayout();
}, 100);
$('.submenu-layout').on('click', function() {
manageSubmenu();
});
$('.layout-options a:not(.submenu-layout)').on('click', function() {
manageLayout();
});
};
return{
init: init
};
}]);
function manageSubmenu() {
if ($('body').hasClass('submenu-hover')) {
$('.img-submenu-hover').removeClass('hidden');
$('.img-submenu-click').addClass('hidden');
$('.submenu-txt').html('current layout: <strong>sidebar submenu on hover</strong>');
} else {
$('.img-submenu-hover').addClass('hidden');
$('.img-submenu-click').removeClass('hidden');
$('.submenu-txt').html('current layout: <strong>sidebar submenu on click</strong>');
}
}
function manageLayout() {
if ($('body').hasClass('rtl')) {
$('.img-sidebar-left').addClass('hidden');
$('.img-sidebar-right').removeClass('hidden');
$('.rtl-txt').html('current layout: <strong>sidebar on right / RTL enable</strong>');
} else {
$('.img-sidebar-left').removeClass('hidden');
$('.img-sidebar-right').addClass('hidden');
$('.rtl-txt').html('current layout: <strong>sidebar on left / RTL disable</strong>');
}
if ($('body').hasClass('fixed-sidebar')) {
$('.img-sidebar-fluid').addClass('hidden');
$('.img-sidebar-fixed').removeClass('hidden');
$('.sidebar-txt').html('current layout: <strong>sidebar fixed</strong>');
} else {
$('.img-sidebar-fluid').removeClass('hidden');
$('.img-sidebar-fixed').addClass('hidden');
$('.sidebar-txt').html('current layout: <strong>sidebar fluid</strong>');
}
if ($('body').hasClass('fixed-topbar')) {
$('.img-topbar-fluid').addClass('hidden');
$('.img-topbar-fixed').removeClass('hidden');
$('.topbar-txt').html('current layout: <strong>topbar fixed</strong>');
} else {
$('.img-topbar-fluid').removeClass('hidden');
$('.img-topbar-fixed').addClass('hidden');
$('.topbar-txt').html('current layout: <strong>topbar fluid</strong>');
}
if ($('body').hasClass('sidebar-top')) {
$('.layout-sidebar-top .img-sidebar-top').removeClass('hidden');
$('.layout-sidebar-top .img-sidebar-side').addClass('hidden');
$('.sidebar-top-txt').html('current layout: <strong>sidebar on top</strong>');
} else {
$('.layout-sidebar-top .img-sidebar-top').addClass('hidden');
$('.layout-sidebar-top .img-sidebar-side').removeClass('hidden');
$('.sidebar-top-txt').html('current layout: <strong>sidebar on side</strong>');
}
if ($('body').hasClass('sidebar-hover')) {
$('.img-sidebar-click').addClass('hidden');
$('.img-sidebar-hover').removeClass('hidden');
$('.sidebar-hover-txt').html('current layout: <strong>sidebar on hover</strong>');
} else {
$('.img-sidebar-click').removeClass('hidden');
$('.img-sidebar-hover').addClass('hidden');
$('.sidebar-hover-txt').html('current layout: <strong>sidebar on click</strong>');
}
if ($('body').hasClass('boxed')) {
$('.layout-boxed .img-boxed').removeClass('hidden');
$('.layout-boxed .img-sidebar-large').addClass('hidden');
$('.boxed-txt').html('current layout: <strong>boxed page</strong>');
} else {
$('.layout-boxed .img-boxed').addClass('hidden');
$('.layout-boxed .img-sidebar-large').removeClass('hidden');
$('.boxed-txt').html('current layout: <strong>fullwidth page</strong>');
}
if ($('body').hasClass('sidebar-collapsed')) {
$('.layout-sidebar-collapsed .img-sidebar-collapsed').removeClass('hidden');
$('.layout-sidebar-collapsed .img-sidebar-large').addClass('hidden');
$('.sidebar-collapsed-txt').html('current layout: <strong>sidebar collapsed</strong>');
} else {
$('.layout-sidebar-collapsed .img-sidebar-collapsed').addClass('hidden');
$('.layout-sidebar-collapsed .img-sidebar-large').removeClass('hidden');
$('.sidebar-collapsed-txt').html('current layout: <strong>sidebar normal</strong>');
}
}