arctic_admin 1.0.2 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.gitignore +9 -0
- data/README.md +8 -2
- data/app/assets/stylesheets/_base.scss +2 -1
- data/app/assets/stylesheets/_variables.scss +16 -3
- data/app/assets/stylesheets/components/_flash.scss +5 -5
- data/app/assets/stylesheets/components/_form.scss +14 -0
- data/app/assets/stylesheets/layouts/_filter.scss +60 -0
- data/app/assets/stylesheets/layouts/_header.scss +12 -67
- data/app/assets/stylesheets/layouts/_sidebar.scss +47 -49
- data/app/assets/stylesheets/pages/_edit.scss +8 -4
- data/app/assets/stylesheets/pages/_index.scss +1 -1
- data/app/assets/stylesheets/pages/_login.scss +14 -3
- data/app/views/layouts/active_admin_logged_out.html.erb +42 -0
- data/arctic_admin.gemspec +1 -1
- data/lib/arctic_admin.rb +2 -0
- data/lib/arctic_admin/active_admin/views/pages/bases.rb +16 -0
- metadata +4 -3
- data/arctic_admin-1.0.0.gem +0 -0
- data/arctic_admin-1.0.1.gem +0 -0
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 7f5eacb97b471ea9c85336afa632436a9b902c06
|
4
|
+
data.tar.gz: cf47a195b96a39f1919cf4044529089a2daa9670
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 3b74787fd0ec6ba8b54583817d62d43bd43793eb99b65b64d5088a47efb2efad98ede47c37b6a7d40d314dbf14acc96644df2b85a03ba5f9628cc0dc3f08245e
|
7
|
+
data.tar.gz: 700e2b5aa26c70b761a879c03cca6dea963fc9113446d84d6e301f48eb7c7604b9b8f003a6d239f80ecd47dc2fad5a8ea336c1cf85520ab898b454cf270ee39c
|
data/.gitignore
CHANGED
data/README.md
CHANGED
@@ -1,9 +1,15 @@
|
|
1
1
|
# ArcticAdmin
|
2
|
+
[](https://rubygems.org/gems/arctic_admin)
|
3
|
+
|
2
4
|
Simple theme for ActiveAdmin
|
3
5
|
|
6
|
+
Complete demo here : https://arctic-admin.herokuapp.com/
|
7
|
+
|
8
|
+
admin user : admin@example.com / password
|
9
|
+
|
4
10
|
## Installation
|
5
11
|
|
6
|
-
add the following
|
12
|
+
add the following lines to your application's Gemfile:
|
7
13
|
```
|
8
14
|
gem 'font-awesome-rails'
|
9
15
|
gem 'arctic_admin'
|
@@ -68,4 +74,4 @@ $primary-color: #2dbb43;
|
|
68
74
|
2. Create your feature branch (`git checkout -b my-new-feature`)
|
69
75
|
3. Commit your changes (`git commit -am 'Add some feature'`)
|
70
76
|
4. Push to the branch (`git push origin my-new-feature`)
|
71
|
-
5. Create new Pull Request
|
77
|
+
5. Create new Pull Request
|
@@ -1,10 +1,22 @@
|
|
1
|
+
// COLOR
|
1
2
|
$red: #b34247;
|
2
3
|
$green: #2dbb43;
|
3
4
|
$blue: #4bacfe;
|
4
5
|
|
6
|
+
$error: #f96868;
|
7
|
+
$warning: #f2a654;
|
8
|
+
$success: #46be8a;
|
9
|
+
$info: #57c7d4;
|
10
|
+
|
5
11
|
$body-background: #eee !default;
|
12
|
+
|
6
13
|
$header-border-color: #e6e6e6 !default;
|
7
|
-
$
|
14
|
+
$header-background: #fff !default;
|
15
|
+
|
16
|
+
$sidebar-border-color: $header-border-color !default;
|
17
|
+
$sidebar-border-color: #e6e6e6;
|
18
|
+
|
19
|
+
$sidebar-background: #f5f5f5 !default;
|
8
20
|
|
9
21
|
$left-menu-item-hover-background: #f0f0f0 !default;
|
10
22
|
$left-menu-item-nested-hover-background: #e7e7e7 !default;
|
@@ -12,10 +24,11 @@ $left-menu-item-nested-hover-background: #e7e7e7 !default;
|
|
12
24
|
$text-color: #5a5a5a !default;
|
13
25
|
$text-color-important: #526069 !default;
|
14
26
|
|
27
|
+
$primary-color: $blue !default;
|
28
|
+
|
29
|
+
// SIZE
|
15
30
|
$header-width: 200px !default;
|
16
31
|
$screen-header-width: calc(100% - 200px) !default;
|
17
32
|
|
18
33
|
$sidebar-width: 230px !default;
|
19
34
|
$screen-sidebar-width: calc(100% - 230px) !default;
|
20
|
-
|
21
|
-
$primary-color: $blue !default;
|
@@ -6,22 +6,22 @@
|
|
6
6
|
color: #fff;
|
7
7
|
}
|
8
8
|
|
9
|
-
.flash_alert {
|
10
|
-
background-color:
|
9
|
+
.flash_alert, .flash_error {
|
10
|
+
background-color: $error;
|
11
11
|
color: #fff;
|
12
12
|
}
|
13
13
|
|
14
14
|
.flash_warning {
|
15
|
-
background-color:
|
15
|
+
background-color: $warning;
|
16
16
|
color: #fff;
|
17
17
|
}
|
18
18
|
|
19
19
|
.flash_notice {
|
20
|
-
background-color:
|
20
|
+
background-color: $success;
|
21
21
|
color: #fff;
|
22
22
|
}
|
23
23
|
|
24
24
|
.flash_info {
|
25
|
-
background-color:
|
25
|
+
background-color: $info;
|
26
26
|
color: #fff;
|
27
27
|
}
|
@@ -11,6 +11,20 @@
|
|
11
11
|
.formtastic {
|
12
12
|
legend {
|
13
13
|
margin-bottom: 20px;
|
14
|
+
font-weight: bold;
|
15
|
+
}
|
16
|
+
|
17
|
+
.field_with_errors {
|
18
|
+
input {
|
19
|
+
border-color: $error;
|
20
|
+
}
|
21
|
+
}
|
22
|
+
|
23
|
+
.inline-errors {
|
24
|
+
color: $error;
|
25
|
+
margin-top: 5px;
|
26
|
+
margin-bottom: 20px;
|
27
|
+
font-size: 14px;
|
14
28
|
}
|
15
29
|
|
16
30
|
.actions {
|
@@ -0,0 +1,60 @@
|
|
1
|
+
#sidebar {
|
2
|
+
width: $sidebar-width;
|
3
|
+
background-color: #fff;
|
4
|
+
border-radius: 3px;
|
5
|
+
box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
|
6
|
+
margin-bottom: 30px;
|
7
|
+
|
8
|
+
.sidebar_section {
|
9
|
+
padding: 15px 20px;
|
10
|
+
|
11
|
+
h3 {
|
12
|
+
margin: 0 0 10px 0;
|
13
|
+
}
|
14
|
+
|
15
|
+
.label {
|
16
|
+
display: block;
|
17
|
+
text-align: left;
|
18
|
+
}
|
19
|
+
|
20
|
+
.input {
|
21
|
+
margin-bottom: 15px;
|
22
|
+
|
23
|
+
input, select {
|
24
|
+
height: 30px;
|
25
|
+
padding: 3px 5px;
|
26
|
+
font-size: 12px;
|
27
|
+
}
|
28
|
+
}
|
29
|
+
|
30
|
+
.select_and_search {
|
31
|
+
input, select {
|
32
|
+
width: 45%;
|
33
|
+
display: inline-block;
|
34
|
+
}
|
35
|
+
|
36
|
+
input {
|
37
|
+
float: right;
|
38
|
+
}
|
39
|
+
}
|
40
|
+
|
41
|
+
.filter_select select {
|
42
|
+
width: 100%;
|
43
|
+
}
|
44
|
+
|
45
|
+
.filter_date_range input {
|
46
|
+
width: 45%;
|
47
|
+
display: inline-block;
|
48
|
+
}
|
49
|
+
|
50
|
+
input[type="submit"] {
|
51
|
+
width: auto;
|
52
|
+
line-height: 31px;
|
53
|
+
margin-right: 10px;
|
54
|
+
}
|
55
|
+
}
|
56
|
+
|
57
|
+
#search-status-_sidebar_section {
|
58
|
+
font-size: 14px;
|
59
|
+
}
|
60
|
+
}
|
@@ -16,7 +16,7 @@
|
|
16
16
|
position: fixed;
|
17
17
|
top: 0;
|
18
18
|
left: 0;
|
19
|
-
background-color:
|
19
|
+
background-color: $header-background;
|
20
20
|
border-bottom: 1px solid $header-border-color;
|
21
21
|
font-size: 20px;
|
22
22
|
text-align: center;
|
@@ -24,64 +24,6 @@
|
|
24
24
|
line-height: 60px;
|
25
25
|
}
|
26
26
|
|
27
|
-
#tabs {
|
28
|
-
width: $header-width;
|
29
|
-
height: calc(100% - 60px);
|
30
|
-
position: fixed;
|
31
|
-
top: 60px;
|
32
|
-
left: 0;
|
33
|
-
background-color: $left-menu-background;
|
34
|
-
border-right: 1px solid $header-border-color;
|
35
|
-
|
36
|
-
li {
|
37
|
-
width: 100%;
|
38
|
-
font-size: 14px;
|
39
|
-
line-height: 38px;
|
40
|
-
cursor: pointer;
|
41
|
-
|
42
|
-
a {
|
43
|
-
width: 100%;
|
44
|
-
height: 100%;
|
45
|
-
display: inline-block;
|
46
|
-
color: $text-color;
|
47
|
-
padding: 0 20px;
|
48
|
-
|
49
|
-
&:hover {
|
50
|
-
background-color: $left-menu-item-hover-background;
|
51
|
-
}
|
52
|
-
}
|
53
|
-
|
54
|
-
&.current {
|
55
|
-
a {
|
56
|
-
color: $primary-color;
|
57
|
-
}
|
58
|
-
}
|
59
|
-
|
60
|
-
&.has_nested {
|
61
|
-
ul {
|
62
|
-
border-top: 1px solid $header-border-color;
|
63
|
-
border-bottom: 1px solid $header-border-color;
|
64
|
-
background-color: $body-background;
|
65
|
-
padding: 10px 0;
|
66
|
-
cursor: auto;
|
67
|
-
|
68
|
-
a {
|
69
|
-
padding: 0px 15px 0px 40px;
|
70
|
-
color: $text-color;
|
71
|
-
|
72
|
-
&:hover {
|
73
|
-
background-color: $left-menu-item-nested-hover-background;
|
74
|
-
}
|
75
|
-
}
|
76
|
-
|
77
|
-
.current a {
|
78
|
-
color: $primary-color;
|
79
|
-
}
|
80
|
-
}
|
81
|
-
}
|
82
|
-
}
|
83
|
-
}
|
84
|
-
|
85
27
|
#utility_nav {
|
86
28
|
height: 60px;
|
87
29
|
position: fixed;
|
@@ -95,7 +37,7 @@
|
|
95
37
|
@include transition-button();
|
96
38
|
|
97
39
|
&:hover {
|
98
|
-
background-color: $
|
40
|
+
background-color: $sidebar-background;
|
99
41
|
}
|
100
42
|
|
101
43
|
&:active {
|
@@ -127,11 +69,6 @@
|
|
127
69
|
font-size: 20px;
|
128
70
|
}
|
129
71
|
}
|
130
|
-
// a {
|
131
|
-
// color: $text-color;
|
132
|
-
// padding: 20px 10px;
|
133
|
-
// display: inline-block;
|
134
|
-
// }
|
135
72
|
}
|
136
73
|
|
137
74
|
#logout {
|
@@ -166,7 +103,7 @@
|
|
166
103
|
#title_bar {
|
167
104
|
height: 60px;
|
168
105
|
width: $screen-header-width;
|
169
|
-
background-color:
|
106
|
+
background-color: $header-background;
|
170
107
|
position: fixed;
|
171
108
|
top: 0;
|
172
109
|
left: $header-width;
|
@@ -178,6 +115,10 @@
|
|
178
115
|
padding-top: 6px;
|
179
116
|
display: inline-block;
|
180
117
|
float: left;
|
118
|
+
|
119
|
+
h2:nth-child(1) {
|
120
|
+
line-height: 48px;
|
121
|
+
}
|
181
122
|
}
|
182
123
|
|
183
124
|
#titlebar_right {
|
@@ -192,7 +133,11 @@
|
|
192
133
|
float: left;
|
193
134
|
|
194
135
|
&:hover {
|
195
|
-
background-color: $
|
136
|
+
background-color: $sidebar-background;
|
137
|
+
}
|
138
|
+
|
139
|
+
&:active {
|
140
|
+
background-color: $left-menu-item-hover-background;
|
196
141
|
}
|
197
142
|
}
|
198
143
|
}
|
@@ -1,60 +1,58 @@
|
|
1
|
-
#
|
2
|
-
width: $
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
display: block;
|
17
|
-
text-align: left;
|
18
|
-
}
|
1
|
+
.header #tabs {
|
2
|
+
width: $header-width;
|
3
|
+
height: calc(100% - 60px);
|
4
|
+
position: fixed;
|
5
|
+
top: 60px;
|
6
|
+
left: 0;
|
7
|
+
background-color: $sidebar-background;
|
8
|
+
border-right: 1px solid $sidebar-border-color;
|
9
|
+
z-index: 1;
|
10
|
+
|
11
|
+
li {
|
12
|
+
width: 100%;
|
13
|
+
font-size: 14px;
|
14
|
+
line-height: 38px;
|
15
|
+
cursor: pointer;
|
19
16
|
|
20
|
-
|
21
|
-
|
17
|
+
a {
|
18
|
+
width: 100%;
|
19
|
+
height: 100%;
|
20
|
+
display: inline-block;
|
21
|
+
color: $text-color;
|
22
|
+
padding: 0 20px;
|
22
23
|
|
23
|
-
|
24
|
-
|
25
|
-
padding: 3px 5px;
|
26
|
-
font-size: 12px;
|
24
|
+
&:hover {
|
25
|
+
background-color: $left-menu-item-hover-background;
|
27
26
|
}
|
28
27
|
}
|
29
28
|
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
display: inline-block;
|
34
|
-
}
|
35
|
-
|
36
|
-
input {
|
37
|
-
float: right;
|
29
|
+
&.current {
|
30
|
+
a {
|
31
|
+
color: $primary-color;
|
38
32
|
}
|
39
33
|
}
|
40
34
|
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
35
|
+
&.has_nested {
|
36
|
+
ul {
|
37
|
+
border-top: 1px solid $sidebar-border-color;
|
38
|
+
border-bottom: 1px solid $sidebar-border-color;
|
39
|
+
background-color: $body-background;
|
40
|
+
padding: 10px 0;
|
41
|
+
cursor: auto;
|
42
|
+
|
43
|
+
a {
|
44
|
+
padding: 0px 15px 0px 40px;
|
45
|
+
color: $text-color;
|
46
|
+
|
47
|
+
&:hover {
|
48
|
+
background-color: $left-menu-item-nested-hover-background;
|
49
|
+
}
|
50
|
+
}
|
51
|
+
|
52
|
+
.current a {
|
53
|
+
color: $primary-color;
|
54
|
+
}
|
55
|
+
}
|
54
56
|
}
|
55
57
|
}
|
56
|
-
|
57
|
-
#search-status-_sidebar_section {
|
58
|
-
font-size: 14px;
|
59
|
-
}
|
60
58
|
}
|
@@ -1,16 +1,20 @@
|
|
1
|
-
body.edit {
|
1
|
+
body.new, body.edit, body.create, body.update {
|
2
2
|
.input {
|
3
3
|
.label {
|
4
|
-
|
4
|
+
width: 25%;
|
5
5
|
float: left;
|
6
|
-
text-align:
|
6
|
+
text-align: left;
|
7
7
|
padding-right: 20px;
|
8
|
-
|
8
|
+
margin: auto 0;
|
9
9
|
}
|
10
10
|
|
11
11
|
input {
|
12
12
|
width: 50%;
|
13
13
|
}
|
14
|
+
|
15
|
+
.inline-errors {
|
16
|
+
padding-left: 25%;
|
17
|
+
}
|
14
18
|
}
|
15
19
|
|
16
20
|
.actions {
|
@@ -1,13 +1,24 @@
|
|
1
|
+
body.logged_out {
|
2
|
+
.flash {
|
3
|
+
position: fixed;
|
4
|
+
}
|
5
|
+
|
6
|
+
#active_admin_content {
|
7
|
+
height: 100vh;
|
8
|
+
width: 100%;
|
9
|
+
display: inline-flex;
|
10
|
+
}
|
11
|
+
}
|
12
|
+
|
1
13
|
#login {
|
2
14
|
width: 400px;
|
3
|
-
max-width:
|
15
|
+
max-width: 95%;
|
4
16
|
margin: auto;
|
5
17
|
background-color: white;
|
6
18
|
border-top: 3px solid $primary-color;
|
7
19
|
box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
|
8
20
|
border-radius: 3px;
|
9
21
|
padding: 30px;
|
10
|
-
margin-top: 100px;
|
11
22
|
|
12
23
|
color: $text-color;
|
13
24
|
|
@@ -27,7 +38,7 @@
|
|
27
38
|
}
|
28
39
|
|
29
40
|
.input_action {
|
30
|
-
width: 50%;
|
41
|
+
min-width: 50%;
|
31
42
|
}
|
32
43
|
|
33
44
|
input[type="submit"] {
|
@@ -0,0 +1,42 @@
|
|
1
|
+
<%# NB: This is a copy of ActiveAdmin's layout, but with the meta viewport tag included %>
|
2
|
+
<!DOCTYPE html>
|
3
|
+
<html>
|
4
|
+
<head>
|
5
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
6
|
+
|
7
|
+
<title><%= [@page_title, render_or_call_method_or_proc_on(self, ActiveAdmin.application.site_title)].compact.join(" | ") %></title>
|
8
|
+
|
9
|
+
<% ActiveAdmin.application.stylesheets.each do |style, options| %>
|
10
|
+
<%= stylesheet_link_tag style, options %>
|
11
|
+
<% end %>
|
12
|
+
<% ActiveAdmin.application.javascripts.each do |path| %>
|
13
|
+
<%= javascript_include_tag path %>
|
14
|
+
<% end %>
|
15
|
+
|
16
|
+
<%= favicon_link_tag ActiveAdmin.application.favicon if ActiveAdmin.application.favicon %>
|
17
|
+
|
18
|
+
<% ActiveAdmin.application.meta_tags_for_logged_out_pages.each do |name, content| %>
|
19
|
+
<%= tag(:meta, name: name, content: content) %>
|
20
|
+
<% end %>
|
21
|
+
|
22
|
+
<%= csrf_meta_tag %>
|
23
|
+
|
24
|
+
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
25
|
+
</head>
|
26
|
+
<body class="active_admin logged_out <%= controller.action_name %>">
|
27
|
+
<div id="wrapper">
|
28
|
+
|
29
|
+
<div id="content_wrapper">
|
30
|
+
<% flash_messages.each do |type, message| %>
|
31
|
+
<%= content_tag :div, message, class: "flash flash_#{type}" %>
|
32
|
+
<% end %>
|
33
|
+
<div id="active_admin_content">
|
34
|
+
<%= yield %>
|
35
|
+
</div>
|
36
|
+
</div>
|
37
|
+
<div id="footer">
|
38
|
+
<%= yield :footer %>
|
39
|
+
</div>
|
40
|
+
</div>
|
41
|
+
</body>
|
42
|
+
</html>
|
data/arctic_admin.gemspec
CHANGED
data/lib/arctic_admin.rb
CHANGED
@@ -0,0 +1,16 @@
|
|
1
|
+
module ActiveAdmin
|
2
|
+
module Views
|
3
|
+
module Pages
|
4
|
+
class Base < Arbre::HTML::Document
|
5
|
+
alias_method :_build_active_admin_head, :build_active_admin_head
|
6
|
+
def build_active_admin_head
|
7
|
+
_build_active_admin_head
|
8
|
+
|
9
|
+
within @head do
|
10
|
+
meta name: 'viewport', content: 'width=device-width, initial-scale=1'
|
11
|
+
end
|
12
|
+
end
|
13
|
+
end
|
14
|
+
end
|
15
|
+
end
|
16
|
+
end
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: arctic_admin
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.0.
|
4
|
+
version: 1.0.3
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Clément Prod'homme
|
@@ -137,6 +137,7 @@ files:
|
|
137
137
|
- app/assets/stylesheets/components/_panel_contents.scss
|
138
138
|
- app/assets/stylesheets/components/_status_tag.scss
|
139
139
|
- app/assets/stylesheets/components/_tables.scss
|
140
|
+
- app/assets/stylesheets/layouts/_filter.scss
|
140
141
|
- app/assets/stylesheets/layouts/_footer.scss
|
141
142
|
- app/assets/stylesheets/layouts/_header.scss
|
142
143
|
- app/assets/stylesheets/layouts/_main_content.scss
|
@@ -148,8 +149,7 @@ files:
|
|
148
149
|
- app/assets/stylesheets/pages/_index.scss
|
149
150
|
- app/assets/stylesheets/pages/_login.scss
|
150
151
|
- app/assets/stylesheets/pages/_show.scss
|
151
|
-
-
|
152
|
-
- arctic_admin-1.0.1.gem
|
152
|
+
- app/views/layouts/active_admin_logged_out.html.erb
|
153
153
|
- arctic_admin.gemspec
|
154
154
|
- doc/.DS_Store
|
155
155
|
- doc/dashboard.png
|
@@ -157,6 +157,7 @@ files:
|
|
157
157
|
- doc/login.png
|
158
158
|
- doc/show.png
|
159
159
|
- lib/arctic_admin.rb
|
160
|
+
- lib/arctic_admin/active_admin/views/pages/bases.rb
|
160
161
|
homepage: https://github.com/cle61/arctic_admin
|
161
162
|
licenses:
|
162
163
|
- MIT
|
data/arctic_admin-1.0.0.gem
DELETED
Binary file
|
data/arctic_admin-1.0.1.gem
DELETED
Binary file
|