pixflow-upgrade-planning 0.0.32 → 0.0.33

package/index.js

@@ -1,6 +1,9 @@
 const parse = new DOMParser();
 const fs = require("fs");
 const path = require("path");
+const CepManifest = require("pixflow-cep-manifest");
+const cep_manifest = new CepManifest();
+const token = require("pixflow-token");
 
 class PixflowUpgradePlanning extends HTMLElement {
 
@@ -21,14 +24,44 @@ class PixflowUpgradePlanning extends HTMLElement {
 
         if(this.port == "pixflow"){
             this.appendChild(this.template.querySelector("div.purchase-code"));
+            this.get_product_price_detail();
             this.querySelector("div.purchase-code > img.close").addEventListener("click", function(){
                 this.parentNode.classList.remove("active");
             })
             this.querySelector("div.activate-code").addEventListener("click", this.activate_code_click);
+            this.querySelector("div.pixflow div.activate-code-block button").addEventListener("click", function(){
+                window.cep.util.openURLInDefaultBrowser(`https://pixflow.net/product/${cep_manifest.get_link()}`);
+            })
         }
 
     }
 
+    get_product_price_detail(){
+        const self = this;
+        const xhr = new XMLHttpRequest();
+        xhr.open("GET", `https://pixflow.net/wp-json/pixflow/get_product_price_detail?product-id=${cep_manifest.get_post_id()}&token=${token()}`);
+        xhr.addEventListener("load", function(){
+            const json = JSON.parse(this.responseText);
+            self.querySelectorAll("img.loading").forEach(function(element){
+                element.remove();
+            })
+            var off = parseInt(json.off_percentage);
+            var single = parseInt(json.single.price);
+            var team = parseInt(json.team.price);
+            var strSingle = `$${single}`;
+            var strTeam = `$${team}`;
+            if(off > 0){
+                single = Math.floor((100 - off) / 100 * parseInt(json.single.price));
+                team = Math.floor((100 - off) / 100 * parseInt(json.team.price));
+                strSingle = `$${single} <del>$${json.single.price}</del>`;
+                strTeam = `$${team} <del>$${json.team.price}</del>`;
+            }
+            self.querySelector("div.pixflow > div.plan > div.single > div > div:nth-child(2)").innerHTML = strSingle;
+            self.querySelector("div.pixflow > div.plan > div.team > div > div:nth-child(2)").innerHTML = strTeam;
+        })
+        xhr.send(null);        
+    }
+
     activate_code_click(e){
         e.target.parentNode.parentNode.parentNode.querySelector("div.purchase-code").classList.add("active");
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixflow-upgrade-planning",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -8,5 +8,9 @@
   },
   "keywords": [],
   "author": "",
-  "license": "ISC"
+  "license": "ISC",
+  "dependencies": {
+    "pixflow-token": "^1.0.0",
+    "pixflow-cep-manifest": "^1.0.0"
+  }
 }

package/styles/pixflow.css

@@ -129,6 +129,7 @@ pixflow-upgrade-planning > div.pixflow button, pixflow-upgrade-planning > div.pu
     color: #fff;
     transition: filter 200ms;
     border: 0;
+    outline: 0;
 }
 
 pixflow-upgrade-planning > div.pixflow > div:nth-child(5) {
@@ -192,10 +193,6 @@ pixflow-upgrade-planning > div.pixflow div.activate-code {
     margin: 15px 0;
 }
 
-a, .btn, button, ul > li > div, ul > li > img, ul > li > div.arrow.right, pixflow-upgrade-planning > div.pixflow > div.plan > div, #activate, #dashboard > div, #dashboard img, .apply, .unlock, #customize > div.params > div.header > div, pixflow-upgrade-planning > div.pixflow > div.activate-code, .view-details, body > div.right-side > div.header > div.views > img.view-small-icon {
-    cursor: pointer;
-}
-
 pixflow-upgrade-planning > div.pixflow div.activate-code {
     color: #7C879A;
     font-size: 13px;