${[["N", "南"], ["S", "北"], ["C", "海"]].map(([en, zh], i) => {
let color = region==en ? 'selected' : 'not_selected'
let val = lang=='zh' ? zh : en
return `
`}).join('')}
${[["zh", "中"], ["en", "Eng"]].map(([k, v], i) => {
let color = lang==k ? 'selected' : 'not_selected'
return `
`}).join('')}
`
}
function refreshDisplay(old_val, new_val) {
const syllableCells = document.getElementsByClassName('tone');
Array.from(syllableCells).forEach(syl => {
const t = syl.dataset[`sandhi_${new_val.toLowerCase()}`]
if (syl_id == `${syl.dataset.tone}_${syl.dataset[`sandhi_${old_val.toLowerCase()}`]}`) {
syl_id = `${syl.dataset.tone}_${t}`
}
syl.innerHTML = t;
});
}
function refreshSandhi() {
const sandhi_diagram = document.getElementById('sandhi_diagram')
if (syl_color == 'red') {
sandhi_diagram.innerHTML = `
${words.map((v1, i) => {
let w1 = v1.split('--');
return w1.map((v2, j) => {
let word = v2.split('-');
return word.map((v3, k) => {
if (v3 === '/') return '
/
';
let tone;
if (k === word.length - 1 && j !== w1.length - 1) {
// Word before 輕聲 neutral tone
tone = getTone({ syllable: v3, neutral: 'before' });
} else if (k === 0 && j !== 0) {
// Word after 輕聲 neutral tone
tone = getTone({ syllable: v3, neutral: 'after' });
} else if (word.length === 1 && i !== words.length - 1 && ![',','.','!'].some(x => v3.includes(x))) {
// Monosyllabic and not the final word
tone = getTone({ syllable: v3, sandhi: true, suffix: words[i + 1] });
} else {
tone = getTone({ syllable: v3, sandhi: k !== word.length - 1, suffix: word[k + 1] });
}
return `
${tone[`sandhi_${region}`]}
${v3}
`;
}).join('
-
');
}).join('
--
');
}).join(' ')}