notifications-routing.html 1.18 KB
Newer Older
1 2 3 4 5
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>SIB Notifications - Demo</title>
6
  <script type="module" src="../index.js"></script>
7 8 9 10 11

  <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
12
    data-authority="http://127.0.0.1:8000"
13
    data-client_id="409289"
14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
    data-id="paris"
    >
    </sib-auth-provider>
  </sib-auth>

  <script type="module" src="https://unpkg.com/@startinblox/router"></script>

  <style>
    :root{
    --sib-notifications-theme: #ffd759;
    }
  </style>
</head>

<body>
  <h1>SIB Notifications and routing - Demo</h1>

  <sib-notifications
    bind-user
    id-suffix="inbox"
34
    extra-context='{"hd": "http://happy-dev.fr/owl/#"}'
35 36
    ></sib-notifications>

37
  <sib-router default-route="home" route-prefix="examples/notifications-routing.html">
38
    <sib-route name="home"></sib-route>
39
    <sib-route name="conversations" rdf-type="hd:conversation" use-id></sib-route>
40 41 42 43 44 45
  </sib-router>

  <div id="home">
    <h1>Home</h1>
  </div>

46 47 48
  <div id="conversations">
    <h1>Conversations</h1>
    <sib-display bind-resources fields="title"></sib-display>
49 50 51
  </div>
</body>
</html>