@minhnd1010/chat-widget 1.0.4 → 1.0.6

package/index.js

@@ -36,29 +36,27 @@ class ChatWidget extends HTMLElement {
   }
 
   render() {
-    const position = this.getAttribute("position") || "bottom-left";
-
-    let containerStyles = "bottom: 20px; left: 20px;";
-    let boxStyles = "top: -78vh; left: 42px;";
-
-    switch (position) {
-      case "bottom-right":
-        containerStyles = "bottom: 20px; right: 20px; left: auto;";
-        boxStyles =
-          "top: -78vh; right: 42px; left: auto; transform: translateX(-100%);";
-        break;
-      case "top-left":
-        containerStyles = "top: 20px; left: 20px; bottom: auto;";
-        boxStyles =
-          "bottom: 80px; top: auto; left: 42px; transform: translateY(100%);";
-        break;
-      case "top-right":
-        containerStyles = "top: 20px; right: 20px; left: auto; bottom: auto;";
-        boxStyles =
-          "bottom: 80px; top: auto; right: 42px; left: auto; transform: translateX(-100%) translateY(100%);";
-        break;
-      default:
-      // bottom-left
+    let position = "";
+    const top = this.getAttribute("top");
+    const left = this.getAttribute("left");
+    const bottom = this.getAttribute("bottom");
+    const right = this.getAttribute("right");
+
+    if (top) {
+      position += `top: ${top};`;
+    }
+    if (left) {
+      position += `left: ${left};`;
+    }
+    if (bottom) {
+      position += `bottom: ${bottom};`;
+    }
+    if (right) {
+      position += `right: ${right};`;
+    }
+
+    if (position) {
+      position = `bottom: 20px; left: 20px;`;
     }
 
     const template = document.createElement("template");
@@ -76,8 +74,7 @@ class ChatWidget extends HTMLElement {
           ================================================================================ */
         .chat-container {
           position: fixed;
-          bottom: 20px;
-          left: 20px;
+          ${position}
         }
 
         #chat-icon {
@@ -840,7 +837,7 @@ class ChatWidget extends HTMLElement {
     // ================== USER INPUT ==================
     let token = this.getAttribute("token");
 
-    let userId = this.getAttribute("ma_doi_tac_nsd");
+    let userId = this.getAttribute("ma-doi-tac-nsd");
 
     let fullName = this.getAttribute("ten");
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@minhnd1010/chat-widget",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "Chat widget hỗ trợ SignalR real-time cho website",
   "main": "index.js",
   "type": "module",