init opencollective

src/js/app.js

@@ -4,10 +4,11 @@ import '../css/tripledot.css';
 
 import { MyIP } from './plugins/myip.js';
 import { Time } from './plugins/time.js';
-
+import { OpenCollective } from './plugins/opencollective.js';
 
 
 (function() {
 	var time = new Time();
 	var myip = new MyIP(); 
+	var opencollective = new OpenCollective("zutto");
 })();

src/js/components/shield.js

@@ -1,4 +1,4 @@
-import { html } from '../html.js';
+import { vhtml } from './vhtml.js';
 export class shield extends vhtml {
 	constructor() {
 		super();

src/js/plugins/opencollective.js

@@ -3,18 +3,29 @@ import { shield } from "../components/shield.js";
 import { fetcher } from "../fetch.js";
 
 export class OpenCollective extends shield {
-    constructor() {
+    constructor(user) {
 	super();
 
 	this._ip = "";
-	this._source = "https://ip.zutto.fi/"
+	this._source = `https://rest.opencollective.com/v2/${user}/transactions/debit/contribution.json`;
+	this.total = {};
 
-	vj.watcher.watch('[content="myip"]', (element) => {
+	vj.watcher.watch('[content="opencollective"]', (element) => {
 		this.loadingStart(element);     
-		this.ip().then((data) => {
+		this.transactions().then((data) => {
 			try {
-				this._ip = data.trim();
-				vj.ps.publish("ip", {"ip": this._ip});
+				this.json = JSON.parse(data);
+				this.json.nodes.forEach((item) => {
+					console.log("dealing with item", item);
+					if (item.kind === "CONTRIBUTION" && item.order.frequency === "MONTHLY") {
+						if (this.total[item.currency]) {
+							this.total[item.amount.currency] += item.amount.value * -1;
+						} else {
+							this.total[item.amount.currency] = item.amount.value * -1;
+						}
+					}
+				});
+
 				this.render(element);
 				this.loadingEnd(element);
 			} catch (e) {
@@ -25,17 +36,17 @@ export class OpenCollective extends shield {
 	})
     }
 
-    async ip() {
+    async transactions() {
 	try { 
 		const fetch = new fetcher();
 		console.log("ok");
-		return fetch.go({"url": `${this._source}/ip` });
+		return fetch.go({"url": `${this._source}` });
 	} catch (e) {
 		throw e;
 	}
     }
 
-    
+   /* 
     async loadingStart(element) {
 	vj.ps.publish("ip.load.start", {"element": element});
 	return super.loadingStart(element);
@@ -45,11 +56,20 @@ export class OpenCollective extends shield {
         vj.ps.publish("ip.load.end", {"element": element});
 	return super.loadingEnd(element);
     }
-
+    */
     async render(element) {
         try {
-            const rendered = await super.render(element, "4.00 USD/Month");
-            vj.ps.publish("ip.rendered", { "element": element, "rendered": rendered });
+		var totalText = "";
+		console.log("this.total is", this.total, this.total.size);
+		if (Object.keys(this.total).length > 0) {
+			console.log("processing this.total");
+			for (var currency in this.total) {
+				console.log("currency is", currency, "amount is", this.total[currency]);
+				totalText += `${this.total[currency]} ${currency}/Month`;
+			}
+		    console.log("totaltet is", totalText);
+		    const rendered = await super.render(element, `${totalText}`);
+		}
         } catch (e) {
             throw e;
         }