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

Updated demo page

parent 891e494e
<!DOCTYPE html>
<html>
<head>
<title>Embedded Genesys</title>
<base href="/" />
<meta charset="UTF-8" />
<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" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
</head>
<head>
<title>Embedded Genesys</title>
<base href="/" />
<meta charset="UTF-8" />
<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" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
</head>
<body>
<!--[if lt IE 7]>
<body>
<!--[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>
<![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>
</div>
<div class="container-fluid" id="genesys"></div>
</body>
</body>
</html>
......@@ -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>
<![endif]-->
<div class="container-fluid">
<h1>
Data from COL003 and BEL084
</h1>
<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>
<div class="container">
<div class="jumbotron small">
<h1 class="display-6">Embedded Genesys</h1>
<p class="lead">This page demonstrates embedding Genesys data for <code>COL003</code> and <code>BEL084</code> in a
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">
<li class="nav-item">
<a class="nav-link active" href="#/">Home</a>
......@@ -30,11 +33,15 @@
</li>
</ul>
</div>
<div class="container-fluid mb-5" id="genesys-container"></div>
<div class="container-fluid">
<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>
<hr />
<div class="container mb-5" id="genesys-container"></div>
<hr />
<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>
</div>
<script src="https://cdn.jsdelivr.net/npm/@genesys-pgr/ui-embedded/dist/genesys-deps.js"></script>
......@@ -43,12 +50,13 @@
const APIURL = 'https://api.sandbox.genesys-pgr.org';
const CLIENTID = 'TDlQz.LUmnd6YIOtWr4kjnVEFi@api.sandbox.genesys-pgr.org';
const CLIENTKEY = 'gnE1dPz5CWnbn0IsFvL8iSP1QDxBpmU0';
const FILTER = { institute: { code: [ 'COL003', 'BEL084' ] } };
const FILTER = { institute: { code: ['COL003', 'BEL084'] } };
genesys.showGenesysUI(APIURL, CLIENTID, CLIENTKEY,
document.getElementById('genesys-container'),
FILTER,
FILTER
);
</script>
</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