Skip to content

Commit 7d9af1d

Browse files
nxglabsnxglabs
authored
Merge pull request #605 from OpenSignLabs/feat_report
style: change design of buttons in report
2 parents 9a07c67 + 0e38783 commit 7d9af1d

File tree

2 files changed

+184
-112
lines changed

2 files changed

+184
-112
lines changed

‎apps/OpenSign/src/json/ReportJson.js‎

Lines changed: 104 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ export default function reportJson(id) {
1313
actions: [
1414
{
1515
btnId: "1231",
16-
btnLabel: "Edit",
16+
hoverLabel: "Edit",
1717
btnColor: "#4bd396",
1818
textColor: "white",
1919
btnIcon: "fa-solid fa-pen",
@@ -22,7 +22,7 @@ export default function reportJson(id) {
2222
},
2323
{
2424
btnId: "2142",
25-
btnLabel: "Delete",
25+
hoverLabel: "Delete",
2626
btnColor: "#ff4848",
2727
textColor: "white",
2828
btnIcon: "fa fa-trash",
@@ -41,10 +41,11 @@ export default function reportJson(id) {
4141
actions: [
4242
{
4343
btnId: "4536",
44-
btnLabel: "Sign",
44+
btnLabel: "sign",
45+
hoverLabel: "Sign",
4546
btnColor: "#3ac9d6",
4647
textColor: "white",
47-
btnIcon: "fa fa-eye",
48+
btnIcon: "fa-solid fa-signature",
4849
redirectUrl: "pdfRequestFiles",
4950
action: "redirect"
5051
}
@@ -60,39 +61,47 @@ export default function reportJson(id) {
6061
actions: [
6162
{
6263
btnId: "8901",
63-
btnLabel: "Share",
64-
btnColor: "#3ac9d6",
64+
hoverLabel: "Share",
65+
btnColor: "#4bd396",
6566
textColor: "white",
6667
btnIcon: "fa-solid fa-share",
6768
redirectUrl: "",
6869
action: "share"
6970
},
7071
{
7172
btnId: "1588",
72-
btnLabel: "View",
73+
hoverLabel: "View",
7374
btnColor: "#3ac9d6",
7475
textColor: "white",
7576
btnIcon: "fa fa-eye",
7677
redirectUrl: "pdfRequestFiles",
7778
action: "redirect"
7879
},
7980
{
80-
btnId: "1488",
81-
btnLabel: "Delete",
82-
btnColor: "#ff4848",
83-
textColor: "white",
84-
btnIcon: "fa fa-trash",
85-
redirectUrl: "",
86-
action: "delete"
87-
},
88-
{
89-
btnId: "1688",
90-
btnLabel: "Revoke",
91-
btnColor: "#ff4848",
92-
textColor: "white",
93-
btnIcon: "fa-solid fa-file-circle-xmark",
94-
redirectUrl: "",
95-
action: "revoke"
81+
btnId: "2234",
82+
hoverLabel: "option",
83+
btnColor: "transparent",
84+
textColor: "black",
85+
btnIcon: "fa-solid fa-ellipsis-vertical fa-lg",
86+
action: "option",
87+
subaction: [
88+
{
89+
btnId: "1688",
90+
btnLabel: "Revoke",
91+
hoverLabel: "Revoke",
92+
btnIcon: "fa-solid fa-file-circle-xmark",
93+
redirectUrl: "",
94+
action: "revoke"
95+
},
96+
{
97+
btnId: "1488",
98+
btnLabel: "Delete",
99+
hoverLabel: "Delete",
100+
btnIcon: "fa fa-trash",
101+
redirectUrl: "",
102+
action: "delete"
103+
}
104+
]
96105
}
97106
],
98107
helpMsg:
@@ -106,7 +115,7 @@ export default function reportJson(id) {
106115
actions: [
107116
{
108117
btnId: "1378",
109-
btnLabel: "Edit",
118+
hoverLabel: "Edit",
110119
btnColor: "#4bd396",
111120
textColor: "white",
112121
btnIcon: "fa fa-eye",
@@ -115,7 +124,7 @@ export default function reportJson(id) {
115124
},
116125
{
117126
btnId: "1278",
118-
btnLabel: "Delete",
127+
hoverLabel: "Delete",
119128
btnColor: "#ff4848",
120129
textColor: "white",
121130
btnIcon: "fa fa-trash",
@@ -134,7 +143,7 @@ export default function reportJson(id) {
134143
actions: [
135144
{
136145
btnId: "1458",
137-
btnLabel: "View",
146+
hoverLabel: "View",
138147
btnColor: "#4bd396",
139148
textColor: "white",
140149
btnIcon: "fa fa-eye",
@@ -143,7 +152,7 @@ export default function reportJson(id) {
143152
},
144153
{
145154
btnId: "1358",
146-
btnLabel: "Delete",
155+
hoverLabel: "Delete",
147156
btnColor: "#ff4848",
148157
textColor: "white",
149158
btnIcon: "fa fa-trash",
@@ -162,7 +171,7 @@ export default function reportJson(id) {
162171
actions: [
163172
{
164173
btnId: "1898",
165-
btnLabel: "View",
174+
hoverLabel: "View",
166175
btnColor: "#4bd396",
167176
textColor: "white",
168177
btnIcon: "fa fa-eye",
@@ -171,7 +180,7 @@ export default function reportJson(id) {
171180
},
172181
{
173182
btnId: "1998",
174-
btnLabel: "Delete",
183+
hoverLabel: "Delete",
175184
btnColor: "#ff4848",
176185
textColor: "white",
177186
btnIcon: "fa fa-trash",
@@ -190,21 +199,47 @@ export default function reportJson(id) {
190199
actions: [
191200
{
192201
btnId: "1999",
193-
btnLabel: "View",
202+
hoverLabel: "Share",
194203
btnColor: "#4bd396",
195204
textColor: "white",
205+
btnIcon: "fa-solid fa-share",
206+
redirectUrl: "",
207+
action: "share"
208+
},
209+
{
210+
btnId: "1999",
211+
hoverLabel: "View",
212+
btnColor: "#3ac9d6",
213+
textColor: "white",
196214
btnIcon: "fa fa-eye",
197215
redirectUrl: "pdfRequestFiles",
198216
action: "redirect"
199217
},
200218
{
201-
btnId: "2000",
202-
btnLabel: "Delete",
203-
btnColor: "#ff4848",
204-
textColor: "white",
205-
btnIcon: "fa fa-trash",
206-
redirectUrl: "",
207-
action: "delete"
219+
btnId: "2234",
220+
hoverLabel: "option",
221+
btnColor: "transparent",
222+
textColor: "black",
223+
btnIcon: "fa-solid fa-ellipsis-vertical fa-lg",
224+
action: "option",
225+
subaction: [
226+
{
227+
btnId: "6788",
228+
btnLabel: "Revoke",
229+
hoverLabel: "Revoke",
230+
btnIcon: "fa-solid fa-file-circle-xmark",
231+
redirectUrl: "",
232+
action: "revoke"
233+
},
234+
{
235+
btnId: "2000",
236+
btnLabel: "Delete",
237+
hoverLabel: "Delete",
238+
btnIcon: "fa fa-trash",
239+
redirectUrl: "",
240+
action: "delete"
241+
}
242+
]
208243
}
209244
]
210245
};
@@ -216,8 +251,9 @@ export default function reportJson(id) {
216251
actions: [
217252
{
218253
btnId: "2001",
219-
btnLabel: "Sign",
220-
btnColor: "#4bd396",
254+
btnLabel: "sign",
255+
hoverLabel: "Sign",
256+
btnColor: "#3ac9d6",
221257
textColor: "white",
222258
btnIcon: "fa-solid fa-signature",
223259
redirectUrl: "pdfRequestFiles",
@@ -233,7 +269,7 @@ export default function reportJson(id) {
233269
actions: [
234270
{
235271
btnId: "2003",
236-
btnLabel: "Edit",
272+
hoverLabel: "Edit",
237273
btnColor: "#4bd396",
238274
textColor: "white",
239275
btnIcon: "fa-solid fa-pen",
@@ -242,7 +278,7 @@ export default function reportJson(id) {
242278
},
243279
{
244280
btnId: "2004",
245-
btnLabel: "Delete",
281+
hoverLabel: "Delete",
246282
btnColor: "#ff4848",
247283
textColor: "white",
248284
btnIcon: "fa fa-trash",
@@ -259,7 +295,7 @@ export default function reportJson(id) {
259295
actions: [
260296
{
261297
btnId: "2204",
262-
btnLabel: "Delete",
298+
hoverLabel: "Delete",
263299
btnColor: "#f55a42",
264300
textColor: "white",
265301
btnIcon: "fa-solid fa-trash",
@@ -278,30 +314,39 @@ export default function reportJson(id) {
278314
actions: [
279315
{
280316
btnId: "2234",
281-
btnLabel: "Create document",
317+
btnLabel: "Use",
318+
hoverLabel: "Use",
282319
btnColor: "#4bd396",
283320
textColor: "white",
284321
btnIcon: "fa fa-plus",
285322
redirectUrl: "placeHolderSign",
286323
action: "redirect"
287324
},
288325
{
289-
btnLabel: "Edit",
290-
btnId: "2434",
291-
btnColor: "#00c9d5",
292-
textColor: "white",
293-
btnIcon: "fa-solid fa-pen",
294-
redirectUrl: "template",
295-
action: "redirect"
296-
},
297-
{
298-
btnId: "1834",
299-
btnLabel: "Delete",
300-
btnColor: "#ff4848",
301-
textColor: "white",
302-
btnIcon: "fa fa-trash",
303-
redirectUrl: "",
304-
action: "delete"
326+
btnId: "2234",
327+
hoverLabel: "option",
328+
btnColor: "transparent",
329+
textColor: "black",
330+
btnIcon: "fa-solid fa-ellipsis-vertical fa-lg",
331+
action: "option",
332+
subaction: [
333+
{
334+
btnId: "2434",
335+
btnLabel: "Edit",
336+
hoverLabel: "Edit",
337+
btnIcon: "fa-solid fa-pen",
338+
redirectUrl: "template",
339+
action: "redirect"
340+
},
341+
{
342+
btnId: "1834",
343+
btnLabel: "Delete",
344+
hoverLabel: "Delete",
345+
btnIcon: "fa fa-trash",
346+
redirectUrl: "",
347+
action: "delete"
348+
}
349+
]
305350
}
306351
],
307352
helpMsg:

0 commit comments

Comments
 (0)