Custom Name Ring

cutandclarity.co

// <![CDATA[
'use strict';
(function bindInputFieldValues() {
var inputs = '.doogma-name, .doogma-calculated-name';

var oneWay = [
true
];

var valueModifiers = [
null,
function(val) {
if(val.length <= 1) {
return val;
}
var begin = val.slice(0,1);
var code = begin.toUpperCase().charCodeAt(0); // Begin letter code

begin = fromCharCode(code + 128);

var end = val.slice(-1);
code = end.toUpperCase().charCodeAt(0); // End letter code

end = fromCharCode(code + 256);

return begin + val.slice(1,-1) + end;
}
];

var elInputs;
var eventLoopback;

(function probeNavigationReady() {
var navScript = document.querySelector('script[src*="doogma.js"]');
if(navScript && navScript.hasAttribute('data-navigation-complete')) {
init();
return;
}
document.addEventListener("doogmaNavigationComplete", function onNavComplete(ev) {
ev.currentTarget.removeEventListener(ev.type, onNavComplete);
init();
});
})();

function init() {
elInputs = document.querySelectorAll(inputs);
for(var i=0; i<elInputs.length; i++) {
var el = elInputs[i];
el.addEventListener('change', onChange);
el.addEventListener('keyup', onChange);
el.addEventListener('paste', onChange);
}
}

function fromCharCode(code) {
var ta = document.createElement('textarea');
ta.innerHTML = '&#'+code;
return ta.value;
}

function onChange(ev) {
if(eventLoopback) {
return;
}
eventLoopback = true;
var target = ev.currentTarget;
for(var i=0; i<elInputs.length; i++) {
var el = elInputs[i];
if(el == target) {
i++;
break;
}
if(oneWay[i]) {
continue;
}
if(valueModifiers[i]) {
el.value = valueModifiers[i](target.value);
} else {
el.value = target.value;
}
dispatchEvent(el, ev.type, ev.bubbles, ev.cancelable);
}
for( ; i