Skip to main content

ps-message-notification

ps-message-notification là component dùng để hiển thị thông báo trong ứng dụng khi có tin nhắn mới đến.

Cách sử dụng​

Bạn hãy gán id có giá trị là ps-message-notification cho 1 thẻ HTML, sau đó chúng tôi sẽ lấy thẻ HTML đó để tạo ra component ps-message-notification. Các thuộc tính của ps-message-notification sẽ được truyền vào ps-chat-provider. Bạn có thể thêm các thuộc tính CSS vào thẻ HTML có chứa id là ps-message-notification.

<body>
  <ps-chat-provider
    app-id="YOUR_APP_ID"
    fetch-token="fetchToken"
    on-notification-click="handleNotificationClick"
    {...psMessageNotificationAttributes}
  >
  </ps-chat-provider>

  <div>
    <div id="ps-message-notification"></div>
  </div>

  <script>
    async function fetchToken() {
      return "YOUR_TOKEN";
    }

    function handleNotificationClick(messageData) {
      // Do something when click on notification
    }
  </script>
</body>

Attributes​

Thuộc tínhMô tảKiểu dữ liệuBắt buộc
positionVị trí hiển thị của thông báobottom-left
on-notifyHàm gọi lại khi nhận được một thông báo(messageData) => voidKhông
on-notification-clickHàm gọi lại khi người dùng click vào thông báo(messageData) => voidKhông