2020-04-18 21:31:40 +02:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
2021-02-17 14:53:45 +01:00
< title > ALFIS</ title >
2020-04-18 21:31:40 +02:00
{styles}
< script defer src = "https://use.fontawesome.com/releases/v5.3.1/js/all.js" ></ script >
{scripts}
</ head >
2021-01-30 14:18:37 +01:00
< body onload = "onLoad();" >
< div class = "mining_indicator" id = "mining_indicator" onclick = "miningIndicatorClick(this)" >
< span ></ span >
< span ></ span >
</ div >
< div id = "modal_dialog" class = "modal" >
< div class = "modal-background" ></ div >
< div class = "modal-content" >
< div class = "box" >
< p id = "modal_text" class = "is-centered" > Do you really want to cancel mining?</ p >
< br />
< div class = "buttons is-grouped is-centered" >
< button class = "button is-link" id = "modal_positive_button" onclick = "positiveButton();" > Ok</ button >
< button class = "button is-link is-light" id = "modal_negative_button" onclick = "cancelButton();" > Cancel</ button >
</ div >
</ div >
</ div >
</ div >
2021-02-19 16:41:43 +01:00
< div id = "new_record_dialog" class = "modal" >
< div class = "modal-background" ></ div >
< div class = "modal-content" >
< div class = "box" >
< div class = "columns" >
2021-02-21 21:08:20 +01:00
< div class = "column" >
2021-02-19 16:41:43 +01:00
< div class = "field" >
< label class = "label" > Name</ label >
< div class = "control" >
< input class = "input" type = "text" placeholder = "www" id = "record_name" >
</ div >
</ div >
</ div >
2021-02-21 21:08:20 +01:00
< div class = "column is-narrow" >
2021-02-19 16:41:43 +01:00
< div class = "field" >
< label class = "label" > Type</ label >
< div class = "select" >
< select id = "record_type" >
< option > A</ option >
< option > AAAA</ option >
< option > CNAME</ option >
2021-02-21 21:08:20 +01:00
< option > NS</ option >
2021-02-19 16:41:43 +01:00
< option > MX</ option >
2021-02-21 21:08:20 +01:00
< option > SRV</ option >
2021-02-19 16:41:43 +01:00
< option > TXT</ option >
2021-02-21 21:08:20 +01:00
<!--<option>SOA</option>
<option>OPT</option>-->
2021-02-19 16:41:43 +01:00
</ select >
</ div >
</ div >
</ div >
2021-02-21 21:08:20 +01:00
</ div >
< div class = "columns" >
2021-02-19 16:41:43 +01:00
< div class = "column" >
< div class = "field" >
< label class = "label" > TTL</ label >
< div class = "control" >
< input class = "input" type = "text" placeholder = "3600" id = "record_ttl" value = "3600" >
</ div >
</ div >
</ div >
2021-02-21 21:08:20 +01:00
< div class = "column" >
2021-02-19 16:41:43 +01:00
< div class = "field" >
2021-02-21 21:08:20 +01:00
< label class = "label" > Priority</ label >
2021-02-19 16:41:43 +01:00
< div class = "control" >
2021-02-21 21:08:20 +01:00
< input class = "input" type = "number" placeholder = "10" id = "record_priority" >
2021-02-19 16:41:43 +01:00
</ div >
</ div >
</ div >
2021-02-21 21:08:20 +01:00
< div class = "column" >
< div class = "field" >
< label class = "label" > Weight</ label >
< div class = "control" >
< input class = "input" type = "number" placeholder = "10" id = "record_weight" >
</ div >
</ div >
</ div >
< div class = "column" >
< div class = "field" >
< label class = "label" > Port</ label >
< div class = "control" >
< input class = "input" type = "number" placeholder = "5222" id = "record_port" >
</ div >
</ div >
</ div >
</ div >
< div class = "field" >
< label class = "label" > Data/host</ label >
< div class = "control" >
< input class = "input" type = "text" placeholder = "1.2.3.4" id = "record_data" >
</ div >
2021-02-19 16:41:43 +01:00
</ div >
< br />
< div class = "buttons is-grouped is-centered" >
< button class = "button is-primary" id = "new_record_positive_button" > Ok</ button >
< button class = "button is-link is-light" id = "new_record_negative_button" > Cancel</ button >
</ div >
</ div >
</ div >
</ div >
< div class = "notification is-warning is-hidden" id = "notification_warning" >
< button class = "delete" id = "close" ></ button >
< p id = "warning_text" ></ p >
</ div >
2020-04-18 21:31:40 +02:00
< div class = "container" >
2021-02-19 16:41:43 +01:00
< div class = "columns is-mobile" >
2020-04-18 21:31:40 +02:00
< div class = "column is-one-fifth" >
< div class = "menu" >
< ul class = "menu-list" >
< li >< a class = "is-active" onclick = "openTab(this, 'main')" > Main</ a ></ li >
</ ul >
< p class = "menu-label" > Key management</ p >
< ul class = "menu-list" >
2021-02-15 23:09:30 +01:00
< li >< a onclick = "openTab(this, 'key_load')" > Manage keys</ a ></ li >
2020-04-18 21:31:40 +02:00
</ ul >
< p class = "menu-label" > Domain management</ p >
< ul class = "menu-list" >
2021-02-20 21:36:58 +01:00
< li >< a onclick = "openTab(this, 'dom_new')" > Mine domain</ a ></ li >
2021-02-22 21:45:32 +01:00
< li >< a onclick = "openTab(this, 'zone_new')" > Mine zone</ a ></ li >
2021-02-20 21:36:58 +01:00
<!--<li><a onclick="openTab(this, 'dom_edit')">Manage domain</a></li>
2020-04-18 21:31:40 +02:00
<li><a onclick="openTab(this, 'dom_renew')">Renew domain</a></li>
2021-02-20 21:36:58 +01:00
<li><a onclick="openTab(this, 'dom_transfer')">Transfer domain</a></li>-->
2020-04-18 21:31:40 +02:00
</ ul >
</ div >
</ div > <!--column-->
< div class = "column auto" >
2021-01-18 00:18:35 +01:00
< div class = "content center" id = "main" >< h1 > Welcome to ALFIS!</ h1 >
< p > ALFIS stands for Alternative Free Identity System.</ p >
< p > It gives you an opportunity to create your own domains and use them in decentralized networks, store security certificates for browsers to trust without any centralized CA.</ p >
</ div >
2020-04-18 21:31:40 +02:00
< div class = "content is-hidden" id = "key_load" >
< form action = "#" >
< div class = "field" >
2021-02-15 23:09:30 +01:00
< label class = "label" > Key path</ label >
< p id = "key_file_name" > Key not saved</ p >
2020-04-18 21:31:40 +02:00
</ div >
< div class = "field" >
2021-02-16 15:14:29 +01:00
< label class = "label" > Public key</ label >
< p id = "key_public_key" > Not loaded</ p >
2020-04-18 21:31:40 +02:00
</ div >
2021-02-15 23:09:30 +01:00
< br >
2020-04-18 21:31:40 +02:00
< div class = "field is-grouped" >
< div class = "control" >
2021-02-15 23:09:30 +01:00
< button class = "button is-success" onclick = "loadKey();" > Load key</ button >
2020-04-18 21:31:40 +02:00
</ div >
< div class = "control" >
2021-02-15 23:09:30 +01:00
< button class = "button is-warning" onclick = "createKey();" > Mine new key</ button >
2020-04-18 21:31:40 +02:00
</ div >
< div class = "control" >
2021-02-15 23:09:30 +01:00
< button class = "button is-primary" onclick = "saveKey();" > Save key</ button >
2020-04-18 21:31:40 +02:00
</ div >
</ div >
</ form >
</ div >
< div class = "content is-hidden" id = "dom_new" >
< form action = "#" >
2021-02-20 21:36:58 +01:00
< div class = "columns" >
< div class = "column" >
< div class = "field" >
< label class = "label" > Domain name</ label >
< div class = "control" >
< input class = "input" type = "text" placeholder = "example.ygg" id = "new_domain" oninput = "onDomainChange(this)" >
</ div >
</ div >
</ div >
< div class = "column" >
< div class = "field" >
< label class = "label" > Domain tags (will be used for search)</ label >
< div class = "control" >
< input class = "input" type = "text" placeholder = "blog, community, friendship" id = "new_domain_tags" >
</ div >
</ div >
2020-04-18 21:31:40 +02:00
</ div >
</ div >
2021-02-19 16:41:43 +01:00
< div class = "content" id = "domain_records" >
<!-- Here will be our domain records, added by dialog -->
</ div >
2020-04-18 21:31:40 +02:00
< div class = "field is-grouped" >
< div class = "control" >
2021-02-19 16:41:43 +01:00
< button class = "button is-success" id = "add_record_button" onclick = "showNewRecordDialog();" > Add record</ button >
</ div >
< div class = "control" >
2021-02-20 21:36:58 +01:00
< button class = "button is-link" id = "new_domain_button" onclick = "createDomain();" disabled > Mine domain</ button >
2020-04-18 21:31:40 +02:00
</ div >
</ div >
</ form >
</ div >
2021-02-22 21:45:32 +01:00
< div class = "content is-hidden" id = "zone_new" >
< form action = "#" >
< div class = "columns" >
< div class = "column" >
< div class = "field" >
< label class = "label" > Zone name</ label >
< div class = "control" >
< input class = "input" type = "text" placeholder = "ygg" id = "new_zone" oninput = "onZoneChange()" >
</ div >
</ div >
</ div >
< div class = "column" >
< div class = "field" >
< label class = "label" > Difficulty (for all domains in zone)</ label >
< div class = "control" >
< input class = "input" type = "number" placeholder = "20" id = "new_zone_difficulty" oninput = "onZoneChange()" >
</ div >
</ div >
</ div >
</ div >
< div class = "field is-grouped" >
< div class = "control" >
< button class = "button is-link" id = "new_zone_button" onclick = "createZone();" disabled > Mine zone</ button >
</ div >
</ div >
</ form >
</ div >
2020-04-18 21:31:40 +02:00
< div class = "content is-hidden" id = "dom_edit" >
< form action = "#" >
< div class = "field" >
< label class = "label" > Your existing domain name</ label >
< div class = "control" >
< input class = "input" type = "text" placeholder = "example.ygg" id = "change_domain" >
</ div >
</ div >
< div class = "field" >
< label class = "label" > All new domain records</ label >
< div class = "control" >
< textarea class = "textarea" placeholder = "@ IN AAAA 200:1111:2222:3333:4444:5555:6666:7777" id = "change_domain_records" ></ textarea >
</ div >
</ div >
< div class = "field" >
< label class = "label" > Domain tags (will be used for search)</ label >
< div class = "control" >
< input class = "input" type = "text" placeholder = "blog, community, friendship" id = "change_domain_tags" >
</ div >
</ div >
< div class = "field is-grouped" >
< div class = "control" >
< button class = "button is-link" onclick = "changeDomain();" > Replace records</ button >
</ div >
</ div >
</ form >
</ div >
< div class = "content is-hidden" id = "dom_renew" >
< form action = "#" >
< div class = "field" >
< label class = "label" > Your existing domain name</ label >
< div class = "control" >
< input class = "input" type = "text" placeholder = "example.ygg" id = "renew_domain" >
</ div >
</ div >
< div class = "field" >
< label class = "label" > Days to add</ label >
< div class = "control" >
< input class = "input" type = "text" placeholder = "365" value = "365" id = "renew_domain_extend_days" disabled >
</ div >
</ div >
< div class = "field is-grouped" >
< div class = "control" >
< button class = "button is-link" onclick = "renewDomain();" > Renew domain</ button >
</ div >
</ div >
</ form >
</ div >
< div class = "content is-hidden" id = "dom_transfer" >
< form action = "#" >
< div class = "field" >
< label class = "label" > Your existing domain name</ label >
< div class = "control" >
< input class = "input" type = "text" placeholder = "example.ygg" id = "transfer_domain" >
</ div >
</ div >
< div class = "field" >
< label class = "label" > Public key of new owner</ label >
< div class = "control" >
< input class = "input" type = "text" placeholder = "3764ef954577a1815db3cc65aa3e2b18a52f12a3f6fcbd6a10d9ce8d06741ddd" id = "transfer_domain_transfer_owner" >
</ div >
</ div >
< div class = "field is-grouped" >
< div class = "control" >
< button class = "button is-link" onclick = "transferDomain();" > Transfer domain</ button >
</ div >
</ div >
</ form >
</ div >
</ div >
</ div > <!-- columns -->
</ div >
< div class = "footer is-hidden" > Some footer text is here</ div >
</ body >
</ html >
