-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
166 lines (159 loc) · 5.78 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
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
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link href="index.css" rel="stylesheet" />
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"
></script>
<script src="index.js"></script>
<script src="samplePIWebAPI.js"></script>
<title>PI Web API</title>
</head>
<body>
<h1>JQuery PI Web API Calls</h1>
<div class="div-left">
<form id="frmSampleWebAPI">
<div class="div-leftRow">
<label class="label-left">PI Web API Url: </label>
<input
id="txtPIWebAPIUrl"
name="txtPIWebAPIUrl"
type="text"
pattern="https?://.+"
placeholder="https://yourserver/piwebapi"
class="input-Left"
oninput="enableSubmit()"
/>
</div>
<div class="div-leftRow">
<label class="label-left">Asset Server: </label>
<input
id="txtAssetServer"
name="txtAssetServer"
type="text"
class="input-Left"
oninput="enableSubmit()"
/>
</div>
<div class="div-leftRow">
<label class="label-left">PI Server: </label>
<input
id="txtPIServer"
name="txtPIServer"
type="text"
class="input-Left"
oninput="enableSubmit()"
/>
</div>
<div style="margin-bottom: 10px">
<label class="label-left">Security Method: </label>
<select id="selAuthType" class="input-Left" onchange="enableSubmit()">
<option value="Kerberos">Kerberos</option>
<option value="Basic">Basic</option>
</select>
</div>
<div class="div-leftRow">
<label class="label-left">User Name: </label>
<input
id="txtPIWebAPIUser"
name="txtPIWebAPIUser"
type="text"
class="input-Left"
oninput="enableSubmit()"
/>
</div>
<div class="div-leftRow">
<label class="label-left">Password: </label>
<input
id="txtPIWebAPIPassword"
name="txtPIWebAPIPassword"
type="password"
class="input-Left"
oninput="enableSubmit()"
/>
</div>
<div class="div-leftRow">
<label class="label-left">Action:</label>
<select id="selAction" class="input-Left">
<option value="Create Database">Create Database</option>
<option value="Create Category">Create Category</option>
<option value="Create Template">Create Template</option>
<option value="Create Element">Create Element</option>
<option value="-------------------------------------">
-------------------------------------
</option>
<option value="Write Single Value">Write Single Value</option>
<option value="Write Set Of Values">Write Set of Values</option>
<option value="Update Attribute Value">
Update Attribute Value
</option>
<option value="Get Single Value">Get Single Value</option>
<option value="Get Set of Values">Get Set of Values</option>
<option value="Reduce Payload with Selected Fields">
Reduce Payload with Selected Fields
</option>
<option value="Batch Writes and Reads">
Batch Writes and Reads
</option>
<option value="-------------------------------------">
-------------------------------------
</option>
<option value="Delete Element">Delete Element</option>
<option value="Delete Template">Delete Template</option>
<option value="Delete Category">Delete Category</option>
<option value="Delete Database">Delete Database</option>
</select>
</div>
<div style="margin-top: 10px; margin-bottom: 10px">
<input
type="button"
id="btnRunCode"
value="Execute Call"
disabled="true"
onclick="RunSelected()"
/>
</div>
</form>
</div>
<div class="div-right">
<div class="div-rightRow">
<label class="label-rightStep">Step 1: Create the sandbox</label>
<label class="label-rightText"
>Execute the following Actions in order: Create Database, Create
Category, Create Template and Create Element</label
>
</div>
<div class="div-rightRow">
<label class="label-rightStep">Step 2: Write values to the tags</label>
<label class="label-rightText"
>Execute the following Actions: Write Single Value, Write Set of
Values, Update Attribute Value</label
>
</div>
<div class="div-rightRow">
<label class="label-rightStep">Step 3: Read the tags</label>
<label class="label-rightText"
>Execute the following Actions: Get Single Value, Get Set of Values,
Reduce Payload with Selected Fields</label
>
</div>
<div class="div-rightRow">
<label class="label-rightStep">Step 4: Perform advanced features</label>
<label class="label-rightText"
>Execute the following Actions: Batch Writes and Reads</label
>
</div>
</div>
<div style="width: 100%">
<label class="label-Output">PI Web API Calls:</label>
<textarea id="txtAPI" class="txtArea-Output" readonly></textarea>
</div>
<div style="width: 100%">
<label class="label-Output">Result:</label>
<textarea id="txtResult" class="txtArea-Output" readonly></textarea>
</div>
</body>
</html>