git.iko.soy/webring
on ae6fc2d help sign in
webring/scripts/portal.js
74 lines 2.5 kB history raw
1'use strict';
3function Portal(sites)
4{
5 this.el = document.createElement("div");
6 this.sites = sites;
7
8 // Templates
10 function _readme()
11 {
12 return `<p class='readme'>This webring is an attempt to inspire artists & developers to build their own website and share traffic among each other. The ring welcomes personalized websites such as <b>diaries, wikis & portfolios</b>.</p><p>To add yourself to the ring, submit a <a href='https://github.com/XXIIVV/webring/edit/master/index.html' target='_blank'>Pull Request</a>.<br />If you found a broken link, please <a href='https://github.com/XXIIVV/webring/issues/new' target='_blank'>report it</a>.</p>`
13 }
15 function _buttons()
16 {
17 return `<p class='buttons'><a href='#random' onClick="portal.reload('random')">Random</a> | <a href='https://github.com/XXIIVV/webring'>Information</a> <a id='icon' href='#random' onClick="portal.reload('random')"></a></p>`
18 }
20 function _directory(sites)
21 {
22 return `
23 <ul>${sites.reduce((acc,val,id) => { return `${acc}<li>${id}) <a href='${val}'>${val.split("//")[1]}</a></li>`; },"")}</ul>\n${_readme()}${_buttons()}`
24 }
26 function _redirect(target)
27 {
28 return `<p>Redirecting to <b>${target}</b></p><meta http-equiv="refresh" content="3; url=${target}">
29 <p class='buttons'><a href='#' onClick="portal.reload('')">Directory</a> | <a href='#${target}' onClick="portal.reload('random')">Skip</a> | <a href='#random' onClick="portal.reload('random')">Random</a> | <a href='https://github.com/XXIIVV/webring'>Information</a> <a id='icon' href='#random' onClick="portal.reload('random')"></a></p>`
30 }
32 //
34 this.install = function(host)
35 {
36 host.appendChild(this.el);
37 }
39 this.start = function()
40 {
41 this.el.innerHTML = window.location.hash && window.location.hash.length > 4 ? _redirect(this.next()) : _directory(this.sites);
42 }
44 this.reload = function()
45 {
46 setTimeout(()=>{ window.location.reload() },500)
47 }
49 this.navigate = function(target)
50 {
51 setTimeout(() => { window.location.href = target; },3000)
52 }
54 this.locate = function()
55 {
56 const hash = window.location.hash.replace("#","").trim();
58 if(hash == "random"){
59 return Math.floor(Math.random()*this.sites.length)
60 }
62 for(const id in this.sites){
63 if(this.sites[id].indexOf(hash) >-1){
64 return parseInt(id)
65 }
66 }
67 return -1;
68 }
70 this.next = function(loc = this.locate())
71 {
72 return loc == this.sites.length-1 ? this.sites[0] : this.sites[loc+1];
73 }