-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
81 lines (76 loc) · 3.68 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<html>
<head>
<title>A Crayons Freshdesk Sample</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script async src="https://static.freshdev.io/fdk/2.0/assets/fresh_client.js"></script>
<link rel="stylesheet" type="text/css" href="styles/style.css" />
</head>
<body>
<div class="main">
<div class="one">
<form role="form" id="ticketForm">
<fw-input placeholder="Enter Ticket Title" type="text" label="Title" id="title"></fw-input>
<fw-textarea placeholder="Enter ticket Description" id="desc"> </fw-textarea>
<fw-input placeholder="Enter your Email" type="email" label="Email" id="email"></fw-input><br />
<fw-label value="Single date picker" color="yellow"></fw-label><br />
<fw-datepicker value="2021-12-02" display-format="dd-MM-yyyy"></fw-datepicker>
</form>
<div class="fw-flex fw-flex-column fw-justify-center">
<fw-file-uploader
id="file-uploader-1"
text="Upload CSV"
description="or drag and drop your csv file here"
hint="File size must be within 5MB"
max-file-size="5"
accept=".csv"
>
</fw-file-uploader>
<br />
<fw-button color="link" file-uploader-id="file-uploader-1">Upload file</fw-button>
<br />
<br />
</div>
<fw-button color="primary" id="createTicket">Create Ticket</fw-button>
<fw-button color="secondary" id="clearDetails">Clear</fw-button>
</div>
<div class="two" style="max-height:15rem">
<fw-data-table id="datatable" is-selectable="true" label="Data table 1"> </fw-data-table>
<fw-button modal-trigger-id="plot"> Plot </fw-button>
<fw-modal id="plot" title-text="Plot">
The series features comic fights between two lifelong enemies, a cat (Tom) and a mouse (Jerry). The plots of
each short usually center on Tom and Jerry's numerous attempts to have the best of each other and the mayhem
and destruction that follows.
</fw-modal>
</div>
<div class="three">
<fw-accordion expanded>
<fw-accordion-title>Tom and Jerry</fw-accordion-title>
<fw-accordion-body>
Tom and Jerry is an American animated media franchise and series of comedy short films created in 1940 by
William Hanna and Joseph Barbera. Best known for its 161 theatrical short films by Metro-Goldwyn-Mayer, the
series centers on the rivalry between the titular characters of a cat named Tom and a mouse named Jerry.
Many shorts also feature several recurring characters.
</fw-accordion-body>
<section>
<fw-button-group label="Test">
<fw-button id="b1" size="icon" color="secondary">
<fw-icon name="reply" color="black"></fw-icon>
</fw-button>
<fw-button id="b2" size="icon" color="secondary">
<fw-icon name="chat-online" color="black"></fw-icon>
</fw-button>
<fw-button id="b3" size="icon" color="secondary">
<fw-icon name="more-horizontal" color="black"></fw-icon>
</fw-button>
</fw-button-group>
</section>
</fw-accordion>
</div>
</div>
</body>
<script src="scripts/app.js" defer></script>
<script async type="module" src="https://unpkg.com/@freshworks/crayons@v3/dist/crayons/crayons.esm.js"></script>
<script async nomodule src="https://unpkg.com/@freshworks/crayons@v3/dist/crayons/crayons.js"></script>
</html>