fs-feedback-creator - npm Package Compare versions

Comparing version 2.0.5 to 2.0.6

dist/feedback-creator.js

@@ -47,2 +47,3 @@ export class FeedbackCreator {
         this.root.innerHTML = html;
+        this.root.style.cssText = "position: fixed; width: 100%; display: flex; transform: translate(0, -50%);" + this.style_map.get(this.fb.wgPosition);
         const button = document.getElementById("feedbackButton");
@@ -83,2 +84,3 @@ button.addEventListener("click", () => {
         this.root.innerHTML = html;
+        this.root.style.cssText = "position: fixed; width: 100%; display: flex;" + this.modalViews.get(this.fb.wgPosition);
         const closeButton = document.getElementById("closeModal");
@@ -147,2 +149,3 @@ closeButton.addEventListener("click", () => {
         this.root.innerHTML = html;
+        this.root.style.cssText = "position: fixed; width: 100%; display: flex;" + this.modalViews.get(this.fb.wgPosition);
         let comment = "";
@@ -229,2 +232,3 @@ const closeButton = document.getElementById("closeForm");
         this.root.innerHTML = html;
+        this.root.style.cssText = "position: fixed; width: 100%; display: flex;" + this.modalViews.get(this.fb.wgPosition);
         let visitorEmail = "";
@@ -276,2 +280,3 @@ const closeButton = document.getElementById("closeEmailModal");
         this.root.innerHTML = html;
+        this.root.style.cssText = "position: fixed; width: 100%; display: flex;" + this.modalViews.get(this.fb.wgPosition);
         const closeButton = document.getElementById("thxClose");
@@ -284,9 +289,2 @@ closeButton.addEventListener("click", () => {
         const css = `
-            #fb-root{
-                position: fixed;
-                width: 100%;
-                ${this.style_map.get(this.fb.wgPosition)};
-                display: flex;
-                transform: translate(0, -50%);    
-            }
             #thxIconContainer{
@@ -411,2 +409,3 @@ margin-top: 38px;
                 margin-left: 12%;
+                margin-top: 20px;
             }
@@ -509,10 +508,10 @@ #textareaWithAdditionalMessage{
         this.language_map.set("fr", "Rétroaction");
-        this.style_map.set("0", "flex-direction: row-reverse; top:43%; border-top-left-radius: 3px; border-bottom-left-radius: 3px;");
-        this.style_map.set("1", "flex-direction: row; top:43%; border-top-right-radius: 3px; border-bottom-right-radius: 3px;");
-        this.style_map.set("2", "flex-direction: row-reverse; top:66%; border-top-left-radius: 3px; border-bottom-left-radius: 3px;");
-        this.style_map.set("3", "flex-direction: row; top:66%; border-top-right-radius: 3px; border-bottom-right-radius: 3px;");
-        this.modalViews.set("0", "right: 70px; position: relative;");
-        this.modalViews.set("1", "left: 70px; position: relative;");
-        this.modalViews.set("2", "right: 70px; position: relative;");
-        this.modalViews.set("3", "left: 70px; position: relative;");
+        this.style_map.set("0", "flex-direction: row-reverse; top:50%; border-top-left-radius: 3px; border-bottom-left-radius: 3px;");
+        this.style_map.set("1", "flex-direction: row; top:50%; border-top-right-radius: 3px; border-bottom-right-radius: 3px;");
+        this.style_map.set("2", "flex-direction: row-reverse; top:70%; border-top-left-radius: 3px; border-bottom-left-radius: 3px;");
+        this.style_map.set("3", "flex-direction: row; top:70%; border-top-right-radius: 3px; border-bottom-right-radius: 3px;");
+        this.modalViews.set("0", "right: 70px; flex-direction: row-reverse; top:50%; transform: translate(0, -25%);");
+        this.modalViews.set("1", "left: 70px; flex-direction: row; top:50%; transform: translate(0, -25%);");
+        this.modalViews.set("2", "right: 70px; flex-direction: row-reverse; top:70%; transform: translate(0, -35%);");
+        this.modalViews.set("3", "left: 70px; flex-direction: row; top:70%; transform: translate(0, -35%);");
         this.trianglePosition.set("0", "float: right; margin-right: -8%;");
@@ -524,1 +523,33 @@ this.trianglePosition.set("1", "float: left; margin-left: -8%; transform: rotate(-90deg);");
 }
+window.addEventListener('DOMContentLoaded', (event) => {
+    let widget = new FeedbackCreator({
+        id: 0,
+        wgResponses: 0,
+        wgUpdTime: new Date(),
+        SiteId: "31",
+        UserId: "47",
+        wgLanguage: 'en',
+        wgPosition: "1",
+        wgAccentColor: '#e72d44',
+        wgAlternateColor: true,
+        wgQuestion: 'Tell us about web site experience.',
+        wgUserScreenshot: false,
+        wgEmailReqMsg: 'Widget email request message',
+        wgEmailReqActivation: true,
+        wgAdditionalMsg: 'Widget additional message',
+        wgAdditionalMsgActivation: false,
+        wgThanksMsg: 'Thank your for Give a Feedback',
+        wgThanksMsgActivation: true,
+        wgDesktop: false,
+        wgPhone: false,
+        wgTablet: false,
+        wgPages: '*',
+        wgWidgetToUsers: null,
+        wgPercentage: 50,
+        wgEmail: false,
+        wgWidgetToAllPages: true,
+        wgReactionStyle: 0,
+        wgResponseViaEmail: ""
+    }, null);
+    widget.renderButton();
+});

package.json

 {
   "name": "fs-feedback-creator",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "web-based module that's responsible to inject fullsession feedback modal",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

36581

increased by4.69%

Lines of code

651

increased by5%

No dependency changes