Skip to content

Commit 3121bbe

Browse files
aulmeaulme
committed
componentizing
1 parent 3738eb3 commit 3121bbe

34 files changed

+729
-819
lines changed

‎webroot/adm/client-key.html‎

Lines changed: 38 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,6 @@
33
<meta charset="UTF-8">
44
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
55
<script src="/js/main.js"></script>
6-
<script type="module" src="/js/dangerModal.js"></script>
7-
<script type="module" src="/js/operations.js"></script>
8-
<script type="module" src="/js/output.js"></script>
9-
<script type="module" src="/js/roleBadge.js"></script>
106
<link rel="stylesheet" href="/css/style.css">
117
</head>
128
<body>
@@ -24,8 +20,10 @@ <h1>UID2 Env - Client Key Management</h1>
2420
{% endif %}
2521

2622
<script type="module">
27-
import { initializeOperations } from '/js/operations.js';
28-
import { initializeOutput } from '/js/output.js';
23+
import { initializeOperations } from '/js/component/operations.js';
24+
import { initializeOutput } from '/js/component/output.js';
25+
26+
const devKeyNameWarning = '⚠️ Keys for dev/test purposes must be named dev-uid2-&lt;THREE_LETTER_INITIALS|TEAM_NAME&gt;-&lt;JIRA_TICKET&gt;-&lt;BRIEF_DESCRIPTION&gt;. ⚠️';
2927

3028
document.addEventListener('DOMContentLoaded', function () {
3129
const siteIdInput = {
@@ -59,7 +57,28 @@ <h1>UID2 Env - Client Key Management</h1>
5957
name: 'roles',
6058
label: 'Roles',
6159
required: true,
62-
type: 'multi-line'
60+
type: 'multi-select',
61+
options: [
62+
{
63+
value: 'MAPPER',
64+
label: 'MAPPER',
65+
hint: 'For Advertisers'
66+
},
67+
{
68+
value: 'ID_READER',
69+
label: 'ID_READER',
70+
hint: 'For DSPs'
71+
},
72+
{
73+
value: 'GENERATOR',
74+
label: 'GENERATOR',
75+
hint: 'For Publishers'
76+
},
77+
{
78+
value: 'SHARER',
79+
label: 'SHARER',
80+
},
81+
]
6382
};
6483

6584
const keyIdInput = {
@@ -139,21 +158,12 @@ <h1>UID2 Env - Client Key Management</h1>
139158
serviceIdInput,
140159
rolesInput
141160
],
161+
description: devKeyNameWarning,
142162
apiCall: {
143163
method: 'POST',
144164
getUrl: (inputs) => `/api/client/add?name=${encodeURIComponent(inputs.name)}&roles=${encodeURIComponent(inputs.roles)}&site_id=${inputs.siteId}&service_id=${inputs.serviceId}`
145165
}
146166
},
147-
{
148-
id: 'revealKey',
149-
title: 'Reveal Key',
150-
role: 'elevated',
151-
inputs: [ contactInput ],
152-
apiCall: {
153-
method: 'GET',
154-
getUrl: (inputs) => `/api/client/reveal?contact=${encodeURIComponent(inputs.contact)}`
155-
}
156-
},
157167
{
158168
id: 'updateRoles',
159169
title: 'Update Roles',
@@ -183,6 +193,16 @@ <h1>UID2 Env - Client Key Management</h1>
183193
},
184194
],
185195
danger: [
196+
{
197+
id: 'revealKey',
198+
title: 'Reveal Key',
199+
role: 'elevated',
200+
inputs: [ contactInput ],
201+
apiCall: {
202+
method: 'GET',
203+
getUrl: (inputs) => `/api/client/reveal?contact=${encodeURIComponent(inputs.contact)}`
204+
}
205+
},
186206
{
187207
id: 'deleteKey',
188208
title: 'Delete Key',
@@ -226,7 +246,7 @@ <h1>UID2 Env - Client Key Management</h1>
226246
contactInput,
227247
{...nameInput, name: 'newName', label: 'New Name'}
228248
],
229-
description: 'This will change the display name of the client key.',
249+
description: 'This will change the display name of the client key.\n' + devKeyNameWarning,
230250
confirmationText: 'This will rename the client key. Make sure you have confirmed this change with the participant.',
231251
apiCall: {
232252
method: 'POST',

‎webroot/adm/client-side-keypair.html‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,6 @@
33
<meta charset="UTF-8">
44
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
55
<script src="/js/main.js"></script>
6-
<script type="module" src="/js/dangerModal.js"></script>
7-
<script type="module" src="/js/operations.js"></script>
8-
<script type="module" src="/js/output.js"></script>
9-
<script type="module" src="/js/roleBadge.js"></script>
106
<link rel="stylesheet" href="/css/style.css">
117
</head>
128
<body>
@@ -20,8 +16,8 @@ <h1>UID2 Env - Client Side Keypair Management</h1>
2016
</div>
2117

2218
<script type="module">
23-
import { initializeOperations } from '/js/operations.js';
24-
import { initializeOutput } from '/js/output.js';
19+
import { initializeOperations } from '/js/component/operations.js';
20+
import { initializeOutput } from '/js/component/output.js';
2521

2622
document.addEventListener('DOMContentLoaded', function () {
2723
const siteIdInput = {

‎webroot/adm/cloud-encryption-key.html‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,6 @@
33
<meta charset="UTF-8">
44
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
55
<script src="/js/main.js"></script>
6-
<script type="module" src="/js/dangerModal.js"></script>
7-
<script type="module" src="/js/operations.js"></script>
8-
<script type="module" src="/js/output.js"></script>
9-
<script type="module" src="/js/roleBadge.js"></script>
106
<script src="https://unpkg.com/gridjs/dist/gridjs.umd.js"></script>
117
<link href="https://unpkg.com/gridjs/dist/theme/mermaid.min.css" rel="stylesheet" />
128
<link rel="stylesheet" href="/css/style.css">
@@ -24,8 +20,8 @@ <h1>UID2 Env - Cloud Encryption Key Management</h1>
2420
<div id="output-table" style="margin: 20px 0; width: 100%;"></div>
2521

2622
<script type="module">
27-
import { initializeOperations } from '/js/operations.js';
28-
import { initializeOutput } from '/js/output.js';
23+
import { initializeOperations } from '/js/component/operations.js';
24+
import { initializeOutput } from '/js/component/output.js';
2925
import { httpClient } from '/js/httpClient.js';
3026

3127
document.addEventListener('DOMContentLoaded', function () {

‎webroot/adm/enclave-gcp-v2.html‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,6 @@
33
<meta charset="UTF-8">
44
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
55
<script src="/js/main.js"></script>
6-
<script type="module" src="/js/dangerModal.js"></script>
7-
<script type="module" src="/js/operations.js"></script>
8-
<script type="module" src="/js/output.js"></script>
9-
<script type="module" src="/js/roleBadge.js"></script>
106
<link rel="stylesheet" href="/css/style.css">
117
<style>
128
label.bold {
@@ -76,8 +72,8 @@ <h3>Generated Examples</h3>
7672
</div>
7773

7874
<script type="module">
79-
import { initializeOperations } from '/js/operations.js';
80-
import { initializeOutput } from '/js/output.js';
75+
import { initializeOperations } from '/js/component/operations.js';
76+
import { initializeOutput } from '/js/component/output.js';
8177

8278
document.addEventListener('DOMContentLoaded', function () {
8379
const gcloudCli = `$ gcloud compute instances create <INSTANCE_NAME> \\

‎webroot/adm/enclave-gcp.html‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,6 @@
33
<meta charset="UTF-8">
44
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
55
<script src="/js/main.js"></script>
6-
<script type="module" src="/js/dangerModal.js"></script>
7-
<script type="module" src="/js/operations.js"></script>
8-
<script type="module" src="/js/output.js"></script>
9-
<script type="module" src="/js/roleBadge.js"></script>
106
<link rel="stylesheet" href="/css/style.css">
117
<style>
128
.gcp-examples-box {
@@ -76,8 +72,8 @@ <h3>Generated Examples</h3>
7672
</div>
7773

7874
<script type="module">
79-
import { initializeOperations } from '/js/operations.js';
80-
import { initializeOutput } from '/js/output.js';
75+
import { initializeOperations } from '/js/component/operations.js';
76+
import { initializeOutput } from '/js/component/output.js';
8177

8278
document.addEventListener('DOMContentLoaded', function () {
8379
const gcloudCliOrig = `$ sha256sum < ./<CLOUD_INIT_FN> # !!! check if sha256 matches exactly below !!!\\

‎webroot/adm/enclave-id.html‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,6 @@
33
<meta charset="UTF-8">
44
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
55
<script src="/js/main.js"></script>
6-
<script type="module" src="/js/dangerModal.js"></script>
7-
<script type="module" src="/js/operations.js"></script>
8-
<script type="module" src="/js/output.js"></script>
9-
<script type="module" src="/js/roleBadge.js"></script>
106
<link rel="stylesheet" href="/css/style.css">
117
</head>
128
<body>
@@ -20,8 +16,8 @@ <h1>UID2 Env - Enclave Identifier Management</h1>
2016
</div>
2117

2218
<script type="module">
23-
import { initializeOperations } from '/js/operations.js';
24-
import { initializeOutput } from '/js/output.js';
19+
import { initializeOperations } from '/js/component/operations.js';
20+
import { initializeOutput } from '/js/component/output.js';
2521

2622
document.addEventListener('DOMContentLoaded', function () {
2723
const enclaveNameInput = {

‎webroot/adm/encryption-key.html‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,6 @@
33
<meta charset="UTF-8">
44
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
55
<script src="/js/main.js"></script>
6-
<script type="module" src="/js/dangerModal.js"></script>
7-
<script type="module" src="/js/operations.js"></script>
8-
<script type="module" src="/js/output.js"></script>
9-
<script type="module" src="/js/roleBadge.js"></script>
106
<link rel="stylesheet" href="/css/style.css">
117
</head>
128
<body>
@@ -20,8 +16,8 @@ <h1>UID2 Env - Encryption Key Management</h1>
2016
</div>
2117

2218
<script type="module">
23-
import { initializeOperations } from '/js/operations.js';
24-
import { initializeOutput } from '/js/output.js';
19+
import { initializeOperations } from '/js/component/operations.js';
20+
import { initializeOutput } from '/js/component/output.js';
2521

2622
document.addEventListener('DOMContentLoaded', function () {
2723
const siteIdInput = {

‎webroot/adm/key-acl.html‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,6 @@
33
<meta charset="UTF-8">
44
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
55
<script src="/js/main.js"></script>
6-
<script type="module" src="/js/dangerModal.js"></script>
7-
<script type="module" src="/js/operations.js"></script>
8-
<script type="module" src="/js/output.js"></script>
9-
<script type="module" src="/js/roleBadge.js"></script>
106
<link rel="stylesheet" href="/css/style.css">
117
</head>
128
<body>
@@ -22,8 +18,8 @@ <h2 style="color: red"><a href="https://atlassian.thetradedesk.com/jira/browse/U
2218
</div>
2319

2420
<script type="module">
25-
import { initializeOperations } from '/js/operations.js';
26-
import { initializeOutput } from '/js/output.js';
21+
import { initializeOperations } from '/js/component/operations.js';
22+
import { initializeOutput } from '/js/component/output.js';
2723

2824
document.addEventListener('DOMContentLoaded', function () {
2925
const operationConfig = {

‎webroot/adm/keyset.html‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,6 @@
33
<meta charset="UTF-8">
44
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
55
<script src="/js/main.js"></script>
6-
<script type="module" src="/js/dangerModal.js"></script>
7-
<script type="module" src="/js/operations.js"></script>
8-
<script type="module" src="/js/output.js"></script>
9-
<script type="module" src="/js/roleBadge.js"></script>
106
<link rel="stylesheet" href="/css/style.css">
117
</head>
128
<body>
@@ -20,8 +16,8 @@ <h1>UID2 Env - Keyset Access Management</h1>
2016
</div>
2117

2218
<script type="module">
23-
import { initializeOperations } from '/js/operations.js';
24-
import { initializeOutput } from '/js/output.js';
19+
import { initializeOperations } from '/js/component/operations.js';
20+
import { initializeOutput } from '/js/component/output.js';
2521
import { httpClient } from '/js/httpClient.js';
2622

2723
document.addEventListener('DOMContentLoaded', function () {

‎webroot/adm/oncall/participant-summary.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -126,7 +126,7 @@ <h5>Participant Related Keysets</h5>
126126
</div>
127127
</div>
128128
<script src="../../js/main.js"></script>
129-
<script type="module" src="../../js/participantSummary.js"></script>
129+
<script type="module" src="../../js/component/participantSummary.js"></script>
130130
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
131131
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
132132

0 commit comments

Comments
 (0)