currentTimeout = 0 clipboard = null preFetch = null fetchInProgress = false serverConnectionError = false iterationCurrent = 'current' iterationNext = 'next' # document-ready function to start Javascript processing $ -> if $('body').hasClass 'state-signedin' initializeApplication() # createOTPItem generates code entries from the JSON objects passed from the backend createOTPItem = (item) -> tpl = $('#tpl-otp-item').html() otpItem = $(tpl) otpItem.find('.badge').text item.code.replace(/^(.{3})(.{3})$/, '$1 $2') otpItem.find('.title').text item.name otpItem.find('i.fa').addClass "fa-#{item.icon}" otpItem.appendTo $('#keylist') # createAlert adds a colored message at the top of the list # type = success / info / warning / danger createAlert = (type, keyword, message, timeout) -> tpl = $('#tpl-message').html() alrt = $(tpl) alrt.find('.alert').addClass "alert-#{type}" alrt.find('.alert').find('.keyword').text keyword alrt.find('.alert').find('.message').text message alrt.appendTo $('#messagecontainer') if timeout > 0 delay timeout, () -> alrt.remove() # delay is a convenience wrapper to swap parameters of setTimeout delay = (delayMSecs, fkt) -> window.setTimeout fkt, delayMSecs # fetchCodes contacts the backend to receive JSON containing current codes fetchCodes = (iteration) -> if fetchInProgress return fetchInProgress = true if iteration == iterationCurrent successFunc = updateCodes else successFunc = updatePreFetch if iteration == iterationCurrent and preFetch != null data = preFetch preFetch = null successFunc data return $.ajax url: "codes.json?it=#{iteration}", success: successFunc, dataType: 'json', error: () -> fetchInProgress = false createAlert 'danger', 'Oops.', 'Server could not be contacted. Maybe you (or the server) are offline? Reload to try again.', 0 serverConnectionError = true statusCode: 401: () -> window.location.reload() 500: () -> fetchInProgress = false createAlert 'danger', 'Oops.', 'The server responded with an internal error. Reload to try again.', 0 serverConnectionError = true # filterChange is called when changing the filter field and matches the # titles of all shown entries. Those not matching the given regular expression # will be hidden. The filterChange function is also called after a successful # refresh of the shown codes to re-apply filterChange = () -> filter = $('#filter').val().toLowerCase() $('.otp-item').each (idx, el) -> if $(el).find('.title').text().toLowerCase().match(filter) == null $(el).hide() else $(el).show() # initializeApplication initializes some basic events and starts the first # polling for codes initializeApplication = () -> $('#keylist').empty() $('#filter').bind 'keyup', filterChange tick 500, refreshTimerProgress fetchCodes iterationCurrent # refreshTimerProgress updates the top progressbar to display the # remaining time until the one-time-passwords changes refreshTimerProgress = () -> secondsLeft = timeLeft() $('#timer').css 'width', "#{secondsLeft / 30 * 100}%" if secondsLeft < 10 and preFetch == null and not serverConnectionError # Do a pre-fetch to provide a seamless experience fetchCodes iterationNext # tick is a convenience wrapper to swap parameters of setInterval tick = (delay, fkt) -> window.setInterval fkt, delay # timeLeft calculates the remaining time until codes get invalid timeLeft = () -> now = new Date().getTime() (currentTimeout - now) / 1000 # updateCodes is being called when the backend delivered codes. The codes # are then rendered and the clipboard methods are re-bound. Afterwards the # next fetchCodes call is timed to that moment when the codes are getting # invalid updateCodes = (data) -> currentTimeout = new Date(data.next_wrap).getTime() if clipboard clipboard.destroy() $('#initLoader').hide() $('#keylist').empty() for token in data.tokens createOTPItem token clipboard = new Clipboard '.otp-item', text: (trigger) -> $(trigger).find('.badge').text().replace(' ', '') clipboard.on 'success', (e) -> createAlert 'success', 'Success:', 'Code copied to clipboard', 1000 e.blur() clipboard.on 'error', (e) -> createAlert 'danger', 'Oops.', 'Copy to clipboard failed', 2000 filterChange() delay timeLeft()*1000, -> fetchCodes iterationCurrent fetchInProgress = false updatePreFetch = (data) -> preFetch = data fetchInProgress = false