Commit 66b647d8 authored by Matija Obreza's avatar Matija Obreza
Browse files

Updated demo page

parent 891e494e
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Embedded Genesys</title> <title>Embedded Genesys</title>
<base href="/" /> <base href="/" />
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes" />
<meta name="author" content="Genesys Team, helpdesk@genesys-pgr.org" /> <meta name="author" content="Genesys Team, helpdesk@genesys-pgr.org" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
</head> integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
</head>
<body> <body>
<!--[if lt IE 7]> <!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]--> <![endif]-->
<ul class="nav">
<li class="nav-item">
<a class="nav-link active" href="#/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#/api-info">API Info</a>
</li>
</ul>
<hr />
<div class="container-fluid" id="genesys"></div>
<div> </body>
</div>
<div class="container-fluid" id="genesys"></div>
</body>
</html> </html>
...@@ -16,11 +16,14 @@ ...@@ -16,11 +16,14 @@
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]--> <![endif]-->
<div class="container-fluid"> <div class="container">
<h1> <div class="jumbotron small">
Data from COL003 and BEL084 <h1 class="display-6">Embedded Genesys</h1>
</h1> <p class="lead">This page demonstrates embedding Genesys data for <code>COL003</code> and <code>BEL084</code> in a
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a tellus egestas, efficitur est ac, rhoncus urna. Nullam porttitor diam nec lorem gravida maximus. Phasellus lobortis nisi dui, ut pellentesque ante malesuada vel. Donec tristique sodales velit, eu rhoncus ligula interdum id. Fusce molestie aliquam mauris, vitae iaculis massa sagittis vel. Proin ligula arcu, aliquet in tincidunt et, laoreet eu mi. Integer non gravida nisl. Sed congue magna sed augue porttitor dictum.</p> 3rd-party website. The current release of
the Javascript library is available on <a
href="https://www.npmjs.com/package/@genesys-pgr/ui-embedded">npmjs.com</a>.</p>
</div>
<ul class="nav"> <ul class="nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" href="#/">Home</a> <a class="nav-link active" href="#/">Home</a>
...@@ -30,11 +33,15 @@ ...@@ -30,11 +33,15 @@
</li> </li>
</ul> </ul>
</div> </div>
<hr />
<div class="container-fluid mb-5" id="genesys-container"></div> <div class="container mb-5" id="genesys-container"></div>
<hr />
<div class="container-fluid"> <div class="container">
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque cursus convallis fermentum. Fusce varius, massa ut dictum tempor, lacus eros eleifend eros, vel fringilla neque lacus sit amet lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus condimentum tincidunt dolor at interdum. Mauris bibendum tellus quis leo finibus tempus. Nunc aliquam a ligula at mattis. Suspendisse tincidunt felis nec auctor ultrices.</p> <p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque cursus convallis fermentum. Fusce varius,
massa ut dictum tempor, lacus eros eleifend eros, vel fringilla neque lacus sit amet lacus. Pellentesque habitant
morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus condimentum tincidunt dolor at
interdum. Mauris bibendum tellus quis leo finibus tempus. Nunc aliquam a ligula at mattis. Suspendisse tincidunt
felis nec auctor ultrices.</p>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/@genesys-pgr/ui-embedded/dist/genesys-deps.js"></script> <script src="https://cdn.jsdelivr.net/npm/@genesys-pgr/ui-embedded/dist/genesys-deps.js"></script>
...@@ -43,12 +50,13 @@ ...@@ -43,12 +50,13 @@
const APIURL = 'https://api.sandbox.genesys-pgr.org'; const APIURL = 'https://api.sandbox.genesys-pgr.org';
const CLIENTID = 'TDlQz.LUmnd6YIOtWr4kjnVEFi@api.sandbox.genesys-pgr.org'; const CLIENTID = 'TDlQz.LUmnd6YIOtWr4kjnVEFi@api.sandbox.genesys-pgr.org';
const CLIENTKEY = 'gnE1dPz5CWnbn0IsFvL8iSP1QDxBpmU0'; const CLIENTKEY = 'gnE1dPz5CWnbn0IsFvL8iSP1QDxBpmU0';
const FILTER = { institute: { code: [ 'COL003', 'BEL084' ] } }; const FILTER = { institute: { code: ['COL003', 'BEL084'] } };
genesys.showGenesysUI(APIURL, CLIENTID, CLIENTKEY, genesys.showGenesysUI(APIURL, CLIENTID, CLIENTKEY,
document.getElementById('genesys-container'), document.getElementById('genesys-container'),
FILTER, FILTER
); );
</script> </script>
</body> </body>
</html>
</html>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment