update: idSuffix to nestedField

README.md

@@ -14,7 +14,7 @@ window.dispatchEvent(new CustomEvent('read', {detail: {resource: resource}}))
 In your template, insert the following line where you want to display the component.
 
 ```html
-<sib-notifications bind-user id-suffix="inbox"></sib-notifications>
+<sib-notifications bind-user nested-field="inbox"></sib-notifications>
 ```
 
 If you want to use the `bind-user` attribute, do not forget to use `sib-oidc` for authentication.
@@ -24,7 +24,7 @@ If you want to use the `bind-user` attribute, do not forget to use `sib-oidc` fo
 | Name            | Default                | Description                                                  |
 | --------------- | ---------------------- | :----------------------------------------------------------- |
 | `data-src`      | `undefined`            | URL of the inbox to display.                         |
-| `id-suffix`     | `""`                   | String added at the end of the data source URL. Useful if you are using `bind-user` to get the current user URL. |
+| `nested-field`     | `""`                   | String added at the end of the data source URL. Useful if you are using `bind-user` to get the current user URL. |
 | `extra-context` | `{}`                   | Context to add to let the router know where to navigate after a click on a notification. |
 | `date-format`   | `"DD/MM/YYYY - kk:mm"` | Format of the date displayed in the notifications box. For more informations about available formats, look at the [moment.js doc](https://momentjs.com/docs/#/displaying/format/). |
 
@@ -63,7 +63,7 @@ In your template, insert the following line where you want to display the compon
 | Name        | Default     | Description                                                  |
 | ----------- | ----------- | :----------------------------------------------------------- |
 | `data-src`  | `undefined` | URL of the resource or container of which you want to get the unread notifications. |
-| `id-suffix` | `""`        | String added at the end of the data source URL. Useful if you are using `bind-resource` to get the current displayed resource. |
+| `nested-field` | `""`        | String added at the end of the data source URL. Useful if you are using `bind-resource` to get the current displayed resource. |
 
 ### Design
 To customize your component, you can set the css variable `--sib-badge-theme` anywhere in your stylesheet to the color you want.

examples/badge.html

@@ -8,9 +8,7 @@
   <script type="module" src="https://unpkg.com/@startinblox/oidc@latest"></script>
   <sib-auth>
     <sib-auth-provider
-    class="sib-auth-provider"
     data-authority="http://127.0.0.1:8000"
-    data-client_id="409289"
     data-id="paris"
     >
     </sib-auth-provider>

examples/notifications-format-date.html

@@ -8,9 +8,7 @@
   <script type="module" src="https://unpkg.com/@startinblox/oidc@latest"></script>
   <sib-auth>
     <sib-auth-provider
-    class="sib-auth-provider"
     data-authority="http://127.0.0.1:8000"
-    data-client_id="409289"
     data-id="paris"
     >
     </sib-auth-provider>
@@ -30,7 +28,7 @@
 
   <sib-notifications
   bind-user
-  id-suffix="inbox"
+  nested-field="inbox"
   date-format="dddd Do, MMMM"
   >
   </sib-notifications>

examples/notifications-routing.html

@@ -8,9 +8,7 @@
   <script type="module" src="https://unpkg.com/@startinblox/oidc@latest"></script>
   <sib-auth>
     <sib-auth-provider
-    class="sib-auth-provider"
     data-authority="http://127.0.0.1:8000"
-    data-client_id="409289"
     data-id="paris"
     >
     </sib-auth-provider>
@@ -30,7 +28,7 @@
 
   <sib-notifications
     bind-user
-    id-suffix="inbox"
+    nested-field="inbox"
     extra-context='{"hd": "http://happy-dev.fr/owl/#"}'
     ></sib-notifications>
 

examples/notifications.html

@@ -9,9 +9,7 @@
   <script type="module" src="https://unpkg.com/@startinblox/oidc@latest"></script>
   <sib-auth>
     <sib-auth-provider
-    class="sib-auth-provider"
     data-authority="http://127.0.0.1:8000"
-    data-client_id="409289"
     data-id="paris"
     >
     </sib-auth-provider>

index.html

@@ -7,9 +7,7 @@
   <script type="module" src="https://unpkg.com/@startinblox/oidc@latest"></script>
   <sib-auth>
     <sib-auth-provider
-    class="sib-auth-provider"
     data-authority="http://127.0.0.1:8000"
-    data-client_id="409289"
     data-id="paris"
     >
     </sib-auth-provider>

sib-badge.js

@@ -21,13 +21,13 @@ class SIBBadge extends SIBTemplateElement {
   }
 
   get resourceId() {
-    return this.props.dataSrc + (this.props.idSuffix ? this.props.idSuffix + '/' : '')
+    return this.props.dataSrc + (this.props.nestedField ? this.props.nestedField + '/' : '')
   }
 
   static get propsDefinition() {
     return {
       dataSrc: 'data-src',
-      idSuffix: 'id-suffix'
+      nestedField: 'nested-field'
     }
   }
 

sib-notifications.js

@@ -63,7 +63,7 @@ class SIBNotifications extends SIBTemplateElement {
   static get propsDefinition() {
     return {
       dataSrc: 'data-src',
-      idSuffix: 'id-suffix',
+      nestedField: 'nested-field',
       extraContext: 'extra-context',
       dateFormat: 'date-format',
     }
@@ -140,7 +140,7 @@ class SIBNotifications extends SIBTemplateElement {
   }
 
   get resourceId() {
-    return  this.props.dataSrc + (this.props.idSuffix ? this.props.idSuffix + '/' : '')
+    return  this.props.dataSrc + (this.props.nestedField ? this.props.nestedField + '/' : '')
   }
 
   template({ dataSrc }) {