anchor_ui 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.DS_Store +0 -0
- data/.gitignore +8 -0
- data/.travis.yml +7 -0
- data/CODE_OF_CONDUCT.md +74 -0
- data/Gemfile +6 -0
- data/Gemfile.lock +100 -0
- data/LICENSE.txt +21 -0
- data/README.md +62 -0
- data/Rakefile +10 -0
- data/anchor_ui.gemspec +51 -0
- data/bin/console +14 -0
- data/bin/setup +8 -0
- data/lib/anchor_ui.rb +6 -0
- data/lib/anchor_ui/engine.rb +6 -0
- data/lib/anchor_ui/version.rb +3 -0
- data/lib/generators/anchor_ui/install_generator.rb +69 -0
- data/lib/generators/anchor_ui/layout_generator.rb +15 -0
- data/lib/generators/anchor_ui/templates/install/_custom-variables.scss +3 -0
- data/lib/generators/anchor_ui/templates/install/core-ui.coffee +0 -0
- data/lib/generators/anchor_ui/templates/install/core-ui.js +146 -0
- data/lib/generators/anchor_ui/templates/layouts/_breadcrumbs.html.erb +13 -0
- data/lib/generators/anchor_ui/templates/layouts/_footer.html.erb +4 -0
- data/lib/generators/anchor_ui/templates/layouts/_header.html.erb +247 -0
- data/lib/generators/anchor_ui/templates/layouts/_left_sidebar.html.erb +101 -0
- data/lib/generators/anchor_ui/templates/layouts/_right_sidebar.html.erb +266 -0
- data/lib/generators/anchor_ui/templates/layouts/anchor_ui.html.erb +31 -0
- metadata +241 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
module AnchorUi
|
|
2
|
+
class LayoutGenerator < Rails::Generators::NamedBase
|
|
3
|
+
source_root File.expand_path('../templates', __FILE__)
|
|
4
|
+
|
|
5
|
+
def generate_layout
|
|
6
|
+
template "layouts/anchor_ui.html.erb", "app/views/layouts/#{name}.html.erb"
|
|
7
|
+
template "layouts/_header.html.erb", "app/views/layouts/_header.html.erb"
|
|
8
|
+
template "layouts/_footer.html.erb", "app/views/layouts/_footer.html.erb"
|
|
9
|
+
template "layouts/_left_sidebar.html.erb", "app/views/layouts/_left_sidebar.html.erb"
|
|
10
|
+
template "layouts/_right_sidebar.html.erb", "app/views/layouts/_right_sidebar.html.erb"
|
|
11
|
+
template "layouts/_breadcrumbs.html.erb", "app/views/layouts/_breadcrumbs.html.erb"
|
|
12
|
+
end
|
|
13
|
+
|
|
14
|
+
end
|
|
15
|
+
end
|
|
File without changes
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
/*****
|
|
2
|
+
* CONFIGURATION
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
//Main navigation
|
|
6
|
+
$.navigation = $('nav > ul.nav');
|
|
7
|
+
|
|
8
|
+
$.panelIconOpened = 'icon-arrow-up';
|
|
9
|
+
$.panelIconClosed = 'icon-arrow-down';
|
|
10
|
+
|
|
11
|
+
//Default colours
|
|
12
|
+
$.brandPrimary = '#20a8d8';
|
|
13
|
+
$.brandSuccess = '#4dbd74';
|
|
14
|
+
$.brandInfo = '#63c2de';
|
|
15
|
+
$.brandWarning = '#f8cb00';
|
|
16
|
+
$.brandDanger = '#f86c6b';
|
|
17
|
+
|
|
18
|
+
$.grayDark = '#2a2c36';
|
|
19
|
+
$.gray = '#55595c';
|
|
20
|
+
$.grayLight = '#818a91';
|
|
21
|
+
$.grayLighter = '#d1d4d7';
|
|
22
|
+
$.grayLightest = '#f8f9fa';
|
|
23
|
+
|
|
24
|
+
'use strict';
|
|
25
|
+
|
|
26
|
+
/****
|
|
27
|
+
* MAIN NAVIGATION
|
|
28
|
+
*/
|
|
29
|
+
|
|
30
|
+
$(document).ready(function($){
|
|
31
|
+
document.addEventListener("turbolinks:load", function() {
|
|
32
|
+
// Add class .active to current link
|
|
33
|
+
$.navigation.find('a').each(function(){
|
|
34
|
+
|
|
35
|
+
var cUrl = String(window.location).split('?')[0];
|
|
36
|
+
|
|
37
|
+
if (cUrl.substr(cUrl.length - 1) == '#') {
|
|
38
|
+
cUrl = cUrl.slice(0,-1);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
if ($($(this))[0].href==cUrl) {
|
|
42
|
+
$(this).addClass('active');
|
|
43
|
+
|
|
44
|
+
$(this).parents('ul').add(this).each(function(){
|
|
45
|
+
$(this).parent().addClass('open');
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
|
|
50
|
+
// Dropdown Menu
|
|
51
|
+
$.navigation.on('click', 'a', function(e){
|
|
52
|
+
|
|
53
|
+
if ($.ajaxLoad) {
|
|
54
|
+
e.preventDefault();
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
if ($(this).hasClass('nav-dropdown-toggle')) {
|
|
58
|
+
$(this).parent().toggleClass('open');
|
|
59
|
+
resizeBroadcast();
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
});
|
|
63
|
+
|
|
64
|
+
function resizeBroadcast() {
|
|
65
|
+
|
|
66
|
+
var timesRun = 0;
|
|
67
|
+
var interval = setInterval(function(){
|
|
68
|
+
timesRun += 1;
|
|
69
|
+
if(timesRun === 5){
|
|
70
|
+
clearInterval(interval);
|
|
71
|
+
}
|
|
72
|
+
window.dispatchEvent(new Event('resize'));
|
|
73
|
+
}, 62.5);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
/* ---------- Main Menu Open/Close, Min/Full ---------- */
|
|
77
|
+
$('.sidebar-toggler').click(function(){
|
|
78
|
+
$('body').toggleClass('sidebar-hidden');
|
|
79
|
+
resizeBroadcast();
|
|
80
|
+
});
|
|
81
|
+
|
|
82
|
+
$('.sidebar-minimizer').click(function(){
|
|
83
|
+
$('body').toggleClass('sidebar-minimized');
|
|
84
|
+
resizeBroadcast();
|
|
85
|
+
});
|
|
86
|
+
|
|
87
|
+
$('.brand-minimizer').click(function(){
|
|
88
|
+
$('body').toggleClass('brand-minimized');
|
|
89
|
+
});
|
|
90
|
+
|
|
91
|
+
$('.aside-menu-toggler').click(function(){
|
|
92
|
+
$('body').toggleClass('aside-menu-hidden');
|
|
93
|
+
resizeBroadcast();
|
|
94
|
+
});
|
|
95
|
+
|
|
96
|
+
$('.mobile-sidebar-toggler').click(function(){
|
|
97
|
+
$('body').toggleClass('sidebar-mobile-show');
|
|
98
|
+
resizeBroadcast();
|
|
99
|
+
});
|
|
100
|
+
|
|
101
|
+
$('.sidebar-close').click(function(){
|
|
102
|
+
$('body').toggleClass('sidebar-opened').parent().toggleClass('sidebar-opened');
|
|
103
|
+
});
|
|
104
|
+
|
|
105
|
+
/* ---------- Disable moving to top ---------- */
|
|
106
|
+
$('a[href="#"][data-top!=true]').click(function(e){
|
|
107
|
+
e.preventDefault();
|
|
108
|
+
});
|
|
109
|
+
|
|
110
|
+
});
|
|
111
|
+
|
|
112
|
+
/****
|
|
113
|
+
* CARDS ACTIONS
|
|
114
|
+
*/
|
|
115
|
+
|
|
116
|
+
$('.card-actions').on('click', 'a, button', function(e){
|
|
117
|
+
e.preventDefault();
|
|
118
|
+
|
|
119
|
+
if ($(this).hasClass('btn-close')) {
|
|
120
|
+
$(this).parent().parent().parent().fadeOut();
|
|
121
|
+
} else if ($(this).hasClass('btn-minimize')) {
|
|
122
|
+
// var $target = $(this).parent().parent().next('.card-body').collapse({toggle: true});
|
|
123
|
+
if ($(this).hasClass('collapsed')) {
|
|
124
|
+
$('i',$(this)).removeClass($.panelIconOpened).addClass($.panelIconClosed);
|
|
125
|
+
} else {
|
|
126
|
+
$('i',$(this)).removeClass($.panelIconClosed).addClass($.panelIconOpened);
|
|
127
|
+
}
|
|
128
|
+
} else if ($(this).hasClass('btn-setting')) {
|
|
129
|
+
$('#myModal').modal('show');
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
});
|
|
133
|
+
|
|
134
|
+
function capitalizeFirstLetter(string) {
|
|
135
|
+
return string.charAt(0).toUpperCase() + string.slice(1);
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
function init(url) {
|
|
139
|
+
|
|
140
|
+
/* ---------- Tooltip ---------- */
|
|
141
|
+
$('[rel="tooltip"],[data-rel="tooltip"]').tooltip({"placement":"bottom",delay: { show: 400, hide: 200 }});
|
|
142
|
+
|
|
143
|
+
/* ---------- Popover ---------- */
|
|
144
|
+
$('[rel="popover"],[data-rel="popover"],[data-toggle="popover"]').popover();
|
|
145
|
+
|
|
146
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<ol class="breadcrumb">
|
|
2
|
+
<li class="breadcrumb-item">Home</li>
|
|
3
|
+
<li class="breadcrumb-item"><a href="#">Admin</a></li>
|
|
4
|
+
<li class="breadcrumb-item active">Dashboard</li>
|
|
5
|
+
<!-- Breadcrumb Menu-->
|
|
6
|
+
<li class="breadcrumb-menu d-md-down-none">
|
|
7
|
+
<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
|
|
8
|
+
<a class="btn" href="#"><i class="icon-speech"></i></a>
|
|
9
|
+
<a class="btn" href="./"><i class="icon-graph"></i> Dashboard</a>
|
|
10
|
+
<a class="btn" href="#"><i class="icon-settings"></i> Settings</a>
|
|
11
|
+
</div>
|
|
12
|
+
</li>
|
|
13
|
+
</ol>
|
|
@@ -0,0 +1,247 @@
|
|
|
1
|
+
<header class="app-header navbar">
|
|
2
|
+
<button class="navbar-toggler mobile-sidebar-toggler d-lg-none" type="button">
|
|
3
|
+
<span class="navbar-toggler-icon"></span>
|
|
4
|
+
</button>
|
|
5
|
+
<a class="navbar-brand" href="#"></a>
|
|
6
|
+
<button class="navbar-toggler sidebar-toggler d-md-down-none" type="button">
|
|
7
|
+
<span class="navbar-toggler-icon"></span>
|
|
8
|
+
</button>
|
|
9
|
+
<ul class="nav navbar-nav d-md-down-none mr-auto">
|
|
10
|
+
|
|
11
|
+
<li class="nav-item px-3">
|
|
12
|
+
<a class="nav-link" href="#">Dashboard</a>
|
|
13
|
+
</li>
|
|
14
|
+
<li class="nav-item px-3">
|
|
15
|
+
<a class="nav-link" href="#">Users</a>
|
|
16
|
+
</li>
|
|
17
|
+
<li class="nav-item px-3">
|
|
18
|
+
<a class="nav-link" href="#">Settings</a>
|
|
19
|
+
</li>
|
|
20
|
+
</ul>
|
|
21
|
+
<ul class="nav navbar-nav ml-auto">
|
|
22
|
+
<li class="nav-item dropdown d-md-down-none">
|
|
23
|
+
<a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
|
|
24
|
+
<i class="icon-bell"></i><span class="badge badge-pill badge-danger">5</span>
|
|
25
|
+
</a>
|
|
26
|
+
<div class="dropdown-menu dropdown-menu-right dropdown-menu-lg">
|
|
27
|
+
<div class="dropdown-header text-center">
|
|
28
|
+
<strong>You have 5 notifications</strong>
|
|
29
|
+
</div>
|
|
30
|
+
<a href="#" class="dropdown-item">
|
|
31
|
+
<i class="icon-user-follow text-success"></i> New user registered
|
|
32
|
+
</a>
|
|
33
|
+
<a href="#" class="dropdown-item">
|
|
34
|
+
<i class="icon-user-unfollow text-danger"></i> User deleted
|
|
35
|
+
</a>
|
|
36
|
+
<a href="#" class="dropdown-item">
|
|
37
|
+
<i class="icon-chart text-info"></i> Sales report is ready
|
|
38
|
+
</a>
|
|
39
|
+
<a href="#" class="dropdown-item">
|
|
40
|
+
<i class="icon-basket-loaded text-primary"></i> New client
|
|
41
|
+
</a>
|
|
42
|
+
<a href="#" class="dropdown-item">
|
|
43
|
+
<i class="icon-speedometer text-warning"></i> Server overloaded
|
|
44
|
+
</a>
|
|
45
|
+
<div class="dropdown-header text-center">
|
|
46
|
+
<strong>Server</strong>
|
|
47
|
+
</div>
|
|
48
|
+
<a href="#" class="dropdown-item">
|
|
49
|
+
<div class="text-uppercase mb-1">
|
|
50
|
+
<small><b>CPU Usage</b></small>
|
|
51
|
+
</div>
|
|
52
|
+
<span class="progress progress-xs">
|
|
53
|
+
<div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
|
54
|
+
</span>
|
|
55
|
+
<small class="text-muted">348 Processes. 1/4 Cores.</small>
|
|
56
|
+
</a>
|
|
57
|
+
<a href="#" class="dropdown-item">
|
|
58
|
+
<div class="text-uppercase mb-1">
|
|
59
|
+
<small><b>Memory Usage</b></small>
|
|
60
|
+
</div>
|
|
61
|
+
<span class="progress progress-xs">
|
|
62
|
+
<div class="progress-bar bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
|
|
63
|
+
</span>
|
|
64
|
+
<small class="text-muted">11444GB/16384MB</small>
|
|
65
|
+
</a>
|
|
66
|
+
<a href="#" class="dropdown-item">
|
|
67
|
+
<div class="text-uppercase mb-1">
|
|
68
|
+
<small><b>SSD 1 Usage</b></small>
|
|
69
|
+
</div>
|
|
70
|
+
<span class="progress progress-xs">
|
|
71
|
+
<div class="progress-bar bg-danger" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
|
|
72
|
+
</span>
|
|
73
|
+
<small class="text-muted">243GB/256GB</small>
|
|
74
|
+
</a>
|
|
75
|
+
</div>
|
|
76
|
+
</li>
|
|
77
|
+
<li class="nav-item dropdown d-md-down-none">
|
|
78
|
+
<a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
|
|
79
|
+
<i class="icon-list"></i><span class="badge badge-pill badge-warning">15</span>
|
|
80
|
+
</a>
|
|
81
|
+
<div class="dropdown-menu dropdown-menu-right dropdown-menu-lg">
|
|
82
|
+
<div class="dropdown-header text-center">
|
|
83
|
+
<strong>You have 5 pending tasks</strong>
|
|
84
|
+
</div>
|
|
85
|
+
<a href="#" class="dropdown-item">
|
|
86
|
+
<div class="small mb-1">Upgrade NPM & Bower
|
|
87
|
+
<span class="float-right">
|
|
88
|
+
<strong>0%</strong>
|
|
89
|
+
</span>
|
|
90
|
+
</div>
|
|
91
|
+
<span class="progress progress-xs">
|
|
92
|
+
<div class="progress-bar bg-info" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
|
|
93
|
+
</span>
|
|
94
|
+
</a>
|
|
95
|
+
<a href="#" class="dropdown-item">
|
|
96
|
+
<div class="small mb-1">ReactJS Version
|
|
97
|
+
<span class="float-right">
|
|
98
|
+
<strong>25%</strong>
|
|
99
|
+
</span>
|
|
100
|
+
</div>
|
|
101
|
+
<span class="progress progress-xs">
|
|
102
|
+
<div class="progress-bar bg-danger" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
|
103
|
+
</span>
|
|
104
|
+
</a>
|
|
105
|
+
<a href="#" class="dropdown-item">
|
|
106
|
+
<div class="small mb-1">VueJS Version
|
|
107
|
+
<span class="float-right">
|
|
108
|
+
<strong>50%</strong>
|
|
109
|
+
</span>
|
|
110
|
+
</div>
|
|
111
|
+
<span class="progress progress-xs">
|
|
112
|
+
<div class="progress-bar bg-warning" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
|
|
113
|
+
</span>
|
|
114
|
+
</a>
|
|
115
|
+
<a href="#" class="dropdown-item">
|
|
116
|
+
<div class="small mb-1">Add new layouts
|
|
117
|
+
<span class="float-right">
|
|
118
|
+
<strong>75%</strong>
|
|
119
|
+
</span>
|
|
120
|
+
</div>
|
|
121
|
+
<span class="progress progress-xs">
|
|
122
|
+
<div class="progress-bar bg-info" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
|
123
|
+
</span>
|
|
124
|
+
</a>
|
|
125
|
+
<a href="#" class="dropdown-item">
|
|
126
|
+
<div class="small mb-1">Angular 2 Cli Version
|
|
127
|
+
<span class="float-right">
|
|
128
|
+
<strong>100%</strong>
|
|
129
|
+
</span>
|
|
130
|
+
</div>
|
|
131
|
+
<span class="progress progress-xs">
|
|
132
|
+
<div class="progress-bar bg-success" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
|
|
133
|
+
</span>
|
|
134
|
+
</a>
|
|
135
|
+
<a href="#" class="dropdown-item text-center">
|
|
136
|
+
<strong>View all tasks</strong>
|
|
137
|
+
</a>
|
|
138
|
+
</div>
|
|
139
|
+
</li>
|
|
140
|
+
<li class="nav-item dropdown d-md-down-none">
|
|
141
|
+
<a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
|
|
142
|
+
<i class="icon-envelope-letter"></i><span class="badge badge-pill badge-info">7</span>
|
|
143
|
+
</a>
|
|
144
|
+
<div class="dropdown-menu dropdown-menu-right dropdown-menu-lg">
|
|
145
|
+
<div class="dropdown-header text-center">
|
|
146
|
+
<strong>You have 4 messages</strong>
|
|
147
|
+
</div>
|
|
148
|
+
<a href="#" class="dropdown-item">
|
|
149
|
+
<div class="message">
|
|
150
|
+
<div class="py-3 mr-3 float-left">
|
|
151
|
+
<div class="avatar">
|
|
152
|
+
<img src="img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
|
|
153
|
+
<span class="avatar-status badge-success"></span>
|
|
154
|
+
</div>
|
|
155
|
+
</div>
|
|
156
|
+
<div>
|
|
157
|
+
<small class="text-muted">John Doe</small>
|
|
158
|
+
<small class="text-muted float-right mt-1">Just now</small>
|
|
159
|
+
</div>
|
|
160
|
+
<div class="text-truncate font-weight-bold">
|
|
161
|
+
<span class="fa fa-exclamation text-danger"></span> Important message</div>
|
|
162
|
+
<div class="small text-muted text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</div>
|
|
163
|
+
</div>
|
|
164
|
+
</a>
|
|
165
|
+
<a href="#" class="dropdown-item">
|
|
166
|
+
<div class="message">
|
|
167
|
+
<div class="py-3 mr-3 float-left">
|
|
168
|
+
<div class="avatar">
|
|
169
|
+
<img src="img/avatars/6.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
|
|
170
|
+
<span class="avatar-status badge-warning"></span>
|
|
171
|
+
</div>
|
|
172
|
+
</div>
|
|
173
|
+
<div>
|
|
174
|
+
<small class="text-muted">John Doe</small>
|
|
175
|
+
<small class="text-muted float-right mt-1">5 minutes ago</small>
|
|
176
|
+
</div>
|
|
177
|
+
<div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
|
|
178
|
+
<div class="small text-muted text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</div>
|
|
179
|
+
</div>
|
|
180
|
+
</a>
|
|
181
|
+
<a href="#" class="dropdown-item">
|
|
182
|
+
<div class="message">
|
|
183
|
+
<div class="py-3 mr-3 float-left">
|
|
184
|
+
<div class="avatar">
|
|
185
|
+
<img src="img/avatars/5.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
|
|
186
|
+
<span class="avatar-status badge-danger"></span>
|
|
187
|
+
</div>
|
|
188
|
+
</div>
|
|
189
|
+
<div>
|
|
190
|
+
<small class="text-muted">John Doe</small>
|
|
191
|
+
<small class="text-muted float-right mt-1">1:52 PM</small>
|
|
192
|
+
</div>
|
|
193
|
+
<div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
|
|
194
|
+
<div class="small text-muted text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</div>
|
|
195
|
+
</div>
|
|
196
|
+
</a>
|
|
197
|
+
<a href="#" class="dropdown-item">
|
|
198
|
+
<div class="message">
|
|
199
|
+
<div class="py-3 mr-3 float-left">
|
|
200
|
+
<div class="avatar">
|
|
201
|
+
<img src="img/avatars/4.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
|
|
202
|
+
<span class="avatar-status badge-info"></span>
|
|
203
|
+
</div>
|
|
204
|
+
</div>
|
|
205
|
+
<div>
|
|
206
|
+
<small class="text-muted">John Doe</small>
|
|
207
|
+
<small class="text-muted float-right mt-1">4:03 PM</small>
|
|
208
|
+
</div>
|
|
209
|
+
<div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
|
|
210
|
+
<div class="small text-muted text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</div>
|
|
211
|
+
</div>
|
|
212
|
+
</a>
|
|
213
|
+
<a href="#" class="dropdown-item text-center">
|
|
214
|
+
<strong>View all messages</strong>
|
|
215
|
+
</a>
|
|
216
|
+
</div>
|
|
217
|
+
</li>
|
|
218
|
+
<li class="nav-item dropdown">
|
|
219
|
+
<a class="nav-link nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
|
|
220
|
+
<img src="img/avatars/6.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
|
|
221
|
+
</a>
|
|
222
|
+
<div class="dropdown-menu dropdown-menu-right">
|
|
223
|
+
<div class="dropdown-header text-center">
|
|
224
|
+
<strong>Account</strong>
|
|
225
|
+
</div>
|
|
226
|
+
<a class="dropdown-item" href="#"><i class="fa fa-bell-o"></i> Updates<span class="badge badge-info">42</span></a>
|
|
227
|
+
<a class="dropdown-item" href="#"><i class="fa fa-envelope-o"></i> Messages<span class="badge badge-success">42</span></a>
|
|
228
|
+
<a class="dropdown-item" href="#"><i class="fa fa-tasks"></i> Tasks<span class="badge badge-danger">42</span></a>
|
|
229
|
+
<a class="dropdown-item" href="#"><i class="fa fa-comments"></i> Comments<span class="badge badge-warning">42</span></a>
|
|
230
|
+
<div class="dropdown-header text-center">
|
|
231
|
+
<strong>Settings</strong>
|
|
232
|
+
</div>
|
|
233
|
+
<a class="dropdown-item" href="#"><i class="fa fa-user"></i> Profile</a>
|
|
234
|
+
<a class="dropdown-item" href="#"><i class="fa fa-wrench"></i> Settings</a>
|
|
235
|
+
<a class="dropdown-item" href="#"><i class="fa fa-usd"></i> Payments<span class="badge badge-dark">42</span></a>
|
|
236
|
+
<a class="dropdown-item" href="#"><i class="fa fa-file"></i> Projects<span class="badge badge-primary">42</span></a>
|
|
237
|
+
<div class="divider"></div>
|
|
238
|
+
<a class="dropdown-item" href="#"><i class="fa fa-shield"></i> Lock Account</a>
|
|
239
|
+
<a class="dropdown-item" href="#"><i class="fa fa-lock"></i> Logout</a>
|
|
240
|
+
</div>
|
|
241
|
+
</li>
|
|
242
|
+
<button class="navbar-toggler aside-menu-toggler" type="button">
|
|
243
|
+
<span class="navbar-toggler-icon"></span>
|
|
244
|
+
</button>
|
|
245
|
+
|
|
246
|
+
</ul>
|
|
247
|
+
</header>
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
<div class="sidebar">
|
|
2
|
+
<nav class="sidebar-nav">
|
|
3
|
+
<ul class="nav">
|
|
4
|
+
<li class="nav-item">
|
|
5
|
+
<a class="nav-link" href="index.html"><i class="icon-speedometer"></i> Dashboard <span class="badge badge-info">NEW</span></a>
|
|
6
|
+
</li>
|
|
7
|
+
|
|
8
|
+
<li class="nav-title">
|
|
9
|
+
Theme
|
|
10
|
+
</li>
|
|
11
|
+
<li class="nav-item">
|
|
12
|
+
<a href="colors.html" class="nav-link"><i class="icon-drop"></i> Colors</a>
|
|
13
|
+
</li>
|
|
14
|
+
|
|
15
|
+
<li class="nav-title">
|
|
16
|
+
Components
|
|
17
|
+
</li>
|
|
18
|
+
<li class="nav-item nav-dropdown">
|
|
19
|
+
<a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-puzzle"></i> Base</a>
|
|
20
|
+
<ul class="nav-dropdown-items">
|
|
21
|
+
<li class="nav-item">
|
|
22
|
+
<a class="nav-link" href="base-breadcrumb.html"><i class="icon-puzzle"></i> Breadcrumb</a>
|
|
23
|
+
</li>
|
|
24
|
+
</ul>
|
|
25
|
+
</li>
|
|
26
|
+
|
|
27
|
+
<li class="divider"></li>
|
|
28
|
+
|
|
29
|
+
<li class="nav-title">
|
|
30
|
+
Extras
|
|
31
|
+
</li>
|
|
32
|
+
<li class="nav-item nav-dropdown">
|
|
33
|
+
<a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-star"></i> Pages</a>
|
|
34
|
+
<ul class="nav-dropdown-items">
|
|
35
|
+
<li class="nav-item">
|
|
36
|
+
<a class="nav-link" href="pages-login.html" target="_top"><i class="icon-star"></i> Login</a>
|
|
37
|
+
</li>
|
|
38
|
+
<li class="nav-item">
|
|
39
|
+
<a class="nav-link" href="pages-register.html" target="_top"><i class="icon-star"></i> Register</a>
|
|
40
|
+
</li>
|
|
41
|
+
<li class="nav-item">
|
|
42
|
+
<a class="nav-link" href="pages-404.html" target="_top"><i class="icon-star"></i> Error 404</a>
|
|
43
|
+
</li>
|
|
44
|
+
<li class="nav-item">
|
|
45
|
+
<a class="nav-link" href="pages-500.html" target="_top"><i class="icon-star"></i> Error 500</a>
|
|
46
|
+
</li>
|
|
47
|
+
</ul>
|
|
48
|
+
</li>
|
|
49
|
+
|
|
50
|
+
<li class="divider m-2"></li>
|
|
51
|
+
|
|
52
|
+
<li class="nav-title">
|
|
53
|
+
Labels
|
|
54
|
+
</li>
|
|
55
|
+
<li class="nav-item hidden-cn">
|
|
56
|
+
<a class="nav-label" href="#"><i class="fa fa-circle text-danger"></i> Label danger</a>
|
|
57
|
+
</li>
|
|
58
|
+
<li class="nav-item hidden-cn">
|
|
59
|
+
<a class="nav-label" href="#"><i class="fa fa-circle text-info"></i> Label info</a>
|
|
60
|
+
</li>
|
|
61
|
+
<li class="nav-item hidden-cn">
|
|
62
|
+
<a class="nav-label" href="#"><i class="fa fa-circle text-warning"></i> Label warning</a>
|
|
63
|
+
</li>
|
|
64
|
+
|
|
65
|
+
<li class="divider"></li>
|
|
66
|
+
|
|
67
|
+
<li class="nav-title">
|
|
68
|
+
System Utilization
|
|
69
|
+
</li>
|
|
70
|
+
<li class="nav-item px-3 hidden-cn">
|
|
71
|
+
<div class="text-uppercase mb-1">
|
|
72
|
+
<small><b>CPU Usage</b></small>
|
|
73
|
+
</div>
|
|
74
|
+
<div class="progress progress-xs">
|
|
75
|
+
<div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
|
76
|
+
</div>
|
|
77
|
+
<small class="text-muted">348 Processes. 1/4 Cores.</small>
|
|
78
|
+
</li>
|
|
79
|
+
<li class="nav-item px-3 hidden-cn">
|
|
80
|
+
<div class="text-uppercase mb-1">
|
|
81
|
+
<small><b>Memory Usage</b></small>
|
|
82
|
+
</div>
|
|
83
|
+
<div class="progress progress-xs">
|
|
84
|
+
<div class="progress-bar bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
|
|
85
|
+
</div>
|
|
86
|
+
<small class="text-muted">11444GB/16384MB</small>
|
|
87
|
+
</li>
|
|
88
|
+
<li class="nav-item px-3 hidden-cn">
|
|
89
|
+
<div class="text-uppercase mb-1">
|
|
90
|
+
<small><b>SSD 1 Usage</b></small>
|
|
91
|
+
</div>
|
|
92
|
+
<div class="progress progress-xs">
|
|
93
|
+
<div class="progress-bar bg-danger" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
|
|
94
|
+
</div>
|
|
95
|
+
<small class="text-muted">243GB/256GB</small>
|
|
96
|
+
</li>
|
|
97
|
+
|
|
98
|
+
</ul>
|
|
99
|
+
</nav>
|
|
100
|
+
<button class="sidebar-minimizer brand-minimizer" type="button"></button>
|
|
101
|
+
</div>
|