lotus_admin 0.1.0 → 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (24) hide show
  1. checksums.yaml +4 -4
  2. data/lib/lotus_admin/version.rb +1 -1
  3. data/vendor/assets/javascripts/lotus_admin/theme/app.js +231 -0
  4. data/vendor/assets/stylesheets/lotus_admin/theme/app.scss +18 -0
  5. data/vendor/assets/stylesheets/lotus_admin/theme/inc/404.scss +66 -0
  6. data/vendor/assets/stylesheets/lotus_admin/theme/inc/actions.scss +62 -0
  7. data/vendor/assets/stylesheets/lotus_admin/theme/inc/base.scss +76 -0
  8. data/vendor/assets/stylesheets/lotus_admin/theme/inc/button.scss +36 -0
  9. data/vendor/assets/stylesheets/lotus_admin/theme/inc/card.scss +41 -0
  10. data/vendor/assets/stylesheets/lotus_admin/theme/inc/dropdown.scss +42 -0
  11. data/vendor/assets/stylesheets/lotus_admin/theme/inc/footer.scss +35 -0
  12. data/vendor/assets/stylesheets/lotus_admin/theme/inc/form.scss +318 -0
  13. data/vendor/assets/stylesheets/lotus_admin/theme/inc/header.scss +231 -0
  14. data/vendor/assets/stylesheets/lotus_admin/theme/inc/lists.scss +76 -0
  15. data/vendor/assets/stylesheets/lotus_admin/theme/inc/login.scss +154 -0
  16. data/vendor/assets/stylesheets/lotus_admin/theme/inc/misc.scss +108 -0
  17. data/vendor/assets/stylesheets/lotus_admin/theme/inc/mixin.scss +148 -0
  18. data/vendor/assets/stylesheets/lotus_admin/theme/inc/modal.scss +55 -0
  19. data/vendor/assets/stylesheets/lotus_admin/theme/inc/pagination.scss +114 -0
  20. data/vendor/assets/stylesheets/lotus_admin/theme/inc/sidebar.scss +234 -0
  21. data/vendor/assets/stylesheets/lotus_admin/theme/inc/table.scss +85 -0
  22. data/vendor/assets/stylesheets/lotus_admin/theme/inc/variables.scss +174 -0
  23. data/vendor/assets/stylesheets/theme/inc/sidebar.scss +234 -0
  24. metadata +22 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: d8db608db954a0263ed08e5b450a4e6857143319
4
- data.tar.gz: '09320de0916f85e8612710f3821f55738d40c8e1'
3
+ metadata.gz: d373755d75c2d8a2b2ed104a6bea046b3452f305
4
+ data.tar.gz: 3b9dadb41b968b1988ed242798436ddc80ef1eed
5
5
  SHA512:
6
- metadata.gz: 31474451eae9ea44c0f188210679c8c26583779ea436b5b95e882f28b1f8f16cf168def36a82df318078037ef78865d0d71b102252d0afc938cf5eddf0c8475b
7
- data.tar.gz: 77762962f586a912732d82095a6047aa641836459ea5de06d4ecadb7bc8a87cc086b00291648be0c86501b7cb49f3e39f16eef5cbcc43aa5fd35f59f33e969c4
6
+ metadata.gz: 3b1106f14af17dec86a9ef3e30b679d77e22fce50fbf1375f8addf459c629033ad7ae9ae53891e781b3bd4b951525790a69ee341ce8e465d5e71f4e097fdc153
7
+ data.tar.gz: 2d18b1667a8cd6beb58afbc46b10bcffa534667d9a4e7da20d66ed1fef18cc5c9859e42627838e2ba887bcdebaa504168146f72fff6c6968787e4beb1dc24ada
@@ -1,3 +1,3 @@
1
1
  module LotusAdmin
2
- VERSION = '0.1.0'
2
+ VERSION = '0.1.1'
3
3
  end
@@ -0,0 +1,231 @@
1
+ $(document).ready(function () {
2
+ $('body').on('click', '[data-ma-action]', function (e) {
3
+ e.preventDefault();
4
+
5
+ var $this = $(this);
6
+ var action = $(this).data('ma-action');
7
+
8
+ switch (action) {
9
+
10
+ /*-------------------------------------------
11
+ Sidebar Open/Close
12
+ ---------------------------------------------*/
13
+ case 'sidebar-open':
14
+ var target = $this.data('ma-target');
15
+ var backdrop = '<div data-ma-action="sidebar-close" class="ma-backdrop" />';
16
+
17
+ $('body').addClass('sidebar-toggled');
18
+ $('#header, #header-alt, #main').append(backdrop);
19
+ $this.addClass('toggled');
20
+ $(target).addClass('toggled');
21
+
22
+ break;
23
+
24
+ case 'sidebar-close':
25
+ $('body').removeClass('sidebar-toggled');
26
+ $('.ma-backdrop').remove();
27
+ $('.sidebar, .ma-trigger').removeClass('toggled')
28
+
29
+ break;
30
+
31
+
32
+ /*-------------------------------------------
33
+ Profile Menu Toggle
34
+ ---------------------------------------------*/
35
+ case 'profile-menu-toggle':
36
+ $this.parent().toggleClass('toggled');
37
+ $this.next().slideToggle(200);
38
+
39
+ break;
40
+
41
+
42
+ /*-------------------------------------------
43
+ Mainmenu Submenu Toggle
44
+ ---------------------------------------------*/
45
+ case 'submenu-toggle':
46
+ $this.next().slideToggle(200);
47
+ $this.parent().toggleClass('toggled');
48
+
49
+ break;
50
+
51
+
52
+ /*-------------------------------------------
53
+ Top Search Open/Close
54
+ ---------------------------------------------*/
55
+ //Open
56
+ case 'search-open':
57
+ $('#header').addClass('search-toggled');
58
+ $('#top-search-wrap input').focus();
59
+
60
+ break;
61
+
62
+ //Close
63
+ case 'search-close':
64
+ $('#header').removeClass('search-toggled');
65
+
66
+ break;
67
+
68
+
69
+ /*-------------------------------------------
70
+ Fullscreen Browsing
71
+ ---------------------------------------------*/
72
+ case 'fullscreen':
73
+ //Launch
74
+ function launchIntoFullscreen(element) {
75
+ if(element.requestFullscreen) {
76
+ element.requestFullscreen();
77
+ } else if(element.mozRequestFullScreen) {
78
+ element.mozRequestFullScreen();
79
+ } else if(element.webkitRequestFullscreen) {
80
+ element.webkitRequestFullscreen();
81
+ } else if(element.msRequestFullscreen) {
82
+ element.msRequestFullscreen();
83
+ }
84
+ }
85
+
86
+ //Exit
87
+ function exitFullscreen() {
88
+
89
+ if(document.exitFullscreen) {
90
+ document.exitFullscreen();
91
+ } else if(document.mozCancelFullScreen) {
92
+ document.mozCancelFullScreen();
93
+ } else if(document.webkitExitFullscreen) {
94
+ document.webkitExitFullscreen();
95
+ }
96
+ }
97
+
98
+ launchIntoFullscreen(document.documentElement);
99
+
100
+ break;
101
+
102
+
103
+ /*-------------------------------------------
104
+ Login Window Switch
105
+ ---------------------------------------------*/
106
+ case 'login-switch':
107
+ var loginblock = $this.data('ma-block');
108
+ var loginParent = $this.closest('.lc-block');
109
+
110
+ loginParent.removeClass('toggled');
111
+
112
+ setTimeout(function(){
113
+ $(loginblock).addClass('toggled');
114
+ });
115
+
116
+ break;
117
+
118
+
119
+ /*-------------------------------------------
120
+ Change Header Skin
121
+ ---------------------------------------------*/
122
+ case 'change-skin':
123
+
124
+ var skin = $this.data('ma-skin');
125
+ $('[data-ma-theme]').attr('data-ma-theme', skin);
126
+
127
+ break;
128
+ }
129
+ });
130
+ });
131
+ /*----------------------------------------------------------
132
+ Detect Mobile Browser
133
+ -----------------------------------------------------------*/
134
+ if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
135
+ $('html').addClass('ismobile');
136
+ }
137
+
138
+ $(window).load(function () {
139
+ /*----------------------------------------------------------
140
+ Page Loader
141
+ -----------------------------------------------------------*/
142
+ if(!$('html').hasClass('ismobile')) {
143
+ if($('.page-loader')[0]) {
144
+ setTimeout (function () {
145
+ $('.page-loader').fadeOut();
146
+ }, 500);
147
+
148
+ }
149
+ }
150
+ })
151
+
152
+ $(document).ready(function(){
153
+ /*----------------------------------------------------------
154
+ Scrollbar
155
+ -----------------------------------------------------------*/
156
+ function scrollBar(selector, theme, mousewheelaxis) {
157
+ $(selector).mCustomScrollbar({
158
+ theme: theme,
159
+ scrollInertia: 100,
160
+ axis:'yx',
161
+ mouseWheel: {
162
+ enable: true,
163
+ axis: mousewheelaxis,
164
+ preventDefault: true
165
+ }
166
+ });
167
+ }
168
+
169
+ if (!$('html').hasClass('ismobile')) {
170
+ //On Custom Class
171
+ if ($('.c-overflow')[0]) {
172
+ scrollBar('.c-overflow', 'minimal-dark', 'y');
173
+ }
174
+ }
175
+
176
+
177
+ /*----------------------------------------------------------
178
+ Text Field
179
+ -----------------------------------------------------------*/
180
+ //Add blue animated border and remove with condition when focus and blur
181
+ if($('.fg-line')[0]) {
182
+ $('body').on('focus', '.fg-line .form-control', function(){
183
+ $(this).closest('.fg-line').addClass('fg-toggled');
184
+ })
185
+
186
+ $('body').on('blur', '.form-control', function(){
187
+ var p = $(this).closest('.form-group, .input-group');
188
+ var i = p.find('.form-control').val();
189
+
190
+ if (p.hasClass('fg-float')) {
191
+ if (i.length == 0) {
192
+ $(this).closest('.fg-line').removeClass('fg-toggled');
193
+ }
194
+ }
195
+ else {
196
+ $(this).closest('.fg-line').removeClass('fg-toggled');
197
+ }
198
+ });
199
+ }
200
+
201
+ //Add blue border for pre-valued fg-flot text feilds
202
+ if($('.fg-float')[0]) {
203
+ $('.fg-float .form-control').each(function(){
204
+ var i = $(this).val();
205
+
206
+ if (!i.length == 0) {
207
+ $(this).closest('.fg-line').addClass('fg-toggled');
208
+ }
209
+
210
+ });
211
+ }
212
+
213
+
214
+ /*-----------------------------------------------------------
215
+ Waves
216
+ -----------------------------------------------------------*/
217
+ (function(){
218
+ Waves.attach('.btn');
219
+ Waves.attach('.btn-icon, .btn-float', ['waves-circle', 'waves-float']);
220
+ Waves.init();
221
+ })();
222
+
223
+
224
+ /*-----------------------------------------------------------
225
+ Link prevent
226
+ -----------------------------------------------------------*/
227
+ $('body').on('click', '.a-prevent', function(e){
228
+ e.preventDefault();
229
+ });
230
+
231
+ });
@@ -0,0 +1,18 @@
1
+ @import 'lotus_admin/theme/inc/mixin';
2
+
3
+ @import 'lotus_admin/theme/inc/base';
4
+ @import 'lotus_admin/theme/inc/header';
5
+ @import 'lotus_admin/theme/inc/sidebar';
6
+ @import 'lotus_admin/theme/inc/dropdown';
7
+ @import 'lotus_admin/theme/inc/card';
8
+ @import 'lotus_admin/theme/inc/table';
9
+ @import 'lotus_admin/theme/inc/button';
10
+ @import 'lotus_admin/theme/inc/form';
11
+ @import 'lotus_admin/theme/inc/modal';
12
+ @import 'lotus_admin/theme/inc/404';
13
+ @import 'lotus_admin/theme/inc/login';
14
+ @import 'lotus_admin/theme/inc/misc';
15
+ @import 'lotus_admin/theme/inc/footer';
16
+ @import 'lotus_admin/theme/inc/lists';
17
+ @import 'lotus_admin/theme/inc/actions';
18
+ @import 'lotus_admin/theme/inc/pagination';
@@ -0,0 +1,66 @@
1
+ .four-zero {
2
+ height: 100vh;
3
+ background-color: $m-bluegray;
4
+ }
5
+
6
+ .fz-block {
7
+ background: #557382;
8
+ border-radius: 2px;
9
+ position: absolute;
10
+ top: 50%;
11
+ margin-top: -150px;
12
+ color: #ECF0F1;
13
+ text-align: center;
14
+ padding: 25px;
15
+ height: 300px;
16
+ width: 500px;
17
+ left: 50%;
18
+ margin-left: -250px;
19
+
20
+ h2 {
21
+ font-size: 130px;
22
+ line-height: 100%;
23
+ color: #ECF0F1;
24
+ font-weight: 100;
25
+ }
26
+
27
+
28
+ @media (max-width: $screen-xs-max) {
29
+ width: #{"calc(100% - 40px)"};
30
+ left: 20px;
31
+ margin-left: 0;
32
+ height: 260px;
33
+ margin-top: -130px;
34
+
35
+ h2 {
36
+ font-size: 90px;
37
+ }
38
+ }
39
+
40
+ small {
41
+ display: block;
42
+ font-size: 26px;
43
+ margin-top: -10px
44
+ }
45
+ }
46
+
47
+ .fzb-links {
48
+ margin-top: 20px;
49
+
50
+ & > a {
51
+ font-size: 16px;
52
+ display: inline-block;
53
+ color: #ECF0F1;
54
+ margin: 0 1px;
55
+ line-height: 30px;
56
+ width: 30px;
57
+ height: 30px;
58
+ background: rgba(0, 0, 0, 0.09);
59
+ border-radius: 50%;
60
+ text-align: center;
61
+
62
+ &:hover {
63
+ background: rgba(0, 0, 0, 0.2);
64
+ }
65
+ }
66
+ }
@@ -0,0 +1,62 @@
1
+ .actions {
2
+ list-style: none;
3
+ padding: 0;
4
+ z-index: 3;
5
+ margin: 0;
6
+ }
7
+
8
+ .actions > li {
9
+ display: inline-block;
10
+ vertical-align: baseline;
11
+ }
12
+
13
+ .actions > li > a,
14
+ .actions > a {
15
+ width: 30px;
16
+ height: 30px;
17
+ display: inline-block;
18
+ text-align: center;
19
+ padding-top: 5px;
20
+ }
21
+
22
+ .actions > li > a > i,
23
+ .actions > a > i {
24
+ color: #adadad;
25
+ font-size: 20px;
26
+ }
27
+
28
+ .actions > li > a:hover > i,
29
+ .actions > a:hover > i {
30
+ color: #000;
31
+ }
32
+
33
+ .actions > li.open > a > i,
34
+ .actions.open > a > i {
35
+ color: #000;
36
+ }
37
+
38
+ .actions > li.open > a:before,
39
+ .actions.open > a:before {
40
+ -webkit-transform: scale(1);
41
+ -ms-transform: scale(1);
42
+ -o-transform: scale(1);
43
+ transform: scale(1);
44
+ opacity: 1;
45
+ filter: alpha(opacity=100);
46
+ }
47
+
48
+ .actions.actions-alt > li > a > i {
49
+ color: #fff;
50
+ }
51
+
52
+ .actions.actions-alt > li > a > i:hover {
53
+ color: #fff;
54
+ }
55
+
56
+ .actions.actions-alt > li.open > a > i {
57
+ color: #fff;
58
+ }
59
+
60
+ .actions.open {
61
+ z-index: 4;
62
+ }
@@ -0,0 +1,76 @@
1
+ *, button, input, i, a {
2
+ -webkit-font-smoothing: antialiased;
3
+ }
4
+
5
+ *,
6
+ *:active,
7
+ *:hover,
8
+ *:focus {
9
+ outline: none !important;
10
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
11
+ }
12
+
13
+ html {
14
+ overflow-x: hidden;
15
+ -ms-overflow-style: none;
16
+
17
+ &:not(.ie9) {
18
+ body {
19
+ overflow-y: scroll;
20
+ }
21
+ }
22
+
23
+ &.ismobile * {
24
+ cursor: pointer;
25
+ }
26
+ }
27
+
28
+ html, body {
29
+ min-height: 100vh;
30
+ }
31
+
32
+ body {
33
+ font-weight: 400;
34
+ position: relative;
35
+ overflow-x: hidden;
36
+ }
37
+
38
+ audio, video {
39
+ outline: none;
40
+ }
41
+
42
+ p {
43
+ margin-bottom: 20px;
44
+ }
45
+
46
+ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
47
+ small {
48
+ font-size: 12px;
49
+ }
50
+ }
51
+
52
+ #main {
53
+ position: relative;
54
+ padding-bottom: $footer-height;
55
+ padding-top: $header-height + 40;
56
+ min-height: 100vh;
57
+ }
58
+
59
+ .sidebar-toggled {
60
+ #main {
61
+ height: 100vh;
62
+ overflow: hidden;
63
+ }
64
+ }
65
+
66
+ #content {
67
+ @media (min-width: ($screen-lg-min + 80)) {
68
+ padding-left: $sidebar-left-width + 15;
69
+ padding-right: 15px;
70
+ }
71
+
72
+ @media (min-width: ($screen-sm-min)) and (max-width: ($screen-md-max + 80)) {
73
+ padding-left: 15px;
74
+ padding-right: 15px;
75
+ }
76
+ }