-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
110 lines (108 loc) · 4.81 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
<!DOCTYPE html>
<html>
<!--
/*******************************************************************************
* Copyright 2012 IBBT
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
******************************************************************************/
-->
<head>
<meta charset="utf-8" />
<title>POC Contacts and Event APIs</title>
<!-- Load all css files -->
<link rel="stylesheet" href="./css/main.css">
<link rel="stylesheet" href="./css/contact.css">
<link rel="stylesheet" href="./css/chat.css">
<!-- Load js files -->
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="/webinos.js"></script>
<script type="text/javascript" src="./js/index.js"></script>
</head>
<body>
<table border="1" align="center" width="100%">
<tr valign="top">
<td width="10%">
<div id="westside">
<h1>Contacts App</h1>
<h2>Select APIs</h2>
<div>
<button id="cmdPickContactsApi" class="frontbutton" type="button">Contacts</button>
</div>
<h2>View Actions</h2>
<div>
<!-- This is not needed any more as the dashboard exposes this facility -->
<button id="cmdSyncContacts" class="frontbutton" type="button">Synchronize contacts</button>
<!-- Go to chat -->
<a href="chatPage.html" class="frontbutton">Chat (Event API demo)</a>
</div>
</div>
</td>
<!--Right part of the table-->
<td width="50%">
<section id="main">
<h1>Contacts</h1>
<div id="contactSearchCriteria">
<table>
<tr>
<td>
<label for="findContactDisplayName">Display Name: </label>
</td>
<td>
<input type="text" id="findContactDisplayName" placeholder="DisplayName" /><br>
</td>
</tr>
<tr>
<td>
<label for="findContactName">Name: </label>
</td>
<td>
<input type="text" id="findContactName" placeholder="Name" /><br>
</td>
</tr>
<tr>
<td>
<label for="findContactEmail">Email: </label>
</td>
<td>
<input type="text" id="findContactEmail" placeholder="Email Address" />
</td>
</tr>
<tr>
<td>
<label for="findContactPhone">Phone: </label>
</td>
<td>
<input type="text" id="findContactPhone" placeholder="Phone" />
</td>
</tr>
<tr>
<td>
<label for="findContactEmail">Address: </label>
</td>
<td>
<input type="text" id="findContactAddress"
placeholder="Address" />
</td>
</tr>
</table>
<button id="btnFindServiceContacts" class="button">Find contacts</button>
</div>
<div id="contactList" class="sectionLayout">
</div>
</section>
</td>
</tr>
</table>
</body>
</html>