rails_modular_admin 0.4.0 → 1.0.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 +4 -4
- data/README.md +8 -1
- data/Rakefile +3 -2
- data/app/assets/javascripts/rails_modular_admin.js +3 -0
- data/app/assets/stylesheets/custom-theme.scss +14 -0
- data/app/assets/stylesheets/rails_modular_admin.scss +1 -0
- data/app/assets/stylesheets/rails_modular_admin/_main.scss +1 -1
- data/app/helpers/rails_modular_admin_helpers.rb +5 -0
- data/app/views/layouts/partials/_footer.html.erb +8 -0
- data/lib/generators/rails_modular_admin/{USAGE → install/USAGE} +0 -0
- data/lib/generators/rails_modular_admin/install/install_generator.rb +19 -0
- data/lib/generators/rails_modular_admin/install/templates/auth.html.erb +35 -0
- data/lib/generators/rails_modular_admin/install/templates/custom-theme.scss +14 -0
- data/lib/generators/rails_modular_admin/install/templates/dashboard.html.erb +117 -0
- data/lib/generators/rails_modular_admin/install/templates/devise/confirmations/new.html.erb +16 -0
- data/lib/generators/rails_modular_admin/install/templates/devise/passwords/edit.html.erb +25 -0
- data/lib/generators/rails_modular_admin/install/templates/devise/passwords/new.html.erb +39 -0
- data/lib/generators/rails_modular_admin/install/templates/devise/registrations/edit.html.erb +43 -0
- data/lib/generators/rails_modular_admin/install/templates/devise/registrations/new.html.erb +29 -0
- data/lib/generators/rails_modular_admin/install/templates/devise/sessions/new.html.erb +73 -0
- data/lib/generators/rails_modular_admin/install/templates/devise/shared/_links.html.erb +25 -0
- data/lib/generators/rails_modular_admin/install/templates/devise/unlocks/new.html.erb +16 -0
- data/lib/generators/rails_modular_admin/install/templates/login.html.erb +85 -0
- data/lib/generators/rails_modular_admin/install/templates/partials/_footer.html.erb +8 -0
- data/lib/generators/rails_modular_admin/install/templates/recover.html.erb +77 -0
- data/lib/generators/rails_modular_admin/{templates/signup.html.erb → install/templates/register.html.erb} +0 -0
- data/lib/generators/rails_modular_admin/install_generator.rb +15 -8
- data/lib/generators/rails_modular_admin/templates/{application.html.erb → auth.html.erb} +35 -27
- data/lib/generators/rails_modular_admin/templates/dashboard.html.erb +99 -1432
- data/lib/generators/rails_modular_admin/templates/login.html.erb +1 -1
- data/lib/generators/rails_modular_admin/templates/partials/_footer.html.erb +8 -0
- data/lib/generators/rails_modular_admin/templates/recover.html.erb +1 -1
- data/lib/generators/rails_modular_admin/templates/register.html.erb +101 -0
- data/lib/generators/rails_modular_admin/views_generator.rb +21 -9
- data/lib/rails_modular_admin.rb +2 -1
- data/lib/rails_modular_admin/engine.rb +7 -4
- data/lib/rails_modular_admin/version.rb +1 -1
- metadata +40 -34
@@ -0,0 +1,73 @@
|
|
1
|
+
<h2>Log in</h2>
|
2
|
+
|
3
|
+
<%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
|
4
|
+
<div class="field">
|
5
|
+
<%= f.label :email %><br />
|
6
|
+
<%= f.email_field :email, autofocus: true, autocomplete: "email" %>
|
7
|
+
</div>
|
8
|
+
|
9
|
+
<div class="field">
|
10
|
+
<%= f.label :password %><br />
|
11
|
+
<%= f.password_field :password, autocomplete: "off" %>
|
12
|
+
</div>
|
13
|
+
|
14
|
+
<% if devise_mapping.rememberable? -%>
|
15
|
+
<div class="field">
|
16
|
+
<%= f.check_box :remember_me %>
|
17
|
+
<%= f.label :remember_me %>
|
18
|
+
</div>
|
19
|
+
<% end -%>
|
20
|
+
|
21
|
+
<div class="actions">
|
22
|
+
<%= f.submit "Log in" %>
|
23
|
+
</div>
|
24
|
+
<% end %>
|
25
|
+
|
26
|
+
<%= render "devise/shared/links" %>
|
27
|
+
|
28
|
+
<div class="auth">
|
29
|
+
<div class="auth-container">
|
30
|
+
<div class="card">
|
31
|
+
<header class="auth-header">
|
32
|
+
<h1 class="auth-title">
|
33
|
+
<div class="logo">
|
34
|
+
<span class="l l1"></span>
|
35
|
+
<span class="l l2"></span>
|
36
|
+
<span class="l l3"></span>
|
37
|
+
<span class="l l4"></span>
|
38
|
+
<span class="l l5"></span>
|
39
|
+
</div> ModularAdmin </h1>
|
40
|
+
</header>
|
41
|
+
<div class="auth-content">
|
42
|
+
<p class="text-center">LOGIN TO CONTINUE</p>
|
43
|
+
<form id="login-form" action="/index.html" method="GET" novalidate="">
|
44
|
+
<div class="form-group">
|
45
|
+
<label for="username">Username</label>
|
46
|
+
<input type="email" class="form-control underlined" name="username" id="username" placeholder="Your email address" required> </div>
|
47
|
+
<div class="form-group">
|
48
|
+
<label for="password">Password</label>
|
49
|
+
<input type="password" class="form-control underlined" name="password" id="password" placeholder="Your password" required> </div>
|
50
|
+
<div class="form-group">
|
51
|
+
<label for="remember">
|
52
|
+
<input class="checkbox" id="remember" type="checkbox">
|
53
|
+
<span>Remember me</span>
|
54
|
+
</label>
|
55
|
+
<a href="reset.html" class="forgot-btn pull-right">Forgot password?</a>
|
56
|
+
</div>
|
57
|
+
<div class="form-group">
|
58
|
+
<button type="submit" class="btn btn-block btn-primary">Login</button>
|
59
|
+
</div>
|
60
|
+
<div class="form-group">
|
61
|
+
<p class="text-muted text-center">Do not have an account?
|
62
|
+
<a href="signup.html">Sign Up!</a>
|
63
|
+
</p>
|
64
|
+
</div>
|
65
|
+
</form>
|
66
|
+
</div>
|
67
|
+
</div>
|
68
|
+
<div class="text-center">
|
69
|
+
<a href="index.html" class="btn btn-secondary btn-sm">
|
70
|
+
<i class="fa fa-arrow-left"></i> Back to dashboard </a>
|
71
|
+
</div>
|
72
|
+
</div>
|
73
|
+
</div>
|
@@ -0,0 +1,25 @@
|
|
1
|
+
<%- if controller_name != 'sessions' %>
|
2
|
+
<%= link_to "Log in", new_session_path(resource_name) %><br />
|
3
|
+
<% end -%>
|
4
|
+
|
5
|
+
<%- if devise_mapping.registerable? && controller_name != 'registrations' %>
|
6
|
+
<%= link_to "Sign up", new_registration_path(resource_name) %><br />
|
7
|
+
<% end -%>
|
8
|
+
|
9
|
+
<%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
|
10
|
+
<%= link_to "Forgot your password?", new_password_path(resource_name) %><br />
|
11
|
+
<% end -%>
|
12
|
+
|
13
|
+
<%- if devise_mapping.confirmable? && controller_name != 'confirmations' %>
|
14
|
+
<%= link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name) %><br />
|
15
|
+
<% end -%>
|
16
|
+
|
17
|
+
<%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' %>
|
18
|
+
<%= link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name) %><br />
|
19
|
+
<% end -%>
|
20
|
+
|
21
|
+
<%- if devise_mapping.omniauthable? %>
|
22
|
+
<%- resource_class.omniauth_providers.each do |provider| %>
|
23
|
+
<%= link_to "Sign in with #{OmniAuth::Utils.camelize(provider)}", omniauth_authorize_path(resource_name, provider) %><br />
|
24
|
+
<% end -%>
|
25
|
+
<% end -%>
|
@@ -0,0 +1,16 @@
|
|
1
|
+
<h2>Resend unlock instructions</h2>
|
2
|
+
|
3
|
+
<%= form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f| %>
|
4
|
+
<%= devise_error_messages! %>
|
5
|
+
|
6
|
+
<div class="field">
|
7
|
+
<%= f.label :email %><br />
|
8
|
+
<%= f.email_field :email, autofocus: true, autocomplete: "email" %>
|
9
|
+
</div>
|
10
|
+
|
11
|
+
<div class="actions">
|
12
|
+
<%= f.submit "Resend unlock instructions" %>
|
13
|
+
</div>
|
14
|
+
<% end %>
|
15
|
+
|
16
|
+
<%= render "devise/shared/links" %>
|
@@ -0,0 +1,85 @@
|
|
1
|
+
<!doctype html>
|
2
|
+
<html class="no-js" lang="en">
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
6
|
+
<title> Rails Modular Admin </title>
|
7
|
+
<meta name="description" content="">
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
9
|
+
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
10
|
+
<!-- Place favicon.ico in the root directory -->
|
11
|
+
<link rel="stylesheet" href="css/vendor.css">
|
12
|
+
<!-- Theme initialization -->
|
13
|
+
<script>
|
14
|
+
var themeSettings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) :
|
15
|
+
{};
|
16
|
+
var themeName = themeSettings.themeName || '';
|
17
|
+
if (themeName)
|
18
|
+
{
|
19
|
+
document.write('<link rel="stylesheet" id="theme-style" href="css/app-' + themeName + '.css">');
|
20
|
+
}
|
21
|
+
else
|
22
|
+
{
|
23
|
+
document.write('<link rel="stylesheet" id="theme-style" href="css/app.css">');
|
24
|
+
}
|
25
|
+
</script>
|
26
|
+
</head>
|
27
|
+
<body>
|
28
|
+
<div class="auth">
|
29
|
+
<div class="auth-container">
|
30
|
+
<div class="card">
|
31
|
+
<header class="auth-header">
|
32
|
+
<h1 class="auth-title">
|
33
|
+
<div class="logo">
|
34
|
+
<span class="l l1"></span>
|
35
|
+
<span class="l l2"></span>
|
36
|
+
<span class="l l3"></span>
|
37
|
+
<span class="l l4"></span>
|
38
|
+
<span class="l l5"></span>
|
39
|
+
</div> ModularAdmin </h1>
|
40
|
+
</header>
|
41
|
+
<div class="auth-content">
|
42
|
+
<p class="text-center">LOGIN TO CONTINUE</p>
|
43
|
+
<form id="login-form" action="/index.html" method="GET" novalidate="">
|
44
|
+
<div class="form-group">
|
45
|
+
<label for="username">Username</label>
|
46
|
+
<input type="email" class="form-control underlined" name="username" id="username" placeholder="Your email address" required> </div>
|
47
|
+
<div class="form-group">
|
48
|
+
<label for="password">Password</label>
|
49
|
+
<input type="password" class="form-control underlined" name="password" id="password" placeholder="Your password" required> </div>
|
50
|
+
<div class="form-group">
|
51
|
+
<label for="remember">
|
52
|
+
<input class="checkbox" id="remember" type="checkbox">
|
53
|
+
<span>Remember me</span>
|
54
|
+
</label>
|
55
|
+
<a href="reset.html" class="forgot-btn pull-right">Forgot password?</a>
|
56
|
+
</div>
|
57
|
+
<div class="form-group">
|
58
|
+
<button type="submit" class="btn btn-block btn-primary">Login</button>
|
59
|
+
</div>
|
60
|
+
<div class="form-group">
|
61
|
+
<p class="text-muted text-center">Do not have an account?
|
62
|
+
<a href="signup.html">Sign Up!</a>
|
63
|
+
</p>
|
64
|
+
</div>
|
65
|
+
</form>
|
66
|
+
</div>
|
67
|
+
</div>
|
68
|
+
<div class="text-center">
|
69
|
+
<a href="index.html" class="btn btn-secondary btn-sm">
|
70
|
+
<i class="fa fa-arrow-left"></i> Back to dashboard </a>
|
71
|
+
</div>
|
72
|
+
</div>
|
73
|
+
</div>
|
74
|
+
<!-- Reference block for JS -->
|
75
|
+
<div class="ref" id="ref">
|
76
|
+
<div class="color-primary"></div>
|
77
|
+
<div class="chart">
|
78
|
+
<div class="color-primary"></div>
|
79
|
+
<div class="color-secondary"></div>
|
80
|
+
</div>
|
81
|
+
</div>
|
82
|
+
<script src="js/vendor.js"></script>
|
83
|
+
<script src="js/app.js"></script>
|
84
|
+
</body>
|
85
|
+
</html>
|
@@ -0,0 +1,77 @@
|
|
1
|
+
<!doctype html>
|
2
|
+
<html class="no-js" lang="en">
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
6
|
+
<title> Rails Modular Admin </title>
|
7
|
+
<meta name="description" content="">
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
9
|
+
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
10
|
+
<!-- Place favicon.ico in the root directory -->
|
11
|
+
<link rel="stylesheet" href="css/vendor.css">
|
12
|
+
<!-- Theme initialization -->
|
13
|
+
<script>
|
14
|
+
var themeSettings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) :
|
15
|
+
{};
|
16
|
+
var themeName = themeSettings.themeName || '';
|
17
|
+
if (themeName)
|
18
|
+
{
|
19
|
+
document.write('<link rel="stylesheet" id="theme-style" href="css/app-' + themeName + '.css">');
|
20
|
+
}
|
21
|
+
else
|
22
|
+
{
|
23
|
+
document.write('<link rel="stylesheet" id="theme-style" href="css/app.css">');
|
24
|
+
}
|
25
|
+
</script>
|
26
|
+
</head>
|
27
|
+
<body>
|
28
|
+
<div class="auth">
|
29
|
+
<div class="auth-container">
|
30
|
+
<div class="card">
|
31
|
+
<header class="auth-header">
|
32
|
+
<h1 class="auth-title">
|
33
|
+
<div class="logo">
|
34
|
+
<span class="l l1"></span>
|
35
|
+
<span class="l l2"></span>
|
36
|
+
<span class="l l3"></span>
|
37
|
+
<span class="l l4"></span>
|
38
|
+
<span class="l l5"></span>
|
39
|
+
</div> ModularAdmin </h1>
|
40
|
+
</header>
|
41
|
+
<div class="auth-content">
|
42
|
+
<p class="text-center">PASSWORD RECOVER</p>
|
43
|
+
<p class="text-muted text-center">
|
44
|
+
<small>Enter your email address to recover your password.</small>
|
45
|
+
</p>
|
46
|
+
<form id="reset-form" action="/index.html" method="GET" novalidate="">
|
47
|
+
<div class="form-group">
|
48
|
+
<label for="email1">Email</label>
|
49
|
+
<input type="email" class="form-control underlined" name="email1" id="email1" placeholder="Your email address" required> </div>
|
50
|
+
<div class="form-group">
|
51
|
+
<button type="submit" class="btn btn-block btn-primary">Reset</button>
|
52
|
+
</div>
|
53
|
+
<div class="form-group clearfix">
|
54
|
+
<a class="pull-left" href="login.html">return to Login</a>
|
55
|
+
<a class="pull-right" href="signup.html">Sign Up!</a>
|
56
|
+
</div>
|
57
|
+
</form>
|
58
|
+
</div>
|
59
|
+
</div>
|
60
|
+
<div class="text-center">
|
61
|
+
<a href="index.html" class="btn btn-secondary btn-sm">
|
62
|
+
<i class="fa fa-arrow-left"></i> Back to dashboard </a>
|
63
|
+
</div>
|
64
|
+
</div>
|
65
|
+
</div>
|
66
|
+
<!-- Reference block for JS -->
|
67
|
+
<div class="ref" id="ref">
|
68
|
+
<div class="color-primary"></div>
|
69
|
+
<div class="chart">
|
70
|
+
<div class="color-primary"></div>
|
71
|
+
<div class="color-secondary"></div>
|
72
|
+
</div>
|
73
|
+
</div>
|
74
|
+
<script src="js/vendor.js"></script>
|
75
|
+
<script src="js/app.js"></script>
|
76
|
+
</body>
|
77
|
+
</html>
|
File without changes
|
@@ -1,12 +1,19 @@
|
|
1
1
|
require 'rails/generators/base'
|
2
2
|
module RailsModularAdmin
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
3
|
+
module Generators
|
4
|
+
|
5
|
+
class InstallGenerator < Rails::Generators::Base
|
6
|
+
desc "This install generator copies over the custom-theme.scss file for you to modify to create your custom theme."
|
7
|
+
source_root File.expand_path("templates", __dir__)
|
8
|
+
|
9
|
+
def copy_custom_theme_file
|
10
|
+
copy_file "custom-theme.scss", "app/assets/stylesheets/custom-theme.scss"
|
11
|
+
end
|
12
|
+
def copy_dashboard_layout
|
13
|
+
copy_file "dashboard.html.erb", "app/views/layouts/dashboard.html.erb"
|
14
|
+
copy_file "partials/_footer.html.erb", "app/views/layouts/partials/_footer.html.erb"
|
15
|
+
end
|
16
|
+
|
17
|
+
end
|
9
18
|
end
|
10
|
-
end
|
11
|
-
end
|
12
19
|
end
|
@@ -1,27 +1,35 @@
|
|
1
|
-
<!DOCTYPE html>
|
2
|
-
<html>
|
3
|
-
|
4
|
-
<title>Rails Modular Admin</title>
|
5
|
-
<%= csrf_meta_tags %>
|
6
|
-
<%= csp_meta_tag %>
|
7
|
-
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
|
8
|
-
|
9
|
-
|
10
|
-
</head>
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html class="no-js" lang="en">
|
3
|
+
<head>
|
4
|
+
<title>Rails Modular Admin</title>
|
5
|
+
<%= csrf_meta_tags %>
|
6
|
+
<%= csp_meta_tag %>
|
7
|
+
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
|
8
|
+
|
9
|
+
|
10
|
+
</head>
|
11
|
+
<body >
|
12
|
+
<div class="authbody"></div>
|
13
|
+
<div class="auth">
|
14
|
+
<div class="auth-container">
|
15
|
+
<div class="card">
|
16
|
+
<header class="auth-header">
|
17
|
+
<h1 class="auth-title">
|
18
|
+
|
19
|
+
</h1>
|
20
|
+
</header>
|
21
|
+
<%= yield %>
|
22
|
+
</div>
|
23
|
+
</div>
|
24
|
+
</div>
|
25
|
+
<!-- Reference block for JS -->
|
26
|
+
<div class="ref" id="ref">
|
27
|
+
<div class="color-primary"></div>
|
28
|
+
<div class="chart">
|
29
|
+
<div class="color-primary"></div>
|
30
|
+
<div class="color-secondary"></div>
|
31
|
+
</div>
|
32
|
+
</div>
|
33
|
+
<%= javascript_include_tag 'rails_modular_admin' %>
|
34
|
+
</body>
|
35
|
+
</html>
|
@@ -1,142 +1,81 @@
|
|
1
1
|
<!doctype html>
|
2
2
|
<html class="no-js" lang="en">
|
3
3
|
<head>
|
4
|
-
<
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
<!-- Place favicon.ico in the root directory -->
|
11
|
-
<link rel="stylesheet" href="css/vendor.css">
|
12
|
-
<!-- Theme initialization -->
|
13
|
-
<script>
|
14
|
-
var themeSettings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) :
|
15
|
-
{};
|
16
|
-
var themeName = themeSettings.themeName || '';
|
17
|
-
if (themeName)
|
18
|
-
{
|
19
|
-
document.write('<link rel="stylesheet" id="theme-style" href="css/app-' + themeName + '.css">');
|
20
|
-
}
|
21
|
-
else
|
22
|
-
{
|
23
|
-
document.write('<link rel="stylesheet" id="theme-style" href="css/app.css">');
|
24
|
-
}
|
25
|
-
</script>
|
26
|
-
</head>
|
4
|
+
<title> Rails Modular Admin </title>
|
5
|
+
<%= csrf_meta_tags %>
|
6
|
+
<%= csp_meta_tag %>
|
7
|
+
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
|
8
|
+
|
9
|
+
</head>
|
27
10
|
<body>
|
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
|
-
|
11
|
+
<!-- Wrappers for main content -->
|
12
|
+
<div class="main-wrapper">
|
13
|
+
<div class="app" id="app">
|
14
|
+
|
15
|
+
<!-- BEGIN dashboard header -->
|
16
|
+
<header class="header">
|
17
|
+
<div class="header-block header-block-collapse d-lg-none d-xl-none">
|
18
|
+
<button class="collapse-btn" id="sidebar-collapse-btn"><i class="fa fa-bars"></i></button>
|
19
|
+
</div>
|
20
|
+
<div class="header-block header-block-search"></div>
|
21
|
+
<div class="header-block header-block-nav">
|
22
|
+
<ul class="nav-profile">
|
23
|
+
<li class="notifications new">
|
24
|
+
<a href="" data-toggle="dropdown"><i class="fa fa-bell-o"></i>
|
25
|
+
<sup><span class="counter"></span></sup>
|
26
|
+
</a>
|
27
|
+
<div class="dropdown-menu notifications-dropdown-menu">
|
28
|
+
<ul class="notifications-container">
|
29
|
+
<% if alert %>
|
30
|
+
<li>
|
31
|
+
<a href="" class="notification-item">
|
32
|
+
<div class="img-col">
|
33
|
+
<div class="img" style=""></div>
|
34
|
+
</div>
|
35
|
+
<div class="body-col">
|
36
|
+
<p><span class="accent">Alert: </span> <%= alert %></p>
|
37
|
+
</div>
|
53
38
|
</a>
|
54
|
-
|
55
|
-
|
56
|
-
|
39
|
+
</li>
|
40
|
+
<% end %>
|
41
|
+
<% if notice %>
|
42
|
+
<li>
|
43
|
+
<a href="" class="notification-item">
|
44
|
+
<div class="img-col"><div class="img" style=""></div></div>
|
45
|
+
<div class="body-col">
|
46
|
+
<p><span class="accent">Notice: </span> <%= notice %></p>
|
47
|
+
</div>
|
57
48
|
</a>
|
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
|
-
<p>
|
89
|
-
<span class="accent">Amaya Hatsumi</span> started new task:
|
90
|
-
<span class="accent">Dashboard UI design.</span>. </p>
|
91
|
-
</div>
|
92
|
-
</a>
|
93
|
-
</li>
|
94
|
-
<li>
|
95
|
-
<a href="" class="notification-item">
|
96
|
-
<div class="img-col">
|
97
|
-
<div class="img" style="background-image: url('assets/faces/8.jpg')"></div>
|
98
|
-
</div>
|
99
|
-
<div class="body-col">
|
100
|
-
<p>
|
101
|
-
<span class="accent">Andy Nouman</span> deployed new version of
|
102
|
-
<span class="accent">NodeJS REST Api V3</span>
|
103
|
-
</p>
|
104
|
-
</div>
|
105
|
-
</a>
|
106
|
-
</li>
|
107
|
-
</ul>
|
108
|
-
<footer>
|
109
|
-
<ul>
|
110
|
-
<li>
|
111
|
-
<a href=""> View All </a>
|
112
|
-
</li>
|
113
|
-
</ul>
|
114
|
-
</footer>
|
115
|
-
</div>
|
116
|
-
</li>
|
117
|
-
<li class="profile dropdown">
|
118
|
-
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
|
119
|
-
<div class="img" style="background-image: url('https://avatars3.githubusercontent.com/u/3959008?v=3&s=40')"> </div>
|
120
|
-
<span class="name"> John Doe </span>
|
121
|
-
</a>
|
122
|
-
<div class="dropdown-menu profile-dropdown-menu" aria-labelledby="dropdownMenu1">
|
123
|
-
<a class="dropdown-item" href="#">
|
124
|
-
<i class="fa fa-user icon"></i> Profile </a>
|
125
|
-
<a class="dropdown-item" href="#">
|
126
|
-
<i class="fa fa-bell icon"></i> Notifications </a>
|
127
|
-
<a class="dropdown-item" href="#">
|
128
|
-
<i class="fa fa-gear icon"></i> Settings </a>
|
129
|
-
<div class="dropdown-divider"></div>
|
130
|
-
<a class="dropdown-item" href="login.html">
|
131
|
-
<i class="fa fa-power-off icon"></i> Logout </a>
|
132
|
-
</div>
|
133
|
-
</li>
|
134
|
-
</ul>
|
135
|
-
</div>
|
136
|
-
</header>
|
137
|
-
<aside class="sidebar">
|
138
|
-
<div class="sidebar-container">
|
139
|
-
<div class="sidebar-header">
|
49
|
+
</li>
|
50
|
+
<% end %>
|
51
|
+
</ul>
|
52
|
+
<!-- <footer><ul><li><a href=""> View All </a></li></ul></footer> -->
|
53
|
+
</div>
|
54
|
+
</li>
|
55
|
+
<!-- End Alert/Notification element on top bar -->
|
56
|
+
|
57
|
+
<li class="profile dropdown">
|
58
|
+
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
|
59
|
+
<span class="name"> </span>
|
60
|
+
</a>
|
61
|
+
<div class="dropdown-menu profile-dropdown-menu" aria-labelledby="dropdownMenu1">
|
62
|
+
|
63
|
+
<a class="dropdown-item" href="#"><i class="fa fa-user icon"></i> Profile </a>
|
64
|
+
<a class="dropdown-item" href="#"><i class="fa fa-bell icon"></i> Notifications </a>
|
65
|
+
<a class="dropdown-item" href="#"><i class="fa fa-gear icon"></i> Settings </a>
|
66
|
+
<div class="dropdown-divider"></div>
|
67
|
+
<%= link_to '<i class="fa fa-power-off icon"></i> Log Out'.html_safe, destroy_user_session_path, class: "dropdown-item", :method => :delete %>
|
68
|
+
</div>
|
69
|
+
</li>
|
70
|
+
</ul>
|
71
|
+
</div>
|
72
|
+
</header>
|
73
|
+
<!-- End dashboard header -->
|
74
|
+
|
75
|
+
<!-- BEGIN side navigation -->
|
76
|
+
<aside class="sidebar">
|
77
|
+
<div class="sidebar-container">
|
78
|
+
<div class="sidebar-header">
|
140
79
|
<div class="brand">
|
141
80
|
<div class="logo">
|
142
81
|
<span class="l l1"></span>
|
@@ -146,1305 +85,33 @@
|
|
146
85
|
<span class="l l5"></span>
|
147
86
|
</div> Modular Admin </div>
|
148
87
|
</div>
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
<li>
|
156
|
-
<a href="">
|
157
|
-
<i class="fa fa-th-large"></i> Items Manager
|
158
|
-
<i class="fa arrow"></i>
|
159
|
-
</a>
|
160
|
-
<ul class="sidebar-nav">
|
161
|
-
<li>
|
162
|
-
<a href="items-list.html"> Items List </a>
|
163
|
-
</li>
|
164
|
-
<li>
|
165
|
-
<a href="item-editor.html"> Item Editor </a>
|
166
|
-
</li>
|
167
|
-
</ul>
|
168
|
-
</li>
|
169
|
-
<li>
|
170
|
-
<a href="">
|
171
|
-
<i class="fa fa-area-chart"></i> Charts
|
172
|
-
<i class="fa arrow"></i>
|
173
|
-
</a>
|
174
|
-
<ul class="sidebar-nav">
|
175
|
-
<li>
|
176
|
-
<a href="charts-flot.html"> Flot Charts </a>
|
177
|
-
</li>
|
178
|
-
<li>
|
179
|
-
<a href="charts-morris.html"> Morris Charts </a>
|
180
|
-
</li>
|
181
|
-
</ul>
|
182
|
-
</li>
|
183
|
-
<li>
|
184
|
-
<a href="">
|
185
|
-
<i class="fa fa-table"></i> Tables
|
186
|
-
<i class="fa arrow"></i>
|
187
|
-
</a>
|
188
|
-
<ul class="sidebar-nav">
|
189
|
-
<li>
|
190
|
-
<a href="static-tables.html"> Static Tables </a>
|
191
|
-
</li>
|
192
|
-
<li>
|
193
|
-
<a href="responsive-tables.html"> Responsive Tables </a>
|
194
|
-
</li>
|
195
|
-
</ul>
|
196
|
-
</li>
|
197
|
-
<li>
|
198
|
-
<a href="forms.html">
|
199
|
-
<i class="fa fa-pencil-square-o"></i> Forms </a>
|
200
|
-
</li>
|
201
|
-
<li>
|
202
|
-
<a href="">
|
203
|
-
<i class="fa fa-desktop"></i> UI Elements
|
204
|
-
<i class="fa arrow"></i>
|
205
|
-
</a>
|
206
|
-
<ul class="sidebar-nav">
|
207
|
-
<li>
|
208
|
-
<a href="buttons.html"> Buttons </a>
|
209
|
-
</li>
|
210
|
-
<li>
|
211
|
-
<a href="cards.html"> Cards </a>
|
212
|
-
</li>
|
213
|
-
<li>
|
214
|
-
<a href="typography.html"> Typography </a>
|
215
|
-
</li>
|
216
|
-
<li>
|
217
|
-
<a href="icons.html"> Icons </a>
|
218
|
-
</li>
|
219
|
-
<li>
|
220
|
-
<a href="grid.html"> Grid </a>
|
221
|
-
</li>
|
222
|
-
</ul>
|
223
|
-
</li>
|
224
|
-
<li>
|
225
|
-
<a href="">
|
226
|
-
<i class="fa fa-file-text-o"></i> Pages
|
227
|
-
<i class="fa arrow"></i>
|
228
|
-
</a>
|
229
|
-
<ul class="sidebar-nav">
|
230
|
-
<li>
|
231
|
-
<a href="login.html"> Login </a>
|
232
|
-
</li>
|
233
|
-
<li>
|
234
|
-
<a href="signup.html"> Sign Up </a>
|
235
|
-
</li>
|
236
|
-
<li>
|
237
|
-
<a href="reset.html"> Reset </a>
|
238
|
-
</li>
|
239
|
-
<li>
|
240
|
-
<a href="error-404.html"> Error 404 App </a>
|
241
|
-
</li>
|
242
|
-
<li>
|
243
|
-
<a href="error-404-alt.html"> Error 404 Global </a>
|
244
|
-
</li>
|
245
|
-
<li>
|
246
|
-
<a href="error-500.html"> Error 500 App </a>
|
247
|
-
</li>
|
248
|
-
<li>
|
249
|
-
<a href="error-500-alt.html"> Error 500 Global </a>
|
250
|
-
</li>
|
251
|
-
</ul>
|
252
|
-
</li>
|
253
|
-
<li>
|
254
|
-
<a href="">
|
255
|
-
<i class="fa fa-sitemap"></i> Menu Levels
|
256
|
-
<i class="fa arrow"></i>
|
257
|
-
</a>
|
258
|
-
<ul class="sidebar-nav">
|
259
|
-
<li>
|
260
|
-
<a href="#"> Second Level Item
|
261
|
-
<i class="fa arrow"></i>
|
262
|
-
</a>
|
263
|
-
<ul class="sidebar-nav">
|
264
|
-
<li>
|
265
|
-
<a href="#"> Third Level Item </a>
|
266
|
-
</li>
|
267
|
-
<li>
|
268
|
-
<a href="#"> Third Level Item </a>
|
269
|
-
</li>
|
270
|
-
</ul>
|
271
|
-
</li>
|
272
|
-
<li>
|
273
|
-
<a href="#"> Second Level Item </a>
|
274
|
-
</li>
|
275
|
-
<li>
|
276
|
-
<a href="#"> Second Level Item
|
277
|
-
<i class="fa arrow"></i>
|
278
|
-
</a>
|
279
|
-
<ul class="sidebar-nav">
|
280
|
-
<li>
|
281
|
-
<a href="#"> Third Level Item </a>
|
282
|
-
</li>
|
283
|
-
<li>
|
284
|
-
<a href="#"> Third Level Item </a>
|
285
|
-
</li>
|
286
|
-
<li>
|
287
|
-
<a href="#"> Third Level Item
|
288
|
-
<i class="fa arrow"></i>
|
289
|
-
</a>
|
290
|
-
<ul class="sidebar-nav">
|
291
|
-
<li>
|
292
|
-
<a href="#"> Fourth Level Item </a>
|
293
|
-
</li>
|
294
|
-
<li>
|
295
|
-
<a href="#"> Fourth Level Item </a>
|
296
|
-
</li>
|
297
|
-
</ul>
|
298
|
-
</li>
|
299
|
-
</ul>
|
300
|
-
</li>
|
301
|
-
</ul>
|
302
|
-
</li>
|
303
|
-
<li>
|
304
|
-
<a href="screenful.html">
|
305
|
-
<i class="fa fa-bar-chart"></i> Agile Metrics
|
306
|
-
<span class="label label-screenful">by Screenful</span>
|
307
|
-
</a>
|
308
|
-
</li>
|
309
|
-
<li>
|
310
|
-
<a href="https://github.com/modularcode/modular-admin-html">
|
311
|
-
<i class="fa fa-github-alt"></i> Theme Docs </a>
|
312
|
-
</li>
|
313
|
-
</ul>
|
314
|
-
</nav>
|
315
|
-
</div>
|
316
|
-
<footer class="sidebar-footer">
|
317
|
-
<ul class="sidebar-menu metismenu" id="customize-menu">
|
318
|
-
<li>
|
319
|
-
<ul>
|
320
|
-
<li class="customize">
|
321
|
-
<div class="customize-item">
|
322
|
-
<div class="row customize-header">
|
323
|
-
<div class="col-4"> </div>
|
324
|
-
<div class="col-4">
|
325
|
-
<label class="title">fixed</label>
|
326
|
-
</div>
|
327
|
-
<div class="col-4">
|
328
|
-
<label class="title">static</label>
|
329
|
-
</div>
|
330
|
-
</div>
|
331
|
-
<div class="row">
|
332
|
-
<div class="col-4">
|
333
|
-
<label class="title">Sidebar:</label>
|
334
|
-
</div>
|
335
|
-
<div class="col-4">
|
336
|
-
<label>
|
337
|
-
<input class="radio" type="radio" name="sidebarPosition" value="sidebar-fixed">
|
338
|
-
<span></span>
|
339
|
-
</label>
|
340
|
-
</div>
|
341
|
-
<div class="col-4">
|
342
|
-
<label>
|
343
|
-
<input class="radio" type="radio" name="sidebarPosition" value="">
|
344
|
-
<span></span>
|
345
|
-
</label>
|
346
|
-
</div>
|
347
|
-
</div>
|
348
|
-
<div class="row">
|
349
|
-
<div class="col-4">
|
350
|
-
<label class="title">Header:</label>
|
351
|
-
</div>
|
352
|
-
<div class="col-4">
|
353
|
-
<label>
|
354
|
-
<input class="radio" type="radio" name="headerPosition" value="header-fixed">
|
355
|
-
<span></span>
|
356
|
-
</label>
|
357
|
-
</div>
|
358
|
-
<div class="col-4">
|
359
|
-
<label>
|
360
|
-
<input class="radio" type="radio" name="headerPosition" value="">
|
361
|
-
<span></span>
|
362
|
-
</label>
|
363
|
-
</div>
|
364
|
-
</div>
|
365
|
-
<div class="row">
|
366
|
-
<div class="col-4">
|
367
|
-
<label class="title">Footer:</label>
|
368
|
-
</div>
|
369
|
-
<div class="col-4">
|
370
|
-
<label>
|
371
|
-
<input class="radio" type="radio" name="footerPosition" value="footer-fixed">
|
372
|
-
<span></span>
|
373
|
-
</label>
|
374
|
-
</div>
|
375
|
-
<div class="col-4">
|
376
|
-
<label>
|
377
|
-
<input class="radio" type="radio" name="footerPosition" value="">
|
378
|
-
<span></span>
|
379
|
-
</label>
|
380
|
-
</div>
|
381
|
-
</div>
|
382
|
-
</div>
|
383
|
-
<div class="customize-item">
|
384
|
-
<ul class="customize-colors">
|
385
|
-
<li>
|
386
|
-
<span class="color-item color-red" data-theme="red"></span>
|
387
|
-
</li>
|
388
|
-
<li>
|
389
|
-
<span class="color-item color-orange" data-theme="orange"></span>
|
390
|
-
</li>
|
391
|
-
<li>
|
392
|
-
<span class="color-item color-green active" data-theme=""></span>
|
393
|
-
</li>
|
394
|
-
<li>
|
395
|
-
<span class="color-item color-seagreen" data-theme="seagreen"></span>
|
396
|
-
</li>
|
397
|
-
<li>
|
398
|
-
<span class="color-item color-blue" data-theme="blue"></span>
|
399
|
-
</li>
|
400
|
-
<li>
|
401
|
-
<span class="color-item color-purple" data-theme="purple"></span>
|
402
|
-
</li>
|
403
|
-
</ul>
|
404
|
-
</div>
|
405
|
-
</li>
|
406
|
-
</ul>
|
407
|
-
<a href="">
|
408
|
-
<i class="fa fa-cog"></i> Customize </a>
|
409
|
-
</li>
|
410
|
-
</ul>
|
411
|
-
</footer>
|
412
|
-
</aside>
|
413
|
-
<div class="sidebar-overlay" id="sidebar-overlay"></div>
|
414
|
-
<div class="sidebar-mobile-menu-handle" id="sidebar-mobile-menu-handle"></div>
|
415
|
-
<div class="mobile-menu-handle"></div>
|
416
|
-
<article class="content dashboard-page">
|
417
|
-
<section class="section">
|
418
|
-
<div class="row sameheight-container">
|
419
|
-
<div class="col col-12 col-sm-12 col-md-6 col-xl-5 stats-col">
|
420
|
-
<div class="card sameheight-item stats" data-exclude="xs">
|
421
|
-
<div class="card-block">
|
422
|
-
<div class="title-block">
|
423
|
-
<h4 class="title"> Stats </h4>
|
424
|
-
<p class="title-description"> Website metrics for
|
425
|
-
<a href="http://modularteam.github.io/modularity-free-admin-dashboard-theme-html/"> your awesome project </a>
|
426
|
-
</p>
|
427
|
-
</div>
|
428
|
-
<div class="row row-sm stats-container">
|
429
|
-
<div class="col-12 col-sm-6 stat-col">
|
430
|
-
<div class="stat-icon">
|
431
|
-
<i class="fa fa-rocket"></i>
|
432
|
-
</div>
|
433
|
-
<div class="stat">
|
434
|
-
<div class="value"> 5407 </div>
|
435
|
-
<div class="name"> Active items </div>
|
436
|
-
</div>
|
437
|
-
<div class="progress stat-progress">
|
438
|
-
<div class="progress-bar" style="width: 75%;"></div>
|
439
|
-
</div>
|
440
|
-
</div>
|
441
|
-
<div class="col-12 col-sm-6 stat-col">
|
442
|
-
<div class="stat-icon">
|
443
|
-
<i class="fa fa-shopping-cart"></i>
|
444
|
-
</div>
|
445
|
-
<div class="stat">
|
446
|
-
<div class="value"> 78464 </div>
|
447
|
-
<div class="name"> Items sold </div>
|
448
|
-
</div>
|
449
|
-
<div class="progress stat-progress">
|
450
|
-
<div class="progress-bar" style="width: 25%;"></div>
|
451
|
-
</div>
|
452
|
-
</div>
|
453
|
-
<div class="col-12 col-sm-6 stat-col">
|
454
|
-
<div class="stat-icon">
|
455
|
-
<i class="fa fa-line-chart"></i>
|
456
|
-
</div>
|
457
|
-
<div class="stat">
|
458
|
-
<div class="value"> $80.560 </div>
|
459
|
-
<div class="name"> Monthly income </div>
|
460
|
-
</div>
|
461
|
-
<div class="progress stat-progress">
|
462
|
-
<div class="progress-bar" style="width: 60%;"></div>
|
463
|
-
</div>
|
464
|
-
</div>
|
465
|
-
<div class="col-12 col-sm-6 stat-col">
|
466
|
-
<div class="stat-icon">
|
467
|
-
<i class="fa fa-users"></i>
|
468
|
-
</div>
|
469
|
-
<div class="stat">
|
470
|
-
<div class="value"> 359 </div>
|
471
|
-
<div class="name"> Total users </div>
|
472
|
-
</div>
|
473
|
-
<div class="progress stat-progress">
|
474
|
-
<div class="progress-bar" style="width: 34%;"></div>
|
475
|
-
</div>
|
476
|
-
</div>
|
477
|
-
<div class="col-12 col-sm-6 stat-col">
|
478
|
-
<div class="stat-icon">
|
479
|
-
<i class="fa fa-list-alt"></i>
|
480
|
-
</div>
|
481
|
-
<div class="stat">
|
482
|
-
<div class="value"> 59 </div>
|
483
|
-
<div class="name"> Tickets closed </div>
|
484
|
-
</div>
|
485
|
-
<div class="progress stat-progress">
|
486
|
-
<div class="progress-bar" style="width: 49%;"></div>
|
487
|
-
</div>
|
488
|
-
</div>
|
489
|
-
<div class="col-12 col-sm-6 stat-col">
|
490
|
-
<div class="stat-icon">
|
491
|
-
<i class="fa fa-dollar"></i>
|
492
|
-
</div>
|
493
|
-
<div class="stat">
|
494
|
-
<div class="value"> $780.064 </div>
|
495
|
-
<div class="name"> Total income </div>
|
496
|
-
</div>
|
497
|
-
<div class="progress stat-progress">
|
498
|
-
<div class="progress-bar" style="width: 15%;"></div>
|
499
|
-
</div>
|
500
|
-
</div>
|
501
|
-
</div>
|
502
|
-
</div>
|
503
|
-
</div>
|
504
|
-
</div>
|
505
|
-
<div class="col col-12 col-sm-12 col-md-6 col-xl-7 history-col">
|
506
|
-
<div class="card sameheight-item" data-exclude="xs" id="dashboard-history">
|
507
|
-
<div class="card-header card-header-sm bordered">
|
508
|
-
<div class="header-block">
|
509
|
-
<h3 class="title">History</h3>
|
510
|
-
</div>
|
511
|
-
<ul class="nav nav-tabs pull-right" role="tablist">
|
512
|
-
<li class="nav-item">
|
513
|
-
<a class="nav-link active" href="#visits" role="tab" data-toggle="tab">Visits</a>
|
514
|
-
</li>
|
515
|
-
<li class="nav-item">
|
516
|
-
<a class="nav-link" href="#downloads" role="tab" data-toggle="tab">Downloads</a>
|
517
|
-
</li>
|
518
|
-
</ul>
|
519
|
-
</div>
|
520
|
-
<div class="card-block">
|
521
|
-
<div class="tab-content">
|
522
|
-
<div role="tabpanel" class="tab-pane active fade show" id="visits">
|
523
|
-
<p class="title-description"> Number of unique visits last 30 days </p>
|
524
|
-
<div id="dashboard-visits-chart"></div>
|
525
|
-
</div>
|
526
|
-
<div role="tabpanel" class="tab-pane fade" id="downloads">
|
527
|
-
<p class="title-description"> Number of downloads last 30 days </p>
|
528
|
-
<div id="dashboard-downloads-chart"></div>
|
529
|
-
</div>
|
530
|
-
</div>
|
531
|
-
</div>
|
532
|
-
</div>
|
533
|
-
</div>
|
534
|
-
</div>
|
535
|
-
</section>
|
536
|
-
<section class="section">
|
537
|
-
<div class="row sameheight-container">
|
538
|
-
<div class="col-xl-8">
|
539
|
-
<div class="card sameheight-item items" data-exclude="xs,sm,lg">
|
540
|
-
<div class="card-header bordered">
|
541
|
-
<div class="header-block">
|
542
|
-
<h3 class="title"> Items </h3>
|
543
|
-
<a href="item-editor.html" class="btn btn-primary btn-sm"> Add new </a>
|
544
|
-
</div>
|
545
|
-
<div class="header-block pull-right">
|
546
|
-
<label class="search">
|
547
|
-
<input class="search-input" placeholder="search...">
|
548
|
-
<i class="fa fa-search search-icon"></i>
|
549
|
-
</label>
|
550
|
-
<div class="pagination">
|
551
|
-
<a href="" class="btn btn-primary btn-sm">
|
552
|
-
<i class="fa fa-angle-up"></i>
|
553
|
-
</a>
|
554
|
-
<a href="" class="btn btn-primary btn-sm">
|
555
|
-
<i class="fa fa-angle-down"></i>
|
556
|
-
</a>
|
557
|
-
</div>
|
558
|
-
</div>
|
559
|
-
</div>
|
560
|
-
<ul class="item-list striped">
|
561
|
-
<li class="item item-list-header">
|
562
|
-
<div class="item-row">
|
563
|
-
<div class="item-col item-col-header fixed item-col-img xs"></div>
|
564
|
-
<div class="item-col item-col-header item-col-title">
|
565
|
-
<div>
|
566
|
-
<span>Name</span>
|
567
|
-
</div>
|
568
|
-
</div>
|
569
|
-
<div class="item-col item-col-header item-col-sales">
|
570
|
-
<div>
|
571
|
-
<span>Sales</span>
|
572
|
-
</div>
|
573
|
-
</div>
|
574
|
-
<div class="item-col item-col-header item-col-stats">
|
575
|
-
<div class="no-overflow">
|
576
|
-
<span>Stats</span>
|
577
|
-
</div>
|
578
|
-
</div>
|
579
|
-
<div class="item-col item-col-header item-col-date">
|
580
|
-
<div>
|
581
|
-
<span>Published</span>
|
582
|
-
</div>
|
583
|
-
</div>
|
584
|
-
</div>
|
585
|
-
</li>
|
586
|
-
<li class="item">
|
587
|
-
<div class="item-row">
|
588
|
-
<div class="item-col fixed item-col-img xs">
|
589
|
-
<a href="">
|
590
|
-
<div class="item-img xs rounded" style="background-image: url(https://s3.amazonaws.com/uifaces/faces/twitter/brad_frost/128.jpg)"></div>
|
591
|
-
</a>
|
592
|
-
</div>
|
593
|
-
<div class="item-col item-col-title no-overflow">
|
594
|
-
<div>
|
595
|
-
<a href="" class="">
|
596
|
-
<h4 class="item-title no-wrap"> 12 Myths Uncovered About IT & Software </h4>
|
597
|
-
</a>
|
598
|
-
</div>
|
599
|
-
</div>
|
600
|
-
<div class="item-col item-col-sales">
|
601
|
-
<div class="item-heading">Sales</div>
|
602
|
-
<div> 4958 </div>
|
603
|
-
</div>
|
604
|
-
<div class="item-col item-col-stats">
|
605
|
-
<div class="item-heading">Stats</div>
|
606
|
-
<div class="no-overflow">
|
607
|
-
<div class="item-stats sparkline" data-type="bar"></div>
|
608
|
-
</div>
|
609
|
-
</div>
|
610
|
-
<div class="item-col item-col-date">
|
611
|
-
<div class="item-heading">Published</div>
|
612
|
-
<div> 21 SEP 10:45 </div>
|
613
|
-
</div>
|
614
|
-
</div>
|
615
|
-
</li>
|
616
|
-
<li class="item">
|
617
|
-
<div class="item-row">
|
618
|
-
<div class="item-col fixed item-col-img xs">
|
619
|
-
<a href="">
|
620
|
-
<div class="item-img xs rounded" style="background-image: url(https://s3.amazonaws.com/uifaces/faces/twitter/_everaldo/128.jpg)"></div>
|
621
|
-
</a>
|
622
|
-
</div>
|
623
|
-
<div class="item-col item-col-title no-overflow">
|
624
|
-
<div>
|
625
|
-
<a href="" class="">
|
626
|
-
<h4 class="item-title no-wrap"> 50% of things doesn't really belongs to you </h4>
|
627
|
-
</a>
|
628
|
-
</div>
|
629
|
-
</div>
|
630
|
-
<div class="item-col item-col-sales">
|
631
|
-
<div class="item-heading">Sales</div>
|
632
|
-
<div> 192 </div>
|
633
|
-
</div>
|
634
|
-
<div class="item-col item-col-stats">
|
635
|
-
<div class="item-heading">Stats</div>
|
636
|
-
<div class="no-overflow">
|
637
|
-
<div class="item-stats sparkline" data-type="bar"></div>
|
638
|
-
</div>
|
639
|
-
</div>
|
640
|
-
<div class="item-col item-col-date">
|
641
|
-
<div class="item-heading">Published</div>
|
642
|
-
<div> 21 SEP 10:45 </div>
|
643
|
-
</div>
|
644
|
-
</div>
|
645
|
-
</li>
|
646
|
-
<li class="item">
|
647
|
-
<div class="item-row">
|
648
|
-
<div class="item-col fixed item-col-img xs">
|
649
|
-
<a href="">
|
650
|
-
<div class="item-img xs rounded" style="background-image: url(https://s3.amazonaws.com/uifaces/faces/twitter/eduardo_olv/128.jpg)"></div>
|
651
|
-
</a>
|
652
|
-
</div>
|
653
|
-
<div class="item-col item-col-title no-overflow">
|
654
|
-
<div>
|
655
|
-
<a href="" class="">
|
656
|
-
<h4 class="item-title no-wrap"> Vestibulum tincidunt amet laoreet mauris sit sem aliquam cras maecenas vel aliquam. </h4>
|
657
|
-
</a>
|
658
|
-
</div>
|
659
|
-
</div>
|
660
|
-
<div class="item-col item-col-sales">
|
661
|
-
<div class="item-heading">Sales</div>
|
662
|
-
<div> 2143 </div>
|
663
|
-
</div>
|
664
|
-
<div class="item-col item-col-stats">
|
665
|
-
<div class="item-heading">Stats</div>
|
666
|
-
<div class="no-overflow">
|
667
|
-
<div class="item-stats sparkline" data-type="bar"></div>
|
668
|
-
</div>
|
669
|
-
</div>
|
670
|
-
<div class="item-col item-col-date">
|
671
|
-
<div class="item-heading">Published</div>
|
672
|
-
<div> 21 SEP 10:45 </div>
|
673
|
-
</div>
|
674
|
-
</div>
|
675
|
-
</li>
|
676
|
-
<li class="item">
|
677
|
-
<div class="item-row">
|
678
|
-
<div class="item-col fixed item-col-img xs">
|
679
|
-
<a href="">
|
680
|
-
<div class="item-img xs rounded" style="background-image: url(https://s3.amazonaws.com/uifaces/faces/twitter/why_this/128.jpg)"></div>
|
681
|
-
</a>
|
682
|
-
</div>
|
683
|
-
<div class="item-col item-col-title no-overflow">
|
684
|
-
<div>
|
685
|
-
<a href="" class="">
|
686
|
-
<h4 class="item-title no-wrap"> 10 tips of Object Oriented Design </h4>
|
687
|
-
</a>
|
688
|
-
</div>
|
689
|
-
</div>
|
690
|
-
<div class="item-col item-col-sales">
|
691
|
-
<div class="item-heading">Sales</div>
|
692
|
-
<div> 124 </div>
|
693
|
-
</div>
|
694
|
-
<div class="item-col item-col-stats">
|
695
|
-
<div class="item-heading">Stats</div>
|
696
|
-
<div class="no-overflow">
|
697
|
-
<div class="item-stats sparkline" data-type="bar"></div>
|
698
|
-
</div>
|
699
|
-
</div>
|
700
|
-
<div class="item-col item-col-date">
|
701
|
-
<div class="item-heading">Published</div>
|
702
|
-
<div> 21 SEP 10:45 </div>
|
703
|
-
</div>
|
704
|
-
</div>
|
705
|
-
</li>
|
706
|
-
<li class="item">
|
707
|
-
<div class="item-row">
|
708
|
-
<div class="item-col fixed item-col-img xs">
|
709
|
-
<a href="">
|
710
|
-
<div class="item-img xs rounded" style="background-image: url(https://s3.amazonaws.com/uifaces/faces/twitter/w7download/128.jpg)"></div>
|
711
|
-
</a>
|
712
|
-
</div>
|
713
|
-
<div class="item-col item-col-title no-overflow">
|
714
|
-
<div>
|
715
|
-
<a href="" class="">
|
716
|
-
<h4 class="item-title no-wrap"> Sometimes friend tells it is cold </h4>
|
717
|
-
</a>
|
718
|
-
</div>
|
719
|
-
</div>
|
720
|
-
<div class="item-col item-col-sales">
|
721
|
-
<div class="item-heading">Sales</div>
|
722
|
-
<div> 10214 </div>
|
723
|
-
</div>
|
724
|
-
<div class="item-col item-col-stats">
|
725
|
-
<div class="item-heading">Stats</div>
|
726
|
-
<div class="no-overflow">
|
727
|
-
<div class="item-stats sparkline" data-type="bar"></div>
|
728
|
-
</div>
|
729
|
-
</div>
|
730
|
-
<div class="item-col item-col-date">
|
731
|
-
<div class="item-heading">Published</div>
|
732
|
-
<div> 21 SEP 10:45 </div>
|
733
|
-
</div>
|
734
|
-
</div>
|
735
|
-
</li>
|
736
|
-
<li class="item">
|
737
|
-
<div class="item-row">
|
738
|
-
<div class="item-col fixed item-col-img xs">
|
739
|
-
<a href="">
|
740
|
-
<div class="item-img xs rounded" style="background-image: url(https://s3.amazonaws.com/uifaces/faces/twitter/pankogut/128.jpg)"></div>
|
741
|
-
</a>
|
742
|
-
</div>
|
743
|
-
<div class="item-col item-col-title no-overflow">
|
744
|
-
<div>
|
745
|
-
<a href="" class="">
|
746
|
-
<h4 class="item-title no-wrap"> New ways of conceptual thinking </h4>
|
747
|
-
</a>
|
748
|
-
</div>
|
749
|
-
</div>
|
750
|
-
<div class="item-col item-col-sales">
|
751
|
-
<div class="item-heading">Sales</div>
|
752
|
-
<div> 3217 </div>
|
753
|
-
</div>
|
754
|
-
<div class="item-col item-col-stats">
|
755
|
-
<div class="item-heading">Stats</div>
|
756
|
-
<div class="no-overflow">
|
757
|
-
<div class="item-stats sparkline" data-type="bar"></div>
|
758
|
-
</div>
|
759
|
-
</div>
|
760
|
-
<div class="item-col item-col-date">
|
761
|
-
<div class="item-heading">Published</div>
|
762
|
-
<div> 21 SEP 10:45 </div>
|
763
|
-
</div>
|
764
|
-
</div>
|
765
|
-
</li>
|
766
|
-
</ul>
|
767
|
-
</div>
|
768
|
-
</div>
|
769
|
-
<div class="col-xl-4">
|
770
|
-
<div class="card sameheight-item sales-breakdown" data-exclude="xs,sm,lg">
|
771
|
-
<div class="card-header">
|
772
|
-
<div class="header-block">
|
773
|
-
<h3 class="title"> Sales breakdown </h3>
|
774
|
-
</div>
|
775
|
-
</div>
|
776
|
-
<div class="card-block">
|
777
|
-
<div class="dashboard-sales-breakdown-chart" id="dashboard-sales-breakdown-chart"></div>
|
778
|
-
</div>
|
779
|
-
</div>
|
780
|
-
</div>
|
781
|
-
</div>
|
782
|
-
</section>
|
783
|
-
<section class="section map-tasks">
|
784
|
-
<div class="row sameheight-container">
|
785
|
-
<div class="col-md-8">
|
786
|
-
<div class="card sameheight-item" data-exclude="xs,sm">
|
787
|
-
<div class="card-header">
|
788
|
-
<div class="header-block">
|
789
|
-
<h3 class="title"> Sales by countries </h3>
|
790
|
-
</div>
|
791
|
-
</div>
|
792
|
-
<div class="card-block">
|
793
|
-
<div id="dashboard-sales-map" style="width: 100%; height: 400px;"></div>
|
794
|
-
</div>
|
795
|
-
</div>
|
796
|
-
</div>
|
797
|
-
<div class="col-md-4">
|
798
|
-
<div class="card tasks sameheight-item" data-exclude="xs,sm">
|
799
|
-
<div class="card-header bordered">
|
800
|
-
<div class="header-block">
|
801
|
-
<h3 class="title"> Tasks </h3>
|
802
|
-
</div>
|
803
|
-
<div class="header-block pull-right">
|
804
|
-
<a href="" class="btn btn-primary btn-sm rounded pull-right"> Add new </a>
|
805
|
-
</div>
|
806
|
-
</div>
|
807
|
-
<div class="card-block">
|
808
|
-
<div class="tasks-block">
|
809
|
-
<ul class="item-list">
|
810
|
-
<li class="item">
|
811
|
-
<div class="item-row">
|
812
|
-
<div class="item-col item-col-title">
|
813
|
-
<label>
|
814
|
-
<input class="checkbox" type="checkbox" checked="checked">
|
815
|
-
<span>Meeting with embassador</span>
|
816
|
-
</label>
|
817
|
-
</div>
|
818
|
-
<div class="item-col fixed item-col-actions-dropdown">
|
819
|
-
<div class="item-actions-dropdown">
|
820
|
-
<a class="item-actions-toggle-btn">
|
821
|
-
<span class="inactive">
|
822
|
-
<i class="fa fa-cog"></i>
|
823
|
-
</span>
|
824
|
-
<span class="active">
|
825
|
-
<i class="fa fa-chevron-circle-right"></i>
|
826
|
-
</span>
|
827
|
-
</a>
|
828
|
-
<div class="item-actions-block">
|
829
|
-
<ul class="item-actions-list">
|
830
|
-
<li>
|
831
|
-
<a class="remove" href="#" data-toggle="modal" data-target="#confirm-modal">
|
832
|
-
<i class="fa fa-trash-o "></i>
|
833
|
-
</a>
|
834
|
-
</li>
|
835
|
-
<li>
|
836
|
-
<a class="check" href="#">
|
837
|
-
<i class="fa fa-check"></i>
|
838
|
-
</a>
|
839
|
-
</li>
|
840
|
-
<li>
|
841
|
-
<a class="edit" href="item-editor.html">
|
842
|
-
<i class="fa fa-pencil"></i>
|
843
|
-
</a>
|
844
|
-
</li>
|
845
|
-
</ul>
|
846
|
-
</div>
|
847
|
-
</div>
|
848
|
-
</div>
|
849
|
-
</div>
|
850
|
-
</li>
|
851
|
-
<li class="item">
|
852
|
-
<div class="item-row">
|
853
|
-
<div class="item-col item-col-title">
|
854
|
-
<label>
|
855
|
-
<input class="checkbox" type="checkbox" checked="checked">
|
856
|
-
<span>Confession</span>
|
857
|
-
</label>
|
858
|
-
</div>
|
859
|
-
<div class="item-col fixed item-col-actions-dropdown">
|
860
|
-
<div class="item-actions-dropdown">
|
861
|
-
<a class="item-actions-toggle-btn">
|
862
|
-
<span class="inactive">
|
863
|
-
<i class="fa fa-cog"></i>
|
864
|
-
</span>
|
865
|
-
<span class="active">
|
866
|
-
<i class="fa fa-chevron-circle-right"></i>
|
867
|
-
</span>
|
868
|
-
</a>
|
869
|
-
<div class="item-actions-block">
|
870
|
-
<ul class="item-actions-list">
|
871
|
-
<li>
|
872
|
-
<a class="remove" href="#" data-toggle="modal" data-target="#confirm-modal">
|
873
|
-
<i class="fa fa-trash-o "></i>
|
874
|
-
</a>
|
875
|
-
</li>
|
876
|
-
<li>
|
877
|
-
<a class="check" href="#">
|
878
|
-
<i class="fa fa-check"></i>
|
879
|
-
</a>
|
880
|
-
</li>
|
881
|
-
<li>
|
882
|
-
<a class="edit" href="item-editor.html">
|
883
|
-
<i class="fa fa-pencil"></i>
|
884
|
-
</a>
|
885
|
-
</li>
|
886
|
-
</ul>
|
887
|
-
</div>
|
888
|
-
</div>
|
889
|
-
</div>
|
890
|
-
</div>
|
891
|
-
</li>
|
892
|
-
<li class="item">
|
893
|
-
<div class="item-row">
|
894
|
-
<div class="item-col item-col-title">
|
895
|
-
<label>
|
896
|
-
<input class="checkbox" type="checkbox">
|
897
|
-
<span>Time to start building an ark</span>
|
898
|
-
</label>
|
899
|
-
</div>
|
900
|
-
<div class="item-col fixed item-col-actions-dropdown">
|
901
|
-
<div class="item-actions-dropdown">
|
902
|
-
<a class="item-actions-toggle-btn">
|
903
|
-
<span class="inactive">
|
904
|
-
<i class="fa fa-cog"></i>
|
905
|
-
</span>
|
906
|
-
<span class="active">
|
907
|
-
<i class="fa fa-chevron-circle-right"></i>
|
908
|
-
</span>
|
909
|
-
</a>
|
910
|
-
<div class="item-actions-block">
|
911
|
-
<ul class="item-actions-list">
|
912
|
-
<li>
|
913
|
-
<a class="remove" href="#" data-toggle="modal" data-target="#confirm-modal">
|
914
|
-
<i class="fa fa-trash-o "></i>
|
915
|
-
</a>
|
916
|
-
</li>
|
917
|
-
<li>
|
918
|
-
<a class="check" href="#">
|
919
|
-
<i class="fa fa-check"></i>
|
920
|
-
</a>
|
921
|
-
</li>
|
922
|
-
<li>
|
923
|
-
<a class="edit" href="item-editor.html">
|
924
|
-
<i class="fa fa-pencil"></i>
|
925
|
-
</a>
|
926
|
-
</li>
|
927
|
-
</ul>
|
928
|
-
</div>
|
929
|
-
</div>
|
930
|
-
</div>
|
931
|
-
</div>
|
932
|
-
</li>
|
933
|
-
<li class="item">
|
934
|
-
<div class="item-row">
|
935
|
-
<div class="item-col item-col-title">
|
936
|
-
<label>
|
937
|
-
<input class="checkbox" type="checkbox">
|
938
|
-
<span>Beer time with dudes</span>
|
939
|
-
</label>
|
940
|
-
</div>
|
941
|
-
<div class="item-col fixed item-col-actions-dropdown">
|
942
|
-
<div class="item-actions-dropdown">
|
943
|
-
<a class="item-actions-toggle-btn">
|
944
|
-
<span class="inactive">
|
945
|
-
<i class="fa fa-cog"></i>
|
946
|
-
</span>
|
947
|
-
<span class="active">
|
948
|
-
<i class="fa fa-chevron-circle-right"></i>
|
949
|
-
</span>
|
950
|
-
</a>
|
951
|
-
<div class="item-actions-block">
|
952
|
-
<ul class="item-actions-list">
|
953
|
-
<li>
|
954
|
-
<a class="remove" href="#" data-toggle="modal" data-target="#confirm-modal">
|
955
|
-
<i class="fa fa-trash-o "></i>
|
956
|
-
</a>
|
957
|
-
</li>
|
958
|
-
<li>
|
959
|
-
<a class="check" href="#">
|
960
|
-
<i class="fa fa-check"></i>
|
961
|
-
</a>
|
962
|
-
</li>
|
963
|
-
<li>
|
964
|
-
<a class="edit" href="item-editor.html">
|
965
|
-
<i class="fa fa-pencil"></i>
|
966
|
-
</a>
|
967
|
-
</li>
|
968
|
-
</ul>
|
969
|
-
</div>
|
970
|
-
</div>
|
971
|
-
</div>
|
972
|
-
</div>
|
973
|
-
</li>
|
974
|
-
<li class="item">
|
975
|
-
<div class="item-row">
|
976
|
-
<div class="item-col item-col-title">
|
977
|
-
<label>
|
978
|
-
<input class="checkbox" type="checkbox" checked="checked">
|
979
|
-
<span>Meeting new girls</span>
|
980
|
-
</label>
|
981
|
-
</div>
|
982
|
-
<div class="item-col fixed item-col-actions-dropdown">
|
983
|
-
<div class="item-actions-dropdown">
|
984
|
-
<a class="item-actions-toggle-btn">
|
985
|
-
<span class="inactive">
|
986
|
-
<i class="fa fa-cog"></i>
|
987
|
-
</span>
|
988
|
-
<span class="active">
|
989
|
-
<i class="fa fa-chevron-circle-right"></i>
|
990
|
-
</span>
|
991
|
-
</a>
|
992
|
-
<div class="item-actions-block">
|
993
|
-
<ul class="item-actions-list">
|
994
|
-
<li>
|
995
|
-
<a class="remove" href="#" data-toggle="modal" data-target="#confirm-modal">
|
996
|
-
<i class="fa fa-trash-o "></i>
|
997
|
-
</a>
|
998
|
-
</li>
|
999
|
-
<li>
|
1000
|
-
<a class="check" href="#">
|
1001
|
-
<i class="fa fa-check"></i>
|
1002
|
-
</a>
|
1003
|
-
</li>
|
1004
|
-
<li>
|
1005
|
-
<a class="edit" href="item-editor.html">
|
1006
|
-
<i class="fa fa-pencil"></i>
|
1007
|
-
</a>
|
1008
|
-
</li>
|
1009
|
-
</ul>
|
1010
|
-
</div>
|
1011
|
-
</div>
|
1012
|
-
</div>
|
1013
|
-
</div>
|
1014
|
-
</li>
|
1015
|
-
<li class="item">
|
1016
|
-
<div class="item-row">
|
1017
|
-
<div class="item-col item-col-title">
|
1018
|
-
<label>
|
1019
|
-
<input class="checkbox" type="checkbox">
|
1020
|
-
<span>Remember damned home address</span>
|
1021
|
-
</label>
|
1022
|
-
</div>
|
1023
|
-
<div class="item-col fixed item-col-actions-dropdown">
|
1024
|
-
<div class="item-actions-dropdown">
|
1025
|
-
<a class="item-actions-toggle-btn">
|
1026
|
-
<span class="inactive">
|
1027
|
-
<i class="fa fa-cog"></i>
|
1028
|
-
</span>
|
1029
|
-
<span class="active">
|
1030
|
-
<i class="fa fa-chevron-circle-right"></i>
|
1031
|
-
</span>
|
1032
|
-
</a>
|
1033
|
-
<div class="item-actions-block">
|
1034
|
-
<ul class="item-actions-list">
|
1035
|
-
<li>
|
1036
|
-
<a class="remove" href="#" data-toggle="modal" data-target="#confirm-modal">
|
1037
|
-
<i class="fa fa-trash-o "></i>
|
1038
|
-
</a>
|
1039
|
-
</li>
|
1040
|
-
<li>
|
1041
|
-
<a class="check" href="#">
|
1042
|
-
<i class="fa fa-check"></i>
|
1043
|
-
</a>
|
1044
|
-
</li>
|
1045
|
-
<li>
|
1046
|
-
<a class="edit" href="item-editor.html">
|
1047
|
-
<i class="fa fa-pencil"></i>
|
1048
|
-
</a>
|
1049
|
-
</li>
|
1050
|
-
</ul>
|
1051
|
-
</div>
|
1052
|
-
</div>
|
1053
|
-
</div>
|
1054
|
-
</div>
|
1055
|
-
</li>
|
1056
|
-
<li class="item">
|
1057
|
-
<div class="item-row">
|
1058
|
-
<div class="item-col item-col-title">
|
1059
|
-
<label>
|
1060
|
-
<input class="checkbox" type="checkbox">
|
1061
|
-
<span>Get home before you got sleep</span>
|
1062
|
-
</label>
|
1063
|
-
</div>
|
1064
|
-
<div class="item-col fixed item-col-actions-dropdown">
|
1065
|
-
<div class="item-actions-dropdown">
|
1066
|
-
<a class="item-actions-toggle-btn">
|
1067
|
-
<span class="inactive">
|
1068
|
-
<i class="fa fa-cog"></i>
|
1069
|
-
</span>
|
1070
|
-
<span class="active">
|
1071
|
-
<i class="fa fa-chevron-circle-right"></i>
|
1072
|
-
</span>
|
1073
|
-
</a>
|
1074
|
-
<div class="item-actions-block">
|
1075
|
-
<ul class="item-actions-list">
|
1076
|
-
<li>
|
1077
|
-
<a class="remove" href="#" data-toggle="modal" data-target="#confirm-modal">
|
1078
|
-
<i class="fa fa-trash-o "></i>
|
1079
|
-
</a>
|
1080
|
-
</li>
|
1081
|
-
<li>
|
1082
|
-
<a class="check" href="#">
|
1083
|
-
<i class="fa fa-check"></i>
|
1084
|
-
</a>
|
1085
|
-
</li>
|
1086
|
-
<li>
|
1087
|
-
<a class="edit" href="item-editor.html">
|
1088
|
-
<i class="fa fa-pencil"></i>
|
1089
|
-
</a>
|
1090
|
-
</li>
|
1091
|
-
</ul>
|
1092
|
-
</div>
|
1093
|
-
</div>
|
1094
|
-
</div>
|
1095
|
-
</div>
|
1096
|
-
</li>
|
1097
|
-
<li class="item">
|
1098
|
-
<div class="item-row">
|
1099
|
-
<div class="item-col item-col-title">
|
1100
|
-
<label>
|
1101
|
-
<input class="checkbox" type="checkbox" checked="checked">
|
1102
|
-
<span>Meeting with embassador</span>
|
1103
|
-
</label>
|
1104
|
-
</div>
|
1105
|
-
<div class="item-col fixed item-col-actions-dropdown">
|
1106
|
-
<div class="item-actions-dropdown">
|
1107
|
-
<a class="item-actions-toggle-btn">
|
1108
|
-
<span class="inactive">
|
1109
|
-
<i class="fa fa-cog"></i>
|
1110
|
-
</span>
|
1111
|
-
<span class="active">
|
1112
|
-
<i class="fa fa-chevron-circle-right"></i>
|
1113
|
-
</span>
|
1114
|
-
</a>
|
1115
|
-
<div class="item-actions-block">
|
1116
|
-
<ul class="item-actions-list">
|
1117
|
-
<li>
|
1118
|
-
<a class="remove" href="#" data-toggle="modal" data-target="#confirm-modal">
|
1119
|
-
<i class="fa fa-trash-o "></i>
|
1120
|
-
</a>
|
1121
|
-
</li>
|
1122
|
-
<li>
|
1123
|
-
<a class="check" href="#">
|
1124
|
-
<i class="fa fa-check"></i>
|
1125
|
-
</a>
|
1126
|
-
</li>
|
1127
|
-
<li>
|
1128
|
-
<a class="edit" href="item-editor.html">
|
1129
|
-
<i class="fa fa-pencil"></i>
|
1130
|
-
</a>
|
1131
|
-
</li>
|
1132
|
-
</ul>
|
1133
|
-
</div>
|
1134
|
-
</div>
|
1135
|
-
</div>
|
1136
|
-
</div>
|
1137
|
-
</li>
|
1138
|
-
<li class="item">
|
1139
|
-
<div class="item-row">
|
1140
|
-
<div class="item-col item-col-title">
|
1141
|
-
<label>
|
1142
|
-
<input class="checkbox" type="checkbox" checked="checked">
|
1143
|
-
<span>Confession</span>
|
1144
|
-
</label>
|
1145
|
-
</div>
|
1146
|
-
<div class="item-col fixed item-col-actions-dropdown">
|
1147
|
-
<div class="item-actions-dropdown">
|
1148
|
-
<a class="item-actions-toggle-btn">
|
1149
|
-
<span class="inactive">
|
1150
|
-
<i class="fa fa-cog"></i>
|
1151
|
-
</span>
|
1152
|
-
<span class="active">
|
1153
|
-
<i class="fa fa-chevron-circle-right"></i>
|
1154
|
-
</span>
|
1155
|
-
</a>
|
1156
|
-
<div class="item-actions-block">
|
1157
|
-
<ul class="item-actions-list">
|
1158
|
-
<li>
|
1159
|
-
<a class="remove" href="#" data-toggle="modal" data-target="#confirm-modal">
|
1160
|
-
<i class="fa fa-trash-o "></i>
|
1161
|
-
</a>
|
1162
|
-
</li>
|
1163
|
-
<li>
|
1164
|
-
<a class="check" href="#">
|
1165
|
-
<i class="fa fa-check"></i>
|
1166
|
-
</a>
|
1167
|
-
</li>
|
1168
|
-
<li>
|
1169
|
-
<a class="edit" href="item-editor.html">
|
1170
|
-
<i class="fa fa-pencil"></i>
|
1171
|
-
</a>
|
1172
|
-
</li>
|
1173
|
-
</ul>
|
1174
|
-
</div>
|
1175
|
-
</div>
|
1176
|
-
</div>
|
1177
|
-
</div>
|
1178
|
-
</li>
|
1179
|
-
<li class="item">
|
1180
|
-
<div class="item-row">
|
1181
|
-
<div class="item-col item-col-title">
|
1182
|
-
<label>
|
1183
|
-
<input class="checkbox" type="checkbox">
|
1184
|
-
<span>Time to start building an ark</span>
|
1185
|
-
</label>
|
1186
|
-
</div>
|
1187
|
-
<div class="item-col fixed item-col-actions-dropdown">
|
1188
|
-
<div class="item-actions-dropdown">
|
1189
|
-
<a class="item-actions-toggle-btn">
|
1190
|
-
<span class="inactive">
|
1191
|
-
<i class="fa fa-cog"></i>
|
1192
|
-
</span>
|
1193
|
-
<span class="active">
|
1194
|
-
<i class="fa fa-chevron-circle-right"></i>
|
1195
|
-
</span>
|
1196
|
-
</a>
|
1197
|
-
<div class="item-actions-block">
|
1198
|
-
<ul class="item-actions-list">
|
1199
|
-
<li>
|
1200
|
-
<a class="remove" href="#" data-toggle="modal" data-target="#confirm-modal">
|
1201
|
-
<i class="fa fa-trash-o "></i>
|
1202
|
-
</a>
|
1203
|
-
</li>
|
1204
|
-
<li>
|
1205
|
-
<a class="check" href="#">
|
1206
|
-
<i class="fa fa-check"></i>
|
1207
|
-
</a>
|
1208
|
-
</li>
|
1209
|
-
<li>
|
1210
|
-
<a class="edit" href="item-editor.html">
|
1211
|
-
<i class="fa fa-pencil"></i>
|
1212
|
-
</a>
|
1213
|
-
</li>
|
1214
|
-
</ul>
|
1215
|
-
</div>
|
1216
|
-
</div>
|
1217
|
-
</div>
|
1218
|
-
</div>
|
1219
|
-
</li>
|
1220
|
-
<li class="item">
|
1221
|
-
<div class="item-row">
|
1222
|
-
<div class="item-col item-col-title">
|
1223
|
-
<label>
|
1224
|
-
<input class="checkbox" type="checkbox">
|
1225
|
-
<span>Beer time with dudes</span>
|
1226
|
-
</label>
|
1227
|
-
</div>
|
1228
|
-
<div class="item-col fixed item-col-actions-dropdown">
|
1229
|
-
<div class="item-actions-dropdown">
|
1230
|
-
<a class="item-actions-toggle-btn">
|
1231
|
-
<span class="inactive">
|
1232
|
-
<i class="fa fa-cog"></i>
|
1233
|
-
</span>
|
1234
|
-
<span class="active">
|
1235
|
-
<i class="fa fa-chevron-circle-right"></i>
|
1236
|
-
</span>
|
1237
|
-
</a>
|
1238
|
-
<div class="item-actions-block">
|
1239
|
-
<ul class="item-actions-list">
|
1240
|
-
<li>
|
1241
|
-
<a class="remove" href="#" data-toggle="modal" data-target="#confirm-modal">
|
1242
|
-
<i class="fa fa-trash-o "></i>
|
1243
|
-
</a>
|
1244
|
-
</li>
|
1245
|
-
<li>
|
1246
|
-
<a class="check" href="#">
|
1247
|
-
<i class="fa fa-check"></i>
|
1248
|
-
</a>
|
1249
|
-
</li>
|
1250
|
-
<li>
|
1251
|
-
<a class="edit" href="item-editor.html">
|
1252
|
-
<i class="fa fa-pencil"></i>
|
1253
|
-
</a>
|
1254
|
-
</li>
|
1255
|
-
</ul>
|
1256
|
-
</div>
|
1257
|
-
</div>
|
1258
|
-
</div>
|
1259
|
-
</div>
|
1260
|
-
</li>
|
1261
|
-
<li class="item">
|
1262
|
-
<div class="item-row">
|
1263
|
-
<div class="item-col item-col-title">
|
1264
|
-
<label>
|
1265
|
-
<input class="checkbox" type="checkbox" checked="checked">
|
1266
|
-
<span>Meeting new girls</span>
|
1267
|
-
</label>
|
1268
|
-
</div>
|
1269
|
-
<div class="item-col fixed item-col-actions-dropdown">
|
1270
|
-
<div class="item-actions-dropdown">
|
1271
|
-
<a class="item-actions-toggle-btn">
|
1272
|
-
<span class="inactive">
|
1273
|
-
<i class="fa fa-cog"></i>
|
1274
|
-
</span>
|
1275
|
-
<span class="active">
|
1276
|
-
<i class="fa fa-chevron-circle-right"></i>
|
1277
|
-
</span>
|
1278
|
-
</a>
|
1279
|
-
<div class="item-actions-block">
|
1280
|
-
<ul class="item-actions-list">
|
1281
|
-
<li>
|
1282
|
-
<a class="remove" href="#" data-toggle="modal" data-target="#confirm-modal">
|
1283
|
-
<i class="fa fa-trash-o "></i>
|
1284
|
-
</a>
|
1285
|
-
</li>
|
1286
|
-
<li>
|
1287
|
-
<a class="check" href="#">
|
1288
|
-
<i class="fa fa-check"></i>
|
1289
|
-
</a>
|
1290
|
-
</li>
|
1291
|
-
<li>
|
1292
|
-
<a class="edit" href="item-editor.html">
|
1293
|
-
<i class="fa fa-pencil"></i>
|
1294
|
-
</a>
|
1295
|
-
</li>
|
1296
|
-
</ul>
|
1297
|
-
</div>
|
1298
|
-
</div>
|
1299
|
-
</div>
|
1300
|
-
</div>
|
1301
|
-
</li>
|
1302
|
-
<li class="item">
|
1303
|
-
<div class="item-row">
|
1304
|
-
<div class="item-col item-col-title">
|
1305
|
-
<label>
|
1306
|
-
<input class="checkbox" type="checkbox">
|
1307
|
-
<span>Remember damned home address</span>
|
1308
|
-
</label>
|
1309
|
-
</div>
|
1310
|
-
<div class="item-col fixed item-col-actions-dropdown">
|
1311
|
-
<div class="item-actions-dropdown">
|
1312
|
-
<a class="item-actions-toggle-btn">
|
1313
|
-
<span class="inactive">
|
1314
|
-
<i class="fa fa-cog"></i>
|
1315
|
-
</span>
|
1316
|
-
<span class="active">
|
1317
|
-
<i class="fa fa-chevron-circle-right"></i>
|
1318
|
-
</span>
|
1319
|
-
</a>
|
1320
|
-
<div class="item-actions-block">
|
1321
|
-
<ul class="item-actions-list">
|
1322
|
-
<li>
|
1323
|
-
<a class="remove" href="#" data-toggle="modal" data-target="#confirm-modal">
|
1324
|
-
<i class="fa fa-trash-o "></i>
|
1325
|
-
</a>
|
1326
|
-
</li>
|
1327
|
-
<li>
|
1328
|
-
<a class="check" href="#">
|
1329
|
-
<i class="fa fa-check"></i>
|
1330
|
-
</a>
|
1331
|
-
</li>
|
1332
|
-
<li>
|
1333
|
-
<a class="edit" href="item-editor.html">
|
1334
|
-
<i class="fa fa-pencil"></i>
|
1335
|
-
</a>
|
1336
|
-
</li>
|
1337
|
-
</ul>
|
1338
|
-
</div>
|
1339
|
-
</div>
|
1340
|
-
</div>
|
1341
|
-
</div>
|
1342
|
-
</li>
|
1343
|
-
</ul>
|
1344
|
-
</div>
|
1345
|
-
</div>
|
1346
|
-
</div>
|
1347
|
-
</div>
|
1348
|
-
</div>
|
1349
|
-
</section>
|
1350
|
-
</article>
|
1351
|
-
<footer class="footer">
|
1352
|
-
<div class="footer-block buttons">
|
1353
|
-
<iframe class="footer-github-btn" src="https://ghbtns.com/github-btn.html?user=modularcode&repo=modular-admin-html&type=star&count=true" frameborder="0" scrolling="0" width="140px" height="20px"></iframe>
|
1354
|
-
</div>
|
1355
|
-
<div class="footer-block author">
|
1356
|
-
<ul>
|
1357
|
-
<li> created by
|
1358
|
-
<a href="https://github.com/modularcode">ModularCode</a>
|
1359
|
-
</li>
|
1360
|
-
<li>
|
1361
|
-
<a href="https://github.com/modularcode/modular-admin-html#get-in-touch">get in touch</a>
|
1362
|
-
</li>
|
1363
|
-
</ul>
|
1364
|
-
</div>
|
1365
|
-
</footer>
|
1366
|
-
<div class="modal fade" id="modal-media">
|
1367
|
-
<div class="modal-dialog modal-lg">
|
1368
|
-
<div class="modal-content">
|
1369
|
-
<div class="modal-header">
|
1370
|
-
<h4 class="modal-title">Media Library</h4>
|
1371
|
-
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
1372
|
-
<span aria-hidden="true">×</span>
|
1373
|
-
<span class="sr-only">Close</span>
|
1374
|
-
</button>
|
1375
|
-
</div>
|
1376
|
-
<div class="modal-body modal-tab-container">
|
1377
|
-
<ul class="nav nav-tabs modal-tabs" role="tablist">
|
1378
|
-
<li class="nav-item">
|
1379
|
-
<a class="nav-link" href="#gallery" data-toggle="tab" role="tab">Gallery</a>
|
1380
|
-
</li>
|
1381
|
-
<li class="nav-item">
|
1382
|
-
<a class="nav-link active" href="#upload" data-toggle="tab" role="tab">Upload</a>
|
1383
|
-
</li>
|
1384
|
-
</ul>
|
1385
|
-
<div class="tab-content modal-tab-content">
|
1386
|
-
<div class="tab-pane fade" id="gallery" role="tabpanel">
|
1387
|
-
<div class="images-container">
|
1388
|
-
<div class="row"> </div>
|
1389
|
-
</div>
|
1390
|
-
</div>
|
1391
|
-
<div class="tab-pane fade active in" id="upload" role="tabpanel">
|
1392
|
-
<div class="upload-container">
|
1393
|
-
<div id="dropzone">
|
1394
|
-
<form action="/" method="POST" enctype="multipart/form-data" class="dropzone needsclick dz-clickable" id="demo-upload">
|
1395
|
-
<div class="dz-message-block">
|
1396
|
-
<div class="dz-message needsclick"> Drop files here or click to upload. </div>
|
1397
|
-
</div>
|
1398
|
-
</form>
|
1399
|
-
</div>
|
1400
|
-
</div>
|
1401
|
-
</div>
|
1402
|
-
</div>
|
1403
|
-
</div>
|
1404
|
-
<div class="modal-footer">
|
1405
|
-
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
1406
|
-
<button type="button" class="btn btn-primary">Insert Selected</button>
|
1407
|
-
</div>
|
1408
|
-
</div>
|
1409
|
-
<!-- /.modal-content -->
|
1410
|
-
</div>
|
1411
|
-
<!-- /.modal-dialog -->
|
1412
|
-
</div>
|
1413
|
-
<!-- /.modal -->
|
1414
|
-
<div class="modal fade" id="confirm-modal">
|
1415
|
-
<div class="modal-dialog" role="document">
|
1416
|
-
<div class="modal-content">
|
1417
|
-
<div class="modal-header">
|
1418
|
-
<h4 class="modal-title">
|
1419
|
-
<i class="fa fa-warning"></i> Alert</h4>
|
1420
|
-
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
1421
|
-
<span aria-hidden="true">×</span>
|
1422
|
-
</button>
|
1423
|
-
</div>
|
1424
|
-
<div class="modal-body">
|
1425
|
-
<p>Are you sure want to do this?</p>
|
1426
|
-
</div>
|
1427
|
-
<div class="modal-footer">
|
1428
|
-
<button type="button" class="btn btn-primary" data-dismiss="modal">Yes</button>
|
1429
|
-
<button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
|
1430
|
-
</div>
|
1431
|
-
</div>
|
1432
|
-
<!-- /.modal-content -->
|
1433
|
-
</div>
|
1434
|
-
<!-- /.modal-dialog -->
|
1435
|
-
</div>
|
1436
|
-
<!-- /.modal -->
|
1437
|
-
</div>
|
88
|
+
<nav class="menu">
|
89
|
+
<ul class="sidebar-menu metismenu" id="sidebar-menu">
|
90
|
+
<li class=<%= active_class(root_path) %>> <%= link_to "<i class=\"fa fa-home\"></i> Dashboard".html_safe, root_path %></li>
|
91
|
+
|
92
|
+
</ul>
|
93
|
+
</nav>
|
1438
94
|
</div>
|
1439
|
-
|
1440
|
-
|
1441
|
-
|
1442
|
-
|
1443
|
-
|
1444
|
-
|
1445
|
-
|
95
|
+
</aside>
|
96
|
+
<div class="sidebar-overlay" id="sidebar-overlay"></div>
|
97
|
+
<div class="sidebar-mobile-menu-handle" id="sidebar-mobile-menu-handle"></div>
|
98
|
+
<div class="mobile-menu-handle"></div>
|
99
|
+
<!-- End side navigation -->
|
100
|
+
|
101
|
+
<%= yield %>
|
102
|
+
<%= render partial: "layouts/partials/footer" %>
|
103
|
+
|
104
|
+
<!-- Reference block for JS -->
|
105
|
+
<div class="ref" id="ref">
|
106
|
+
<div class="color-primary"></div>
|
107
|
+
<div class="chart">
|
108
|
+
<div class="color-primary"></div>
|
109
|
+
<div class="color-secondary"></div>
|
1446
110
|
</div>
|
1447
|
-
|
1448
|
-
|
1449
|
-
</
|
111
|
+
</div>
|
112
|
+
|
113
|
+
</div><!-- ./app -->
|
114
|
+
</div><!-- ./main-wrapper -->
|
115
|
+
<%= javascript_include_tag 'rails_modular_admin' %>
|
116
|
+
</body>
|
1450
117
|
</html>
|