anchor_ui 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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>
|