forked from ryanv94/nrugLogDemo
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpresets.html
156 lines (134 loc) · 5.94 KB
/
presets.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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<title>NRUG Logs Demo</title>
</head>
<body>
<section class="section">
<div class="container">
<div class="columns is-vcentered">
<div class="column">
<figure class="image">
<img src="nrLogo.png" alt="New Relic Logo" style="max-width:40%">
</figure>
</div>
<div class="column content">
<h1 id="displayUrl" class="content has-text-success">https://tinyurl.com/NrLogLondon</h1>
</div>
</div>
</div>
<section class="hero is-primary is-bold" style="margin-top: 30px;">
<div class="hero-body">
<div class="container">
<h1 class="title">
New Relic Logs Demo. Click on a button to send the desired text.
</h1>
</div>
</div>
</div>
</section>
<hr>
<div class="container">
<div class="pb-5">
<label class="label">Step 1</label>
<div>My favourite pizza is pepperoni</div>
<div>
<button onclick='sendPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">SUBMIT</button>
<button onclick='copyPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">COPY</button>
</div>
</div>
<div class="pb-5">
<label class="label">Step 2</label>
<div>My favourite pizza=Chicken</div>
<div>
<button onclick='sendPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">SUBMIT</button>
<button onclick='copyPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">COPY</button>
</div>
</div>
<div class="pb-5">
<label class="label">Step 3</label>
<div>My favourite pizza = chicken</div>
<div>
<button onclick='sendPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">SUBMIT</button>
<button onclick='copyPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">COPY</button>
</div>
</div>
<div class="pb-5">
<label class="label">Step 4</label>
<div>My favourite pizza=ham and mushroom drink=beer name=Mario</div>
<div>
<button onclick='sendPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">SUBMIT</button>
<button onclick='copyPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">COPY</button>
</div>
</div>
<div class="pb-5">
<label class="label">Step 5</label>
<div>My favourite drink=beer pizza=pepperoni name=Luigi</div>
<div>
<button onclick='sendPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">SUBMIT</button>
<button onclick='copyPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">COPY</button>
</div>
</div>
<div class="pb-5">
<label class="label">Step 6</label>
<div>My favourite pizza=hawaiian drink=espresso martini name=Princess Peach</div>
<div>
<button onclick='sendPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">SUBMIT</button>
<button onclick='copyPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">COPY</button>
</div>
</div>
<div class="pb-5">
<label class="label">Step 7</label>
<div>My favourite drink=beer pizza=hawaiian name=Yoshi</div>
<div>
<button onclick='sendPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">SUBMIT</button>
<button onclick='copyPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">COPY</button>
</div>
</div>
<div class="pb-5">
<label class="label">Step 8</label>
<div>I want json { "pizza": "Margherita", "dip":"garlic and herb", "drink": "pepsi max" }</div>
<div>
<button onclick='sendPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">SUBMIT</button>
<button onclick='copyPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">COPY</button>
</div>
</div>
<div class="pb-5">
<label class="label">Step 9</label>
<div>I want json {"pizza":"honey and sage", "dip":"sweet chilli"}</div>
<div>
<button onclick='sendPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">SUBMIT</button>
<button onclick='copyPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">COPY</button>
</div>
</div>
<div class="pb-5">
<label class="label">Step 10</label>
<div>I want csv pizza crispy duck,hoisin sauce,peroni</div>
<div>
<button onclick='sendPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">SUBMIT</button>
<button onclick='copyPreset(this);' class="button is-grey has-text-grey is-outlined mr-2">COPY</button>
</div>
</div>
</div>
<hr>
<div class="container">
<label class="label">Write some text!</label>
<div class="field has-addons">
<div class="control is-expanded">
<input class="input" type="text" id="textInput">
</div>
<div class="control">
<button onclick='clearText();' class="button" id="clearText">X</button>
</div>
</div>
<h1 class="title">
<button onclick='submit(this);' class="button is-grey has-text-grey is-outlined" id="submit">SUBMIT </button>
</h1>
</div>
</section>
<script src="./script.js"></script>
</body>
</html>