notifications-routing.html 1.38 KB
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 Notifications - 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"
13 14
    data-authority="http://127.0.0.1:8000/"
    data-client_id="268937"
15 16 17 18 19
    data-id="paris"
    >
    </sib-auth-provider>
  </sib-auth>

20
  <script type="module" src="https://unpkg.com/@startinblox/core@0.7"></script>
21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
  <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"
    extra-context='{"doap": "http://usefulinc.com/ns/doap#"}'
    ></sib-notifications>

39
  <sib-router default-route="home" route-prefix="examples/notifications-routing.html">
40
    <sib-route name="home"></sib-route>
41
    <sib-route name="project" rdf-type="doap:project" use-id></sib-route>
42 43 44 45 46 47 48 49 50 51 52 53
  </sib-router>

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

  <div id="project">
    <h1>Project</h1>
    <sib-display bind-resources data-fields="name"></sib-display>
  </div>
</body>
</html>