rails_modular_admin 0.2.3 → 0.2.4

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