playbook_ui 7.0.1.pre.alpha1 → 7.0.1.pre.alpha2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/controllers/playbook/application_controller.rb +2 -0
- data/app/controllers/playbook/pages_controller.rb +2 -21
- data/app/helpers/playbook/application_helper.rb +19 -0
- data/app/helpers/playbook/pb_doc_helper.rb +1 -1
- data/app/helpers/playbook/pb_kit_helper.rb +1 -18
- data/app/pb_kits/playbook/config/_kit_ui.html.erb +1 -1
- data/app/views/layouts/playbook/_nav.html.erb +4 -2
- data/app/views/layouts/playbook/application.html.erb +2 -2
- data/app/views/playbook/pages/kit_show.html.erb +3 -3
- data/lib/playbook/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c7d6456084c3adf5d48fb957f9b058234d972f41075d6fa98ba024cadaee49dd
|
4
|
+
data.tar.gz: 973eaf31d6182290fc4a60a1dd3a544e5d1fccd67868e47d16fbb3b4ed29edbc
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 6dff62070cda86e5d8c70a8533aa5590709dff791f64fb135f517a8d2eae47f56de0a3305c47a2a4fe90da5ff33c44d7f4f12071632404e047d90f0766646a3c
|
7
|
+
data.tar.gz: b786a1b622a126647e358aacf43dbd3cf073152f86c71b0533575ce0da44b9a54363dc32b4913e4f0a68db46256bb8ea719f8e9de8fe6bb0771fc028c180b6b5
|
@@ -9,23 +9,13 @@ module Playbook
|
|
9
9
|
before_action :ensure_kit_type_exists, only: %i[kit_show_rails kit_show_react]
|
10
10
|
before_action :set_category, only: %i[kit_category_show_rails kit_category_show_react]
|
11
11
|
|
12
|
-
|
13
|
-
|
14
12
|
def enable_dark_mode
|
15
|
-
|
16
|
-
value: "true",
|
17
|
-
path: "/",
|
18
|
-
}
|
19
|
-
@dark_mode = true
|
13
|
+
ENV["dark_mode"] = "true"
|
20
14
|
redirect_back(fallback_location: root_path)
|
21
15
|
end
|
22
16
|
|
23
17
|
def disable_dark_mode
|
24
|
-
|
25
|
-
value: "false",
|
26
|
-
path: "/",
|
27
|
-
}
|
28
|
-
@dark_mode = false
|
18
|
+
ENV["dark_mode"] = "false"
|
29
19
|
redirect_back(fallback_location: root_path)
|
30
20
|
end
|
31
21
|
|
@@ -37,7 +27,6 @@ module Playbook
|
|
37
27
|
def tokens; end
|
38
28
|
|
39
29
|
def kits
|
40
|
-
@dark = dark_mode
|
41
30
|
params[:type] ||= "react"
|
42
31
|
@type = params[:type]
|
43
32
|
end
|
@@ -49,7 +38,6 @@ module Playbook
|
|
49
38
|
end
|
50
39
|
|
51
40
|
def kit_show_rails
|
52
|
-
@dark = cookies[:dark_mode]
|
53
41
|
render "playbook/pages/kit_show"
|
54
42
|
end
|
55
43
|
|
@@ -68,13 +56,6 @@ module Playbook
|
|
68
56
|
end
|
69
57
|
|
70
58
|
private
|
71
|
-
def dark_mode
|
72
|
-
if @dark_mode == "true"
|
73
|
-
true
|
74
|
-
else
|
75
|
-
false
|
76
|
-
end
|
77
|
-
end
|
78
59
|
|
79
60
|
def set_category
|
80
61
|
categories = MENU["kits"].map { |link| link.first.first if link.is_a?(Hash) }.compact
|
@@ -13,5 +13,24 @@ module Playbook
|
|
13
13
|
def current_webpacker_instance
|
14
14
|
Playbook.webpacker
|
15
15
|
end
|
16
|
+
|
17
|
+
def dark_mode
|
18
|
+
if ENV["dark_mode"] == "true"
|
19
|
+
true
|
20
|
+
else
|
21
|
+
false
|
22
|
+
end
|
23
|
+
end
|
24
|
+
|
25
|
+
def dark_mode_props(props)
|
26
|
+
if ENV["dark_mode"] == "true"
|
27
|
+
props.merge(dark: dark_mode)
|
28
|
+
elsif ENV["dark_mode"] == "false"
|
29
|
+
props.merge(dark: dark_mode)
|
30
|
+
else
|
31
|
+
props
|
32
|
+
end
|
33
|
+
end
|
34
|
+
|
16
35
|
end
|
17
36
|
end
|
@@ -21,24 +21,7 @@ module Playbook
|
|
21
21
|
end
|
22
22
|
|
23
23
|
private
|
24
|
-
|
25
|
-
if cookies[:dark_mode] == "true"
|
26
|
-
true
|
27
|
-
else
|
28
|
-
false
|
29
|
-
end
|
30
|
-
end
|
31
|
-
|
32
|
-
def dark_mode_props(props)
|
33
|
-
if cookies[:dark_mode] == "true"
|
34
|
-
props.merge(dark: dark_mode)
|
35
|
-
elsif cookies[:dark_mode] == "false"
|
36
|
-
props.merge(dark: dark_mode)
|
37
|
-
else
|
38
|
-
props
|
39
|
-
end
|
40
|
-
end
|
41
|
-
|
24
|
+
|
42
25
|
def is_subkit?(kit)
|
43
26
|
kit.match(%r{[/\\]})
|
44
27
|
end
|
@@ -19,7 +19,7 @@
|
|
19
19
|
</div>
|
20
20
|
|
21
21
|
<% if @show_code%>
|
22
|
-
<div class="markdown pb--kit-example-markdown <%=
|
22
|
+
<div class="markdown pb--kit-example-markdown <%=ENV["dark_mode"] == "true" ? "dark" : "" %>">
|
23
23
|
<%= markdown(get_per_sample_descriptions(@kit_examples[:kit], key)) %>
|
24
24
|
</div>
|
25
25
|
<div class="pb--codeControls">
|
@@ -1,4 +1,6 @@
|
|
1
|
-
<div class="pb--page--topNav <%=
|
1
|
+
<div class="pb--page--topNav <%= ENV["dark_mode"] == "true" ? 'dark' : '' %>">
|
2
|
+
<% if ENV["dark_mode"] == "true"%>
|
3
|
+
<%end%>
|
2
4
|
<%= pb_rails("flex", props:{spacing:"between",vertical: "center"}) do%>
|
3
5
|
<%= pb_rails("flex", props:{spacing:"between",vertical: "center"}) do%>
|
4
6
|
<%= link_to root_url do %>
|
@@ -7,7 +9,7 @@
|
|
7
9
|
<%= pb_rails("caption", props: { tag: "span", text: Playbook::VERSION }) %>
|
8
10
|
<% end %>
|
9
11
|
<div id="toggle-modes">
|
10
|
-
<% if
|
12
|
+
<% if ENV["dark_mode"] == "false"%>
|
11
13
|
<%= pb_rails("circle_icon_button", props: {
|
12
14
|
variant: "secondary",
|
13
15
|
icon: "moon",
|
@@ -9,13 +9,13 @@
|
|
9
9
|
</head>
|
10
10
|
<body>
|
11
11
|
<%= render 'layouts/playbook/nav'%>
|
12
|
-
<%= pb_rails("layout", props: {classname: "pb--page--content",variant:
|
12
|
+
<%= pb_rails("layout", props: {classname: "pb--page--content",variant: ENV["dark_mode"] == "true" ? 'dark' : 'light' }) do%>
|
13
13
|
<%= render 'layouts/playbook/mobile_hamburger'%>
|
14
14
|
<%= pb_rails("layout/sidebar", props: { classname: "pb--page--sideNav"}) do%>
|
15
15
|
<%= render 'layouts/playbook/sidebar'%>
|
16
16
|
<% end%>
|
17
17
|
<%= pb_rails("layout/body") do%>
|
18
|
-
<div class="pb--page--content--main <%=
|
18
|
+
<div class="pb--page--content--main <%= ENV["dark_mode"] == "true" ? 'dark' : '' %>">
|
19
19
|
<%= yield %>
|
20
20
|
</div>
|
21
21
|
<% end %>
|
@@ -1,6 +1,6 @@
|
|
1
1
|
<div class="pb--kit-show <%=@kit%>-kit">
|
2
2
|
<%= pb_rails("title", props: { text: pb_kit_title(@kit), tag: "h1", size: 1 }) %>
|
3
|
-
<div class="markdown <%=
|
3
|
+
<div class="markdown <%= ENV["dark_mode"] == "true" ? 'dark' : '' %>">
|
4
4
|
<%= markdown(get_kit_description(@kit)) %>
|
5
5
|
</div>
|
6
6
|
</div>
|
@@ -18,14 +18,14 @@
|
|
18
18
|
</div>
|
19
19
|
<% if (action_name == "kit_show_rails") %>
|
20
20
|
<%= pb_kit(kit: @kit) %>
|
21
|
-
<div class="markdown <%=
|
21
|
+
<div class="markdown <%= ENV["dark_mode"] == "true" ? 'dark' : '' %>">
|
22
22
|
<br>
|
23
23
|
<%= markdown(get_kit_footer(@kit)) %>
|
24
24
|
</div>
|
25
25
|
<%= pb_kit_api(@kit) %>
|
26
26
|
<% else %>
|
27
27
|
<%= pb_kit(kit: @kit, type: "react") %>
|
28
|
-
<div class="markdown <%=
|
28
|
+
<div class="markdown <%= ENV["dark_mode"] == "true" ? 'dark' : '' %>">
|
29
29
|
<br>
|
30
30
|
<%= markdown(get_kit_footer(@kit)) %>
|
31
31
|
</div>
|
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 7.0.1.pre.
|
4
|
+
version: 7.0.1.pre.alpha2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2020-09-
|
12
|
+
date: 2020-09-04 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|