@desynova-digital/components 8.19.63 → 9.0.1
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.
- package/atoms/avatar/avatar.js +1 -1
- package/atoms/avatar/avatar.story.js +46 -14
- package/atoms/badge/badge.js +13 -13
- package/atoms/badge/badge.story.js +91 -29
- package/atoms/button/button.js +81 -85
- package/atoms/button/button.story.js +342 -2
- package/atoms/card/card.js +43 -39
- package/atoms/card/card.story.js +74 -48
- package/atoms/cardStack/cardStack.js +182 -155
- package/atoms/cardStack/cardStack.story.js +131 -18
- package/atoms/cardV2/cardV2.js +23 -23
- package/atoms/cardV2/cardV2.story.js +196 -45
- package/atoms/cardV2/content.js +109 -87
- package/atoms/cardV2/thumbnail.js +85 -72
- package/atoms/cardV2/timeline.js +119 -107
- package/atoms/checkbox/checkbox.js +41 -32
- package/atoms/checkbox/checkbox.story.js +220 -99
- package/atoms/customSelect/customSelect.story.js +820 -582
- package/atoms/datePicker/datePicker.js +77 -83
- package/atoms/datePicker/datePicker.story.js +167 -1
- package/atoms/dateTime/dateTime.story.js +26 -1
- package/atoms/draftInputText/draftInputText.js +358 -0
- package/atoms/draftInputText/draftInputText.story.js +251 -0
- package/atoms/draftInputText/index.js +13 -0
- package/atoms/dropdown/dropdown.story.js +146 -18
- package/atoms/dropdownList/dropdownList.story.js +1598 -1091
- package/atoms/graphs/barGraph/barGraph.js +143 -130
- package/atoms/graphs/barGraph/barGraph.story.js +74 -40
- package/atoms/graphs/circleDonut/circleDonut.story.js +374 -220
- package/atoms/graphs/circleGraph/circleGraph.js +84 -80
- package/atoms/graphs/circleGraph/circleGraph.story.js +38 -26
- package/atoms/graphs/circleNested/circleNested.story.js +98 -103
- package/atoms/graphs/pieChart/pieChart.story.js +160 -81
- package/atoms/graphs/verticalBarGraph/verticalBarGraph.story.js +30 -28
- package/atoms/icon/icon.story.js +220 -163
- package/atoms/inputText/inputText.js +52 -49
- package/atoms/label/label.js +29 -29
- package/atoms/label/label.story.js +42 -30
- package/atoms/loader/CircleLoader.js +13 -4
- package/atoms/loader/CircleLoader.jsx +10 -4
- package/atoms/loader/ThreeDotLoader.js +8 -4
- package/atoms/loader/ThreeDotLoader.jsx +4 -4
- package/atoms/loader/loader.js +29 -30
- package/atoms/loader/loader.story.js +38 -23
- package/atoms/loader/spinningLoader.js +7 -4
- package/atoms/loader/spinningLoader.jsx +5 -5
- package/atoms/popup/popup.js +11 -11
- package/atoms/popup/popup.story.js +36 -4
- package/atoms/radio/radio.story.js +140 -2
- package/atoms/sideBar/sidebar.js +19 -5
- package/atoms/sideBar/sidebar.jsx +13 -8
- package/atoms/switch/switch.js +72 -66
- package/atoms/switch/switch.story.js +323 -78
- package/atoms/tag/tag.js +39 -39
- package/atoms/tag/tag.story.js +83 -2
- package/atoms/textarea/textarea.js +36 -34
- package/atoms/timeCodeInput/timCodeInput.story.js +10 -9
- package/atoms/timeCodeInput/timeCodeInput.js +108 -100
- package/atoms/timer/timer.js +127 -126
- package/atoms/toast/toast.js +24 -14
- package/atoms/toast/toast.story.js +22 -0
- package/atoms/videoCard/videoCard.js +226 -203
- package/atoms/videoCard/videoCard.story.js +547 -186
- package/components.js +69 -66
- package/index.js +5 -4
- package/molecules/carousel/carousel.js +55 -67
- package/molecules/filter/filter.js +133 -106
- package/molecules/filter/filter.story.js +215 -173
- package/molecules/graphCard/graphCard.js +34 -24
- package/molecules/graphCard/graphCard.story.js +169 -82
- package/molecules/graphDetailCard/graphDetailCard.js +207 -182
- package/molecules/pageHeader/pageHeader.js +3 -2
- package/molecules/pageHeader/pageHeader.story.js +40 -18
- package/molecules/pagination/pagination.js +66 -14
- package/molecules/pagination/pagination.story.js +24 -2
- package/molecules/table/table.js +368 -316
- package/molecules/table/table.story.js +404 -208
- package/molecules/tabs/tabs.js +15 -6
- package/molecules/tabs/tabs.story.js +26 -0
- package/package.json +2 -2
|
@@ -1,348 +1,350 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
4
|
+
|
|
5
|
+
var _react = require('react');
|
|
4
6
|
|
|
5
7
|
var _react2 = _interopRequireDefault(_react);
|
|
6
8
|
|
|
7
|
-
var _react3 = require(
|
|
9
|
+
var _react3 = require('@storybook/react');
|
|
8
10
|
|
|
9
|
-
var _storyHelpers = require(
|
|
11
|
+
var _storyHelpers = require('../../_helpers/story-helpers');
|
|
10
12
|
|
|
11
|
-
var _components = require(
|
|
13
|
+
var _components = require('../../components');
|
|
12
14
|
|
|
13
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
16
|
|
|
15
|
-
var img_thumbnail =
|
|
17
|
+
var img_thumbnail = 'https://tassets.desynova.com/img/topaz-logo.png';
|
|
16
18
|
|
|
17
|
-
(0, _react3.storiesOf)(
|
|
19
|
+
(0, _react3.storiesOf)('VideoCard').add('appearance-light', function () {
|
|
18
20
|
return _react2.default.createElement(
|
|
19
21
|
_storyHelpers.Example,
|
|
20
|
-
{ title:
|
|
22
|
+
{ title: 'Appearances Light', background: 'default' },
|
|
21
23
|
_react2.default.createElement(
|
|
22
24
|
_storyHelpers.Stack,
|
|
23
25
|
null,
|
|
24
26
|
_react2.default.createElement(
|
|
25
|
-
|
|
26
|
-
{ style: { display:
|
|
27
|
+
'div',
|
|
28
|
+
{ style: { display: 'block', width: '40%' } },
|
|
27
29
|
_react2.default.createElement(
|
|
28
|
-
|
|
29
|
-
{ style: { display:
|
|
30
|
+
'div',
|
|
31
|
+
{ style: { display: 'block', marginBottom: '20px' } },
|
|
30
32
|
_react2.default.createElement(
|
|
31
|
-
|
|
33
|
+
'div',
|
|
32
34
|
null,
|
|
33
35
|
_react2.default.createElement(
|
|
34
|
-
|
|
36
|
+
'p',
|
|
35
37
|
null,
|
|
36
|
-
|
|
38
|
+
'type1'
|
|
37
39
|
),
|
|
38
40
|
_react2.default.createElement(_components.VideoCard, {
|
|
39
41
|
requested_by: {
|
|
40
|
-
name:
|
|
41
|
-
email:
|
|
42
|
-
user_image:
|
|
42
|
+
name: 'Ashutosh Narkhede',
|
|
43
|
+
email: '',
|
|
44
|
+
user_image: ''
|
|
43
45
|
},
|
|
44
46
|
requested_on: 1542544501148,
|
|
45
|
-
h1:
|
|
46
|
-
h2:
|
|
47
|
-
taskType:
|
|
48
|
-
extension:
|
|
49
|
-
location:
|
|
50
|
-
actions: [
|
|
51
|
-
thumbnail:
|
|
47
|
+
h1: 'Analysis On CBI Corruption Story',
|
|
48
|
+
h2: 'S2 E4',
|
|
49
|
+
taskType: 'snp_edit',
|
|
50
|
+
extension: 'mp4',
|
|
51
|
+
location: 'Banglore',
|
|
52
|
+
actions: ['play', 'archive'],
|
|
53
|
+
thumbnail: '' + img_thumbnail,
|
|
52
54
|
width: 280,
|
|
53
55
|
height: 250,
|
|
54
|
-
display_type:
|
|
55
|
-
gradient:
|
|
56
|
-
id:
|
|
57
|
-
iframeURL:
|
|
58
|
-
default_action:
|
|
56
|
+
display_type: 'type1',
|
|
57
|
+
gradient: 'grad1',
|
|
58
|
+
id: 'a0001',
|
|
59
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
60
|
+
default_action: 'play',
|
|
59
61
|
info: _react2.default.createElement(
|
|
60
62
|
_react2.default.Fragment,
|
|
61
63
|
null,
|
|
62
64
|
_react2.default.createElement(
|
|
63
|
-
|
|
64
|
-
{ className:
|
|
65
|
+
'div',
|
|
66
|
+
{ className: 'title' },
|
|
65
67
|
_react2.default.createElement(
|
|
66
|
-
|
|
68
|
+
'p',
|
|
67
69
|
null,
|
|
68
|
-
|
|
70
|
+
'Brief'
|
|
69
71
|
),
|
|
70
72
|
_react2.default.createElement(
|
|
71
|
-
|
|
73
|
+
'p',
|
|
72
74
|
null,
|
|
73
|
-
|
|
75
|
+
'This is a Brief'
|
|
74
76
|
)
|
|
75
77
|
)
|
|
76
78
|
),
|
|
77
|
-
assetStatus:
|
|
79
|
+
assetStatus: 'REJECTED',
|
|
78
80
|
moreActions: [{
|
|
79
|
-
name:
|
|
80
|
-
field:
|
|
81
|
-
icon:
|
|
81
|
+
name: 'Upload',
|
|
82
|
+
field: 'upload',
|
|
83
|
+
icon: 'upload'
|
|
82
84
|
}, {
|
|
83
|
-
name:
|
|
84
|
-
field:
|
|
85
|
-
icon:
|
|
85
|
+
name: 'Download',
|
|
86
|
+
field: 'download',
|
|
87
|
+
icon: 'download'
|
|
86
88
|
}],
|
|
87
89
|
actionClickHandler: function actionClickHandler(id, action) {
|
|
88
|
-
console.log(
|
|
90
|
+
console.log('ACTION CLICK :', id, action);
|
|
89
91
|
}
|
|
90
92
|
}),
|
|
91
93
|
_react2.default.createElement(
|
|
92
|
-
|
|
94
|
+
'p',
|
|
93
95
|
null,
|
|
94
|
-
|
|
96
|
+
'type1'
|
|
95
97
|
),
|
|
96
98
|
_react2.default.createElement(_components.VideoCard, {
|
|
97
99
|
requested_by: {
|
|
98
|
-
name:
|
|
99
|
-
email:
|
|
100
|
-
user_image:
|
|
100
|
+
name: 'Ashutosh Narkhede',
|
|
101
|
+
email: '',
|
|
102
|
+
user_image: ''
|
|
101
103
|
},
|
|
102
104
|
requested_on: 1542544501148,
|
|
103
|
-
h1:
|
|
104
|
-
h2:
|
|
105
|
-
taskType:
|
|
106
|
-
extension:
|
|
107
|
-
location:
|
|
108
|
-
actions: [
|
|
109
|
-
thumbnail:
|
|
105
|
+
h1: 'Analysis On CBI Corruption Story',
|
|
106
|
+
h2: 'S2 E5',
|
|
107
|
+
taskType: 'pgm_edit',
|
|
108
|
+
extension: 'mp4',
|
|
109
|
+
location: 'Banglore',
|
|
110
|
+
actions: ['play', 'archive'],
|
|
111
|
+
thumbnail: '' + img_thumbnail,
|
|
110
112
|
width: 280,
|
|
111
113
|
height: 250,
|
|
112
|
-
display_type:
|
|
113
|
-
id:
|
|
114
|
+
display_type: 'type1',
|
|
115
|
+
id: 'a0001',
|
|
114
116
|
info: _react2.default.createElement(
|
|
115
117
|
_react2.default.Fragment,
|
|
116
118
|
null,
|
|
117
119
|
_react2.default.createElement(
|
|
118
|
-
|
|
119
|
-
{ className:
|
|
120
|
+
'div',
|
|
121
|
+
{ className: 'title' },
|
|
120
122
|
_react2.default.createElement(
|
|
121
|
-
|
|
123
|
+
'p',
|
|
122
124
|
null,
|
|
123
|
-
|
|
125
|
+
'Brief'
|
|
124
126
|
),
|
|
125
127
|
_react2.default.createElement(
|
|
126
|
-
|
|
128
|
+
'p',
|
|
127
129
|
null,
|
|
128
|
-
|
|
130
|
+
'This is a Brief'
|
|
129
131
|
)
|
|
130
132
|
)
|
|
131
133
|
),
|
|
132
|
-
assetStatus:
|
|
133
|
-
iframeURL:
|
|
134
|
-
default_action:
|
|
134
|
+
assetStatus: 'Review',
|
|
135
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
136
|
+
default_action: 'play',
|
|
135
137
|
actionClickHandler: function actionClickHandler(id, action) {
|
|
136
|
-
console.log(
|
|
138
|
+
console.log('ACTION CLICK :', id, action);
|
|
137
139
|
}
|
|
138
140
|
})
|
|
139
141
|
),
|
|
140
142
|
_react2.default.createElement(_components.VideoCard, {
|
|
141
143
|
requested_by: {
|
|
142
|
-
name:
|
|
143
|
-
email:
|
|
144
|
-
user_image:
|
|
144
|
+
name: 'Ashutosh Narkhede',
|
|
145
|
+
email: '',
|
|
146
|
+
user_image: ''
|
|
145
147
|
},
|
|
146
148
|
requested_on: 1542544501148,
|
|
147
|
-
h1:
|
|
148
|
-
h2:
|
|
149
|
-
taskType:
|
|
150
|
-
extension:
|
|
151
|
-
location:
|
|
152
|
-
actions: [
|
|
153
|
-
thumbnail:
|
|
149
|
+
h1: 'Analysis On CBI Corruption Story',
|
|
150
|
+
h2: 'S2 E5',
|
|
151
|
+
taskType: 'pgm_edit',
|
|
152
|
+
extension: 'mp4',
|
|
153
|
+
location: 'Banglore',
|
|
154
|
+
actions: ['play', 'archive'],
|
|
155
|
+
thumbnail: '' + img_thumbnail,
|
|
154
156
|
width: 280,
|
|
155
157
|
height: 250,
|
|
156
|
-
display_type:
|
|
158
|
+
display_type: 'type1',
|
|
157
159
|
isDisabled: true,
|
|
158
|
-
uploadStatus:
|
|
159
|
-
id:
|
|
160
|
-
iframeURL:
|
|
161
|
-
default_action:
|
|
160
|
+
uploadStatus: 'Verifying',
|
|
161
|
+
id: 'a0001',
|
|
162
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
163
|
+
default_action: 'play',
|
|
162
164
|
actionClickHandler: function actionClickHandler(id, action) {
|
|
163
|
-
console.log(
|
|
165
|
+
console.log('ACTION CLICK :', id, action);
|
|
164
166
|
}
|
|
165
167
|
}),
|
|
166
168
|
_react2.default.createElement(
|
|
167
|
-
|
|
168
|
-
{ style: { marginTop:
|
|
169
|
+
'div',
|
|
170
|
+
{ style: { marginTop: '30px' } },
|
|
169
171
|
_react2.default.createElement(
|
|
170
|
-
|
|
172
|
+
'p',
|
|
171
173
|
null,
|
|
172
|
-
|
|
174
|
+
'type1'
|
|
173
175
|
),
|
|
174
176
|
_react2.default.createElement(_components.VideoCard, {
|
|
175
|
-
h1:
|
|
176
|
-
h2:
|
|
177
|
-
h3:
|
|
178
|
-
h4:
|
|
179
|
-
thumbnail:
|
|
180
|
-
display_type:
|
|
181
|
-
id:
|
|
182
|
-
iframeURL:
|
|
183
|
-
default_action:
|
|
177
|
+
h1: 'Analysis On CBI Corruption Story',
|
|
178
|
+
h2: 'S1 E6',
|
|
179
|
+
h3: '18:00',
|
|
180
|
+
h4: '20:00',
|
|
181
|
+
thumbnail: '' + img_thumbnail,
|
|
182
|
+
display_type: 'type1',
|
|
183
|
+
id: 'a0002',
|
|
184
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
185
|
+
default_action: 'play',
|
|
184
186
|
actionClickHandler: function actionClickHandler(id, action) {
|
|
185
|
-
console.log(
|
|
187
|
+
console.log('ACTION CLICK :', id, action);
|
|
186
188
|
}
|
|
187
189
|
})
|
|
188
190
|
),
|
|
189
191
|
_react2.default.createElement(
|
|
190
|
-
|
|
191
|
-
{ style: { marginTop:
|
|
192
|
+
'div',
|
|
193
|
+
{ style: { marginTop: '30px' } },
|
|
192
194
|
_react2.default.createElement(
|
|
193
|
-
|
|
195
|
+
'p',
|
|
194
196
|
null,
|
|
195
|
-
|
|
197
|
+
'type2'
|
|
196
198
|
),
|
|
197
199
|
_react2.default.createElement(_components.VideoCard, {
|
|
198
|
-
h1:
|
|
199
|
-
h2:
|
|
200
|
-
assetStatus:
|
|
201
|
-
thumbnail:
|
|
202
|
-
display_type:
|
|
203
|
-
id:
|
|
204
|
-
iframeURL:
|
|
205
|
-
default_action:
|
|
200
|
+
h1: 'Analysis On CBI Corruption Story',
|
|
201
|
+
h2: 'AH357829',
|
|
202
|
+
assetStatus: 'In Progress',
|
|
203
|
+
thumbnail: '' + img_thumbnail,
|
|
204
|
+
display_type: 'type2',
|
|
205
|
+
id: 'a0002',
|
|
206
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
207
|
+
default_action: 'play',
|
|
206
208
|
actionClickHandler: function actionClickHandler(id, action) {
|
|
207
|
-
console.log(
|
|
209
|
+
console.log('ACTION CLICK :', id, action);
|
|
208
210
|
}
|
|
209
211
|
})
|
|
210
212
|
),
|
|
211
213
|
_react2.default.createElement(
|
|
212
|
-
|
|
213
|
-
{ style: { marginTop:
|
|
214
|
+
'div',
|
|
215
|
+
{ style: { marginTop: '30px' } },
|
|
214
216
|
_react2.default.createElement(
|
|
215
|
-
|
|
217
|
+
'p',
|
|
216
218
|
null,
|
|
217
|
-
|
|
219
|
+
'type2'
|
|
218
220
|
),
|
|
219
221
|
_react2.default.createElement(_components.VideoCard, {
|
|
220
|
-
h1:
|
|
221
|
-
h2:
|
|
222
|
-
assetStatus:
|
|
223
|
-
thumbnail:
|
|
224
|
-
display_type:
|
|
225
|
-
id:
|
|
226
|
-
iframeURL:
|
|
227
|
-
default_action:
|
|
222
|
+
h1: 'Analysis On CBI Corruption Story',
|
|
223
|
+
h2: 'AH357829',
|
|
224
|
+
assetStatus: 'APPROVED',
|
|
225
|
+
thumbnail: '' + img_thumbnail,
|
|
226
|
+
display_type: 'type2',
|
|
227
|
+
id: 'a0002',
|
|
228
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
229
|
+
default_action: 'play',
|
|
228
230
|
actionClickHandler: function actionClickHandler(id, action) {
|
|
229
|
-
console.log(
|
|
231
|
+
console.log('ACTION CLICK :', id, action);
|
|
230
232
|
}
|
|
231
233
|
})
|
|
232
234
|
),
|
|
233
235
|
_react2.default.createElement(
|
|
234
|
-
|
|
235
|
-
{ style: { marginTop:
|
|
236
|
+
'div',
|
|
237
|
+
{ style: { marginTop: '30px' } },
|
|
236
238
|
_react2.default.createElement(
|
|
237
|
-
|
|
239
|
+
'p',
|
|
238
240
|
null,
|
|
239
|
-
|
|
241
|
+
'type2'
|
|
240
242
|
),
|
|
241
243
|
_react2.default.createElement(_components.VideoCard, {
|
|
242
|
-
h1:
|
|
243
|
-
h2:
|
|
244
|
-
assetStatus:
|
|
245
|
-
thumbnail:
|
|
246
|
-
display_type:
|
|
247
|
-
id:
|
|
248
|
-
iframeURL:
|
|
249
|
-
default_action:
|
|
244
|
+
h1: 'Analysis On CBI Corruption Story',
|
|
245
|
+
h2: 'AH357829',
|
|
246
|
+
assetStatus: 'REJECTED',
|
|
247
|
+
thumbnail: '' + img_thumbnail,
|
|
248
|
+
display_type: 'type2',
|
|
249
|
+
id: 'a0002',
|
|
250
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
251
|
+
default_action: 'play',
|
|
250
252
|
actionClickHandler: function actionClickHandler(id, action) {
|
|
251
|
-
console.log(
|
|
253
|
+
console.log('ACTION CLICK :', id, action);
|
|
252
254
|
}
|
|
253
255
|
})
|
|
254
256
|
),
|
|
255
257
|
_react2.default.createElement(
|
|
256
|
-
|
|
257
|
-
{ style: { marginTop:
|
|
258
|
+
'div',
|
|
259
|
+
{ style: { marginTop: '30px' } },
|
|
258
260
|
_react2.default.createElement(
|
|
259
|
-
|
|
261
|
+
'p',
|
|
260
262
|
null,
|
|
261
|
-
|
|
263
|
+
'type3'
|
|
262
264
|
),
|
|
263
265
|
_react2.default.createElement(_components.VideoCard, {
|
|
264
|
-
h1:
|
|
265
|
-
thumbnail:
|
|
266
|
+
h1: 'Analysis On CBI Corruption Story',
|
|
267
|
+
thumbnail: '' + img_thumbnail,
|
|
266
268
|
width: 180,
|
|
267
269
|
height: 250,
|
|
268
|
-
display_type:
|
|
269
|
-
id:
|
|
270
|
-
iframeURL:
|
|
271
|
-
default_action:
|
|
270
|
+
display_type: 'type3',
|
|
271
|
+
id: 'a0003',
|
|
272
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
273
|
+
default_action: 'play',
|
|
272
274
|
actionClickHandler: function actionClickHandler(id, action) {
|
|
273
|
-
console.log(
|
|
275
|
+
console.log('ACTION CLICK :', id, action);
|
|
274
276
|
}
|
|
275
277
|
})
|
|
276
278
|
),
|
|
277
279
|
_react2.default.createElement(
|
|
278
|
-
|
|
280
|
+
'p',
|
|
279
281
|
null,
|
|
280
|
-
|
|
282
|
+
'type4'
|
|
281
283
|
),
|
|
282
284
|
_react2.default.createElement(
|
|
283
|
-
|
|
284
|
-
{ style: { marginTop:
|
|
285
|
+
'div',
|
|
286
|
+
{ style: { marginTop: '30px' } },
|
|
285
287
|
_react2.default.createElement(_components.VideoCard, {
|
|
286
|
-
main_title:
|
|
287
|
-
sub_title:
|
|
288
|
-
thumbnail:
|
|
288
|
+
main_title: 'Analysis On CBI Corruption Story On CBI Corruption Story On CBI Corruption Story',
|
|
289
|
+
sub_title: 'Ep. 4',
|
|
290
|
+
thumbnail: '' + img_thumbnail,
|
|
289
291
|
creation: 1540624616000,
|
|
290
292
|
width: 400,
|
|
291
293
|
//height:250,
|
|
292
|
-
display_type:
|
|
293
|
-
display_size:
|
|
294
|
-
id:
|
|
295
|
-
iframeURL:
|
|
296
|
-
default_action:
|
|
294
|
+
display_type: 'type4',
|
|
295
|
+
display_size: 'large',
|
|
296
|
+
id: 'a0004',
|
|
297
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
298
|
+
default_action: 'play',
|
|
297
299
|
actionClickHandler: function actionClickHandler(id, action) {
|
|
298
|
-
console.log(
|
|
300
|
+
console.log('ACTION CLICK :', id, action);
|
|
299
301
|
}
|
|
300
302
|
})
|
|
301
303
|
),
|
|
302
304
|
_react2.default.createElement(
|
|
303
|
-
|
|
304
|
-
{ style: { marginTop:
|
|
305
|
+
'div',
|
|
306
|
+
{ style: { marginTop: '30px' } },
|
|
305
307
|
_react2.default.createElement(
|
|
306
|
-
|
|
308
|
+
'p',
|
|
307
309
|
null,
|
|
308
|
-
|
|
310
|
+
'type4'
|
|
309
311
|
),
|
|
310
312
|
_react2.default.createElement(_components.VideoCard, {
|
|
311
|
-
main_title:
|
|
312
|
-
thumbnail:
|
|
313
|
+
main_title: 'Analysis On CBI Corruption Story On CBI Corruption Story On CBI Corruption Story',
|
|
314
|
+
thumbnail: '' + img_thumbnail,
|
|
313
315
|
creation: 1540624616000,
|
|
314
316
|
width: 270,
|
|
315
317
|
//height:250,
|
|
316
|
-
display_type:
|
|
317
|
-
display_size:
|
|
318
|
-
id:
|
|
319
|
-
iframeURL:
|
|
320
|
-
default_action:
|
|
318
|
+
display_type: 'type4',
|
|
319
|
+
display_size: 'small',
|
|
320
|
+
id: 'a0005',
|
|
321
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
322
|
+
default_action: 'play',
|
|
321
323
|
actionClickHandler: function actionClickHandler(id, action) {
|
|
322
|
-
console.log(
|
|
324
|
+
console.log('ACTION CLICK :', id, action);
|
|
323
325
|
}
|
|
324
326
|
})
|
|
325
327
|
),
|
|
326
328
|
_react2.default.createElement(
|
|
327
|
-
|
|
328
|
-
{ style: { marginTop:
|
|
329
|
+
'div',
|
|
330
|
+
{ style: { marginTop: '30px' } },
|
|
329
331
|
_react2.default.createElement(
|
|
330
|
-
|
|
332
|
+
'p',
|
|
331
333
|
null,
|
|
332
|
-
|
|
334
|
+
'type4'
|
|
333
335
|
),
|
|
334
336
|
_react2.default.createElement(_components.VideoCard, {
|
|
335
|
-
main_title:
|
|
336
|
-
thumbnail:
|
|
337
|
+
main_title: 'Analysis On CBI Corruption Story On CBI Corruption Story On CBI Corruption Story',
|
|
338
|
+
thumbnail: '' + img_thumbnail,
|
|
337
339
|
creation: 1540624616000,
|
|
338
340
|
width: 125,
|
|
339
|
-
display_type:
|
|
340
|
-
display_size:
|
|
341
|
-
id:
|
|
342
|
-
iframeURL:
|
|
343
|
-
default_action:
|
|
341
|
+
display_type: 'type4',
|
|
342
|
+
display_size: 'thumbnail',
|
|
343
|
+
id: 'a0006',
|
|
344
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
345
|
+
default_action: 'play',
|
|
344
346
|
actionClickHandler: function actionClickHandler(id, action) {
|
|
345
|
-
console.log(
|
|
347
|
+
console.log('ACTION CLICK :', id, action);
|
|
346
348
|
}
|
|
347
349
|
})
|
|
348
350
|
)
|
|
@@ -360,4 +362,363 @@ var img_thumbnail = "https://tassets.desynova.com/img/topaz-logo.png";
|
|
|
360
362
|
// <Card theme="dark">Dark Theme</Card>
|
|
361
363
|
// </Stack>
|
|
362
364
|
// </Example>
|
|
363
|
-
// ))
|
|
365
|
+
// ))
|
|
366
|
+
(0, _react3.storiesOf)('VideoCard').add('nexc', function () {
|
|
367
|
+
return _react2.default.createElement(
|
|
368
|
+
_storyHelpers.Example,
|
|
369
|
+
{ title: 'Appearances Light', background: 'default' },
|
|
370
|
+
_react2.default.createElement(
|
|
371
|
+
_storyHelpers.Stack,
|
|
372
|
+
null,
|
|
373
|
+
_react2.default.createElement(
|
|
374
|
+
'div',
|
|
375
|
+
{ style: { display: 'block', width: '40%' } },
|
|
376
|
+
_react2.default.createElement(
|
|
377
|
+
'div',
|
|
378
|
+
{ style: { display: 'block', marginBottom: '20px' } },
|
|
379
|
+
_react2.default.createElement(
|
|
380
|
+
'div',
|
|
381
|
+
null,
|
|
382
|
+
_react2.default.createElement(
|
|
383
|
+
'p',
|
|
384
|
+
null,
|
|
385
|
+
'type1'
|
|
386
|
+
),
|
|
387
|
+
_react2.default.createElement(_components.VideoCard, _extends({
|
|
388
|
+
theme: 'nexc'
|
|
389
|
+
}, {
|
|
390
|
+
requested_by: {
|
|
391
|
+
name: 'Ashutosh Narkhede',
|
|
392
|
+
email: '',
|
|
393
|
+
user_image: ''
|
|
394
|
+
},
|
|
395
|
+
requested_on: 1542544501148,
|
|
396
|
+
h1: 'Analysis On CBI Corruption Story',
|
|
397
|
+
h2: 'S2 E4',
|
|
398
|
+
taskType: 'snp_edit',
|
|
399
|
+
extension: 'mp4',
|
|
400
|
+
location: 'Banglore',
|
|
401
|
+
actions: ['play', 'archive'],
|
|
402
|
+
thumbnail: '' + img_thumbnail,
|
|
403
|
+
width: 280,
|
|
404
|
+
height: 250,
|
|
405
|
+
display_type: 'type1',
|
|
406
|
+
gradient: 'grad1',
|
|
407
|
+
id: 'a0001',
|
|
408
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
409
|
+
default_action: 'play',
|
|
410
|
+
info: _react2.default.createElement(
|
|
411
|
+
_react2.default.Fragment,
|
|
412
|
+
null,
|
|
413
|
+
_react2.default.createElement(
|
|
414
|
+
'div',
|
|
415
|
+
{ className: 'title' },
|
|
416
|
+
_react2.default.createElement(
|
|
417
|
+
'p',
|
|
418
|
+
null,
|
|
419
|
+
'Brief'
|
|
420
|
+
),
|
|
421
|
+
_react2.default.createElement(
|
|
422
|
+
'p',
|
|
423
|
+
null,
|
|
424
|
+
'This is a Brief'
|
|
425
|
+
)
|
|
426
|
+
)
|
|
427
|
+
),
|
|
428
|
+
assetStatus: 'REJECTED',
|
|
429
|
+
moreActions: [{
|
|
430
|
+
name: 'Upload',
|
|
431
|
+
field: 'upload',
|
|
432
|
+
icon: 'upload'
|
|
433
|
+
}, {
|
|
434
|
+
name: 'Download',
|
|
435
|
+
field: 'download',
|
|
436
|
+
icon: 'download'
|
|
437
|
+
}],
|
|
438
|
+
actionClickHandler: function actionClickHandler(id, action) {
|
|
439
|
+
console.log('ACTION CLICK :', id, action);
|
|
440
|
+
}
|
|
441
|
+
})),
|
|
442
|
+
_react2.default.createElement(
|
|
443
|
+
'p',
|
|
444
|
+
null,
|
|
445
|
+
'type1'
|
|
446
|
+
),
|
|
447
|
+
_react2.default.createElement(_components.VideoCard, _extends({
|
|
448
|
+
theme: 'nexc'
|
|
449
|
+
}, {
|
|
450
|
+
requested_by: {
|
|
451
|
+
name: 'Ashutosh Narkhede',
|
|
452
|
+
email: '',
|
|
453
|
+
user_image: ''
|
|
454
|
+
},
|
|
455
|
+
requested_on: 1542544501148,
|
|
456
|
+
h1: 'Analysis On CBI Corruption Story',
|
|
457
|
+
h2: 'S2 E5',
|
|
458
|
+
taskType: 'pgm_edit',
|
|
459
|
+
extension: 'mp4',
|
|
460
|
+
location: 'Banglore',
|
|
461
|
+
actions: ['play', 'archive'],
|
|
462
|
+
thumbnail: '' + img_thumbnail,
|
|
463
|
+
width: 280,
|
|
464
|
+
height: 250,
|
|
465
|
+
display_type: 'type1',
|
|
466
|
+
id: 'a0001',
|
|
467
|
+
info: _react2.default.createElement(
|
|
468
|
+
_react2.default.Fragment,
|
|
469
|
+
null,
|
|
470
|
+
_react2.default.createElement(
|
|
471
|
+
'div',
|
|
472
|
+
{ className: 'title' },
|
|
473
|
+
_react2.default.createElement(
|
|
474
|
+
'p',
|
|
475
|
+
null,
|
|
476
|
+
'Brief'
|
|
477
|
+
),
|
|
478
|
+
_react2.default.createElement(
|
|
479
|
+
'p',
|
|
480
|
+
null,
|
|
481
|
+
'This is a Brief'
|
|
482
|
+
)
|
|
483
|
+
)
|
|
484
|
+
),
|
|
485
|
+
assetStatus: 'Review',
|
|
486
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
487
|
+
default_action: 'play',
|
|
488
|
+
actionClickHandler: function actionClickHandler(id, action) {
|
|
489
|
+
console.log('ACTION CLICK :', id, action);
|
|
490
|
+
}
|
|
491
|
+
}))
|
|
492
|
+
),
|
|
493
|
+
_react2.default.createElement(_components.VideoCard, _extends({
|
|
494
|
+
theme: 'nexc'
|
|
495
|
+
}, {
|
|
496
|
+
requested_by: {
|
|
497
|
+
name: 'Ashutosh Narkhede',
|
|
498
|
+
email: '',
|
|
499
|
+
user_image: ''
|
|
500
|
+
},
|
|
501
|
+
requested_on: 1542544501148,
|
|
502
|
+
h1: 'Analysis On CBI Corruption Story',
|
|
503
|
+
h2: 'S2 E5',
|
|
504
|
+
taskType: 'pgm_edit',
|
|
505
|
+
extension: 'mp4',
|
|
506
|
+
location: 'Banglore',
|
|
507
|
+
actions: ['play', 'archive'],
|
|
508
|
+
thumbnail: '' + img_thumbnail,
|
|
509
|
+
width: 280,
|
|
510
|
+
height: 250,
|
|
511
|
+
display_type: 'type1',
|
|
512
|
+
isDisabled: true,
|
|
513
|
+
uploadStatus: 'Verifying',
|
|
514
|
+
id: 'a0001',
|
|
515
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
516
|
+
default_action: 'play',
|
|
517
|
+
actionClickHandler: function actionClickHandler(id, action) {
|
|
518
|
+
console.log('ACTION CLICK :', id, action);
|
|
519
|
+
}
|
|
520
|
+
})),
|
|
521
|
+
_react2.default.createElement(
|
|
522
|
+
'div',
|
|
523
|
+
{ style: { marginTop: '30px' } },
|
|
524
|
+
_react2.default.createElement(
|
|
525
|
+
'p',
|
|
526
|
+
null,
|
|
527
|
+
'type1'
|
|
528
|
+
),
|
|
529
|
+
_react2.default.createElement(_components.VideoCard, _extends({
|
|
530
|
+
theme: 'nexc'
|
|
531
|
+
}, {
|
|
532
|
+
h1: 'Analysis On CBI Corruption Story',
|
|
533
|
+
h2: 'S1 E6',
|
|
534
|
+
h3: '18:00',
|
|
535
|
+
h4: '20:00',
|
|
536
|
+
thumbnail: '' + img_thumbnail,
|
|
537
|
+
display_type: 'type1',
|
|
538
|
+
id: 'a0002',
|
|
539
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
540
|
+
default_action: 'play',
|
|
541
|
+
actionClickHandler: function actionClickHandler(id, action) {
|
|
542
|
+
console.log('ACTION CLICK :', id, action);
|
|
543
|
+
}
|
|
544
|
+
}))
|
|
545
|
+
),
|
|
546
|
+
_react2.default.createElement(
|
|
547
|
+
'div',
|
|
548
|
+
{ style: { marginTop: '30px' } },
|
|
549
|
+
_react2.default.createElement(
|
|
550
|
+
'p',
|
|
551
|
+
null,
|
|
552
|
+
'type2'
|
|
553
|
+
),
|
|
554
|
+
_react2.default.createElement(_components.VideoCard, _extends({
|
|
555
|
+
theme: 'nexc'
|
|
556
|
+
}, {
|
|
557
|
+
h1: 'Analysis On CBI Corruption Story',
|
|
558
|
+
h2: 'AH357829',
|
|
559
|
+
assetStatus: 'In Progress',
|
|
560
|
+
thumbnail: '' + img_thumbnail,
|
|
561
|
+
display_type: 'type2',
|
|
562
|
+
id: 'a0002',
|
|
563
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
564
|
+
default_action: 'play',
|
|
565
|
+
actionClickHandler: function actionClickHandler(id, action) {
|
|
566
|
+
console.log('ACTION CLICK :', id, action);
|
|
567
|
+
}
|
|
568
|
+
}))
|
|
569
|
+
),
|
|
570
|
+
_react2.default.createElement(
|
|
571
|
+
'div',
|
|
572
|
+
{ style: { marginTop: '30px' } },
|
|
573
|
+
_react2.default.createElement(
|
|
574
|
+
'p',
|
|
575
|
+
null,
|
|
576
|
+
'type2'
|
|
577
|
+
),
|
|
578
|
+
_react2.default.createElement(_components.VideoCard, _extends({
|
|
579
|
+
theme: 'nexc'
|
|
580
|
+
}, {
|
|
581
|
+
h1: 'Analysis On CBI Corruption Story',
|
|
582
|
+
h2: 'AH357829',
|
|
583
|
+
assetStatus: 'APPROVED',
|
|
584
|
+
thumbnail: '' + img_thumbnail,
|
|
585
|
+
display_type: 'type2',
|
|
586
|
+
id: 'a0002',
|
|
587
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
588
|
+
default_action: 'play',
|
|
589
|
+
actionClickHandler: function actionClickHandler(id, action) {
|
|
590
|
+
console.log('ACTION CLICK :', id, action);
|
|
591
|
+
}
|
|
592
|
+
}))
|
|
593
|
+
),
|
|
594
|
+
_react2.default.createElement(
|
|
595
|
+
'div',
|
|
596
|
+
{ style: { marginTop: '30px' } },
|
|
597
|
+
_react2.default.createElement(
|
|
598
|
+
'p',
|
|
599
|
+
null,
|
|
600
|
+
'type2'
|
|
601
|
+
),
|
|
602
|
+
_react2.default.createElement(_components.VideoCard, _extends({
|
|
603
|
+
theme: 'nexc'
|
|
604
|
+
}, {
|
|
605
|
+
h1: 'Analysis On CBI Corruption Story',
|
|
606
|
+
h2: 'AH357829',
|
|
607
|
+
assetStatus: 'REJECTED',
|
|
608
|
+
thumbnail: '' + img_thumbnail,
|
|
609
|
+
display_type: 'type2',
|
|
610
|
+
id: 'a0002',
|
|
611
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
612
|
+
default_action: 'play',
|
|
613
|
+
actionClickHandler: function actionClickHandler(id, action) {
|
|
614
|
+
console.log('ACTION CLICK :', id, action);
|
|
615
|
+
}
|
|
616
|
+
}))
|
|
617
|
+
),
|
|
618
|
+
_react2.default.createElement(
|
|
619
|
+
'div',
|
|
620
|
+
{ style: { marginTop: '30px' } },
|
|
621
|
+
_react2.default.createElement(
|
|
622
|
+
'p',
|
|
623
|
+
null,
|
|
624
|
+
'type3'
|
|
625
|
+
),
|
|
626
|
+
_react2.default.createElement(_components.VideoCard, _extends({
|
|
627
|
+
theme: 'nexc'
|
|
628
|
+
}, {
|
|
629
|
+
h1: 'Analysis On CBI Corruption Story',
|
|
630
|
+
thumbnail: '' + img_thumbnail,
|
|
631
|
+
width: 180,
|
|
632
|
+
height: 250,
|
|
633
|
+
display_type: 'type3',
|
|
634
|
+
id: 'a0003',
|
|
635
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
636
|
+
default_action: 'play',
|
|
637
|
+
actionClickHandler: function actionClickHandler(id, action) {
|
|
638
|
+
console.log('ACTION CLICK :', id, action);
|
|
639
|
+
}
|
|
640
|
+
}))
|
|
641
|
+
),
|
|
642
|
+
_react2.default.createElement(
|
|
643
|
+
'p',
|
|
644
|
+
null,
|
|
645
|
+
'type4'
|
|
646
|
+
),
|
|
647
|
+
_react2.default.createElement(
|
|
648
|
+
'div',
|
|
649
|
+
{ style: { marginTop: '30px' } },
|
|
650
|
+
_react2.default.createElement(_components.VideoCard, _extends({
|
|
651
|
+
theme: 'nexc'
|
|
652
|
+
}, {
|
|
653
|
+
main_title: 'Analysis On CBI Corruption Story On CBI Corruption Story On CBI Corruption Story',
|
|
654
|
+
sub_title: 'Ep. 4',
|
|
655
|
+
thumbnail: '' + img_thumbnail,
|
|
656
|
+
creation: 1540624616000,
|
|
657
|
+
width: 400,
|
|
658
|
+
//height:250,
|
|
659
|
+
display_type: 'type4',
|
|
660
|
+
display_size: 'large',
|
|
661
|
+
id: 'a0004',
|
|
662
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
663
|
+
default_action: 'play',
|
|
664
|
+
actionClickHandler: function actionClickHandler(id, action) {
|
|
665
|
+
console.log('ACTION CLICK :', id, action);
|
|
666
|
+
}
|
|
667
|
+
}))
|
|
668
|
+
),
|
|
669
|
+
_react2.default.createElement(
|
|
670
|
+
'div',
|
|
671
|
+
{ style: { marginTop: '30px' } },
|
|
672
|
+
_react2.default.createElement(
|
|
673
|
+
'p',
|
|
674
|
+
null,
|
|
675
|
+
'type4'
|
|
676
|
+
),
|
|
677
|
+
_react2.default.createElement(_components.VideoCard, _extends({
|
|
678
|
+
theme: 'nexc'
|
|
679
|
+
}, {
|
|
680
|
+
main_title: 'Analysis On CBI Corruption Story On CBI Corruption Story On CBI Corruption Story',
|
|
681
|
+
thumbnail: '' + img_thumbnail,
|
|
682
|
+
creation: 1540624616000,
|
|
683
|
+
width: 270,
|
|
684
|
+
//height:250,
|
|
685
|
+
display_type: 'type4',
|
|
686
|
+
display_size: 'small',
|
|
687
|
+
id: 'a0005',
|
|
688
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
689
|
+
default_action: 'play',
|
|
690
|
+
actionClickHandler: function actionClickHandler(id, action) {
|
|
691
|
+
console.log('ACTION CLICK :', id, action);
|
|
692
|
+
}
|
|
693
|
+
}))
|
|
694
|
+
),
|
|
695
|
+
_react2.default.createElement(
|
|
696
|
+
'div',
|
|
697
|
+
{ style: { marginTop: '30px' } },
|
|
698
|
+
_react2.default.createElement(
|
|
699
|
+
'p',
|
|
700
|
+
null,
|
|
701
|
+
'type4'
|
|
702
|
+
),
|
|
703
|
+
_react2.default.createElement(_components.VideoCard, _extends({
|
|
704
|
+
theme: 'nexc'
|
|
705
|
+
}, {
|
|
706
|
+
main_title: 'Analysis On CBI Corruption Story On CBI Corruption Story On CBI Corruption Story',
|
|
707
|
+
thumbnail: '' + img_thumbnail,
|
|
708
|
+
creation: 1540624616000,
|
|
709
|
+
width: 125,
|
|
710
|
+
display_type: 'type4',
|
|
711
|
+
display_size: 'thumbnail',
|
|
712
|
+
id: 'a0006',
|
|
713
|
+
iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
|
|
714
|
+
default_action: 'play',
|
|
715
|
+
actionClickHandler: function actionClickHandler(id, action) {
|
|
716
|
+
console.log('ACTION CLICK :', id, action);
|
|
717
|
+
}
|
|
718
|
+
}))
|
|
719
|
+
)
|
|
720
|
+
)
|
|
721
|
+
)
|
|
722
|
+
)
|
|
723
|
+
);
|
|
724
|
+
});
|