-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathprovider.html
96 lines (96 loc) · 3.89 KB
/
provider.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Web Cloud Interop Example</title>
<link rel="icon" type="image/x-icon" href="../favicon.ico" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="../style/core-web-styles.css" />
<link rel="stylesheet" href="../common/style/app.css" />
<script defer="defer" src="../js/provider.bundle.js"></script>
<link rel="manifest" href="../manifest.json" />
</head>
<body class="col gap20">
<header class="row spread middle header">
<div class="col">
<h1>Web Interop Example</h1>
<h1 class="tag">Demonstrate web interop usage with a layout</h1>
<h2 class="error" id="error"></h2>
</div>
<div class="row middle gap20">
<image src="../common/images/icon-blue.png" alt="OpenFin" height="40px"></image>
</div>
</header>
<main class="row fill gap10">
<div class="row hidden gap10" id="main-page">
<div class="col"><iframe id="left-panel" class="fill"></iframe></div>
<div id="layout_container"></div>
</div>
<div class="col fill" id="cloud-details">
<div class="row fill gap20">
<form class="col gap10 scroll-vertical">
<div class="form-section col gap10">
<h2>Please provide your Cloud Interop Settings</h2>
<fieldset>
<label for="userId" title="User Id for the cloud connection.">User Id</label>
<input id="userId" type="text" required />
</fieldset>
<fieldset>
<label for="password" title="The password for your cloud connection.">Password</label>
<input id="password" type="password" required />
</fieldset>
<fieldset>
<label for="url" title="Url for the cloud interop connection.">Url</label>
<input id="url" type="url" required />
</fieldset>
<fieldset>
<label
for="platformId"
title="The common platform Id shared between connected interop brokers."
>
Platform Id
</label>
<input id="platformId" type="text" required />
</fieldset>
<fieldset>
<label for="sourceId" title="An Id representing the source e.g. a platform UUID.">
Source Id
</label>
<input id="sourceId" type="text" value="cloud-interop" />
</fieldset>
<fieldset>
<label for="sourceDisplayName" title="A display name for the source.">
Source Display Name
</label>
<input id="sourceDisplayName" type="text" value="Cloud Interop Example" />
</fieldset>
</div>
</form>
<div class="col fill gap10 pad20">
<h3 class="center">OpenFin Cloud Interop</h3>
<p>
OpenFin allows OpenFin applications to share Interop & FDC3 Context across the desktop using our
Interop Broker pattern and OpenFin's desktop message bus. OpenFin's Cloud Interop solution (
<a href="https://www.npmjs.com/package/@openfin/cloud-interop" target="_blank">
@openfin/cloud-interop
</a>
) provides an interop broker override that can be added to OpenFin desktop platforms as well as
OpenFin web platforms (
<a href="https://www.npmjs.com/package/@openfin/core-web" target="_blank">@openfin/core-web</a>
). Once the cloud interop override is initialized with settings provided by OpenFin it will
connect the platforms together through our cloud offering so that they can share contextual
information. Please contact OpenFin if you would wish to do a PoC to evaluate our cloud offering
so that you can get the required settings.
</p>
</div>
</div>
<div class="row gap10">
<button id="btnSubmit">Submit Settings and Connect To Cloud</button>
<button id="btnContinue">Continue without Cloud</button>
</div>
</div>
</main>
</body>
</html>