-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (116 loc) · 6.05 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Try JMESPath</title>
<meta name="description" itemprop="description" content="Query json data using JMESPath." />
<meta name="keywords" content="jmespath,json,try jmespath,jmespath pad,json query,json parsing,jmespath query" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Try JMESPath" />
<meta property="og:description" content="Query json data using JMESPath." />
<meta property="og:locale" content="en-us" />
<meta property="og:locale:alternate" content="en-uk" />
<meta property="og:site_name" content="9paradox.com/try-jmespath/" />
<meta property="og:image" content="https://raw.githubusercontent.com/9paradox/try-jmespath/main/screenshot.PNG" />
<meta property="og:image" content="https://raw.githubusercontent.com/9paradox/try-jmespath/main/screenshot.PNG" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.15.1/dist/css/uikit.min.css" />
<script src="https://cdn.jsdelivr.net/npm/uikit@3.15.1/dist/js/uikit.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jsnview/build/index.css" />
<script src="https://cdn.jsdelivr.net/npm/jsnview/build/index.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jmespath/0.16.0/jmespath.min.js"
integrity="sha512-w/sNKK/59oJUi6v+SjgfIijrkFN8Pfv5QFZSV4KvrNMJrlbVM3017ZGNCA2AwZ6PKJzTPxQaDs/TbPcVGnF+pQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="app.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-J5LZ8EB9SF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-J5LZ8EB9SF');
</script>
<style>
#json_viwer,
#result_json_viwer {
max-height: 500px;
background-color: #f8f8f8;
padding: 16px;
overflow-y: auto;
}
</style>
</head>
<body>
<div class="uk-section uk-padding">
<div class="uk-container uk-container-small">
<article class="uk-article">
<p class="uk-text-lead">Try JMESPath</p>
<p class="uk-article-meta">Enter an expression in the search box to see
<a href="https://jmespath.org/">JMESPath</a> in action.
</p>
</article>
</div>
</div>
<div class="uk-section uk-section-muted uk-padding" uk-height-viewport="expand: true">
<div class="uk-container uk-container-large">
<div class="uk-child-width-expand@s" uk-grid>
<div>
<div class="uk-card uk-card-default uk-card-body">
<h3 class="uk-card-title">JSON</h3>
<div id="json_error"></div>
<ul uk-tab>
<li><a href="#json-text">Text</a></li>
<li onclick="loadJsonViewer()"><a href="#json-viewer">Viewer</a></li>
</ul>
<div class="uk-switcher uk-margin">
<div>
<textarea id="json_text" class="uk-textarea" rows="20"
placeholder="enter json data here">{"text":"hello"}</textarea>
<button onclick="formatJsonText()"
class="uk-button uk-button-secondary uk-margin-top">Format</button>
</div>
<div>
<div id="json_viwer"></div>
<button onclick="loadJsonViewer()"
class="uk-button uk-button-secondary uk-margin-top">Reload</button>
<p class="uk-article-meta">json viewer powered by
<a href="https://github.com/wutility/json-viewer">jsnview </a>.
</p>
</div>
</div>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-body">
<h3 class="uk-card-title">Query</h3>
<div id="result_json_error"></div>
<div>
<textarea id="query_text" class="uk-textarea" rows="5"
placeholder="enter JMESPath query here">text</textarea>
<button onclick="runQuery()"
class="uk-button uk-button-secondary uk-margin-top">Run</button>
</div>
<div class="uk-margin">
<div id="result_json_viwer"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="uk-section uk-section-small uk-section-muted">
<div class="uk-container">
<p class="uk-text-small uk-text-center">Created by Akshay Gaonkar
(<a href="https://github.com/9paradox">9paradox</a>) | Built with <a href="http://getuikit.com" title=""
target="_blank" data-uk-tooltip="" aria-expanded="false"><span data-uk-icon="uikit"
class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg">
<polygon
points="14.4,3.1 11.3,5.1 15,7.3 15,12.9 10,15.7 5,12.9 5,8.5 2,6.8 2,14.8 9.9,19.5 18,14.8 18,5.3">
</polygon>
<polygon points="9.8,4.2 6.7,2.4 9.8,0.4 12.9,2.3"></polygon>
</svg></span></a></p>
</div>
</footer>
</body>
</html>