Merge pull request #115 from jonnybarnes/bugfix/colour-schemes

Improve form for handling colours
This commit is contained in:
Jonny Barnes 2019-03-24 17:28:41 +00:00 committed by GitHub
commit 4a3ec5a0a5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 6 additions and 7 deletions

View file

@ -1,2 +1,2 @@
!function(e){var t={};function r(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,r),n.l=!0,n.exports}r.m=e,r.c=t,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=3)}({3:function(e,t){var r=document.querySelector("#colourScheme").getAttribute("href").split("/").pop();document.getElementById("colourSchemeSelect").value=r;var o=document.getElementById("colourSchemeForm");o.childNodes[5].addEventListener("click",function(e){e.preventDefault();var t=document.getElementById("colourSchemeSelect").value,r=document.querySelector("#colourScheme"),n=r.getAttribute("href").split("/");n.pop(),n.push(t),r.setAttribute("href",n.join("/"));var u=new FormData(o);fetch("/update-colour-scheme",{method:"POST",credentials:"same-origin",body:u}).catch(function(e){console.warn(e)})})}});
!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=3)}({3:function(e,t){var r=document.querySelector("#colourScheme"),n=r.getAttribute("href").split("/").pop();document.querySelector('#colourSchemeSelect [value="'+n+'"]').selected=!0;var o=document.getElementById("colourSchemeForm");o.querySelector("button").addEventListener("click",function(e){e.preventDefault();var t=document.getElementById("colourSchemeSelect").value,n=r.getAttribute("href").split("/");n.pop(),n.push(t),r.setAttribute("href",n.join("/"));var u=new FormData(o);fetch("/update-colour-scheme",{method:"POST",credentials:"same-origin",body:u}).catch(function(e){console.warn(e)})})}});
//# sourceMappingURL=colours.js.map

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

View file

@ -5,15 +5,14 @@ let link = document.querySelector('#colourScheme');
let css = link.getAttribute('href').split('/').pop();
// update selected item in colour scheme list
document.getElementById('colourSchemeSelect').value = css;
document.querySelector('#colourSchemeSelect [value="' + css + '"]').selected = true;
// fix form
let form = document.getElementById('colourSchemeForm');
let btn = form.childNodes[5];
btn.addEventListener('click', function (e) {
e.preventDefault();
let btn = form.querySelector('button');
btn.addEventListener('click', function (event) {
event.preventDefault();
let newCss = document.getElementById('colourSchemeSelect').value;
let link = document.querySelector('#colourScheme');
let css = link.getAttribute('href');
let parts = css.split('/');
parts.pop();