-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (109 loc) · 7.83 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Report Bug - Form</title>
<!-- Boostrap CDN -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!-- End Boostrap CDN -->
<!-- TinyMCE CDN -->
<script src="https://cdn.tiny.cloud/1/b0b6yrt6pdgjv1i5y2e3gx8be3o6d81azc70qr73ig2bci0m/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<!-- End TinyMCE CDN -->
<!-- Font Awesome CDN -->
<script src="https://kit.fontawesome.com/cd4f2f6156.js" crossorigin="anonymous"></script>
<!-- End Font Awesome CDN -->
<!-- IntTelInput CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.13/css/intlTelInput.css" integrity="sha512-gxWow8Mo6q6pLa1XH/CcH8JyiSDEtiwJV78E+D+QP0EVasFs8wKXq16G8CLD4CJ2SnonHr4Lm/yY2fSI2+cbmw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- End INTTelInput CDN -->
</head>
<body>
<div class="container my-4">
<div class="row justify-content-md-center">
<div class="col-md-12 col-lg-8">
<span class="form-heading d-flex justify-content-center mt-4 pb-4">
<h1 class="fs-3">Report Bug </h1>
<i class="fas fa-bug align-items-baseline ps-2 pt-1" style="color: orange; font-size: 1.5em;"></i>
</span>
<form action="/form.html" method="POST" id="bugform" name="bug-form">
<div class="input-group pb-4" >
<span class="input-group-text">Name</span>
<input type="text" class="form-control border" name="issuername" id="issuername" placeholder="Enter your Name" >
<small class="col-12 d-flex" ></small>
</div>
<div class="input-group pb-4">
<span class="input-group-text">Email</span>
<input type="email" class="form-control border" name="issueremail" id="issueremail" placeholder="Enter your Email">
<small class="col-12 d-flex"></small>
</div>
<div class="input-group">
<span class="input-group-text">Confirm Email</span>
<input type="email" class="form-control border" name="issueremailconfirm" id="issueremailconfirm" placeholder="Confirm your Email">
<small class="col-12 d-flex"></small>
</div>
<small class=" form-text text-muted">We'll never share your email with anyone else.</small>
<div class="input-group pt-3">
<span class="input-group-text" id="issuer-phone-label">Phone</span>
<input type="tel" name="issuer-phone" id="issuerphone" class="form-control border" aria-label="Text input with dropdown button" >
<small class="col-12 d-flex"></small>
</div>
<div class="form-group pt-2" id="bug-severity-form">
<p class="mb-0 pb-2" id="bug-severity-label">Severity of the <i class="fas fa-bug pb-2 " style="color: orange;" ></i></p>
<div class="form-check">
<label for="bug-severity" class="form-check-label pb-2">Blocker (S1)</label>
<input type="radio" class="form-check-input" name="bug-severity" id="bug-severity-blocker" value="Blocker">
</div>
<div class="form-check">
<label for="bug-severity" class="form-check-label pb-2">Critical (S2)</label>
<input type="radio" class="form-check-input" name="bug-severity" id="bug-severity-critical" value="Critical">
</div>
<div class="form-check">
<label for="bug-severity" class="form-check-label pb-2">Major (S3)</label>
<input type="radio" class="form-check-input" name="bug-severity" id="bug-severity-major" value="Major">
</div>
<div class="form-check ">
<label for="bug-severity" class="form-check-label pb-2">Minor (S4)</label>
<input type="radio" class="form-check-input" name="bug-severity" id="bug-severity-minor" value="Minor">
</div>
<div class="form-check ">
<label for="bug-severity" class="form-check-label pb-2">Low (S5)</label>
<input type="radio" class="form-check-input" name="bug-severity" id="bug-severity-low" value="low">
</div>
<small class="col-12 d-flex"></small>
</div>
<div class="form-group pb-2">
<label for="bug-platform" class="form-label">Select the platform where <i class="fas fa-bug pb-2" style="color: orange;" ></i> showed up</label>
<select class="form-select" name="bug-platform" id="bug-platform" aria-label="Select the platform">
<option selected>Select the platform</option>
<option value="Client">Client Platform</option>
<option value="Admin">Admin Platform</option>
<option value="Server">Server Side</option>
</select>
<small class="col-12 d-flex"></small>
</div>
<div class="form-group pb-2">
</div>
<div class="form-group pb-2">
<label for="bug-screenshot" class="form-label">Attach the Screenshot</label>
<input type="file" class="form-control border" name="bug-screenshot" id="bugscreenshot">
<small class="col-12 d-flex"></small>
</div>
<div class="form-group pb-2">
<label for="bug-report">Describe your <i class="fas fa-bug pb-2" style="color: orange;" ></i> </label>
<textarea class="form-control border" name="bug-report" id="bug-report" style="min-height: calc(1.5em + (5rem + 2px))" aria-label="With textarea"></textarea>
<small class="col-12 d-flex"></small>
</div>
<button type="submit" class="btn btn-warning">Submit</button>
</form>
</div>
</div>
</div>
<!-- Boostrap JS Bundle -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<!-- End Boostrap JS Bundle -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.13/js/intlTelInput.js" integrity="sha512-Re9cWc8hkn7aWsPHHlX+FusmIyrNeKQy17imsq9KxIPauDx1XGnBhJn7+ItWi7fwT35i+81pDJGQtolFwnUXZg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.13/js/utils.js" integrity="sha512-/b3Hz5C3/9PtjfdAtl9gQhYSkZirvbAOPTkcCT/9ABa4hpyQizp1DILcGZNrsmi1VvRBH3vImPNmaWtaf0IyHA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script defer src="js/app.js"></script>
</body>
</html>