|
1 |
| -'use strict'; |
| 1 | +'use strict' |
2 | 2 |
|
3 |
| -var pathRegexp = require('path-to-regexp'); |
4 |
| -var debounce = require('debounce'); |
| 3 | +var pathRegexp = require('path-to-regexp') |
| 4 | +var debounce = require('debounce') |
5 | 5 |
|
6 |
| -var _ = document.querySelector.bind(document); |
| 6 | +var _ = document.querySelector.bind(document) |
7 | 7 |
|
8 |
| -function escape(str) { |
9 |
| - return str.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/\"/g, '"'); |
| 8 | +function escape (str) { |
| 9 | + return str.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/\"/g, '"') // eslint-disable-line no-useless-escape |
10 | 10 | }
|
11 |
| -function hide(selector) { |
12 |
| - var elements = document.querySelectorAll(selector); |
| 11 | +function hide (selector) { |
| 12 | + var elements = document.querySelectorAll(selector) |
13 | 13 | for (var i = 0; i < elements.length; i++) {
|
14 |
| - elements[i].style.display = 'none'; |
| 14 | + elements[i].style.display = 'none' |
15 | 15 | }
|
16 | 16 | }
|
17 |
| -function show(selector) { |
18 |
| - var elements = document.querySelectorAll(selector); |
| 17 | +function show (selector) { |
| 18 | + var elements = document.querySelectorAll(selector) |
19 | 19 | for (var i = 0; i < elements.length; i++) {
|
20 |
| - elements[i].style.display = null; |
| 20 | + elements[i].style.display = null |
21 | 21 | }
|
22 | 22 | }
|
23 | 23 |
|
24 |
| -_('#inputRoute').addEventListener('input', debounce(update, 100), false); |
25 |
| -_('#inputPath').addEventListener('input', debounce(updatePath, 100), false); |
| 24 | +_('#inputRoute').addEventListener('input', debounce(update, 100), false) |
| 25 | +_('#inputPath').addEventListener('input', debounce(updatePath, 100), false) |
26 | 26 |
|
27 |
| -var keys, regexp; |
28 |
| -function update() { |
29 |
| - keys = []; |
30 |
| - regexp = pathRegexp(_('#inputRoute').value, keys); |
31 |
| - _('#regexp-display').textContent = regexp.toString(); |
| 27 | +function setVersion () { |
| 28 | + console.log() |
| 29 | +} |
| 30 | + |
| 31 | +var keys, regexp |
| 32 | +function update () { |
| 33 | + keys = [] |
| 34 | + regexp = pathRegexp(_('#inputRoute').value, keys) |
| 35 | + _('#regexp-display').textContent = regexp.toString() |
32 | 36 | if (keys.length) {
|
33 |
| - _('#keys-display').innerHTML = '<ol>' + keys.map(function wrap(key) { |
34 |
| - return '<li>' + escape(key.name) + (key.optional ? ' (optional)' : '') + '</li>'; |
35 |
| - }).join('') + '</ol>'; |
| 37 | + _('#keys-display').innerHTML = '<ol>' + keys.map(function wrap (key) { |
| 38 | + return '<li>' + escape(key.name) + (key.optional ? ' (optional)' : '') + '</li>' |
| 39 | + }).join('') + '</ol>' |
36 | 40 | } else {
|
37 |
| - _('#keys-display').innerHTML = 'There are no keys captured by this route'; |
| 41 | + _('#keys-display').innerHTML = 'There are no keys captured by this route' |
38 | 42 | }
|
39 |
| - updatePath(); |
| 43 | + updatePath() |
40 | 44 | }
|
41 |
| -function updatePath() { |
42 |
| - var path = _('#inputPath').value; |
| 45 | +function updatePath () { |
| 46 | + var path = _('#inputPath').value |
43 | 47 | if (regexp.test(path)) {
|
44 |
| - hide('.is-not-match'); |
45 |
| - show('.is-match'); |
46 |
| - var result = regexp.exec(path); |
| 48 | + hide('.is-not-match') |
| 49 | + show('.is-match') |
| 50 | + var result = regexp.exec(path) |
47 | 51 | _('#keys-results-display').innerHTML = '<dl class="dl-horizontal">' + keys.map(function (key, i) {
|
48 | 52 | return '<dt>' + escape(key.name) + '</dt><dd>' +
|
49 |
| - (result[i + 1] ? escape(result[i + 1]) : ' ') + '</dd>'; |
50 |
| - }).join('') + '</dl>'; |
| 53 | + (result[i + 1] ? escape(result[i + 1]) : ' ') + '</dd>' |
| 54 | + }).join('') + '</dl>' |
51 | 55 | } else {
|
52 |
| - show('.is-not-match'); |
53 |
| - hide('.is-match'); |
| 56 | + show('.is-not-match') |
| 57 | + hide('.is-match') |
54 | 58 | }
|
55 | 59 | }
|
56 |
| -update(); |
| 60 | +update() |
0 commit comments