-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
chore: coverage dom module, refactoring focus method
- Loading branch information
1 parent
6b4e032
commit f60e3fb
Showing
16 changed files
with
326 additions
and
90 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,109 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
|
||
<head lang="en"> | ||
<title>Vanilla autocomplete module - Kømpletr.js</title> | ||
|
||
<meta charset="UTF-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
|
||
<!--[if IE]> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
<![endif]--> | ||
|
||
<link href='https://fonts.googleapis.com/css?family=Lato|Open+Sans|Montserrat' rel='stylesheet' type='text/css' /> | ||
<link href="css/kompleter.min.css" rel="stylesheet" type="text/css" media="screen" /> | ||
|
||
<!--[if lt IE 9]> | ||
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script> | ||
<![endif]--> | ||
|
||
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>--> | ||
|
||
<script type="module" src="./js/kompletr.min.js"></script> | ||
</head> | ||
|
||
<body> | ||
<header> | ||
<p style="text-align: center;"><a href="">Documentation</a></p> | ||
|
||
<a href="https://github.com/steve-lebleu/kompleter.js" target="_blank" class="github-corner" aria-label="View source on Github"> | ||
<svg viewBox="0 0 250 250" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg> | ||
</a> | ||
</header> | ||
|
||
<hgroup> | ||
<h1>Kømpletr</h1> | ||
<cite>10kb of vanilla lightweight to add highly featured and eco friendly autocomplete on your pages.</cite> | ||
</hgroup> | ||
|
||
<div id="searcher" class="form--search"> | ||
<input | ||
type="text" | ||
name="auto-complete" | ||
id="auto-complete" | ||
autocomplete="off" | ||
placeholder="Enter a city name ..." | ||
value="" /> | ||
</div> | ||
|
||
<footer> | ||
<p> | ||
© 2017 Konfer | ||
<span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Kømpletr.js</span> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.<br>Permissions beyond the scope of this license may be available at <a xmlns:cc="http://creativecommons.org/ns#" href="https://www.konfer.be" rel="cc:morePermissions">https://www.konfer.be</a>. | ||
</p> | ||
</footer> | ||
|
||
<script type="text/javascript"> | ||
function ready(fn) { | ||
if (document.readyState !== 'loading') { | ||
fn(); | ||
return; | ||
} | ||
document.addEventListener('DOMContentLoaded', fn); | ||
}; | ||
ready(() => { | ||
const input = document.getElementById('auto-complete'); | ||
|
||
const headers = new Headers(); | ||
headers.append('content-type', 'application/x-www-form-urlencoded'); | ||
headers.append('method', 'GET'); | ||
|
||
fetch(`./files/data.json`, headers) | ||
.then(result => result.json()) | ||
.then(data => { | ||
input.kompletr({ | ||
input: null, // Optional | ||
data, | ||
options: { | ||
animation: { | ||
type: 'slideDown', | ||
duration: 1000 | ||
}, | ||
theme: 'dark', | ||
multiple: false, | ||
fieldsToDisplay: [ | ||
'Name', | ||
'CountryCode', | ||
'Population' | ||
], | ||
maxResults: 5, | ||
propToMapAsValue: 'Name', | ||
startQueriyngFromChar: 2, | ||
filterOn: 'prefix', | ||
}, | ||
onSelect: (selected) => { | ||
console.log('cb.onSelect', selected); | ||
}, | ||
onError: (error) => { | ||
console.log('cb.onError ', error); | ||
}, | ||
}); | ||
}) | ||
.catch(e => { | ||
console.log(e); | ||
}); | ||
}); | ||
</script> | ||
</body> | ||
</html> |
Oops, something went wrong.