rails_modular_admin 0.4.0 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (38) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +8 -1
  3. data/Rakefile +3 -2
  4. data/app/assets/javascripts/rails_modular_admin.js +3 -0
  5. data/app/assets/stylesheets/custom-theme.scss +14 -0
  6. data/app/assets/stylesheets/rails_modular_admin.scss +1 -0
  7. data/app/assets/stylesheets/rails_modular_admin/_main.scss +1 -1
  8. data/app/helpers/rails_modular_admin_helpers.rb +5 -0
  9. data/app/views/layouts/partials/_footer.html.erb +8 -0
  10. data/lib/generators/rails_modular_admin/{USAGE → install/USAGE} +0 -0
  11. data/lib/generators/rails_modular_admin/install/install_generator.rb +19 -0
  12. data/lib/generators/rails_modular_admin/install/templates/auth.html.erb +35 -0
  13. data/lib/generators/rails_modular_admin/install/templates/custom-theme.scss +14 -0
  14. data/lib/generators/rails_modular_admin/install/templates/dashboard.html.erb +117 -0
  15. data/lib/generators/rails_modular_admin/install/templates/devise/confirmations/new.html.erb +16 -0
  16. data/lib/generators/rails_modular_admin/install/templates/devise/passwords/edit.html.erb +25 -0
  17. data/lib/generators/rails_modular_admin/install/templates/devise/passwords/new.html.erb +39 -0
  18. data/lib/generators/rails_modular_admin/install/templates/devise/registrations/edit.html.erb +43 -0
  19. data/lib/generators/rails_modular_admin/install/templates/devise/registrations/new.html.erb +29 -0
  20. data/lib/generators/rails_modular_admin/install/templates/devise/sessions/new.html.erb +73 -0
  21. data/lib/generators/rails_modular_admin/install/templates/devise/shared/_links.html.erb +25 -0
  22. data/lib/generators/rails_modular_admin/install/templates/devise/unlocks/new.html.erb +16 -0
  23. data/lib/generators/rails_modular_admin/install/templates/login.html.erb +85 -0
  24. data/lib/generators/rails_modular_admin/install/templates/partials/_footer.html.erb +8 -0
  25. data/lib/generators/rails_modular_admin/install/templates/recover.html.erb +77 -0
  26. data/lib/generators/rails_modular_admin/{templates/signup.html.erb → install/templates/register.html.erb} +0 -0
  27. data/lib/generators/rails_modular_admin/install_generator.rb +15 -8
  28. data/lib/generators/rails_modular_admin/templates/{application.html.erb → auth.html.erb} +35 -27
  29. data/lib/generators/rails_modular_admin/templates/dashboard.html.erb +99 -1432
  30. data/lib/generators/rails_modular_admin/templates/login.html.erb +1 -1
  31. data/lib/generators/rails_modular_admin/templates/partials/_footer.html.erb +8 -0
  32. data/lib/generators/rails_modular_admin/templates/recover.html.erb +1 -1
  33. data/lib/generators/rails_modular_admin/templates/register.html.erb +101 -0
  34. data/lib/generators/rails_modular_admin/views_generator.rb +21 -9
  35. data/lib/rails_modular_admin.rb +2 -1
  36. data/lib/rails_modular_admin/engine.rb +7 -4
  37. data/lib/rails_modular_admin/version.rb +1 -1
  38. 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,8 @@
1
+ <footer class="footer">
2
+ <div class="footer-block buttons"></div>
3
+ <div class="footer-block author">
4
+ <ul>
5
+ <li>Copyright &copy; <%= Date.today.year %> <a href="https://example.com", target="_blank">Example Company</a></li>
6
+ </ul>
7
+ </div>
8
+ </footer>
@@ -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>
@@ -1,12 +1,19 @@
1
1
  require 'rails/generators/base'
2
2
  module RailsModularAdmin
3
- module Generators
4
- class InstallGenerator < Rails::Generators::Base
5
- desc "This install generator copies over the custom-theme.scss file for you to modify to create your custom theme."
6
- source_root File.expand_path('templates', __dir__)
7
- def copy_custom_theme_file
8
- copy_file "custom-theme.scss", "app/assets/stylesheets/custom-theme.scss"
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
- <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
- <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
9
-
10
- </head>
11
-
12
- <body>
13
-
14
- <%= yield %>
15
-
16
- <!-- Reference block for JS -->
17
- <div class="ref" id="ref">
18
- <div class="color-primary"></div>
19
- <div class="chart">
20
- <div class="color-primary"></div>
21
- <div class="color-secondary"></div>
22
- </div>
23
- </div>
24
- <%= javascript_include_tag 'rails_modular_admin' %>
25
- </body>
26
-
27
- </html>
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
- <meta charset="utf-8">
5
- <meta http-equiv="x-ua-compatible" content="ie=edge">
6
- <title> ModularAdmin - Free Dashboard Theme | HTML Version </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>
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
- <div class="main-wrapper">
29
- <div class="app" id="app">
30
- <header class="header">
31
- <div class="header-block header-block-collapse d-lg-none d-xl-none">
32
- <button class="collapse-btn" id="sidebar-collapse-btn">
33
- <i class="fa fa-bars"></i>
34
- </button>
35
- </div>
36
- <div class="header-block header-block-search">
37
- <form role="search">
38
- <div class="input-container">
39
- <i class="fa fa-search"></i>
40
- <input type="search" placeholder="Search">
41
- <div class="underline"></div>
42
- </div>
43
- </form>
44
- </div>
45
- <div class="header-block header-block-buttons">
46
- <a href="https://github.com/modularcode/modular-admin-html" class="btn btn-sm header-btn">
47
- <i class="fa fa-github-alt"></i>
48
- <span>View on GitHub</span>
49
- </a>
50
- <a href="https://github.com/modularcode/modular-admin-html/stargazers" class="btn btn-sm header-btn">
51
- <i class="fa fa-star"></i>
52
- <span>Star Us</span>
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
- <a href="https://github.com/modularcode/modular-admin-html/releases" class="btn btn-sm header-btn">
55
- <i class="fa fa-cloud-download"></i>
56
- <span>Download .zip</span>
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
- </div>
59
- <div class="header-block header-block-nav">
60
- <ul class="nav-profile">
61
- <li class="notifications new">
62
- <a href="" data-toggle="dropdown">
63
- <i class="fa fa-bell-o"></i>
64
- <sup>
65
- <span class="counter">8</span>
66
- </sup>
67
- </a>
68
- <div class="dropdown-menu notifications-dropdown-menu">
69
- <ul class="notifications-container">
70
- <li>
71
- <a href="" class="notification-item">
72
- <div class="img-col">
73
- <div class="img" style="background-image: url('assets/faces/3.jpg')"></div>
74
- </div>
75
- <div class="body-col">
76
- <p>
77
- <span class="accent">Zack Alien</span> pushed new commit:
78
- <span class="accent">Fix page load performance issue</span>. </p>
79
- </div>
80
- </a>
81
- </li>
82
- <li>
83
- <a href="" class="notification-item">
84
- <div class="img-col">
85
- <div class="img" style="background-image: url('assets/faces/5.jpg')"></div>
86
- </div>
87
- <div class="body-col">
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
- <nav class="menu">
150
- <ul class="sidebar-menu metismenu" id="sidebar-menu">
151
- <li class="active">
152
- <a href="index.html">
153
- <i class="fa fa-home"></i> Dashboard </a>
154
- </li>
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 &amp; 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&#x27;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">&times;</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">&times;</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
- <!-- Reference block for JS -->
1440
- <div class="ref" id="ref">
1441
- <div class="color-primary"></div>
1442
- <div class="chart">
1443
- <div class="color-primary"></div>
1444
- <div class="color-secondary"></div>
1445
- </div>
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
- <script src="js/vendor.js"></script>
1448
- <script src="js/app.js"></script>
1449
- </body>
111
+ </div>
112
+
113
+ </div><!-- ./app -->
114
+ </div><!-- ./main-wrapper -->
115
+ <%= javascript_include_tag 'rails_modular_admin' %>
116
+ </body>
1450
117
  </html>