playbook_ui 7.4.1 → 7.4.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (25) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_timestamp/_timestamp.html.erb +1 -13
  3. data/app/pb_kits/playbook/pb_timestamp/_timestamp.jsx +20 -96
  4. data/app/pb_kits/playbook/pb_timestamp/_timestamp.scss +1 -12
  5. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb +1 -21
  6. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx +4 -31
  7. data/app/pb_kits/playbook/pb_timestamp/docs/example.yml +0 -14
  8. data/app/pb_kits/playbook/pb_timestamp/docs/index.js +0 -7
  9. data/app/pb_kits/playbook/pb_timestamp/timestamp.rb +1 -67
  10. data/lib/playbook/version.rb +1 -1
  11. metadata +2 -16
  12. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.html.erb +0 -69
  13. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.jsx +0 -91
  14. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb +0 -14
  15. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.jsx +0 -27
  16. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_align.html.erb +0 -54
  17. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_align.jsx +0 -73
  18. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb +0 -59
  19. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx +0 -74
  20. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_align.html.erb +0 -177
  21. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_align.jsx +0 -209
  22. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.html.erb +0 -35
  23. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx +0 -51
  24. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_align.html.erb +0 -123
  25. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_align.jsx +0 -146
@@ -1,91 +0,0 @@
1
- import React from 'react'
2
- import Timestamp from '../_timestamp.jsx'
3
-
4
- const TimestampAlign = (props) => {
5
- return (
6
- <div>
7
- <Timestamp
8
- align="left"
9
- showDate="false"
10
- timestamp={new Date().getTime()}
11
- {...props}
12
- />
13
-
14
- <br />
15
-
16
- <Timestamp
17
- align="left"
18
- showDate="true"
19
- timestamp={new Date().getTime()}
20
- {...props}
21
- />
22
-
23
- <br />
24
-
25
- <Timestamp
26
- align="left"
27
- showDate="true"
28
- timestamp={new Date((new Date()).getFullYear() + 4, (new Date().getMonth()), (new Date().getDate() + 1)).getTime()}
29
- {...props}
30
- />
31
-
32
- <br />
33
- <br />
34
-
35
- <Timestamp
36
- align="center"
37
- showDate="false"
38
- timestamp={new Date().getTime()}
39
- {...props}
40
- />
41
-
42
- <br />
43
-
44
- <Timestamp
45
- align="center"
46
- showDate="true"
47
- timestamp={new Date().getTime()}
48
- {...props}
49
- />
50
-
51
- <br />
52
-
53
- <Timestamp
54
- align="center"
55
- showDate="true"
56
- timestamp={new Date((new Date()).getFullYear() + 4, (new Date().getMonth()), (new Date().getDate() + 1)).getTime()}
57
- {...props}
58
- />
59
-
60
- <br />
61
- <br />
62
-
63
- <Timestamp
64
- align="right"
65
- showDate="false"
66
- timestamp={new Date().getTime()}
67
- {...props}
68
- />
69
-
70
- <br />
71
-
72
- <Timestamp
73
- align="right"
74
- showDate="true"
75
- timestamp={new Date().getTime()}
76
- {...props}
77
- />
78
-
79
- <br />
80
-
81
- <Timestamp
82
- align="right"
83
- showDate="true"
84
- timestamp={new Date((new Date()).getFullYear() + 4, (new Date().getMonth()), (new Date().getDate() + 1)).getTime()}
85
- {...props}
86
- />
87
- </div>
88
- )
89
- }
90
-
91
- export default TimestampAlign
@@ -1,14 +0,0 @@
1
- <%= pb_rails("timestamp", props: {
2
- timestamp: DateTime.now,
3
- variant: "elapsed",
4
- show_user: true,
5
- text: "Maricris Nonato"
6
- }) %>
7
-
8
- <br>
9
-
10
- <%= pb_rails("timestamp", props: {
11
- timestamp: DateTime.now,
12
- variant: "elapsed",
13
- show_user: false
14
- }) %>
@@ -1,27 +0,0 @@
1
- import React from 'react'
2
- import Timestamp from '../_timestamp.jsx'
3
-
4
- const TimestampElapsed = (props) => {
5
- return (
6
- <div>
7
- <Timestamp
8
- showUser="true"
9
- text="Maricris Nonato"
10
- timestamp={new Date().getTime()}
11
- variant="elapsed"
12
- {...props}
13
- />
14
-
15
- <br />
16
-
17
- <Timestamp
18
- showUser="false"
19
- timestamp={new Date((new Date()).getFullYear(), new Date().getMonth(), new Date().getDate()).getTime()}
20
- variant="elapsed"
21
- {...props}
22
- />
23
- </div>
24
- )
25
- }
26
-
27
- export default TimestampElapsed
@@ -1,54 +0,0 @@
1
- <%= pb_rails("timestamp", props: {
2
- timestamp: DateTime.now,
3
- variant: "elapsed",
4
- show_user: true,
5
- text: "Maricris Nonato",
6
- align: "left"
7
- }) %>
8
-
9
- <br>
10
-
11
- <%= pb_rails("timestamp", props: {
12
- timestamp: DateTime.now,
13
- variant: "elapsed",
14
- show_user: false,
15
- align: "left"
16
- }) %>
17
-
18
- <br><br>
19
-
20
- <%= pb_rails("timestamp", props: {
21
- timestamp: DateTime.now,
22
- variant: "elapsed",
23
- show_user: true,
24
- text: "Maricris Nonato",
25
- align: "center"
26
- }) %>
27
-
28
- <br>
29
-
30
- <%= pb_rails("timestamp", props: {
31
- timestamp: DateTime.now,
32
- variant: "elapsed",
33
- show_user: false,
34
- align: "center"
35
- }) %>
36
-
37
- <br><br>
38
-
39
- <%= pb_rails("timestamp", props: {
40
- timestamp: DateTime.now,
41
- variant: "elapsed",
42
- show_user: true,
43
- text: "Maricris Nonato",
44
- align: "right"
45
- }) %>
46
-
47
- <br>
48
-
49
- <%= pb_rails("timestamp", props: {
50
- timestamp: DateTime.now,
51
- variant: "elapsed",
52
- show_user: false,
53
- align: "right"
54
- }) %>
@@ -1,73 +0,0 @@
1
- import React from 'react'
2
- import Timestamp from '../_timestamp.jsx'
3
-
4
- const TimestampUpdatedAlign = (props) => {
5
- return (
6
- <div>
7
- <Timestamp
8
- align="left"
9
- showUser="true"
10
- text="Maricris Nonato"
11
- timestamp={new Date().getTime()}
12
- variant="elapsed"
13
- {...props}
14
- />
15
-
16
- <br />
17
-
18
- <Timestamp
19
- align="left"
20
- showUser="false"
21
- timestamp={new Date((new Date()).getFullYear(), new Date().getMonth(), new Date().getDate()).getTime()}
22
- variant="elapsed"
23
- {...props}
24
- />
25
-
26
- <br />
27
- <br />
28
-
29
- <Timestamp
30
- align="center"
31
- showUser="true"
32
- text="Maricris Nonato"
33
- timestamp={new Date().getTime()}
34
- variant="elapsed"
35
- {...props}
36
- />
37
-
38
- <br />
39
-
40
- <Timestamp
41
- align="center"
42
- showUser="false"
43
- timestamp={new Date((new Date()).getFullYear(), new Date().getMonth(), new Date().getDate()).getTime()}
44
- variant="elapsed"
45
- {...props}
46
- />
47
-
48
- <br />
49
- <br />
50
-
51
- <Timestamp
52
- align="right"
53
- showUser="true"
54
- text="Maricris Nonato"
55
- timestamp={new Date().getTime()}
56
- variant="elapsed"
57
- {...props}
58
- />
59
-
60
- <br />
61
-
62
- <Timestamp
63
- align="right"
64
- showUser="false"
65
- timestamp={new Date((new Date()).getFullYear(), new Date().getMonth(), new Date().getDate()).getTime()}
66
- variant="elapsed"
67
- {...props}
68
- />
69
- </div>
70
- )
71
- }
72
-
73
- export default TimestampUpdatedAlign
@@ -1,59 +0,0 @@
1
- <%= pb_rails("timestamp", props: {
2
- timestamp: DateTime.now,
3
- show_date: false,
4
- show_timezone: true,
5
- timezone: "America/New_York",
6
- align: "left"
7
- }) %>
8
-
9
- <br>
10
-
11
- <%= pb_rails("timestamp", props: {
12
- timestamp: DateTime.now,
13
- show_date: true,
14
- show_timezone: true,
15
- timezone: "America/New_York",
16
- align: "left"
17
- }) %>
18
-
19
- <br>
20
-
21
- <%= pb_rails("timestamp", props: {
22
- timestamp: DateTime.now + 4.years,
23
- show_date: true,
24
- show_timezone: true,
25
- timezone: "America/New_York",
26
- align: "left"
27
- }) %>
28
-
29
- <br>
30
-
31
- <%= pb_rails("timestamp", props: {
32
- timestamp: DateTime.now,
33
- show_date: false,
34
- show_timezone: true,
35
- timezone: "Asia/Hong_Kong",
36
- align: "left"
37
- }) %>
38
-
39
- <br>
40
-
41
- <%= pb_rails("timestamp", props: {
42
- timestamp: DateTime.now,
43
- show_date: true,
44
- show_timezone: true,
45
- timezone: "Asia/Hong_Kong",
46
- align: "left"
47
- }) %>
48
-
49
- <br>
50
-
51
- <%= pb_rails("timestamp", props: {
52
- timestamp: DateTime.now + 4.years,
53
- show_date: true,
54
- show_timezone: true,
55
- timezone: "Asia/Hong_Kong",
56
- align: "left"
57
- }) %>
58
-
59
- <br>
@@ -1,74 +0,0 @@
1
- import React from 'react'
2
- import Timestamp from '../_timestamp.jsx'
3
-
4
- const TimestampTimezones = (props) => {
5
- return (
6
- <div>
7
- <Timestamp
8
- align="left"
9
- showDate="false"
10
- showTimezone="true"
11
- timestamp={new Date().getTime()}
12
- timezone="America/New_York"
13
- {...props}
14
- />
15
-
16
- <br />
17
-
18
- <Timestamp
19
- align="left"
20
- showDate="true"
21
- showTimezone="true"
22
- timestamp={new Date().getTime()}
23
- timezone="America/New_York"
24
- {...props}
25
- />
26
-
27
- <br />
28
-
29
- <Timestamp
30
- align="left"
31
- showDate="true"
32
- showTimezone="true"
33
- timestamp={new Date((new Date()).getFullYear() + 4, (new Date().getMonth()), (new Date().getDate() + 1)).getTime()}
34
- timezone="America/New_York"
35
- {...props}
36
- />
37
-
38
- <br />
39
-
40
- <Timestamp
41
- align="left"
42
- showDate="false"
43
- showTimezone="true"
44
- timestamp={new Date().getTime()}
45
- timezone="Asia/Hong_Kong"
46
- {...props}
47
- />
48
-
49
- <br />
50
-
51
- <Timestamp
52
- align="left"
53
- showDate="true"
54
- showTimezone="true"
55
- timestamp={new Date().getTime()}
56
- timezone="Asia/Hong_Kong"
57
- {...props}
58
- />
59
-
60
- <br />
61
-
62
- <Timestamp
63
- align="left"
64
- showDate="true"
65
- showTimezone="true"
66
- timestamp={new Date((new Date()).getFullYear() + 4, (new Date().getMonth()), (new Date().getDate() + 1)).getTime()}
67
- timezone="Asia/Hong_Kong"
68
- {...props}
69
- />
70
- </div>
71
- )
72
- }
73
-
74
- export default TimestampTimezones
@@ -1,177 +0,0 @@
1
- <%= pb_rails("timestamp", props: {
2
- timestamp: DateTime.now,
3
- show_date: false,
4
- show_timezone: true,
5
- timezone: "America/New_York",
6
- align: "left"
7
- }) %>
8
-
9
- <br>
10
-
11
- <%= pb_rails("timestamp", props: {
12
- timestamp: DateTime.now,
13
- show_date: true,
14
- show_timezone: true,
15
- timezone: "America/New_York",
16
- align: "left"
17
- }) %>
18
-
19
- <br>
20
-
21
- <%= pb_rails("timestamp", props: {
22
- timestamp: DateTime.now + 4.years,
23
- show_date: true,
24
- show_timezone: true,
25
- timezone: "America/New_York",
26
- align: "left"
27
- }) %>
28
-
29
- <br>
30
-
31
- <%= pb_rails("timestamp", props: {
32
- timestamp: DateTime.now,
33
- show_date: false,
34
- show_timezone: true,
35
- timezone: "Asia/Hong_Kong",
36
- align: "left"
37
- }) %>
38
-
39
- <br>
40
-
41
- <%= pb_rails("timestamp", props: {
42
- timestamp: DateTime.now,
43
- show_date: true,
44
- show_timezone: true,
45
- timezone: "Asia/Hong_Kong",
46
- align: "left"
47
- }) %>
48
-
49
- <br>
50
-
51
- <%= pb_rails("timestamp", props: {
52
- timestamp: DateTime.now + 4.years,
53
- show_date: true,
54
- show_timezone: true,
55
- timezone: "Asia/Hong_Kong",
56
- align: "left"
57
- }) %>
58
-
59
- <br><br>
60
-
61
- <%= pb_rails("timestamp", props: {
62
- timestamp: DateTime.now,
63
- show_date: false,
64
- show_timezone: true,
65
- timezone: "America/New_York",
66
- align: "center"
67
- }) %>
68
-
69
- <br>
70
-
71
- <%= pb_rails("timestamp", props: {
72
- timestamp: DateTime.now,
73
- show_date: true,
74
- show_timezone: true,
75
- timezone: "America/New_York",
76
- align: "center"
77
- }) %>
78
-
79
- <br>
80
-
81
- <%= pb_rails("timestamp", props: {
82
- timestamp: DateTime.now + 4.years,
83
- show_date: true,
84
- show_timezone: true,
85
- timezone: "America/New_York",
86
- align: "center"
87
- }) %>
88
-
89
- <br>
90
-
91
- <%= pb_rails("timestamp", props: {
92
- timestamp: DateTime.now,
93
- show_date: false,
94
- show_timezone: true,
95
- timezone: "Asia/Hong_Kong",
96
- align: "center"
97
- }) %>
98
-
99
- <br>
100
-
101
- <%= pb_rails("timestamp", props: {
102
- timestamp: DateTime.now,
103
- show_date: true,
104
- show_timezone: true,
105
- timezone: "Asia/Hong_Kong",
106
- align: "center"
107
- }) %>
108
-
109
- <br>
110
-
111
- <%= pb_rails("timestamp", props: {
112
- timestamp: DateTime.now + 4.years,
113
- show_date: true,
114
- show_timezone: true,
115
- timezone: "Asia/Hong_Kong",
116
- align: "center"
117
- }) %>
118
-
119
- <br><br>
120
-
121
- <%= pb_rails("timestamp", props: {
122
- timestamp: DateTime.now,
123
- show_date: false,
124
- show_timezone: true,
125
- timezone: "America/New_York",
126
- align: "right"
127
- }) %>
128
-
129
- <br>
130
-
131
- <%= pb_rails("timestamp", props: {
132
- timestamp: DateTime.now,
133
- show_date: true,
134
- show_timezone: true,
135
- timezone: "America/New_York",
136
- align: "right"
137
- }) %>
138
-
139
- <br>
140
-
141
- <%= pb_rails("timestamp", props: {
142
- timestamp: DateTime.now + 4.years,
143
- show_date: true,
144
- show_timezone: true,
145
- timezone: "America/New_York",
146
- align: "right"
147
- }) %>
148
-
149
- <br>
150
-
151
- <%= pb_rails("timestamp", props: {
152
- timestamp: DateTime.now,
153
- show_date: false,
154
- show_timezone: true,
155
- timezone: "Asia/Hong_Kong",
156
- align: "right"
157
- }) %>
158
-
159
- <br>
160
-
161
- <%= pb_rails("timestamp", props: {
162
- timestamp: DateTime.now,
163
- show_date: true,
164
- show_timezone: true,
165
- timezone: "Asia/Hong_Kong",
166
- align: "right"
167
- }) %>
168
-
169
- <br>
170
-
171
- <%= pb_rails("timestamp", props: {
172
- timestamp: DateTime.now + 4.years,
173
- show_date: true,
174
- show_timezone: true,
175
- timezone: "Asia/Hong_Kong",
176
- align: "right"
177
- }) %>