pixflow-upgrade-planning 0.0.35 → 0.0.37

package/index.js

@@ -4,6 +4,8 @@ const path = require("path");
 const CepManifest = require("pixflow-cep-manifest");
 const cep_manifest = new CepManifest();
 const token = require("pixflow-token");
+const PixflowPurchaseCodeActivate = require("pixflow-purchase-code-activate");
+const purchase_code = new PixflowPurchaseCodeActivate();
 
 class PixflowUpgradePlanning extends HTMLElement {
 
@@ -21,6 +23,8 @@ class PixflowUpgradePlanning extends HTMLElement {
         this.template = parse.parseFromString(fs.readFileSync(path.join(__dirname, "template.html")).toString("utf8"), "text/html");
         this.appendChild(this.template.querySelector(`div.${this.port}`));
 
+        purchase_code.check_device_select();
+
         this.querySelector(`img.close`).addEventListener("click", this.close_click);
 
         if(this.port == "pixflow"){
@@ -47,6 +51,22 @@ class PixflowUpgradePlanning extends HTMLElement {
                     this.classList.add("active");
                 })
             })
+
+            this.querySelector("div.purchase-code > form > button").addEventListener("click", async function(e){
+                e.preventDefault();
+                purchase_code.set_code(self.querySelector("div.purchase-code > form > input[type=text]").value);
+                const message = self.querySelector("div.purchase-code > form > p.message");
+                const msg = self.querySelectorAll("div.purchase-code > form > ul.msg > *");
+                const res = await purchase_code.activate_code();
+                if(!res.error){
+                    message.innerHTML = msg[0].innerHTML;
+                    setTimeout(function(){
+                        window.location.href = cep_manifest.get_main_path();
+                    }, 1500);
+                } else {
+                    message.innerHTML = msg[1].innerHTML;
+                }
+            })
         }
 
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixflow-upgrade-planning",
-  "version": "0.0.35",
+  "version": "0.0.37",
   "description": "",
   "main": "index.js",
   "scripts": {

package/styles/pixflow.css

@@ -384,4 +384,8 @@ pixflow-upgrade-planning div.purchase-code > p.buy > a {
 
 pixflow-upgrade-planning div.purchase-code div.result {
     color: #FFFFFF;
-}
+}
+
+pixflow-upgrade-planning div.purchase-code ul.msg {
+    display: none;
+}

package/template.html

@@ -64,6 +64,10 @@
         <input type="text" spellcheck="false" placeholder="Purchase code">
         <p class="message"></p>
         <button>ACTIVATE</button>
+        <ul class="msg">
+            <li>Activation was successful.</li>
+            <li>Invalid purchase code!</li>
+        </ul>
         <div class="back-upgrade-plan">Purchase Pro Membership</div>
     </form>
 </div>