playbook_ui 7.4.0.pre.test4 → 7.4.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/images/github-brands.svg +1 -0
- data/app/assets/images/landing-background.svg +36 -0
- data/app/assets/images/landing-image.svg +203 -0
- data/app/assets/images/{pb.logo.svg → pb-logo.svg} +2 -2
- data/app/assets/images/pb-white-logo.svg +15 -0
- data/app/pb_kits/playbook/pb_progress_step/_progress_step.jsx +3 -1
- data/app/pb_kits/playbook/pb_progress_step/_progress_step.scss +13 -4
- data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.html.erb +1 -1
- data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.jsx +5 -7
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.html.erb +12 -0
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker_click_events.jsx +48 -0
- data/app/pb_kits/playbook/pb_progress_step/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_progress_step/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_progress_step/progress_step.rb +3 -1
- data/app/pb_kits/playbook/pb_progress_step/progress_step_item.rb +6 -0
- data/app/pb_kits/playbook/pb_timestamp/_timestamp.html.erb +13 -1
- data/app/pb_kits/playbook/pb_timestamp/_timestamp.jsx +96 -20
- data/app/pb_kits/playbook/pb_timestamp/_timestamp.scss +12 -1
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.html.erb +69 -0
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.jsx +91 -0
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb +21 -1
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx +31 -4
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb +14 -0
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.jsx +27 -0
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_align.html.erb +54 -0
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_align.jsx +73 -0
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb +59 -0
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx +74 -0
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_align.html.erb +177 -0
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_align.jsx +209 -0
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.html.erb +35 -0
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx +51 -0
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_align.html.erb +123 -0
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_align.jsx +146 -0
- data/app/pb_kits/playbook/pb_timestamp/docs/example.yml +14 -0
- data/app/pb_kits/playbook/pb_timestamp/docs/index.js +7 -0
- data/app/pb_kits/playbook/pb_timestamp/timestamp.rb +67 -1
- data/lib/playbook/version.rb +1 -1
- metadata +28 -11
- data/app/assets/images/clark.jpg +0 -0
- data/app/assets/images/giant.jpg +0 -0
@@ -2,6 +2,20 @@ examples:
|
|
2
2
|
|
3
3
|
rails:
|
4
4
|
- timestamp_default: Default
|
5
|
+
- timestamp_align: Alignments
|
6
|
+
- timestamp_timezones: Timezones
|
7
|
+
- timestamp_timezones_align: Timezones - Alignments
|
8
|
+
- timestamp_updated: Last Updated by
|
9
|
+
- timestamp_updated_align: Last Updated by - Alignments
|
10
|
+
- timestamp_elapsed: Time Ago
|
11
|
+
- timestamp_elapsed_align: Time Ago - Alignments
|
5
12
|
|
6
13
|
react:
|
7
14
|
- timestamp_default: Default
|
15
|
+
- timestamp_align: Alignments
|
16
|
+
- timestamp_timezones: Timezones
|
17
|
+
- timestamp_timezones_align: Timezones - Alignments
|
18
|
+
- timestamp_updated: Last Updated by
|
19
|
+
- timestamp_updated_align: Last Updated by - Alignments
|
20
|
+
- timestamp_elapsed: Time Ago
|
21
|
+
- timestamp_elapsed_align: Time Ago - Alignments
|
@@ -1 +1,8 @@
|
|
1
1
|
export { default as TimestampDefault } from './_timestamp_default.jsx'
|
2
|
+
export { default as TimestampAlign } from './_timestamp_align.jsx'
|
3
|
+
export { default as TimestampTimezones } from './_timestamp_timezones.jsx'
|
4
|
+
export { default as TimestampTimezonesAlign } from './_timestamp_timezones_align.jsx'
|
5
|
+
export { default as TimestampUpdated } from './_timestamp_updated.jsx'
|
6
|
+
export { default as TimestampUpdatedAlign } from './_timestamp_updated_align.jsx'
|
7
|
+
export { default as TimestampElapsed } from './_timestamp_elapsed.jsx'
|
8
|
+
export { default as TimestampElapsedAlign } from './_timestamp_elapsed_align.jsx'
|
@@ -3,14 +3,80 @@
|
|
3
3
|
module Playbook
|
4
4
|
module PbTimestamp
|
5
5
|
class Timestamp
|
6
|
+
include ActionView::Helpers::DateHelper
|
6
7
|
include Playbook::Props
|
7
8
|
|
8
9
|
partial "pb_timestamp/timestamp"
|
9
10
|
|
10
11
|
prop :text
|
12
|
+
prop :timestamp, required: true
|
13
|
+
|
14
|
+
prop :dark, type: Playbook::Props::Boolean,
|
15
|
+
default: false
|
16
|
+
prop :align, type: Playbook::Props::Enum,
|
17
|
+
values: %w[left center right],
|
18
|
+
default: "left"
|
19
|
+
prop :show_date, type: Playbook::Props::Boolean,
|
20
|
+
default: true
|
21
|
+
prop :show_timezone, type: Playbook::Props::Boolean,
|
22
|
+
default: false
|
23
|
+
prop :show_user, type: Playbook::Props::Boolean,
|
24
|
+
default: false
|
25
|
+
prop :timezone, default: "America/New_York"
|
26
|
+
prop :variant, type: Playbook::Props::Enum,
|
27
|
+
values: %w[default elapsed updated],
|
28
|
+
default: "default"
|
11
29
|
|
12
30
|
def classname
|
13
|
-
generate_classname("pb_timestamp_kit")
|
31
|
+
generate_classname("pb_timestamp_kit", variant_class, align)
|
32
|
+
end
|
33
|
+
|
34
|
+
def format_year_string
|
35
|
+
pb_date_time.to_year != DateTime.now.year.to_s ? ", #{pb_date_time.to_year}" : ""
|
36
|
+
end
|
37
|
+
|
38
|
+
def format_time_string
|
39
|
+
"#{pb_date_time.to_hour}:#{pb_date_time.to_minutes}#{pb_date_time.to_meridian} #{format_timezone_string}".strip
|
40
|
+
end
|
41
|
+
|
42
|
+
def format_timezone_string
|
43
|
+
timezone && show_timezone ? pb_date_time.to_timezone.to_s : ""
|
44
|
+
end
|
45
|
+
|
46
|
+
def format_date_string
|
47
|
+
"#{pb_date_time.to_month_downcase} #{pb_date_time.to_unpadded_day}#{format_year_string}"
|
48
|
+
end
|
49
|
+
|
50
|
+
def format_datetime_string
|
51
|
+
"#{format_date_string} · #{format_time_string}".html_safe
|
52
|
+
end
|
53
|
+
|
54
|
+
def format_updated_string
|
55
|
+
user_string = show_user ? " by #{text}" : ""
|
56
|
+
|
57
|
+
case variant
|
58
|
+
when "updated"
|
59
|
+
datetime_string = " on #{format_date_string} at #{format_time_string}"
|
60
|
+
when "elapsed"
|
61
|
+
datetime_string = " #{time_ago_in_words(pb_date_time.convert_to_timestamp)} ago"
|
62
|
+
end
|
63
|
+
|
64
|
+
"Last updated#{user_string}#{datetime_string}"
|
65
|
+
end
|
66
|
+
|
67
|
+
private
|
68
|
+
|
69
|
+
def pb_date_time
|
70
|
+
Playbook::PbKit::PbDateTime.new(timestamp, timezone)
|
71
|
+
end
|
72
|
+
|
73
|
+
def variant_class
|
74
|
+
case variant
|
75
|
+
when "updated"
|
76
|
+
"updated"
|
77
|
+
when "elapsed"
|
78
|
+
"elapsed"
|
79
|
+
end
|
14
80
|
end
|
15
81
|
end
|
16
82
|
end
|
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,12 +1,12 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 7.4.0
|
4
|
+
version: 7.4.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
8
8
|
- Power Devs
|
9
|
-
autorequire:
|
9
|
+
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
12
|
date: 2020-10-29 00:00:00.000000000 Z
|
@@ -395,11 +395,13 @@ extra_rdoc_files: []
|
|
395
395
|
files:
|
396
396
|
- README.md
|
397
397
|
- Rakefile
|
398
|
-
- app/assets/images/
|
399
|
-
- app/assets/images/
|
398
|
+
- app/assets/images/github-brands.svg
|
399
|
+
- app/assets/images/landing-background.svg
|
400
|
+
- app/assets/images/landing-image.svg
|
400
401
|
- app/assets/images/pb-caret.svg
|
401
402
|
- app/assets/images/pb-check.svg
|
402
|
-
- app/assets/images/pb
|
403
|
+
- app/assets/images/pb-logo.svg
|
404
|
+
- app/assets/images/pb-white-logo.svg
|
403
405
|
- app/controllers/playbook/application_controller.rb
|
404
406
|
- app/helpers/playbook/application_helper.rb
|
405
407
|
- app/helpers/playbook/layout_helper.rb
|
@@ -1386,10 +1388,12 @@ files:
|
|
1386
1388
|
- app/pb_kits/playbook/pb_progress_step/_progress_step_item.html.erb
|
1387
1389
|
- app/pb_kits/playbook/pb_progress_step/_progress_step_item.jsx
|
1388
1390
|
- app/pb_kits/playbook/pb_progress_step/docs/_description.md
|
1391
|
+
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.html.erb
|
1389
1392
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb
|
1390
1393
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx
|
1391
1394
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.html.erb
|
1392
1395
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.jsx
|
1396
|
+
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker_click_events.jsx
|
1393
1397
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb
|
1394
1398
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx
|
1395
1399
|
- app/pb_kits/playbook/pb_progress_step/docs/example.yml
|
@@ -1701,8 +1705,22 @@ files:
|
|
1701
1705
|
- app/pb_kits/playbook/pb_timestamp/docs/_description.md
|
1702
1706
|
- app/pb_kits/playbook/pb_timestamp/docs/_footer.md
|
1703
1707
|
- app/pb_kits/playbook/pb_timestamp/docs/_time_stamp_default.md
|
1708
|
+
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.html.erb
|
1709
|
+
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.jsx
|
1704
1710
|
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb
|
1705
1711
|
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx
|
1712
|
+
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb
|
1713
|
+
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.jsx
|
1714
|
+
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_align.html.erb
|
1715
|
+
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_align.jsx
|
1716
|
+
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb
|
1717
|
+
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx
|
1718
|
+
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_align.html.erb
|
1719
|
+
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_align.jsx
|
1720
|
+
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.html.erb
|
1721
|
+
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx
|
1722
|
+
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_align.html.erb
|
1723
|
+
- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_align.jsx
|
1706
1724
|
- app/pb_kits/playbook/pb_timestamp/docs/example.yml
|
1707
1725
|
- app/pb_kits/playbook/pb_timestamp/docs/index.js
|
1708
1726
|
- app/pb_kits/playbook/pb_timestamp/timestamp.rb
|
@@ -1890,7 +1908,7 @@ homepage: http://playbook.powerapp.cloud
|
|
1890
1908
|
licenses:
|
1891
1909
|
- MIT
|
1892
1910
|
metadata: {}
|
1893
|
-
post_install_message:
|
1911
|
+
post_install_message:
|
1894
1912
|
rdoc_options: []
|
1895
1913
|
require_paths:
|
1896
1914
|
- lib
|
@@ -1901,13 +1919,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
1901
1919
|
version: '0'
|
1902
1920
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
1903
1921
|
requirements:
|
1904
|
-
- - "
|
1922
|
+
- - ">="
|
1905
1923
|
- !ruby/object:Gem::Version
|
1906
|
-
version:
|
1924
|
+
version: '0'
|
1907
1925
|
requirements: []
|
1908
|
-
|
1909
|
-
|
1910
|
-
signing_key:
|
1926
|
+
rubygems_version: 3.1.4
|
1927
|
+
signing_key:
|
1911
1928
|
specification_version: 4
|
1912
1929
|
summary: Playbook Design System
|
1913
1930
|
test_files: []
|
data/app/assets/images/clark.jpg
DELETED
Binary file
|
data/app/assets/images/giant.jpg
DELETED
Binary file
|