Skip to content

Instantly share code, notes, and snippets.

@jonekdahl
Created October 16, 2014 08:02
Show Gist options
  • Select an option

  • Save jonekdahl/b42933a6c7585ca5a980 to your computer and use it in GitHub Desktop.

Select an option

Save jonekdahl/b42933a6c7585ca5a980 to your computer and use it in GitHub Desktop.
!function(){function setupAjaxRevoke(container){var form=container.querySelector("form");form&&"post"===form.method&&form.addEventListener("submit",function(e){e.preventDefault();var xhr=new XMLHttpRequest;xhr.onload=function(){204===xhr.status&&(container.style.opacity="0",setTimeout(function(){container.remove()},400))},xhr.open("post",form.action,!0),xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),xhr.setRequestHeader("X-Requested-With","XMLHttpRequest"),xhr.send(stringify(form))})}function stringify(form){for(var pairs=[],i=0;i<form.elements.length;i++){var element=form.elements[i];if(element.hasAttribute("name")){var type="input"===element.nodeName.toLowerCase()?element.getAttribute("type").toLowerCase():"text";"file"!==type&&("radio"!==type&&"checkbox"!==type||element.checked)&&pairs.push(escape(element.name)+"="+escape(element.value))}}return pairs.join("&")}for(var containers=document.querySelectorAll("[data-ajax-revoke]"),i=0;i<containers.length;i++)setupAjaxRevoke(containers[i])}(),function(){function setup(floatingLabel){function onChange(e){toggleClass(e.target)}function toggleClass(input){input.value.length>0?floatingLabel.classList.add("floating-label--show"):floatingLabel.classList.remove("floating-label--show")}var input=document.getElementById(floatingLabel.attributes.for.value);input.addEventListener("input",onChange),toggleClass(input)}for(var floatingLabels=document.querySelectorAll(".floating-label"),i=0;i<floatingLabels.length;++i)setup(floatingLabels[i])}(),function(){function formatDate(time){var datetime=new Date(time.getAttribute("datetime"));time.textContent=toDisplayString(datetime)}function toDisplayString(d){var s=d.getFullYear()+"-";return s+=ensureTwoDigits(d.getMonth()+1)+"-",s+=ensureTwoDigits(d.getDate())+" ",s+=ensureTwoDigits(d.getHours())+":",s+=ensureTwoDigits(d.getMinutes())+":",s+=ensureTwoDigits(d.getSeconds())}function ensureTwoDigits(d){return 10>d?"0"+d:d}for(var times=document.querySelectorAll("time"),i=0;i<times.length;++i)formatDate(times[i])}(),function(){function onSubmit(e){var submit=e.target.querySelector("button[type=submit]");if(submit.disabled=!0,"true"===submit.getAttribute("data-spinner")){var container=document.createElement("span");container.classList.add("spinner__container");var spinner=document.createElement("span");spinner.classList.add(submit.classList.contains("button--primary")?"spinner--primary":"spinner"),container.appendChild(spinner),submit.appendChild(container)}}for(var forms=document.querySelectorAll("form"),i=0;i<forms.length;i++)forms[i].addEventListener("submit",onSubmit)}(),function(){function onClick(e){e.preventDefault();var selector=e.target.attributes["data-toggle"].value,target=document.querySelector(selector);if(target.classList.contains("expanded"))target.style.height="0",target.classList.remove("expanded");else{var contentMeasurer=target.children[0];target.style.height=contentMeasurer.clientHeight+"px",target.classList.add("expanded");var handle=setInterval(function(){e.target.scrollIntoView()},10);setTimeout(function(){clearInterval(handle)},300)}}for(var toggles=document.querySelectorAll("[data-toggle]"),i=0;i<toggles.length;++i){var toggle=toggles[i];toggle.addEventListener("click",onClick)}}();
@jonekdahl
Copy link
Author

Snapshot of minified js file, in case it changes we can refer to this gist.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment