playbook_ui 5.1.0.pre.alpha1 → 5.2.0.pre.alpha3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/config/_kit_example.html.erb +9 -0
- data/app/pb_kits/playbook/config/_kit_samples_list.html.erb +3 -0
- data/app/pb_kits/playbook/config/_kit_ui.html.erb +40 -0
- data/app/pb_kits/playbook/config/_pb_kit_api.html.erb +18 -0
- data/app/pb_kits/playbook/data/menu.yml +93 -0
- data/lib/playbook/version.rb +1 -1
- metadata +7 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 46fbb73c865819abbac500998ae22cc4c167f86a767793b5cab1681715054411
|
4
|
+
data.tar.gz: 963e188bc22b619fab3b1897048e64f5a4fa4991a9e7f428063f78e431ba15f1
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c5ae25d38566bd35e0dda147096df19966529ea907c205b19ff7237ff01b0a05784db7c3299d3fd53612539d2ed4ccf95f83090c0ffb1048218f30bea45fc5fa
|
7
|
+
data.tar.gz: 64e849267b0c41ccfaef96dc9b8839506499eb657b5433a37d1e5c6198cac427a3b958544840253bae0ecb870de0f9653877c23b314cafdab12016f95f936226
|
@@ -0,0 +1,9 @@
|
|
1
|
+
<%if !@kit_examples[:examples].nil? %>
|
2
|
+
<% @kit_examples[:examples].each do |kit_example| %>
|
3
|
+
<% kit_example.each do |key, item| %>
|
4
|
+
<div class="pb--doc <%=key.include?('_dark') ? 'dark_ui' : 'light_ui'%>">
|
5
|
+
<%= render partial: "config/kit_ui", locals: { key: key, type: @type, item: item, show_code: @show_code } %>
|
6
|
+
</div>
|
7
|
+
<% end %>
|
8
|
+
<% end %>
|
9
|
+
<% end %>
|
@@ -0,0 +1,40 @@
|
|
1
|
+
|
2
|
+
<% type ||= "rails" %>
|
3
|
+
|
4
|
+
<% if type == "react" %>
|
5
|
+
<% contents = File.read("#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{@kit_examples[:kit]}/docs/_#{key}.jsx") %>
|
6
|
+
<% else %>
|
7
|
+
<% contents = File.read("#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{@kit_examples[:kit]}/docs/_#{key}.html.erb") %>
|
8
|
+
<% end %>
|
9
|
+
|
10
|
+
<div class="pb--kit-example">
|
11
|
+
<%= pb_rails("caption", props: { text: item }) %>
|
12
|
+
<br>
|
13
|
+
<% if type == "rails" %>
|
14
|
+
<%= render partial: "pb_#{@kit_examples[:kit]}/docs/#{key}" %>
|
15
|
+
<% elsif type == "react" %>
|
16
|
+
<%= pb_react(key.camelize) %>
|
17
|
+
<% end %>
|
18
|
+
<br>
|
19
|
+
</div>
|
20
|
+
|
21
|
+
<% if @show_code%>
|
22
|
+
<div class="markdown pb--kit-example-markdown">
|
23
|
+
<%= markdown(get_per_sample_descriptions(@kit_examples[:kit], key)) %>
|
24
|
+
</div>
|
25
|
+
<div class="pb--codeControls">
|
26
|
+
<ul>
|
27
|
+
<li>
|
28
|
+
<a href="#" data-toggle="code_example">Code Example</a>
|
29
|
+
</li>
|
30
|
+
</ul>
|
31
|
+
</div>
|
32
|
+
<div class="pb--codeCopy" data-action="toggle" data-togglable="code_example" style="display: none" >
|
33
|
+
<a href="#" data-toggle="false" class="pb--close-toggle">Close</a>
|
34
|
+
<% if type == "rails" %>
|
35
|
+
<pre class="highlight"><%= raw rouge(contents, "erb") %></pre>
|
36
|
+
<% elsif type == "react" %>
|
37
|
+
<pre class="highlight"><%= raw rouge(contents, "react")%></pre>
|
38
|
+
<% end %>
|
39
|
+
</div>
|
40
|
+
<% end %>
|
@@ -0,0 +1,18 @@
|
|
1
|
+
<% if defined?(@kit_api) && @kit_api.present? %>
|
2
|
+
<div data-action="toggle" data-togglable="prop_example" class="pb--propsTable">
|
3
|
+
<table class="pb--propsTable--table">
|
4
|
+
<thead>
|
5
|
+
<tr>
|
6
|
+
<th>Available Props</th>
|
7
|
+
</tr>
|
8
|
+
</thead>
|
9
|
+
<tbody>
|
10
|
+
<% @kit_api.each_with_index do |(key,value),index| %>
|
11
|
+
<tr>
|
12
|
+
<td><%= key %></td>
|
13
|
+
</tr>
|
14
|
+
<% end %>
|
15
|
+
</tbody>
|
16
|
+
</table>
|
17
|
+
</div>
|
18
|
+
<% end %>
|
@@ -0,0 +1,93 @@
|
|
1
|
+
samples:
|
2
|
+
- dashboards
|
3
|
+
- registration
|
4
|
+
- filter_table
|
5
|
+
|
6
|
+
kits:
|
7
|
+
- avatar
|
8
|
+
- avatar_action_button
|
9
|
+
- badge
|
10
|
+
- buttons:
|
11
|
+
- button
|
12
|
+
- circle_icon_button
|
13
|
+
- card
|
14
|
+
- checkbox
|
15
|
+
- charts_and_graphs:
|
16
|
+
- bar_graph
|
17
|
+
- legend
|
18
|
+
- line_graph
|
19
|
+
- distribution_bar
|
20
|
+
- circle_chart
|
21
|
+
|
22
|
+
- filter
|
23
|
+
- fixed_confirmation_toast
|
24
|
+
- flex
|
25
|
+
- forms:
|
26
|
+
- file_upload
|
27
|
+
- form
|
28
|
+
- form_pill
|
29
|
+
- radio
|
30
|
+
- select
|
31
|
+
- selectable_card
|
32
|
+
- selectable_card_icon
|
33
|
+
- selectable_icon
|
34
|
+
- text_input
|
35
|
+
- textarea
|
36
|
+
- typeahead
|
37
|
+
- toggle
|
38
|
+
- highlight
|
39
|
+
- hashtag
|
40
|
+
- icon
|
41
|
+
- icon_circle
|
42
|
+
- icon_value
|
43
|
+
- image
|
44
|
+
- installer
|
45
|
+
- layout
|
46
|
+
- list
|
47
|
+
- loading_inline
|
48
|
+
- logistic
|
49
|
+
- multiple_users
|
50
|
+
- multiple_users_stacked
|
51
|
+
- nav
|
52
|
+
- online_status
|
53
|
+
- pill
|
54
|
+
- popover
|
55
|
+
- progress_pills
|
56
|
+
- progress_simple
|
57
|
+
- progress_step
|
58
|
+
- section_separator
|
59
|
+
- source
|
60
|
+
- star_rating
|
61
|
+
- stat_change
|
62
|
+
- table
|
63
|
+
- timeline
|
64
|
+
- tooltip
|
65
|
+
- typography:
|
66
|
+
- body
|
67
|
+
- caption
|
68
|
+
- title
|
69
|
+
- typography_patterns:
|
70
|
+
- contact
|
71
|
+
- currency
|
72
|
+
- dashboard_value
|
73
|
+
- date
|
74
|
+
- date_range_inline
|
75
|
+
- date_range_stacked
|
76
|
+
- date_stacked
|
77
|
+
- date_time_stacked
|
78
|
+
- date_year_stacked
|
79
|
+
- home_address_street
|
80
|
+
- label_pill
|
81
|
+
- label_value
|
82
|
+
- message
|
83
|
+
- person
|
84
|
+
- person_contact
|
85
|
+
- stat_value
|
86
|
+
- time
|
87
|
+
- time_stacked
|
88
|
+
- timestamp
|
89
|
+
- time_range_inline
|
90
|
+
- title_count
|
91
|
+
- title_detail
|
92
|
+
- weekday_stacked
|
93
|
+
- user
|
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: 5.
|
4
|
+
version: 5.2.0.pre.alpha3
|
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-
|
12
|
+
date: 2020-07-08 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -388,6 +388,11 @@ files:
|
|
388
388
|
- app/helpers/playbook/pb_sample_helper.rb
|
389
389
|
- app/helpers/playbook/redcarpet_helper.rb
|
390
390
|
- app/pb_kits/playbook/_playbook.scss
|
391
|
+
- app/pb_kits/playbook/config/_kit_example.html.erb
|
392
|
+
- app/pb_kits/playbook/config/_kit_samples_list.html.erb
|
393
|
+
- app/pb_kits/playbook/config/_kit_ui.html.erb
|
394
|
+
- app/pb_kits/playbook/config/_pb_kit_api.html.erb
|
395
|
+
- app/pb_kits/playbook/data/menu.yml
|
391
396
|
- app/pb_kits/playbook/index.js
|
392
397
|
- app/pb_kits/playbook/pb_avatar/_avatar.html.erb
|
393
398
|
- app/pb_kits/playbook/pb_avatar/_avatar.jsx
|