formio-sfds
Version:
The Form.io theme for sf.gov
90 lines (66 loc) • 2.17 kB
HTML
<html lang="en">
<head>
<title>WTF | formio-sfds</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="/sfgov/forms.css">
<link rel="stylesheet" href="//unpkg.com/highlight.js@10.3.2/styles/github.css">
<style>
dt {
font-weight: bold;
}
pre {
white-space: pre-wrap;
word-break: break-word;
}
.hljs {
padding: 0;
}
</style>
</head>
<body>
<div class="formio-sfds">
<div class="container p-2">
<h1 class="h3 mb-4">
<a href="/">formio-sfds@10.0.0</a> /
WTF
</h1>
<h2 class="d-1">What the form</h2>
<form class="mb-4" method="GET">
<h2>
<label for="url-input">Enter a URL:</label>
</h2>
<div class="d-flex flex-align-start">
<div class="flex-auto mr-2">
<input type="text" id="url-input" name="url" value="">
</div>
<div>
<button class="btn" type="submit">Go!</button>
</div>
</div>
<div class="small fg-light-slate mt-1">
Form page URLs on sf.gov (or Pantheon sites) and form.io URLs (including edit links) <em>should</em> work.
</div>
</form>
<dl>
</dl>
</div>
</div>
<script src="//unpkg.com/formiojs@4.14.8/dist/formio.full.min.js"></script>
<script src="/dist/formio-sfds.standalone.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.2/highlight.min.js"></script>
<script>
hljs.initHighlightingOnLoad()
var select = document.getElementById('page-select')
if (select) {
select.addEventListener('change', e => {
if (select.value) {
select.form.querySelector('[name=url]').value = select.value
select.form.submit()
}
})
}
</script>
</body>
</html>