playbook_ui_docs 14.22.0.pre.alpha.PLAY23038970 → 14.22.0.pre.alpha.play2253rowlevelcoloringadvancedtablerails8971
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/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.html.erb +46 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling_rails.md +7 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -0
- metadata +4 -2
- /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_row_styling.md → _advanced_table_row_styling_react.md} +0 -0
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 4425e1d05c8714a7db681e3d702a2327ee682dc98f6c0443ed396bacbf911d21
|
|
4
|
+
data.tar.gz: d51d67771742c983cddddef4ccc2d2af6db70e2973e0b2a326d449a44b8955ba
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 62309a3b8af790d19ea0165efcf9b73f2d61f43b9ec5fafb54ae5995a5642a0f808567c966b41f3890eeab24d4aa034158ca4ed7b409af213f49d45c6889c180
|
|
7
|
+
data.tar.gz: a931f310f1de57194896191132fcbaf7bb54bce5f9480364a91339b8c298d655b1c393157ebb6e88bada707c0e921e5327210ad10452035682097bce0915ca63
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
<% column_definitions = [
|
|
2
|
+
{
|
|
3
|
+
accessor: "year",
|
|
4
|
+
label: "Year",
|
|
5
|
+
cellAccessors: ["quarter", "month", "day"],
|
|
6
|
+
},
|
|
7
|
+
{
|
|
8
|
+
accessor: "newEnrollments",
|
|
9
|
+
label: "New Enrollments",
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
accessor: "scheduledMeetings",
|
|
13
|
+
label: "Scheduled Meetings",
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
accessor: "attendanceRate",
|
|
17
|
+
label: "Attendance Rate",
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
accessor: "completedClasses",
|
|
21
|
+
label: "Completed Classes",
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
accessor: "classCompletionRate",
|
|
25
|
+
label: "Class Completion Rate",
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
accessor: "graduatedStudents",
|
|
29
|
+
label: "Graduated Students",
|
|
30
|
+
}
|
|
31
|
+
] %>
|
|
32
|
+
|
|
33
|
+
<% row_styling = [
|
|
34
|
+
{
|
|
35
|
+
row_id: "1",
|
|
36
|
+
background_color: "#F9BB00",
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
row_id: "8",
|
|
40
|
+
background_color: "#0056CF",
|
|
41
|
+
font_color: "white",
|
|
42
|
+
expand_button_color: "white",
|
|
43
|
+
},
|
|
44
|
+
] %>
|
|
45
|
+
|
|
46
|
+
<%= pb_rails("advanced_table", props: { id: "row-styling", table_data: @table_data_with_id, column_definitions: column_definitions, row_styling: row_styling }) %>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
The `row_styling` prop can be used in conjunction with row ids to control certain styling options on individual rows. Currently, `row_styling` gives you 3 optional controls:
|
|
2
|
+
|
|
3
|
+
- `background_color` : use this to control the background color of the row
|
|
4
|
+
- `font_color`: use this to control font color for each row if needed, for example if using a darker background color.
|
|
5
|
+
- `expand_button_color`: use this to control the color of the expand icon if needed, for example if using a darker background color.
|
|
6
|
+
|
|
7
|
+
**NOTE:** Each object within the `table_data` Array must contain a unique id in order to attach an id to all Rows for this to function.
|
|
@@ -18,6 +18,7 @@ examples:
|
|
|
18
18
|
- advanced_table_selectable_rows_actions_rails: Selectable Rows (With Actions)
|
|
19
19
|
- advanced_table_selectable_rows_header_rails: Selectable Rows (No Actions Bar)
|
|
20
20
|
- advanced_table_scrollbar_none: Advanced Table Scrollbar None
|
|
21
|
+
- advanced_table_row_styling: Row Styling
|
|
21
22
|
- advanced_table_column_styling_rails: Column Styling
|
|
22
23
|
- advanced_table_column_styling_column_headers_rails: Column Styling with Multiple Headers
|
|
23
24
|
- advanced_table_column_border_color_rails: Column Group Border Color
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui_docs
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 14.22.0.pre.alpha.
|
|
4
|
+
version: 14.22.0.pre.alpha.play2253rowlevelcoloringadvancedtablerails8971
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Power UX
|
|
@@ -105,8 +105,10 @@ files:
|
|
|
105
105
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.html.erb
|
|
106
106
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
|
|
107
107
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
|
|
108
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.html.erb
|
|
108
109
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.jsx
|
|
109
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/
|
|
110
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling_rails.md
|
|
111
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling_react.md
|
|
110
112
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_scrollbar_none.html.erb
|
|
111
113
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_scrollbar_none.jsx
|
|
112
114
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx
|