Skip to content

Instantly share code, notes, and snippets.

@airadier

airadier/acmock.html

Created May 5, 2020 16:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save airadier/e02c0186769c650c0e163ea440b99fdf to your computer and use it in GitHub Desktop.
Save airadier/e02c0186769c650c0e163ea440b99fdf to your computer and use it in GitHub Desktop.
Download ZIP
Raw
acmock.html
<html>
<head>
<link rel="stylesheet" href="https://secure.sysdig.com/style.73fa7e4a0bb852560de7.css">
<style>
table {
border-spacing: 0;
border-collapse: collapse;
font-size: 13px;
}
table td,
table th {
padding: 3px;
border: solid 1px #e0e0e0;
}
</style>
</head>
<body>
<div class="sds-app-layout">
<div class="app-module" style="padding: 20px; overflow: auto;">
<div style="color: rgb(66, 68, 69); font-weight: 300; font-size: 22px;">Admission controller</div>
<div style="float: right"><button>Save</button> ✅Configuration synced / ⏳ pending to sync</div>
<div style="clear: both"></div>
<hr />
<div style="margin-top: 20px">
<div><label for="cluster">Cluster selector:</label>
<select id="cluster" value="my-cluster-1">
<option value="my-cluster-1" selected="select">my-cluster-1</option>
<option value="my-cluster-2">my-cluster-2</option>
</select>
</div>
<h4>Activation</h4>
<div><input id="ac-enabled" type="checkbox" /> <label for="ac-enabled">Enable admission controller</label></div>
<h4>Pre-scan phase</h4>
<h5>General settings</h5>
<div>Default action:
<input type="radio" id="accept[def]" name="action[def]" value="accept"> <label
for="accept[def]">Accept</label>
<input type="radio" id="reject[def]" name="action[def]" value="reject" checked="checked"> <label
for="reject[def]">Reject</label>
<input type="radio" id="scan[def]" name="action[def]" value="scan"> <label for="scan[def]">Scan</label>
</div>
<br />
<div>Per-registry actions:</div>
<br />
<table>
<thead>
<tr>
<th>Registry prefix</th>
<th>Action</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>registry1.com/myrepo/</td>
<td>
<input type="radio" id="accept[def_1]" name="action[def_1]" value="accept" checked="checked"> <label
for="accept[def_1]">Accept</label>
<input type="radio" id="reject[def_1]" name="action[def_1]" value="reject"> <label
for="reject[def_1]">Reject</label>
<input type="radio" id="scan[def_1]" name="action[def_1]" value="scan"> <label
for="scan[def_1]">Scan</label>
</td>
<td>❌</td>
</tr>
<tr>
<td>registry1.com/</td>
<td>
<input type="radio" id="accept[def_2]" name="action[def_2]" value="accept"> <label
for="accept[def_2]">Accept</label>
<input type="radio" id="reject[def_2]" name="action[def_2]" value="reject"> <label
for="reject[def_2]">Reject</label>
<input type="radio" id="scan[def_2]" name="action[def_2]" value="scan" checked="checked"> <label
for="scan[def_2]">Scan</label>
</td>
<td>❌</td>
</tr>
<tr>
<td><input type="text" /></td>
<td>
<input type="radio" id="accept2" name="action2" value="accept"> <label for="accept2">Accept</label>
<input type="radio" id="reject2" name="action2" value="reject"> <label for="reject2">Reject</label>
<input type="radio" id="scan2" name="action2" value="scan" checked="checked"> <label
for="scan2">Scan</label>
</td>
<td>➕</td>
</tr>
</tbody>
</table>
<div style="background-color: #f0f0f0">
<h5>⊖ Namespace <em>production</em></h5>
<div style="padding: 10px">
<div>Default action:
<input type="radio" id="accept[production_def]" name="action[production_def]" value="accept"
checked="checked"> <label for="accept[production_def]">Inherited</label>
<input type="radio" id="accept[production_def]" name="action[production_def]" value="accept"> <label
for="accept[production_def]">Accept</label>
<input type="radio" id="reject[production_def]" name="action[production_def]" value="reject"> <label
for="reject[production_def]">Reject</label>
<input type="radio" id="scan[production_def]" name="action[production_def]" value="scan"> <label
for="scan[production_def]">Scan</label>
</div>
<br />
<div>Per-registry actions:</div>
<br />
<table>
<thead>
<tr>
<th>Registry prefix</th>
<th>Action</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>registry3.com/</td>
<td>
<input type="radio" id="accept[production_1]" name="action[production_1]" value="accept"
checked="checked"> <label for="accept[production_1]">Accept</label>
<input type="radio" id="reject[production_1]" name="action[production_1]" value="reject"> <label
for="reject[production_1]">Reject</label>
<input type="radio" id="scan[production_1]" name="action[production_1]" value="scan"> <label
for="scan[production_1]">Scan</label>
</td>
<td>❌</td>
</tr>
<tr>
<td><input type="text" /></td>
<td>
<input type="radio" id="accept[production_new]" name="action[production_new]" value="accept"> <label
for="accept[production_new]">Accept</label>
<input type="radio" id="reject[production_new]" name="action[production_new]" value="reject"> <label
for="reject[production_new]">Reject</label>
<input type="radio" id="scan[production_new]" name="action[production_new]" value="scan"
checked="checked"> <label for="scan[production_new]">Scan</label>
</td>
<td>➕</td>
</tr>
</tbody>
</table>
</div>
</div>
<div style="background-color: #f0f0f0">
<h5>⊖ Namespace <em>playground</em></h5>
<div style="padding: 10px">
<div>Default action:
<input type="radio" id="accept[playground_def]" name="action[playground_def]" value="accept"> <label
for="accept[playground_def]">Inherited</label>
<input type="radio" id="accept[playground_def]" name="action[playground_def]" value="accept"> <label
for="accept[playground_def]" checked="checked">Accept</label>
<input type="radio" id="reject[playground_def]" name="action[playground_def]" value="reject"> <label
for="reject[playground_def]">Reject</label>
<input type="radio" id="scan[playground_def]" name="action[playground_def]" value="scan"> <label
for="scan[playground_def]">Scan</label>
</div>
<br />
<div>Per-registry actions:</div>
<br />
<table>
<thead>
<tr>
<th>Registry prefix</th>
<th>Action</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>registry4.com/</td>
<td>
<input type="radio" id="accept[playground_1]" name="action[playground_1]" value="accept"
checked="checked"> <label for="accept[playground_1]">Accept</label>
<input type="radio" id="reject[playground_1]" name="action[playground_1]" value="reject"> <label
for="reject[playground_1]">Reject</label>
<input type="radio" id="scan[playground_1]" name="action[playground_1]" value="scan"> <label
for="scan[playground_1]">Scan</label>
</td>
<td>❌</td>
</tr>
<tr>
<td><input type="text" /></td>
<td>
<input type="radio" id="accept[playground_new]" name="action[playground_new]" value="accept"> <label
for="accept[playground_new]">Accept</label>
<input type="radio" id="reject[playground_new]" name="action[playground_new]" value="reject"> <label
for="reject[playground_new]">Reject</label>
<input type="radio" id="scan[playground_new]" name="action[playground_new]" value="scan"
checked="checked"> <label for="scan[playground_new]">Scan</label>
</td>
<td>➕</td>
</tr>
</tbody>
</table>
</div>
</div>
<div style="background-color: #f0f0f0">
<h5>⊕ Namespace <em>test</em></h5>
</div>
<div style="background-color: #f0f0f0; margin-top: 10px">
<input type="text" /><button>Add settings for namespace</button>
</div>
<h4>Scan phase</h4>
<h5>General settings</h5>
<div>When image is not yet scanned:</div>
<div>
<input type="radio" id="reject_and_scan[scan_action]" name="scan_action" value="reject" checked="checked">
<label for="reject_and_scan[scan_action]">Scan and Reject</label>
<br />
<input type="radio" id="accept_and_scan[scan_action]" name="scan_action" value="accept"> <label
for="accept_and_scan[scan_action]">Scan and Accept</label>
<br />
<input type="radio" id="reject[scan_action]" name="scan_action" value="scan"> <label
for="reject[scan_action]">Reject without Scan</label>
</div>
<br />
<div>Scan policy assignment:</div>
<div>
<input type="radio" id="reject_and_scan[policy_mapping]" name="policy_mapping" value="reject"
checked="checked"> <label for="reject_and_scan[policy_mapping]">Default policy assignment</label>
<br />
<input type="radio" id="accept_and_scan[policy_mapping]" name="policy_mapping" value="accept"> <label
for="accept_and_scan[policy_mapping]">Use this policy:</label>
<select id="policy-general" value="policy-1">
<option value="policy-1" selected="select">Policy One</option>
<option value="policy-2">Policy Two</option>
</select>
</div>
<br />
<div>On scanning error:
<input type="radio" id="accept[scan_error]" name="scan_error" value="accept" checked="checked"> <label
for="accept[scan_error]">Accept</label>
<input type="radio" id="reject[scan_error]" name="scan_error" value="reject"> <label
for="reject[scan_error]">Reject</label>
</div>
<br />
<div>On scan result <em>FAILED</em> ❌:
<input type="radio" id="accept[scan_result]" name="scan_result" value="accept" checked="checked"> <label
for="accept[scan_result]">Accept</label>
<input type="radio" id="reject[scan_result]" name="scan_result" value="reject"> <label
for="reject[scan_result]">Reject</label>
</div>
<br />
<div style="background-color: #f0f0f0">
<h5>⊖ Namespace <em>production</em></h5>
<div style="padding: 10px">
<div>When image is not yet scanned:</div>
<div>
<input type="radio" id="reject_and_scan[scan_action_prod]" name="scan_action_prod" value="reject" checked="checked">
<label for="reject_and_scan[scan_action_prod]">Scan and Reject</label>
<br />
<input type="radio" id="accept_and_scan[scan_action_prod]" name="scan_action_prod" value="accept"> <label
for="accept_and_scan[scan_action_prod]">Scan and Accept</label>
<br />
<input type="radio" id="reject[scan_action_prod]" name="scan_action_prod" value="scan"> <label
for="reject[scan_action_prod]">Reject without Scan</label>
</div>
<br />
<div>Scan policy assignment:</div>
<div>
<input type="radio" id="reject_and_scan[policy_mapping_prod]" name="policy_mapping_prod" value="reject"
checked="checked"> <label for="reject_and_scan[policy_mapping_prod]">Default policy assignment</label>
<br />
<input type="radio" id="accept_and_scan[policy_mapping_prod]" name="policy_mapping_prod" value="accept"> <label
for="accept_and_scan[policy_mapping_prod]">Use this policy:</label>
<select id="policy-general" value="policy-1">
<option value="policy-1" selected="select">Policy One</option>
<option value="policy-2">Policy Two</option>
</select>
</div>
<br />
<div>On scanning error:
<input type="radio" id="accept[scan_error_prod]" name="scan_error_prod" value="accept" checked="checked"> <label
for="accept[scan_error_prod]">Accept</label>
<input type="radio" id="reject[scan_error_prod]" name="scan_error_prod" value="reject"> <label
for="reject[scan_error_prod]">Reject</label>
</div>
<br />
<div>On scan result <em>FAILED</em> ❌:
<input type="radio" id="accept[scan_result_prod]" name="scan_result_prod" value="accept" checked="checked"> <label
for="accept[scan_result_prod]">Accept</label>
<input type="radio" id="reject[scan_result_prod]" name="scan_result_prod" value="reject"> <label
for="reject[scan_result_prod]">Reject</label>
</div>
</div>
</div>
<div style="background-color: #f0f0f0">
<h5>⊕ Namespace <em>test</em></h5>
</div>
<div style="background-color: #f0f0f0; margin-top: 10px">
<input type="text" /><button>Add settings for namespace</button>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment