56 lines
1.8 KiB
JavaScript
56 lines
1.8 KiB
JavaScript
|
var h = require('hyperscript')
|
||
|
|
var com = require('./index')
|
||
|
|
|
||
|
|
module.exports = function (opts) {
|
||
|
|
|
||
|
|
// markup
|
||
|
|
|
||
|
|
var processingInfoText = h('p')
|
||
|
|
var processingInfo = h('.processing-info', h('.spinner', h('.cube1'), h('.cube2')), processingInfoText)
|
||
|
|
var errorText = h('span', 'Something went wrong!')
|
||
|
|
var error = h('.error.text-danger', com.icon('exclamation-sign'), ' ', errorText)
|
||
|
|
var useBtn = h('button.btn.btn-3d', 'Use Code')
|
||
|
|
var codeinput = h('input.form-control', { placeholder: 'Enter the invite code here' })
|
||
|
|
var form = h('.invite-form',
|
||
|
|
h('h3', 'Join a Public Node'),
|
||
|
|
h('form.form-inline', { onsubmit: function (e) { e.preventDefault(); opts.onsubmit(codeinput.value) } },
|
||
|
|
h('p', codeinput, useBtn)),
|
||
|
|
processingInfo,
|
||
|
|
error,
|
||
|
|
h('hr'),
|
||
|
|
h('p.text-muted', h('strong', 'Public nodes help you communicate across the Internet.')),
|
||
|
|
h('p.text-muted',
|
||
|
|
'Neckbeards can setup their own public nodes. ',
|
||
|
|
h('a', { href: 'https://github.com/ssbc/scuttlebot', target: '_blank' }, 'Read the server documentation here.')
|
||
|
|
),
|
||
|
|
h('p.text-muted',
|
||
|
|
'Don\'t have an invite to a public node? During the closed beta, you\'ll have to find a pub owner and ask for one.'
|
||
|
|
)
|
||
|
|
)
|
||
|
|
|
||
|
|
// api
|
||
|
|
|
||
|
|
form.disable = function () {
|
||
|
|
useBtn.setAttribute('disabled', true)
|
||
|
|
codeinput.setAttribute('disabled', true)
|
||
|
|
}
|
||
|
|
|
||
|
|
form.enable = function () {
|
||
|
|
useBtn.removeAttribute('disabled')
|
||
|
|
codeinput.removeAttribute('disabled')
|
||
|
|
}
|
||
|
|
|
||
|
|
form.setProcessingText = function (text) {
|
||
|
|
error.style.display = 'none'
|
||
|
|
processingInfoText.innerHTML = text
|
||
|
|
processingInfo.style.display = 'block'
|
||
|
|
}
|
||
|
|
|
||
|
|
form.setErrorText = function (text) {
|
||
|
|
processingInfo.style.display = 'none'
|
||
|
|
errorText.innerHTML = text
|
||
|
|
error.style.display = 'block'
|
||
|
|
}
|
||
|
|
|
||
|
|
return form
|
||
|
|
}
|