Merge pull request #115 from jonnybarnes/bugfix/colour-schemes
Improve form for handling colours
This commit is contained in:
commit
4a3ec5a0a5
5 changed files with 6 additions and 7 deletions
2
public/assets/js/colours.js
vendored
2
public/assets/js/colours.js
vendored
|
@ -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
9
resources/es6/colours.js
vendored
9
resources/es6/colours.js
vendored
|
@ -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();
|
||||
|
|
Loading…
Add table
Reference in a new issue