badge.html 828 Bytes
Newer Older
1 2 3 4 5 6
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.0.20/webcomponents-loader.js"></script>
  <title>SIB Badge - Demo</title>
7
  <script type="module" src="../index.js"></script>
8 9 10 11 12

  <script type="module" src="https://unpkg.com/@startinblox/oidc@latest"></script>
  <sib-auth>
    <sib-auth-provider
    class="sib-auth-provider"
Matthieu Fesselier's avatar
Matthieu Fesselier committed
13
    data-authority="http://127.0.0.1:8000"
14 15 16 17 18 19
    data-client_id="268937"
    data-id="paris"
    >
    </sib-auth-provider>
  </sib-auth>

20 21 22 23 24 25 26 27 28
  <style>
    :root{
    --sib-badge-theme: #ffd759;
    }
  </style>
</head>

<body>
  <h1>SIB Badge - demo</h1>
Matthieu Fesselier's avatar
Matthieu Fesselier committed
29
  <p>Number of notifications related to conversation 1</p>
30
  <sib-badge data-src="http://localhost:8000/conversations/1/"></sib-badge>
31 32
</body>
</html>