Ready 1st phase. READ!

author: kaotisk <kaotisk@arching-kaos.org> 2022-05-16 23:33:49 +0300
committer: kaotisk <kaotisk@arching-kaos.org> 2022-05-16 23:33:49 +0300
commit: 8a3f023f44d1af37e8e7d6a24ec3163afa18d2c8 (patch)
tree: e106cf11154ceba57ce9f5c41261ece53363458f /ak-wallet-dev.html
download: arching-kaos-web-ui-8a3f023f44d1af37e8e7d6a24ec3163afa18d2c8.tar.gz
arching-kaos-web-ui-8a3f023f44d1af37e8e7d6a24ec3163afa18d2c8.tar.bz2
arching-kaos-web-ui-8a3f023f44d1af37e8e7d6a24ec3163afa18d2c8.zip
1 files changed, 536 insertions, 0 deletions
diff --git a/ak-wallet-dev.html b/ak-wallet-dev.html
new file mode 100644
index 0000000..9879562
--- /dev/null
+++ b/ak-wallet-dev.html
@@ -0,0 +1,536 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Dashboard | Arching Kaos</title>
+    <style type="text/css">
+    	pre { white-space: pre-wrap; }
+    	#stellar-freigher-connect-address-button {
+			position: fixed;
+			top: 0;
+			right: 2vw;
+			padding: 2vh 2vw;
+		}
+    </style>
+	<link rel="icon" href="https://ipfs.arching-kaos.com/ipfs/QmagKP1zLWaGHLR4191dpvsCYHS8tuPCRYJgfK9Zdr6i9S?filename=logo.png" sizes="32x32">
+	<link rel="icon" href="https://ipfs.arching-kaos.com/ipfs/QmagKP1zLWaGHLR4191dpvsCYHS8tuPCRYJgfK9Zdr6i9S?filename=logo.png" sizes="192x192">
+	<link rel="apple-touch-icon" href="https://ipfs.arching-kaos.com/ipfs/QmagKP1zLWaGHLR4191dpvsCYHS8tuPCRYJgfK9Zdr6i9S?filename=logo.png">
+	<meta name="msapplication-TileImage" content="https://ipfs.arching-kaos.com/ipfs/QmagKP1zLWaGHLR4191dpvsCYHS8tuPCRYJgfK9Zdr6i9S?filename=logo.png">
+    <link rel="stylesheet" type="text/css" href="//ipfs.arching-kaos.com/ipfs/Qmcusex5HCKKeKAouXtUiwGoFxZzzsvcmo4dGewKBETwDv?filename=style2.css">
+    <link rel="stylesheet" type="text/css" href="//ipfs.arching-kaos.com/ipfs/Qme4Lao1ffeyDtn4r9z8ZPCUPipRWJHPJig9Kh9XHw1ete?filename=style.css">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/stellar-freighter-api/1.1.2/index.min.js"></script>
+</head>
+<body>
+	<div class="header">
+		<img src="//ipfs.arching-kaos.com/ipfs/QmcyDhApg19qDcjdCpTFaezXrjfcUrC9MZq9wKo69trRDH">
+		<h1 style="text-align: center;">Arching Kaos</h1>
+	</div>
+	<hr>
+	<div id="menu" class="linkin">
+		<span id="mypage-section-link"><a href="#mypage-section" onclick="menusel(this)">My page</a> | </span>
+		<a href="#mixtapes-section" onclick="menusel(this)">Mixtapes</a> |
+		<a href="#news-section" onclick="menusel(this)">News</a> |
+		<span id="stellar-balances-link"><a href="#stellar-balances" onclick="menusel(this)">Balances</a> | </span>
+		<span id="stellar-data-config-link"><a href="#stellar-data-config" onclick="menusel(this)">Data</a> | </span>
+		<span id="arching-kaos-id-link"><a href="#arching-kaos-id" onclick="menusel(this)">AKID</a> | </span>
+		<a href="#zchain-data-section" onclick="menusel(this)">zchain</a> |
+		<a href="#stats-section" onclick="menusel(this)">Stats</a> |
+		<a href="#chat-section" onclick="menusel(this)">Chat</a> |
+		<a href="#about-section" onclick="menusel(this)">About</a>
+	</div>
+	<hr>
+<p class="sub-input" id="stellar-freigher-connect-address-button" onclick="connect()" >Connect with Stellar address</p>
+<div>
+	<div id="about-section">
+	    <h2>About</h2>
+	    <p>Arching Kaos is a project about radio, music, communications and decentralization. On site, you can listen to the latest mixes of music (menu entry "Mixtapes"), read latest news of the network and chat.</p>
+	    <p>Note that to participate you will need to set up your Arching Kaos set, which is not so convinient yet (under development).</p>
+	    <p>Furthermore, if you are using Freighter extension you can additionally see:</p>
+	    <ol>
+	    	<li>Your balances on your wallet</li>
+	    	<li>Your configuration IPNS address (if any)</li>
+	    	<li>Your Arching Kaos configuration (if any)</li>
+	    	<li>Your zchain (...)</li>
+	    	<li>Your posted newsfeed (...)</li>
+	    </ol>
+	    <p>Finally, on the stats page you can find people that are participating over the Stellar Network, using the ARCHINGKAOS token/asset/coin.</p>
+    </div>
+    <div id="stellar-balances"><h2>Balances</h2></div>
+    <div id="stellar-data-config"><h2>Data</h2><p>The following was found on your wallet's "config" variable:</p></div>
+    <div id="arching-kaos-id"><h2>AKID</h2></div>
+    <div id="zchain-data-section"><h2>zchain</h2></div>
+    <div id="news-section"><h2>News</h2></div>
+    <div id="mixtapes-section"><h2>Mixtapes</h2></div>
+    <div id="chat-section"><h2>Chat</h2>
+    	<iframe src="https://irc.arching-kaos.com" style="width: -moz-available; height: 80vh;"></iframe>
+    </div>
+    <div id="stats-section"><h2>Stats</h2></div>
+    <div id="mypage-section">
+    	<h2>My page</h2>
+    	<div id="my-news"></div>
+    	<div id="my-mixtapes"></div>
+    	<div id="my-zchain"></div>
+    </div>
+</div>
+<hr>
+<div class="footer">
+	Arching Kaos <a target="_blank" href="https://git.kaotisk-hund.com/arching-kaos-tools/.git">Tools</a>, <a target="_blank" href="https://arching-kaos.org">Org</a>, <a target="_blank" href="https://arching-kaos.net">Net</a> |
+	Powered by <a target="_blank" href="https://www.kaotisk-hund.com">Kaotisk Hund</a>.
+</div>
+</body>
+<script src="//cdnjs.cloudflare.com/ajax/libs/stellar-sdk/10.0.1/stellar-sdk.js"></script>
+<script>
+	var profilemenuids = []
+	var menuids = ['#about-section','#zchain-data-section','#news-section','#stats-section','#mixtapes-section','#chat-section','#mypage-section','#stellar-balances','#stellar-data-config','#arching-kaos-id'];
+	function menuinit(){
+		menuids.forEach(m=>document.querySelector(m).hidden=true)
+	}
+	menuinit()
+	document.querySelector('#about-section').hidden=false
+
+	function menusel(m){
+		menuinit();
+		console.log(m)
+		document.querySelector(m.hash).hidden=false
+	}
+	function gettrustlines(){
+		var url='https://horizon.stellar.org/assets?asset_code=ARCHINGKAOS&asset_issuer=GB4QVKD6NW3CSNO5TNPARAWNPPXOPSSTKB35XCWB7PUNBIQTK3DVELB2'
+		fetch(url, {
+			method:'GET',
+			headers:{
+				Accept: 'application/json'
+			}
+		}).then(response=>{
+			if(response.ok){
+				response.json().then(json=>{
+					var stats = document.querySelector('#stats-section')
+					var small = document.createElement("small")
+					small.innerHTML = 'Connected trustlines: ' + json._embedded.records[0].accounts.authorized
+					stats.appendChild(small)
+				})
+			}
+		})
+	}
+	gettrustlines()
+	function getholders(a=0){
+		var url='https://horizon.stellar.org/accounts?asset=ARCHINGKAOS:GB4QVKD6NW3CSNO5TNPARAWNPPXOPSSTKB35XCWB7PUNBIQTK3DVELB2&limit=200'
+		fetch(url, {
+			method:'GET',
+			headers:{
+				Accept: 'application/json'
+			}
+		}).then(response=>{
+			if(response.ok){
+				response.json().then(json=>{
+					var stats = document.querySelector('#stats-section')
+					json._embedded.records.forEach(r=>{
+						var p = document.createElement("p")
+						p.innerHTML = r.account_id
+						p.id = r.account_id
+						checkforconfig(r.account_id)
+						stats.appendChild(p)
+					})
+					// if (json._links.next) getholders(json._links.next.href)
+				})
+			}
+		})
+	}
+	getholders()
+
+	function checkforconfig(addr) {
+		url='https://horizon.stellar.org/accounts/'+addr+'/data/config'
+		fetch(url, {
+			method:'GET',
+			headers:{
+				Accept: 'application/json'
+			}
+		}).then(response=>{
+			if(response.ok){
+				response.json().then(json=>{
+					var cnf = document.createElement("p")
+					cnf.innerHTML = atob(json.value)
+					document.querySelector('#'+addr).appendChild(cnf)
+					getnickname(atob(json.value),addr)
+				})
+			}
+		})
+	}
+	function getnickname(a,eid){
+		url='https://ipfs.arching-kaos.com/ipns/'+a
+		fetch(url, {
+			method:'GET',
+			headers:{
+				Accept: 'application/json'
+			}
+		}).then(response=>{
+			if(response.ok){
+				response.json().then(json=>{
+					/* Could be json object with
+					 *  - genesis
+					 *  - gpg
+					 *  - profile {
+					 *     - nickname
+					 *    }
+					 *  - zchain
+					 */
+					var divs = document.querySelector('#'+eid)
+					if(json.genesis){
+						var p = document.createElement("p")
+						p.innerHTML="Genesis: " +json.genesis
+						divs.appendChild(p)
+					}
+					if(json.gpg){
+						var p = document.createElement("p")
+						p.innerHTML="GPG: " +json.gpg
+						divs.appendChild(p)
+					}
+					if(json.profile.nickname){
+						var p = document.createElement("p")
+						p.innerHTML="Nickname: " +json.profile.nickname
+						divs.appendChild(p)
+					}
+					if(json.zchain){
+						var p = document.createElement("p")
+						p.innerHTML="zchain: " +json.zchain
+						divs.appendChild(p)
+					}
+					zseek(json.zchain)
+				})
+			}
+		})
+	}
+	var server = new StellarSdk.Server('https://horizon.stellar.org');
+	function letme(a){
+		server.accounts()
+		.accountId(a)
+		.call().then(function(r){ const L = r; putit(r); });
+	}
+	function putit(i){
+		var ta=document.querySelector("#stellar-balances")
+		readit(i)
+		for (b in i.balances) {
+			x = i.balances[b]
+			console.log(x)
+			var as = document.createElement("p")
+			as.innerHTML = x.balance + " "+ ( x.asset_code && x.asset_code != "undefined" ? x.asset_code : 'XLM')
+			ta.appendChild(as)
+		}
+	}
+	async function dataf(i){
+		url='https://horizon.stellar.org/accounts/'+i+'/data/config'
+		
+		fetch(url, {
+			method:'GET',
+			headers:{
+				Accept: 'application/json'
+			}
+		}).then(response=>{
+			if(response.ok){
+				response.json().then(json=>{
+					var cnf = document.createElement("p")
+					cnf.innerHTML = atob(json.value)
+					document.querySelector('#stellar-data-config').appendChild(cnf)
+					akiseek(atob(json.value))
+				})
+			}
+		})
+	}
+	function akiseek(i){
+		url='https://ipfs.arching-kaos.com/ipns/'+i
+		fetch(url, {
+			method:'GET',
+			headers:{
+				Accept: 'application/json'
+			}
+		}).then(response=>{
+			if(response.ok){
+				response.json().then(json=>{
+					/* Could be json object with
+					 *  - genesis
+					 *  - gpg
+					 *  - profile {
+					 *     - nickname
+					 *    }
+					 *  - zchain
+					 */
+					var divs = document.querySelector('#arching-kaos-id');
+					if(json.genesis){
+						var p = document.createElement("p")
+						p.innerHTML="Genesis: " +json.genesis
+						divs.appendChild(p)
+					}
+					if(json.gpg){
+						var p = document.createElement("p")
+						p.innerHTML="GPG: " +json.gpg
+						divs.appendChild(p)
+					}
+					if(json.profile.nickname){
+						var p = document.createElement("p")
+						p.innerHTML="Nickname: " +json.profile.nickname
+						divs.appendChild(p)
+					}
+					if(json.zchain){
+						var p = document.createElement("p")
+						p.innerHTML="zchain: " +json.zchain
+						divs.appendChild(p)
+					}
+					zseek(json.zchain)
+				})
+			}
+		})
+	}
+	function zseek(i){
+		url = 'https://ipfs.arching-kaos.com/ipns/'+i
+		fetch(url, {
+			method:'GET',
+			headers:{
+				Accept: 'application/json'
+			}
+		}).then(response=>{
+			if(response.ok){
+				response.json().then(json=>{
+					/* Could be json object with
+					 *  - block
+					 *  - block_signature
+					 */
+					var divs = document.querySelector('#zchain-data-section');
+					if(json.block){
+						var p = document.createElement("p")
+						p.innerHTML="Block: " +json.block
+						divs.appendChild(p)
+					}
+					if(json.block_signature){
+						var p = document.createElement("p")
+						p.innerHTML="Signature: " +json.block_signature
+						divs.appendChild(p)
+					}
+					divs.appendChild(document.createElement("hr"));
+					seekblock(json.block)
+				})
+			}
+		})	
+	}
+	function seekblock(i){
+		url = 'https://ipfs.arching-kaos.com/ipfs/'+i
+		fetch(url, {
+			method:'GET',
+			headers:{
+				Accept: 'application/json'
+			}
+		}).then(response=>{
+			if(response.ok){
+				response.json().then(json=>{
+					/* Could be json object with
+					 *  - action
+					 *  - data
+					 *  - gpg
+					 *  - timestamp
+					 *  - previous
+					 *  - detach
+					 */
+					var divs = document.querySelector('#zchain-data-section');
+					if(json.action){
+						var p = document.createElement("p")
+						p.innerHTML="Action: " +json.action
+						divs.appendChild(p)
+					}
+					if(json.detach){
+						var p = document.createElement("p")
+						p.innerHTML="Detach: " +json.detach
+						divs.appendChild(p)
+					}
+					if(json.gpg){
+						var p = document.createElement("p")
+						p.innerHTML="GPG: " +json.gpg
+						divs.appendChild(p)
+					}
+					if(json.data){
+						var p = document.createElement("p")
+						var a = document.createElement("a")
+						a.href = 'https://ipfs.arching-kaos.com/ipfs/'+json.data
+						a.innerHTML = json.data
+						p.innerHTML="Data: "
+						p.appendChild(a)
+						divs.appendChild(p)
+					}
+					if(json.timestamp){
+						var p = document.createElement("p")
+						p.innerHTML="Timestamp: " +json.timestamp
+						divs.appendChild(p)
+					}
+					if(json.previous){
+						var p = document.createElement("p")
+						p.innerHTML="Previous: " +json.previous
+						divs.appendChild(p)
+					}
+					divs.appendChild(document.createElement("hr"));
+					exe(json.action,json.data)
+					if(json.previous!="QmbFMke1KXqnYyBBWxB74N4c5SBnJMVAiMNRcGu6x1AwQH") seekzblock(json.previous)
+				})
+			}
+		})	
+	}
+	function seekzblock(i){
+		url = 'https://ipfs.arching-kaos.com/ipfs/'+i
+		fetch(url, {
+			method:'GET',
+			headers:{
+				Accept: 'application/json'
+			}
+		}).then(response=>{
+			if(response.ok){
+				response.json().then(json=>{
+					/* Could be json object with
+					 *  - block
+					 *  - block_signature
+					 */
+					var divs = document.querySelector('#zchain-data-section');
+					if(json.block){
+						var p = document.createElement("p")
+						p.innerHTML="Block: " +json.block
+						p.id=i
+						divs.appendChild(p)
+					}
+					if(json.block_signature){
+						var p = document.createElement("p")
+						p.innerHTML="Signature: " +json.block_signature
+						divs.appendChild(p)
+					}
+					divs.appendChild(document.createElement("hr"));
+					seekblock(json.block)
+				})
+			}
+		})	
+	}
+	function exe(a,d){
+		gurl = 'https://ipfs.arching-kaos.com/ipfs/'
+		fetch(gurl+d, {
+			method:'GET',
+			headers:{
+				Accept: 'application/json'
+			}
+		}).then(response=>{
+			if(response.ok){
+				response.json().then(json=>{
+					/* Could be json object with
+					 *  - block
+					 *  - block_signature
+					 */
+					if (a == "news/add") {
+						var divs = document.querySelector('#news-section');
+						var art = document.createElement("article");
+						art.id = d
+						if(json.title){
+							var h3 = document.createElement("h3")
+							h3.innerHTML = json.title
+							art.appendChild(h3)
+						}
+						if(json.datetime){
+							var small = document.createElement("small")
+							small.innerHTML="Published: " +json.datetime
+							art.appendChild(small)
+						}
+						if(json.ipfs){
+							getipfstext(json.ipfs,art.id)
+						}
+						divs.appendChild(art)
+						divs.appendChild(document.createElement("hr"));
+
+					}
+					if (a == "mixtape/add") {
+						var divs = document.querySelector('#mixtapes-section');
+						var art = document.createElement("article");
+						art.id = d
+						if(json.title){
+							var h3 = document.createElement("h3")
+							h3.innerHTML = json.title
+							art.appendChild(h3)
+						}
+						if(json.artist){
+							var h4 = document.createElement("h4")
+							h4.innerHTML = json.artist
+							art.appendChild(h4)
+						}
+						if(json.datetime){
+							var small = document.createElement("small")
+							small.innerHTML="Published: " +json.datetime
+							art.appendChild(small)
+						}
+						if(json.ipfs){
+							var audio = document.createElement("audio")
+							audio.setAttribute('controls','')
+							var source = document.createElement("source")
+							source.src = 'https://ipfs.arching-kaos.com/ipfs/' + json.ipfs
+							audio.appendChild(source)
+							art.appendChild(audio)
+						}
+						divs.appendChild(art)
+					}
+				//	seekblock(json.block)
+				})
+			}
+		})	
+	}
+	function getipfstext(ipfs,articleid){
+		url = 'https://ipfs.arching-kaos.com/ipfs/'+ipfs
+		fetch(url, {
+			method:'GET',
+			headers:{
+				Accept: 'text/plain'
+			}
+		}).then(response=>{
+			if(response.ok){
+				response.text().then(text=>{
+					var divs = document.querySelector('#'+articleid);
+					if(text){
+						var pre = document.createElement("pre")
+						var lines = text.split('\n');
+						// remove one line, starting at the first position
+						lines.splice(0,1);
+						// join the array back into a single string
+						var newtext = lines.join('\n');
+						pre.innerHTML = newtext
+						divs.appendChild(pre)
+					}
+					//	seekblock(json.block)
+				})
+			}
+		})	
+	}
+	function readit(i){
+		console.log(i)
+	}
+	function putKeyToField(k){
+		let base = document.querySelector("#stellar-freigher-connect-address-button")
+		dataf(k)
+		base.innerHTML=k
+		base.onclick=''
+	}
+	if (!window.freighterApi.isConnected()) {
+		document.querySelector("#stellar-freigher-connect-address-button").hidden=true;
+		document.querySelector("#stellar-balances-link").hidden=true;
+		document.querySelector("#stellar-data-config-link").hidden=true;
+		document.querySelector("#arching-kaos-id-link").hidden=true;
+		document.querySelector("#mypage-section-link").hidden=true;
+	}
+	const retrievePublicKey = async () => {
+		let publicKey = "";
+		let error = "";
+
+		try {
+			publicKey = await window.freighterApi.getPublicKey()
+			.then(publicKey => {putKeyToField(publicKey);letme(publicKey)});
+		} catch (e) {
+			error = e;
+		}
+		if (error) {
+			return error;
+		}
+		return publicKey;
+	};
+	function connect(){
+		const result = retrievePublicKey();
+	}
+</script>
+</html>
+\ No newline at end of file
author	kaotisk <kaotisk@arching-kaos.org>	2022-05-16 23:33:49 +0300
committer	kaotisk <kaotisk@arching-kaos.org>	2022-05-16 23:33:49 +0300
commit	8a3f023f44d1af37e8e7d6a24ec3163afa18d2c8 (patch)
tree	e106cf11154ceba57ce9f5c41261ece53363458f /ak-wallet-dev.html
download	arching-kaos-web-ui-8a3f023f44d1af37e8e7d6a24ec3163afa18d2c8.tar.gz arching-kaos-web-ui-8a3f023f44d1af37e8e7d6a24ec3163afa18d2c8.tar.bz2 arching-kaos-web-ui-8a3f023f44d1af37e8e7d6a24ec3163afa18d2c8.zip