rails_modular_admin 0.2.3 → 0.2.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (122) hide show
  1. checksums.yaml +4 -4
  2. data/MIT-LICENSE +0 -0
  3. data/README.md +10 -35
  4. data/Rakefile +1 -1
  5. data/app/assets/config/rails_modular_admin_manifest.js +0 -0
  6. data/app/assets/javascripts/rails_modular_admin.js +3 -2
  7. data/app/assets/javascripts/rails_modular_admin/_common/_helpers/code-helper.js +0 -0
  8. data/app/assets/javascripts/rails_modular_admin/_common/_helpers/for-helper.js +0 -0
  9. data/app/assets/javascripts/rails_modular_admin/_common/_helpers/is-helper.js +0 -0
  10. data/app/assets/javascripts/rails_modular_admin/_common/_helpers/times-helper.js +0 -0
  11. data/app/assets/javascripts/rails_modular_admin/_common/animations/animations.js +0 -0
  12. data/app/assets/javascripts/rails_modular_admin/_common/items-list/items-list.js +0 -0
  13. data/app/assets/javascripts/rails_modular_admin/_common/nprogress/nprogress.js +0 -0
  14. data/app/assets/javascripts/rails_modular_admin/_common/sameheight-items/sameheight-items.js +0 -0
  15. data/app/assets/javascripts/rails_modular_admin/app.js +0 -0
  16. data/app/assets/javascripts/rails_modular_admin/app/_common/editor/editor-helper.js +0 -0
  17. data/app/assets/javascripts/rails_modular_admin/app/_common/editor/editor.js +0 -0
  18. data/app/assets/javascripts/rails_modular_admin/app/_common/header/nav/nav.js +0 -0
  19. data/app/assets/javascripts/rails_modular_admin/app/_common/modals/modal-media/modal-media.js +0 -0
  20. data/app/assets/javascripts/rails_modular_admin/app/_common/sidebar/customize/customize.js +0 -0
  21. data/app/assets/javascripts/rails_modular_admin/app/_common/sidebar/sidebar.js +0 -0
  22. data/app/assets/javascripts/rails_modular_admin/app/charts/charts-flot/charts-flot.js +0 -0
  23. data/app/assets/javascripts/rails_modular_admin/app/charts/charts-morris/charts-morris.js +0 -0
  24. data/app/assets/javascripts/rails_modular_admin/app/dashboard/history/history.js +0 -0
  25. data/app/assets/javascripts/rails_modular_admin/app/dashboard/items/items.js +0 -0
  26. data/app/assets/javascripts/rails_modular_admin/app/dashboard/sales-breakdown/sales-breakdown.js +0 -0
  27. data/app/assets/javascripts/rails_modular_admin/app/dashboard/sales-by-countries/sales-by-countries.js +0 -0
  28. data/app/assets/javascripts/rails_modular_admin/app/dashboard/tasks/tasks.js +0 -0
  29. data/app/assets/javascripts/rails_modular_admin/app/forms/input-groups/input-groups.js +0 -0
  30. data/app/assets/javascripts/rails_modular_admin/app/items/editor/item-editor.js +0 -0
  31. data/app/assets/javascripts/rails_modular_admin/app/items/list/items-list.js +0 -0
  32. data/app/assets/javascripts/rails_modular_admin/app/pages/error.js +0 -0
  33. data/app/assets/javascripts/rails_modular_admin/auth/login/login.js +0 -0
  34. data/app/assets/javascripts/rails_modular_admin/auth/reset/reset.js +0 -0
  35. data/app/assets/javascripts/rails_modular_admin/auth/signup/signup.js +0 -0
  36. data/app/assets/javascripts/rails_modular_admin/vendor.js +0 -0
  37. data/app/assets/stylesheets/rails_modular_admin.scss +0 -0
  38. data/app/assets/stylesheets/rails_modular_admin/_common/_styles/_mixins.scss +0 -0
  39. data/app/assets/stylesheets/rails_modular_admin/_common/_styles/layout.scss +0 -0
  40. data/app/assets/stylesheets/rails_modular_admin/_common/_styles/misc.scss +0 -0
  41. data/app/assets/stylesheets/rails_modular_admin/_common/_styles/typography.scss +0 -0
  42. data/app/assets/stylesheets/rails_modular_admin/_common/alert/alert.scss +0 -0
  43. data/app/assets/stylesheets/rails_modular_admin/_common/animations/animations.scss +0 -0
  44. data/app/assets/stylesheets/rails_modular_admin/_common/button/button.scss +0 -0
  45. data/app/assets/stylesheets/rails_modular_admin/_common/card/card.scss +0 -0
  46. data/app/assets/stylesheets/rails_modular_admin/_common/chart/chart.scss +0 -0
  47. data/app/assets/stylesheets/rails_modular_admin/_common/dropdown/dropdown.scss +0 -0
  48. data/app/assets/stylesheets/rails_modular_admin/_common/flex/flex.scss +0 -0
  49. data/app/assets/stylesheets/rails_modular_admin/_common/form/form.scss +0 -0
  50. data/app/assets/stylesheets/rails_modular_admin/_common/images-container/images-container.scss +0 -0
  51. data/app/assets/stylesheets/rails_modular_admin/_common/items-list/items-list.scss +0 -0
  52. data/app/assets/stylesheets/rails_modular_admin/_common/logo/logo.scss +0 -0
  53. data/app/assets/stylesheets/rails_modular_admin/_common/modal/modal-tabs.scss +0 -0
  54. data/app/assets/stylesheets/rails_modular_admin/_common/navigation/navigation.scss +0 -0
  55. data/app/assets/stylesheets/rails_modular_admin/_common/nprogress/nprogress.scss +0 -0
  56. data/app/assets/stylesheets/rails_modular_admin/_common/pagination/pagination.scss +0 -0
  57. data/app/assets/stylesheets/rails_modular_admin/_common/sameheight-items/sameheight-items.scss +0 -0
  58. data/app/assets/stylesheets/rails_modular_admin/_common/scrollbar/scrollbar.scss +0 -0
  59. data/app/assets/stylesheets/rails_modular_admin/_common/table/table.scss +0 -0
  60. data/app/assets/stylesheets/rails_modular_admin/_main.scss +0 -0
  61. data/app/assets/stylesheets/rails_modular_admin/_variables.scss +0 -0
  62. data/app/assets/stylesheets/rails_modular_admin/app/_common/editor/editor.scss +0 -0
  63. data/app/assets/stylesheets/rails_modular_admin/app/_common/footer/footer.scss +0 -0
  64. data/app/assets/stylesheets/rails_modular_admin/app/_common/header/buttons/buttons.scss +0 -0
  65. data/app/assets/stylesheets/rails_modular_admin/app/_common/header/collapse/collapse.scss +0 -0
  66. data/app/assets/stylesheets/rails_modular_admin/app/_common/header/header.scss +0 -0
  67. data/app/assets/stylesheets/rails_modular_admin/app/_common/header/nav/nav.scss +0 -0
  68. data/app/assets/stylesheets/rails_modular_admin/app/_common/header/nav/notifications/notifications.scss +0 -0
  69. data/app/assets/stylesheets/rails_modular_admin/app/_common/header/nav/profile/profile.scss +0 -0
  70. data/app/assets/stylesheets/rails_modular_admin/app/_common/header/search/search.scss +0 -0
  71. data/app/assets/stylesheets/rails_modular_admin/app/_common/modals/modal-media/modal-media.scss +0 -0
  72. data/app/assets/stylesheets/rails_modular_admin/app/_common/modals/modals.scss +0 -0
  73. data/app/assets/stylesheets/rails_modular_admin/app/_common/sidebar/customize/customize.scss +0 -0
  74. data/app/assets/stylesheets/rails_modular_admin/app/_common/sidebar/header/header.scss +0 -0
  75. data/app/assets/stylesheets/rails_modular_admin/app/_common/sidebar/sidebar.scss +0 -0
  76. data/app/assets/stylesheets/rails_modular_admin/app/app.scss +0 -0
  77. data/app/assets/stylesheets/rails_modular_admin/app/charts/charts-flot/charts-flot.scss +0 -0
  78. data/app/assets/stylesheets/rails_modular_admin/app/dashboard/dashboard.scss +0 -0
  79. data/app/assets/stylesheets/rails_modular_admin/app/dashboard/history/history.scss +0 -0
  80. data/app/assets/stylesheets/rails_modular_admin/app/dashboard/items/items-header.scss +0 -0
  81. data/app/assets/stylesheets/rails_modular_admin/app/dashboard/items/items-list.scss +0 -0
  82. data/app/assets/stylesheets/rails_modular_admin/app/dashboard/sales-breakdown/sales-breakdown.scss +0 -0
  83. data/app/assets/stylesheets/rails_modular_admin/app/dashboard/sales-by-countries/sales-by-countries.scss +0 -0
  84. data/app/assets/stylesheets/rails_modular_admin/app/dashboard/stats/stats.scss +0 -0
  85. data/app/assets/stylesheets/rails_modular_admin/app/dashboard/tasks/tasks.scss +0 -0
  86. data/app/assets/stylesheets/rails_modular_admin/app/items/editor/item-editor.scss +0 -0
  87. data/app/assets/stylesheets/rails_modular_admin/app/items/list/items-list.scss +0 -0
  88. data/app/assets/stylesheets/rails_modular_admin/app/pages/error.scss +0 -0
  89. data/app/assets/stylesheets/rails_modular_admin/app/pages/screenful/screenful.scss +0 -0
  90. data/app/assets/stylesheets/rails_modular_admin/app/tables/responsive-tables/responsive-tables.scss +0 -0
  91. data/app/assets/stylesheets/rails_modular_admin/application.scss +0 -1
  92. data/app/assets/stylesheets/rails_modular_admin/auth/auth.scss +0 -0
  93. data/app/controllers/rails_modular_admin/application_controller.rb +0 -0
  94. data/app/helpers/rails_modular_admin/application_helper.rb +0 -0
  95. data/app/jobs/rails_modular_admin/application_job.rb +0 -0
  96. data/app/mailers/rails_modular_admin/application_mailer.rb +0 -0
  97. data/app/models/rails_modular_admin/application_record.rb +0 -0
  98. data/app/views/layouts/rails_modular_admin/application.html.erb +0 -0
  99. data/config/initializers/assets.rb +2 -2
  100. data/config/routes.rb +0 -0
  101. data/lib/generators/rails_modular_admin/USAGE +0 -0
  102. data/lib/generators/rails_modular_admin/install_generator.rb +0 -0
  103. data/lib/generators/rails_modular_admin/templates/application.html.erb +27 -0
  104. data/lib/generators/rails_modular_admin/templates/custom-theme.scss +0 -0
  105. data/lib/generators/rails_modular_admin/templates/dashboard.html.erb +1450 -0
  106. data/lib/generators/rails_modular_admin/templates/devise/confirmations/new.html.erb +16 -0
  107. data/lib/generators/rails_modular_admin/templates/devise/passwords/edit.html.erb +25 -0
  108. data/lib/generators/rails_modular_admin/templates/devise/passwords/new.html.erb +39 -0
  109. data/lib/generators/rails_modular_admin/templates/devise/registrations/edit.html.erb +43 -0
  110. data/lib/generators/rails_modular_admin/templates/devise/registrations/new.html.erb +29 -0
  111. data/lib/generators/rails_modular_admin/templates/devise/sessions/new.html.erb +73 -0
  112. data/lib/generators/rails_modular_admin/templates/devise/shared/_links.html.erb +25 -0
  113. data/lib/generators/rails_modular_admin/templates/devise/unlocks/new.html.erb +16 -0
  114. data/lib/generators/rails_modular_admin/templates/login.html.erb +85 -0
  115. data/lib/generators/rails_modular_admin/templates/recover.html.erb +77 -0
  116. data/lib/generators/rails_modular_admin/templates/signup.html.erb +101 -0
  117. data/lib/generators/rails_modular_admin/views_generator.rb +15 -0
  118. data/lib/rails_modular_admin.rb +0 -4
  119. data/lib/rails_modular_admin/engine.rb +4 -1
  120. data/lib/rails_modular_admin/version.rb +1 -1
  121. data/lib/tasks/rails_modular_admin_tasks.rake +0 -0
  122. metadata +73 -3
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 97d7cff6502c5f51093a1ebc39adcc32fd6be542
4
- data.tar.gz: 1224df450433dfbd264bac5f8a19c03e35585eda
3
+ metadata.gz: 14e8543c8c487dd7acbb2ed7c0e8a36e7cbbbf48
4
+ data.tar.gz: e347d6d19ffc3e6f25eaccd4d17d9b550d5be47c
5
5
  SHA512:
6
- metadata.gz: b93f92add4a14a864799132ef18b8ece6f4bf0cd5fd5df222cd39b1d307624c400647a28e45c45d49770306b6b13eb6776ed2254038df762366fe19cfa7a55ac
7
- data.tar.gz: b4140fe90b2152b5f5d1dd676a78d88bd5cdf72816658ed5a15a132c3d115425697241867cc9c62edcf318d15c10dad14329134f1d165b3a1de3ca29ecc1800f
6
+ metadata.gz: 90db38f2b35446f2181ae5e7e43b9acd5c73d2999b06fb8c87ee51878d86dfc8ec64a6e8ce2e7739db6b6b95fb9f33708ace7047c56f0edc74a00c7c3eb5ab8a
7
+ data.tar.gz: 7b76e26808917aa13a1072ba29a4b95f7f6665221af4470a0cf37192bd1cd2f1320130e0d761c23822ff6d8237009d9166d939d37e5e12b7df038f5190cfa7fd
data/MIT-LICENSE CHANGED
File without changes
data/README.md CHANGED
@@ -19,51 +19,24 @@ And then execute:
19
19
  $ bundle
20
20
  ```
21
21
 
22
- You will additionally need to install the dependencies, by adding these to your package.json:
23
- ```
24
- "animate.css": "^3.5.2",
25
- "bootstrap": "^4.0.0",
26
- "dropzone": "^5.3.0",
27
- "jquery": "^3.0.0",
28
- "jquery-flot": "^0.8.3",
29
- "jquery-sparkline": "^2.4.0",
30
- "jquery-touchswipe": "^1.6.18",
31
- "jquery-validation": "^1.17.0",
32
- "jquery.browser": "^0.1.0",
33
- "jquery.flot.tooltip": "^0.9.0",
34
- "jqvmap": "^1.5.1",
35
- "metismenu": "^2.7.2",
36
- "morris.js": "^0.5.0",
37
- "nprogress": "^0.2.0",
38
- "opencollective": "^1.0.3",
39
- "popper.js": "^1.12.9",
40
- "quill": "^1.3.5",
41
- "raphael": "^2.2.7",
42
- "responsive-toolkit": "^2.6.3",
43
- "sortablejs": "^1.7.0",
44
- "tether": "^1.4.3",
45
- "tinycolor2": "^1.4.1"
46
- ```
47
- Then, run:
48
- ```bash
49
- yarn install
50
- ```
51
-
52
22
  Now install through the included generator:
53
23
  ```bash
54
24
  rails g rails_modular_admin:install
55
25
  ```
56
26
 
57
- The install generator copies over the custom theme.scss file, which you can use to include your own color scheme. Finally, add the following lines to your application.scss:
27
+ The install generator copies over the custom theme.scss file, which you can use to include your own color scheme. Now, add the following lines to your application.scss:
58
28
  ```scss
59
29
  @import "custom-theme";
60
30
  @import "rails_modular_admin";
61
31
  ```
62
32
 
63
- ```javascript
64
- //= require rails_modular_admin
33
+ Change the variables in custom-theme.scss to change the colors in your application. Finally, add this line to your application.html.erb at the bottom (after the </body> tag and before the </html> tag). Do not add the rails_modular_admin javascripts to your application.js, because it needs to be loaded after the rest of the page for the reference block.
34
+ ```ruby
35
+ <%= javascript_include_tag 'rails_modular_admin' %>
65
36
  ```
66
- Change the variables in custom-theme.scss to change the colors in your application.
37
+
38
+ ## Development Environment
39
+ 1. Prior to packaging as a gem, make sure that yarn install has been run and that it is bundled with the gem. Otherwise, there wil be file not found errors.
67
40
 
68
41
  ## Contributing
69
42
  Write a pull request and I'll get to it as soon as I can.
@@ -73,8 +46,10 @@ The gem is available as open source under the terms of the [MIT License](https:/
73
46
 
74
47
  ## TODO
75
48
 
76
- [] Update install task to automatically adjust package.json and run yarn install.
49
+ [*] Update install task to automatically adjust package.json and run yarn install. -> Ended up being able to do this by just bundling node_modules with the gem.
77
50
  [] Theme choices.
78
51
  [] Generators to install common views, namely the dashboard and login pages (devise).
79
52
  [] Helper methods for commonly used assets or features.
80
53
  [] Test suite because it's currently non-existent.
54
+ [] Tests for each JavaScript dependency presence.
55
+ [] Fix implementation when user has custom javascripts that depend on Bootstrap, thus loading it twice.
data/Rakefile CHANGED
@@ -14,7 +14,7 @@ RDoc::Task.new(:rdoc) do |rdoc|
14
14
  rdoc.rdoc_files.include('lib/**/*.rb')
15
15
  end
16
16
 
17
- APP_RAKEFILE = File.expand_path("test/dummy/Rakefile", __dir__)
17
+ APP_RAKEFILE = File.expand_path("spec/dummy/Rakefile", __dir__)
18
18
  load 'rails/tasks/engine.rake'
19
19
 
20
20
  load 'rails/tasks/statistics.rake'
data/app/assets/config/rails_modular_admin_manifest.js CHANGED
File without changes
data/app/assets/javascripts/rails_modular_admin.js CHANGED
@@ -1,2 +1,3 @@
1
- //= require rails_modular_admin/vendor
2
- //= require rails_modular_admin/app
1
+ //= require_tree ../../../node_modules
2
+ //= require rails_modular_admin/app
3
+ //= require rails_modular_admin/vendor
data/app/assets/javascripts/rails_modular_admin/app.js CHANGED
File without changes
data/app/assets/javascripts/rails_modular_admin/vendor.js CHANGED
File without changes
data/app/assets/stylesheets/rails_modular_admin.scss CHANGED
File without changes
data/app/assets/stylesheets/rails_modular_admin/application.scss CHANGED
@@ -21,7 +21,6 @@
21
21
  @import 'quill/dist/quill.core.css';
22
22
  @import 'quill/dist/quill.snow.css';
23
23
  @import 'morris.js/morris.css';
24
- @import 'bootstrap/dist/css/bootstrap.css';
25
24
 
26
25
  @import "/\*";
27
26
  @import "/**/*";
data/app/jobs/rails_modular_admin/application_job.rb CHANGED
File without changes
data/app/models/rails_modular_admin/application_record.rb CHANGED
File without changes
data/config/initializers/assets.rb CHANGED
@@ -1,2 +1,2 @@
1
- Rails.application.config.assets.paths << RailsModularAdmin::Engine.root.join('node_modules')
2
- # Rails.application.config.assets.precompile += %w( rails_modular_admin.js )
1
+ Rails.application.config.assets.paths << RailsModularAdmin::Engine.root.join('node_modules/')
2
+ # Rails.application.config.assets.precompile += %w( rails_modular_admin.js )
data/config/routes.rb CHANGED
File without changes
data/lib/generators/rails_modular_admin/USAGE CHANGED
File without changes
data/lib/generators/rails_modular_admin/templates/application.html.erb ADDED
@@ -0,0 +1,27 @@
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>
data/lib/generators/rails_modular_admin/templates/dashboard.html.erb ADDED
@@ -0,0 +1,1450 @@
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> 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>
27
+ <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>
53
+ </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>
57
+ </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">
140
+ <div class="brand">
141
+ <div class="logo">
142
+ <span class="l l1"></span>
143
+ <span class="l l2"></span>
144
+ <span class="l l3"></span>
145
+ <span class="l l4"></span>
146
+ <span class="l l5"></span>
147
+ </div> Modular Admin </div>
148
+ </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>
1438
+ </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>
1446
+ </div>
1447
+ <script src="js/vendor.js"></script>
1448
+ <script src="js/app.js"></script>
1449
+ </body>
1450
+ </html>