-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
152 lines (141 loc) · 7.64 KB
/
main.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
152
<!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>DarkShield API Interaction</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="dropdown.js"></script>
<script type="text/javascript" src="generateContext.js"></script>
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript" src="misc.js"></script>
<script type="text/javascript" src="initTable.js"></script>
<link rel="stylesheet" href="styles.css">
</head>
<body onload="generateUniqueID()">
<ul class="navigation">
<li><a onclick="goToHome()">HOME</a></li>
<li><a href="table-generate/main.html">View Results</a></li>
<li><a href="https://www.iri.com/company/about-iri-the-cosort-company">ABOUT US</a></li>
<li><a href="https://www.iri.com/company/contact">CONTACT US</a></li>
</ul>
<h1>IRI DarkShield API</h1>
<div class="container-fluid" id="home-page">
<button class="btn btn-primary" type="button" onclick="route(false)">Text Search and Mask</button>
<button class="btn btn-primary" type="button" onclick="route(true)">Files Search and Mask</button>
</div>
<div class="container-fluid" id="first-page">
<div class="top-page-flex">
<ul class="unordered-list">
<li>
<label for="host">Host:</label>
<input type="host" id="host" name="host" value="localhost"><br><br>
</li>
<li>
<label for="port">Port:</label>
<input type="port" id="port" name="port" value="8959"><br><br>
</li>
</ul>
<img src="iri-darkshield-logo.png" alt="darkshield-logo">
</div>
<div>
<button class="accordion">Search Matchers</button>
<div class="panel" id="searchMatchers">
<li><input type="checkbox" id="US SSN"><label for="US SSN">SSN </label></li>
<li><input type="checkbox" id="Credit Cards"><label for="Credit Cards">Credit Cards </label></li>
<li><input type="checkbox" id="Emails"><label for="Emails">Emails </label></li>
<li><input type="checkbox" id="US Names NER Model"><label for="US Names NER Model">US Names NER Model </label></li>
<li><input type="checkbox" id="US Phone Numbers"><label for="US Phone Numbers">US Phone # </label></li>
<li><input type="checkbox" id="International Phone Numbers"><label
for="International Phone Numbers">International Phone # </label></li>
<li><input type="checkbox" id="American_Dates"><label for="American_Dates">American Dates </label></li>
<li><input type="checkbox" id="European_Dates"><label for="European_Dates">European Dates </label></li>
<li><input type="checkbox" id="URL"><label for="URL">URLs </label></li>
<li><input type="checkbox" id="VIN"><label for="VIN">VIN </label></li>
<li><input type="checkbox" id="US_Postal_Code"><label for="US_Postal_Code">US Postal Codes </label></li>
<li><input type="checkbox" id="IP_Address"><label for="IP_Address">IP Addresses </label></li>
<li><input type="checkbox" id="SIN_Canada"><label for="SIN_Canada">Canada SIN </label></li>
<li><input type="checkbox" id="Spain DNI"><label for="Spain DNI">Spain DNI </label></li>
<li><input type="checkbox" id="Spain NIE"><label for="Spain NIE">Spain NIE </label></li>
<li><input type="checkbox" id="PIN_MEXICO"><label for="Mexico CURP">Mexico CURP </label></li>
<li><input type="checkbox" id="PIN_AUSTRALIA"><label for="Australia TFN">Australia TFN </label></li>
<li><input type="checkbox" id="PIN_JAPAN"><label for="Japanese Individual Number">Japanese Individual #</label></li>
<li><input type="checkbox" id="PIN_FRANCE"><label for="France INSEE">France INSEE </label></li>
<li><input type="checkbox" id="PIN_UK_NHS"><label for="UK NHS">UK NHS </label></li>
<li><input type="checkbox" id="PIN_UK_NINO"><label for="UK NINO">UK NINO </label></li>
<li><input type="checkbox" id="PIN_SINGAPORE"><label for="Singapore NRIC">Singapore NRIC </label></li>
<li><input type="checkbox" id="US First Names Set File"><label for="US First Names Set File">US First Names Set File </label></li>
<li><input type="checkbox" id="US Last Names Set File"><label for="US Last Names Set File">US Last Names Set File </label></li>
</div>
</div>
<div>
<button class="accordion">Mask Rules</button>
<div class="panel" id="maskRules">
<li><input type="checkbox" id="FPE AES256 Encryption"><label for="FPE AES256 Encryption">FPE AES 256 Encryption
</label></li>
<li><input type="checkbox" id="Hash"><label for="Hash">Hash </label></li>
<li><input type="checkbox" id="Redaction"><label for="Redaction">Redaction </label></li>
<li><input type="checkbox" id="AES256 Encryption"><label for="AES256 Encryption">AES 256 Encryption </label>
</li>
</div>
</div>
<div>
<button class="accordion" onclick="generateRulePair()">Pairing Search and Mask Rules</button>
<div class="panel" id="searchMask">
<p class="searchRule"></p>
<div id="myDropdown" class="dropdown-content">
</div>
</div>
</div>
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function () {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.display === "block") {
panel.style.display = "none";
} else {
panel.style.display = "block";
}
});
}
</script>
<br>
<button class="btn btn-success btn-block" id="payload-button" type="button" onclick="updatePayload()" disabled>Review and
Edit</button>
<button class="btn btn-success btn-block" type="button" onclick="clearRulePair()">Clear Selection</button>
<div class="alert alert-danger" role="alert" id="alertBadResponse" style="visibility: hidden;">
</div>
<div class="alert alert-success" role="alert" id="alertGoodResponse" style="visibility: hidden;">
</div>
</div>
<div class="second-container-fluid" id="second-page">
<button class="btn btn-success btn-block" id="process-payload" type="button" onclick="next()">Next</button>
<button class="btn btn-success btn-block" type="button" onclick="reset()">Reset Session</button>
<p id="valueofendpoint"></p>
<div class="spinner-border text-primary" id='blueLoadSpin' style="visibility: hidden;">
</div>
<div class="form-control">
<label for="payload" class="textLabel">Payload:</label>
<textarea id="payloadText" name="payloadText"></textarea>
</div>
<div class="file-upload">
<label for="formFile" class="form-label">Select file(s) to mask:</label>
<input class="form-control" type="file" id="formFile" multiple>
<label for="annotationFile" class="form-label">Annotation file to use (only for maskContext.mask and
fileMaskContext.mask endpoints)</label>
<input class="form-control" type="file" id="annotationFile">
</div>
<div class="text-upload">
<label for="textForBaseAPI" class="textLabel">Text:</label>
<textarea class="form-control" id="textForBaseAPI" name="textForBaseAPI"></textarea>
<button class="btn btn-success btn-block" type="button" id="btn-set-text" onclick="setText()">Confirm
Text</button>
</div>
</div>
</body>
</html>