-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (136 loc) · 8.01 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="A simple app to find plan name from a provided prefix.">
<meta name="theme-color" content="#343a40">
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">
</script>
<script src="https://rawcdn.githack.com/zenorocha/clipboard.js/v2.0.4/dist/clipboard.min.js"></script>
<script type="text/javascript" src="https://cdn.emailjs.com/sdk/2.3.2/email.min.js"></script>
<script type="text/javascript">
var _0x27b8 = ['init', 'user_tz1BNcb7eLj242a7skirQ'];
(function(_0x44c879, _0x106d9f) {
var _0xc93408 = function(_0x3a730b) {
while (--_0x3a730b) {
_0x44c879['push'](_0x44c879['shift']());
}
};
_0xc93408(++_0x106d9f);
}(_0x27b8, 0x11c));
var _0x1621 = function(_0x647e8, _0x3b22f8) {
_0x647e8 = _0x647e8 - 0x0;
var _0x56d223 = _0x27b8[_0x647e8];
return _0x56d223;
};
(function() {
emailjs[_0x1621('0x0')](_0x1621('0x1'));
}());
</script>
<title>CCX Finder</title>
</head>
<body>
<nav>
<div class="navbar navbar-expand-sm navbar-dark bg-dark">
<a href="/ccx-finder" class="navbar-brand">CCX Finder</a>
<div class="collapse navbar-collapse">
<button type="button" class="btn btn-secondary ml-auto" data-toggle="modal" data-target="#contact-modal">Report an Issue</button>
</div>
</div>
</nav>
<main>
<div class="container-fluid">
<div class="row pt-3">
<div class="col-sm-6">
<div class="form-group col-sm-6">
<div class="form-row">
<label for="nickname-select">Brightree</label>
<select class="form-control" id="nickname-select" autofocus>
<option selected="true" disabled>Choose a Brightree</option>
<option>OHH</option>
<option>One Brightree</option>
</select>
</div>
</div>
<div class="form-group col-sm-6 mt-4">
<div class="form-row">
<label for="three-digits">Prefix</label>
<input id="three-digits" type="text" class="form-control" disabled>
</div>
</div>
<div class="form-group col-sm-6 mt-4">
<div class="form-row" id="group">
<label for="group-num">Group #</label>
<input id="group-num" type="text" class="form-control" disabled>
</div>
</div>
<div class="card col-sm-12 mt-4 ml-2">
<div class="card-body" id="result-con">
<span class="card-title" id="plan-type">Plan Type:</span>
<span class="card-text" id="result"> </span>
<span class="card-text" id="id"> </span>
<button id="copy" class="btn btn-secondary float-right" data-clipboard-target="#result"><svg
viewBox="0 0 14 16" width="20" height="30">
<path id="clip-board" fill-rule="evenodd"
d="M2 13h4v1H2v-1zm5-6H2v1h5V7zm2 3V8l-3 3 3 3v-2h5v-2H9zM4.5 9H2v1h2.5V9zM2 12h2.5v-1H2v1zm9 1h1v2c-.02.28-.11.52-.3.7-.19.18-.42.28-.7.3H1c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c0-1.11.89-2 2-2 1.11 0 2 .89 2 2h3c.55 0 1 .45 1 1v5h-1V6H1v9h10v-2zM2 5h8c0-.55-.45-1-1-1H8c-.55 0-1-.45-1-1s-.45-1-1-1-1 .45-1 1-.45 1-1 1H3c-.55 0-1 .45-1 1z">
</path>
</svg></button>
</div>
</div>
</div>
<div class="card col-sm-6">
<h3 class="card-header">Instructions</h3>
<div class="card-body">
<p class="card-text"><span class="font-weight-bold">1.</span> Choose either <span class="font-weight-bold">OHH</span> or <span class="font-weight-bold">One
Brightree</span>, depending on the Brightree that you are using.
</p>
<p class="card-text"><span class="font-weight-bold">2.</span> Enter the 3 character prefix into the Prefix input and press Enter. You will then be told which plan it is or asked to enter a group #.</p>
<p class="card-text"><span class="font-weight-bold">3.</span> You can then use the button with the clipboard on it to copy the plan name and paste it into Brightree.</p>
<p class="card-text"><span class="font-weight-bold">4.</span> If anything occurs out of the oridnary or if you experience any bugs please click the "Report an Issue" button in the top right corner and follow instructions from there.</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="contact-modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="contact-modal-label">Issue Report</h5>
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="sender-name" class="col-form-label">From:</label>
<input id="report-from" type="text" class="form-control" id="sender-name" placeholder="Enter your full name....">
</div>
<div class="form-group">
<label for="message-text" class="col-form-label">Message:</label>
<textarea id="report-message" placeholder="Please enter a detailed report of the bug/issue that you experienced." class="form-control" id="message-text"></textarea>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button id="send-report" type="button" class="btn btn-primary" data-dismiss="modal">Send
Report</button>
</div>
</div>
</div>
</div>
</main>
<footer></footer>
<script type="module" src="all.js"></script>
</body>
</html>