git.iko.soy/webring
on 39147a9 help sign in
webring/scripts/portal.js
81 lines 2.7 kB history raw
1'use strict';
3function Portal(sites)
4{
5 this.el = document.createElement("div");
6 this.sites = sites;
7
8 this.install = function()
9 {
10 document.body.appendChild(this.el);
11 }
13 this.start = function()
14 {
15 this.install();
16 this.el.innerHTML = window.location.hash && window.location.hash.length > 4 ? this.redirect() : this.directory();
17 }
19 this.readme = function()
20 {
21 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>`
22 }
24 this.buttons = function()
25 {
26 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>`
27 }
29 this.directory = function()
30 {
31 return `<ul>${this.sites.reduce((acc,val,id) => { return `${acc}<li>${id}) <a href='${val}'>${val.split("//")[1]}</a></li>`},"")}</ul>\n${this.readme()}${this.buttons()}`
32 }
34 this.reload = function()
35 {
36 setTimeout(()=>{ window.location.reload() },500)
37 }
39 this.navigate = function(target)
40 {
41 setTimeout(() => {
42 window.location.href = target
43 },3000)
44 }
46 this.location = function()
47 {
48 return window.location.hash.replace("#","").trim();
49 }
51 this.locate = function()
52 {
53 const hash = this.location();
55 if(hash == "random"){
56 return Math.floor(Math.random()*this.sites.length)
57 }
59 for(const id in this.sites){
60 const site = this.sites[id];
61 if(site.indexOf(hash) >-1){
62 return parseInt(id)
63 }
64 }
65 return -1
66 }
68 this.next = function(loc)
69 {
70 return loc == this.sites.length-1 ? this.sites[0] : this.sites[loc+1];
71 }
73 this.redirect = function()
74 {
75 const location = this.locate();
76 const target = this.next(location);
77 this.navigate(target)
78 return `<p>Redirecting to <b>${target}</b></p><meta http-equiv="refresh" content="3; url=${target}">
79 <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>`
80 }