xref: /webtrees/resources/js/webtrees.js (revision adbf37b785c5285a2a46ffaff8f0e05875f15264)
171239cb6SGreg Roach/**
271239cb6SGreg Roach * webtrees: online genealogy
3063107dbSGreg Roach * Copyright (C) 2020 webtrees development team
471239cb6SGreg Roach * This program is free software: you can redistribute it and/or modify
571239cb6SGreg Roach * it under the terms of the GNU General Public License as published by
671239cb6SGreg Roach * the Free Software Foundation, either version 3 of the License, or
771239cb6SGreg Roach * (at your option) any later version.
871239cb6SGreg Roach * This program is distributed in the hope that it will be useful,
971239cb6SGreg Roach * but WITHOUT ANY WARRANTY; without even the implied warranty of
1071239cb6SGreg Roach * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
1171239cb6SGreg Roach * GNU General Public License for more details.
1271239cb6SGreg Roach * You should have received a copy of the GNU General Public License
1371239cb6SGreg Roach * along with this program. If not, see <http://www.gnu.org/licenses/>.
1471239cb6SGreg Roach */
1571239cb6SGreg Roach
16efd89170SGreg Roach'use strict';
1771239cb6SGreg Roach
180d2905f7SGreg Roach(function (webtrees) {
1959e18f0cSGreg Roach  const lang = document.documentElement.lang;
2059e18f0cSGreg Roach
210d2905f7SGreg Roach  // Identify the script used by some text.
220d2905f7SGreg Roach  const scriptRegexes = {
230d2905f7SGreg Roach    Han: /[\u3400-\u9FCC]/,
240d2905f7SGreg Roach    Grek: /[\u0370-\u03FF]/,
250d2905f7SGreg Roach    Cyrl: /[\u0400-\u04FF]/,
260d2905f7SGreg Roach    Hebr: /[\u0590-\u05FF]/,
27efd89170SGreg Roach    Arab: /[\u0600-\u06FF]/
280d2905f7SGreg Roach  };
290d2905f7SGreg Roach
3059e18f0cSGreg Roach  /**
3159e18f0cSGreg Roach   * Tidy the whitespace in a string.
3206fe1eb5SGreg Roach   * @param {string} str
3306fe1eb5SGreg Roach   * @returns {string}
3459e18f0cSGreg Roach   */
3559e18f0cSGreg Roach  function trim (str) {
36efd89170SGreg Roach    return str.replace(/\s+/g, ' ').trim();
3759e18f0cSGreg Roach  }
3859e18f0cSGreg Roach
3959e18f0cSGreg Roach  /**
4059e18f0cSGreg Roach   * Look for non-latin characters in a string.
4106fe1eb5SGreg Roach   * @param {string} str
4206fe1eb5SGreg Roach   * @returns {string}
4359e18f0cSGreg Roach   */
440d2905f7SGreg Roach  webtrees.detectScript = function (str) {
450d2905f7SGreg Roach    for (const script in scriptRegexes) {
460d2905f7SGreg Roach      if (str.match(scriptRegexes[script])) {
470d2905f7SGreg Roach        return script;
480d2905f7SGreg Roach      }
4959e18f0cSGreg Roach    }
5059e18f0cSGreg Roach
51efd89170SGreg Roach    return 'Latn';
520d2905f7SGreg Roach  };
5359e18f0cSGreg Roach
5459e18f0cSGreg Roach  /**
5559e18f0cSGreg Roach   * In some languages, the SURN uses a male/default form, but NAME uses a gender-inflected form.
5606fe1eb5SGreg Roach   * @param {string} surname
5706fe1eb5SGreg Roach   * @param {string} sex
5806fe1eb5SGreg Roach   * @returns {string}
5959e18f0cSGreg Roach   */
6059e18f0cSGreg Roach  function inflectSurname (surname, sex) {
61efd89170SGreg Roach    if (lang === 'pl' && sex === 'F') {
6259e18f0cSGreg Roach      return surname
63efd89170SGreg Roach        .replace(/ski$/, 'ska')
64efd89170SGreg Roach        .replace(/cki$/, 'cka')
65efd89170SGreg Roach        .replace(/dzki$/, 'dzka')
66efd89170SGreg Roach        .replace(/żki$/, 'żka');
6759e18f0cSGreg Roach    }
6859e18f0cSGreg Roach
6959e18f0cSGreg Roach    return surname;
7059e18f0cSGreg Roach  }
7159e18f0cSGreg Roach
7259e18f0cSGreg Roach  /**
7359e18f0cSGreg Roach   * Build a NAME from a NPFX, GIVN, SPFX, SURN and NSFX parts.
7459e18f0cSGreg Roach   * Assumes the language of the document is the same as the language of the name.
7506fe1eb5SGreg Roach   * @param {string} npfx
7606fe1eb5SGreg Roach   * @param {string} givn
7706fe1eb5SGreg Roach   * @param {string} spfx
7806fe1eb5SGreg Roach   * @param {string} surn
7906fe1eb5SGreg Roach   * @param {string} nsfx
8006fe1eb5SGreg Roach   * @param {string} sex
8106fe1eb5SGreg Roach   * @returns {string}
8259e18f0cSGreg Roach   */
830d2905f7SGreg Roach  webtrees.buildNameFromParts = function (npfx, givn, spfx, surn, nsfx, sex) {
84efd89170SGreg Roach    const usesCJK = webtrees.detectScript(npfx + givn + spfx + givn + surn + nsfx) === 'Han';
85efd89170SGreg Roach    const separator = usesCJK ? '' : ' ';
8659e18f0cSGreg Roach    const surnameFirst = usesCJK || ['hu', 'jp', 'ko', 'vi', 'zh-Hans', 'zh-Hant'].indexOf(lang) !== -1;
8759e18f0cSGreg Roach    const patronym = ['is'].indexOf(lang) !== -1;
88efd89170SGreg Roach    const slash = patronym ? '' : '/';
8959e18f0cSGreg Roach
9059e18f0cSGreg Roach    // GIVN and SURN may be a comma-separated lists.
9159e18f0cSGreg Roach    npfx = trim(npfx);
92063107dbSGreg Roach    givn = trim(givn.replace(/,/g, separator));
9359e18f0cSGreg Roach    spfx = trim(spfx);
94063107dbSGreg Roach    surn = inflectSurname(trim(surn.replace(/,/g, separator)), sex);
9559e18f0cSGreg Roach    nsfx = trim(nsfx);
9659e18f0cSGreg Roach
9759e18f0cSGreg Roach    const surname = trim(spfx + separator + surn);
9859e18f0cSGreg Roach
9959e18f0cSGreg Roach    const name = surnameFirst ? slash + surname + slash + separator + givn : givn + separator + slash + surname + slash;
10059e18f0cSGreg Roach
10159e18f0cSGreg Roach    return trim(npfx + separator + name + separator + nsfx);
1020d2905f7SGreg Roach  };
1030d2905f7SGreg Roach
1040d2905f7SGreg Roach  // Insert text at the current cursor position in a text field.
1050d2905f7SGreg Roach  webtrees.pasteAtCursor = function (element, text) {
1060d2905f7SGreg Roach    if (element !== null) {
1070d2905f7SGreg Roach      const caret_pos = element.selectionStart + text.length;
1080d2905f7SGreg Roach      const textBefore = element.value.substring(0, element.selectionStart);
1090d2905f7SGreg Roach      const textAfter = element.value.substring(element.selectionEnd);
1100d2905f7SGreg Roach      element.value = textBefore + text + textAfter;
1110d2905f7SGreg Roach      element.setSelectionRange(caret_pos, caret_pos);
1120d2905f7SGreg Roach      element.focus();
11359e18f0cSGreg Roach    }
114efd89170SGreg Roach  };
11571239cb6SGreg Roach
11606fe1eb5SGreg Roach  /**
1177fb78f8aSGreg Roach   * @param {Element} datefield
11806fe1eb5SGreg Roach   * @param {string} dmy
11906fe1eb5SGreg Roach   */
120a7a3d6dbSGreg Roach  webtrees.reformatDate = function (datefield, dmy) {
121a7a3d6dbSGreg Roach    const months = ['JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC'];
122a7a3d6dbSGreg Roach    const hijri_months = ['MUHAR', 'SAFAR', 'RABIA', 'RABIT', 'JUMAA', 'JUMAT', 'RAJAB', 'SHAAB', 'RAMAD', 'SHAWW', 'DHUAQ', 'DHUAH'];
123a7a3d6dbSGreg Roach    const hebrew_months = ['TSH', 'CSH', 'KSL', 'TVT', 'SHV', 'ADR', 'ADS', 'NSN', 'IYR', 'SVN', 'TMZ', 'AAV', 'ELL'];
124a7a3d6dbSGreg Roach    const french_months = ['VEND', 'BRUM', 'FRIM', 'NIVO', 'PLUV', 'VENT', 'GERM', 'FLOR', 'PRAI', 'MESS', 'THER', 'FRUC', 'COMP'];
125a7a3d6dbSGreg Roach    const jalali_months = ['FARVA', 'ORDIB', 'KHORD', 'TIR', 'MORDA', 'SHAHR', 'MEHR', 'ABAN', 'AZAR', 'DEY', 'BAHMA', 'ESFAN'];
12671239cb6SGreg Roach
127a7a3d6dbSGreg Roach    let datestr = datefield.value;
12871239cb6SGreg Roach    // if a date has a date phrase marked by () this has to be excluded from altering
129a7a3d6dbSGreg Roach    let datearr = datestr.split('(');
130a7a3d6dbSGreg Roach    let datephrase = '';
13171239cb6SGreg Roach    if (datearr.length > 1) {
13271239cb6SGreg Roach      datestr = datearr[0];
13371239cb6SGreg Roach      datephrase = datearr[1];
13471239cb6SGreg Roach    }
13571239cb6SGreg Roach
13671239cb6SGreg Roach    // Gedcom dates are upper case
13771239cb6SGreg Roach    datestr = datestr.toUpperCase();
13871239cb6SGreg Roach    // Gedcom dates have no leading/trailing/repeated whitespace
13980d699d6SGreg Roach    datestr = datestr.replace(/\s+/g, ' ');
14071239cb6SGreg Roach    datestr = datestr.replace(/(^\s)|(\s$)/, '');
14171239cb6SGreg Roach    // Gedcom dates have spaces between letters and digits, e.g. "01JAN2000" => "01 JAN 2000"
14280d699d6SGreg Roach    datestr = datestr.replace(/(\d)([A-Z])/g, '$1 $2');
14380d699d6SGreg Roach    datestr = datestr.replace(/([A-Z])(\d)/g, '$1 $2');
14471239cb6SGreg Roach
14571239cb6SGreg Roach    // Shortcut for quarter format, "Q1 1900" => "BET JAN 1900 AND MAR 1900". See [ 1509083 ]
14671239cb6SGreg Roach    if (datestr.match(/^Q ([1-4]) (\d\d\d\d)$/)) {
14771239cb6SGreg Roach      datestr = 'BET ' + months[RegExp.$1 * 3 - 3] + ' ' + RegExp.$2 + ' AND ' + months[RegExp.$1 * 3 - 1] + ' ' + RegExp.$2;
14871239cb6SGreg Roach    }
14971239cb6SGreg Roach
15071239cb6SGreg Roach    // Shortcut for @#Dxxxxx@ 01 01 1400, etc.
15171239cb6SGreg Roach    if (datestr.match(/^(@#DHIJRI@|HIJRI)( \d?\d )(\d?\d)( \d?\d?\d?\d)$/)) {
15271239cb6SGreg Roach      datestr = '@#DHIJRI@' + RegExp.$2 + hijri_months[parseInt(RegExp.$3, 10) - 1] + RegExp.$4;
15371239cb6SGreg Roach    }
15471239cb6SGreg Roach    if (datestr.match(/^(@#DJALALI@|JALALI)( \d?\d )(\d?\d)( \d?\d?\d?\d)$/)) {
15571239cb6SGreg Roach      datestr = '@#DJALALI@' + RegExp.$2 + jalali_months[parseInt(RegExp.$3, 10) - 1] + RegExp.$4;
15671239cb6SGreg Roach    }
15771239cb6SGreg Roach    if (datestr.match(/^(@#DHEBREW@|HEBREW)( \d?\d )(\d?\d)( \d?\d?\d?\d)$/)) {
15871239cb6SGreg Roach      datestr = '@#DHEBREW@' + RegExp.$2 + hebrew_months[parseInt(RegExp.$3, 10) - 1] + RegExp.$4;
15971239cb6SGreg Roach    }
16071239cb6SGreg Roach    if (datestr.match(/^(@#DFRENCH R@|FRENCH)( \d?\d )(\d?\d)( \d?\d?\d?\d)$/)) {
16171239cb6SGreg Roach      datestr = '@#DFRENCH R@' + RegExp.$2 + french_months[parseInt(RegExp.$3, 10) - 1] + RegExp.$4;
16271239cb6SGreg Roach    }
16371239cb6SGreg Roach
1647fb78f8aSGreg Roach    // All digit dates
1654ad647d5SGreg Roach    datestr = datestr.replace(/(\d\d)(\d\d)(\d\d)(\d\d)/g, function () {
1667fb78f8aSGreg Roach      if (RegExp.$1 > '12' && RegExp.$3 <= '12' && RegExp.$4 <= '31') {
1677fb78f8aSGreg Roach        return RegExp.$4 + ' ' + months[RegExp.$3 - 1] + ' ' + RegExp.$1 + RegExp.$2;
1687fb78f8aSGreg Roach      }
1697fb78f8aSGreg Roach      if (RegExp.$1 <= '31' && RegExp.$2 <= '12' && RegExp.$3 > '12') {
1707fb78f8aSGreg Roach        return RegExp.$1 + ' ' + months[RegExp.$2 - 1] + ' ' + RegExp.$3 + RegExp.$4;
1717fb78f8aSGreg Roach      }
1727fb78f8aSGreg Roach      return RegExp.$1 + RegExp.$2 + RegExp.$3 + RegExp.$4;
1737fb78f8aSGreg Roach    });
1747fb78f8aSGreg Roach
1757fb78f8aSGreg Roach    // e.g. 17.11.1860, 3/4/2005 or 1999-12-31. Use locale settings since DMY order is ambiguous.
1764ad647d5SGreg Roach    datestr = datestr.replace(/(\d+)([./-])(\d+)([./-])(\d+)/g, function () {
1772cf1b3d7SGreg Roach      let f1 = parseInt(RegExp.$1, 10);
1782cf1b3d7SGreg Roach      let f2 = parseInt(RegExp.$3, 10);
1792cf1b3d7SGreg Roach      let f3 = parseInt(RegExp.$5, 10);
1802cf1b3d7SGreg Roach      let yyyy = new Date().getFullYear();
1812cf1b3d7SGreg Roach      let yy = yyyy % 100;
1822cf1b3d7SGreg Roach      let cc = yyyy - yy;
18371239cb6SGreg Roach      if (dmy === 'DMY' && f1 <= 31 && f2 <= 12 || f1 > 13 && f1 <= 31 && f2 <= 12 && f3 > 31) {
1847fb78f8aSGreg Roach        return f1 + ' ' + months[f2 - 1] + ' ' + (f3 >= 100 ? f3 : (f3 <= yy ? f3 + cc : f3 + cc - 100));
1857fb78f8aSGreg Roach      }
18671239cb6SGreg Roach      if (dmy === 'MDY' && f1 <= 12 && f2 <= 31 || f2 > 13 && f2 <= 31 && f1 <= 12 && f3 > 31) {
1877fb78f8aSGreg Roach        return f2 + ' ' + months[f1 - 1] + ' ' + (f3 >= 100 ? f3 : (f3 <= yy ? f3 + cc : f3 + cc - 100));
1887fb78f8aSGreg Roach      }
18971239cb6SGreg Roach      if (dmy === 'YMD' && f2 <= 12 && f3 <= 31 || f3 > 13 && f3 <= 31 && f2 <= 12 && f1 > 31) {
1907fb78f8aSGreg Roach        return f3 + ' ' + months[f2 - 1] + ' ' + (f1 >= 100 ? f1 : (f1 <= yy ? f1 + cc : f1 + cc - 100));
19171239cb6SGreg Roach      }
1927fb78f8aSGreg Roach      return RegExp.$1 + RegExp.$2 + RegExp.$3 + RegExp.$4 + RegExp.$5;
1937fb78f8aSGreg Roach    });
19471239cb6SGreg Roach
195a7a3d6dbSGreg Roach    datestr = datestr
19671239cb6SGreg Roach      // Shortcuts for date ranges
197a7a3d6dbSGreg Roach      .replace(/^[>]([\w ]+)$/, 'AFT $1')
198a7a3d6dbSGreg Roach      .replace(/^[<]([\w ]+)$/, 'BEF $1')
199a7a3d6dbSGreg Roach      .replace(/^([\w ]+)[-]$/, 'FROM $1')
200a7a3d6dbSGreg Roach      .replace(/^[-]([\w ]+)$/, 'TO $1')
201a7a3d6dbSGreg Roach      .replace(/^[~]([\w ]+)$/, 'ABT $1')
202a7a3d6dbSGreg Roach      .replace(/^[*]([\w ]+)$/, 'EST $1')
203a7a3d6dbSGreg Roach      .replace(/^[#]([\w ]+)$/, 'CAL $1')
204a7a3d6dbSGreg Roach      .replace(/^([\w ]+) ?- ?([\w ]+)$/, 'BET $1 AND $2')
205a7a3d6dbSGreg Roach      .replace(/^([\w ]+) ?~ ?([\w ]+)$/, 'FROM $1 TO $2')
20671239cb6SGreg Roach      // Convert full months to short months
2074ad647d5SGreg Roach      .replace(/JANUARY/g, 'JAN')
2084ad647d5SGreg Roach      .replace(/FEBRUARY/g, 'FEB')
2094ad647d5SGreg Roach      .replace(/MARCH/g, 'MAR')
2104ad647d5SGreg Roach      .replace(/APRIL/g, 'APR')
2114ad647d5SGreg Roach      .replace(/JUNE/g, 'JUN')
2124ad647d5SGreg Roach      .replace(/JULY/g, 'JUL')
2134ad647d5SGreg Roach      .replace(/AUGUST/g, 'AUG')
2144ad647d5SGreg Roach      .replace(/SEPTEMBER/g, 'SEP')
2154ad647d5SGreg Roach      .replace(/OCTOBER/, 'OCT')
2164ad647d5SGreg Roach      .replace(/NOVEMBER/g, 'NOV')
2174ad647d5SGreg Roach      .replace(/DECEMBER/g, 'DEC')
218a7a3d6dbSGreg Roach      // Americans enter dates as SEP 20, 1999
2194ad647d5SGreg Roach      .replace(/(JAN|FEB|MAR|APR|MAY|JUN|JUL|AUG|SEP|OCT|NOV|DEC)\.? (\d\d?)[, ]+(\d\d\d\d)/g, '$2 $1 $3')
22071239cb6SGreg Roach      // Apply leading zero to day numbers
2214ad647d5SGreg Roach      .replace(/(^| )(\d [A-Z]{3,5} \d{4})/g, '$10$2');
22271239cb6SGreg Roach
22371239cb6SGreg Roach    if (datephrase) {
22471239cb6SGreg Roach      datestr = datestr + ' (' + datephrase;
22571239cb6SGreg Roach    }
226a7a3d6dbSGreg Roach
22771239cb6SGreg Roach    // Only update it if is has been corrected - otherwise input focus
22871239cb6SGreg Roach    // moves to the end of the field unnecessarily
22971239cb6SGreg Roach    if (datefield.value !== datestr) {
23071239cb6SGreg Roach      datefield.value = datestr;
23171239cb6SGreg Roach    }
2322cf1b3d7SGreg Roach  };
23371239cb6SGreg Roach
2342cf1b3d7SGreg Roach  let monthLabels = [];
23571239cb6SGreg Roach  monthLabels[1] = 'January';
23671239cb6SGreg Roach  monthLabels[2] = 'February';
23771239cb6SGreg Roach  monthLabels[3] = 'March';
23871239cb6SGreg Roach  monthLabels[4] = 'April';
23971239cb6SGreg Roach  monthLabels[5] = 'May';
24071239cb6SGreg Roach  monthLabels[6] = 'June';
24171239cb6SGreg Roach  monthLabels[7] = 'July';
24271239cb6SGreg Roach  monthLabels[8] = 'August';
24371239cb6SGreg Roach  monthLabels[9] = 'September';
24471239cb6SGreg Roach  monthLabels[10] = 'October';
24571239cb6SGreg Roach  monthLabels[11] = 'November';
24671239cb6SGreg Roach  monthLabels[12] = 'December';
24771239cb6SGreg Roach
2482cf1b3d7SGreg Roach  let monthShort = [];
24971239cb6SGreg Roach  monthShort[1] = 'JAN';
25071239cb6SGreg Roach  monthShort[2] = 'FEB';
25171239cb6SGreg Roach  monthShort[3] = 'MAR';
25271239cb6SGreg Roach  monthShort[4] = 'APR';
25371239cb6SGreg Roach  monthShort[5] = 'MAY';
25471239cb6SGreg Roach  monthShort[6] = 'JUN';
25571239cb6SGreg Roach  monthShort[7] = 'JUL';
25671239cb6SGreg Roach  monthShort[8] = 'AUG';
25771239cb6SGreg Roach  monthShort[9] = 'SEP';
25871239cb6SGreg Roach  monthShort[10] = 'OCT';
25971239cb6SGreg Roach  monthShort[11] = 'NOV';
26071239cb6SGreg Roach  monthShort[12] = 'DEC';
26171239cb6SGreg Roach
2622cf1b3d7SGreg Roach  let daysOfWeek = [];
26371239cb6SGreg Roach  daysOfWeek[0] = 'S';
26471239cb6SGreg Roach  daysOfWeek[1] = 'M';
26571239cb6SGreg Roach  daysOfWeek[2] = 'T';
26671239cb6SGreg Roach  daysOfWeek[3] = 'W';
26771239cb6SGreg Roach  daysOfWeek[4] = 'T';
26871239cb6SGreg Roach  daysOfWeek[5] = 'F';
26971239cb6SGreg Roach  daysOfWeek[6] = 'S';
27071239cb6SGreg Roach
2712cf1b3d7SGreg Roach  let weekStart = 0;
27271239cb6SGreg Roach
27306fe1eb5SGreg Roach  /**
27406fe1eb5SGreg Roach   * @param {string} jan
27506fe1eb5SGreg Roach   * @param {string} feb
27606fe1eb5SGreg Roach   * @param {string} mar
27706fe1eb5SGreg Roach   * @param {string} apr
27806fe1eb5SGreg Roach   * @param {string} may
27906fe1eb5SGreg Roach   * @param {string} jun
28006fe1eb5SGreg Roach   * @param {string} jul
28106fe1eb5SGreg Roach   * @param {string} aug
28206fe1eb5SGreg Roach   * @param {string} sep
28306fe1eb5SGreg Roach   * @param {string} oct
28406fe1eb5SGreg Roach   * @param {string} nov
28506fe1eb5SGreg Roach   * @param {string} dec
2862cf1b3d7SGreg Roach   * @param {string} sun
2872cf1b3d7SGreg Roach   * @param {string} mon
2882cf1b3d7SGreg Roach   * @param {string} tue
2892cf1b3d7SGreg Roach   * @param {string} wed
2902cf1b3d7SGreg Roach   * @param {string} thu
2912cf1b3d7SGreg Roach   * @param {string} fri
2922cf1b3d7SGreg Roach   * @param {string} sat
2932cf1b3d7SGreg Roach   * @param {number} day
29406fe1eb5SGreg Roach   */
2952cf1b3d7SGreg Roach  webtrees.calLocalize = function (jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec, sun, mon, tue, wed, thu, fri, sat, day) {
29671239cb6SGreg Roach    monthLabels[1] = jan;
29771239cb6SGreg Roach    monthLabels[2] = feb;
29871239cb6SGreg Roach    monthLabels[3] = mar;
29971239cb6SGreg Roach    monthLabels[4] = apr;
30071239cb6SGreg Roach    monthLabels[5] = may;
30171239cb6SGreg Roach    monthLabels[6] = jun;
30271239cb6SGreg Roach    monthLabels[7] = jul;
30371239cb6SGreg Roach    monthLabels[8] = aug;
30471239cb6SGreg Roach    monthLabels[9] = sep;
30571239cb6SGreg Roach    monthLabels[10] = oct;
30671239cb6SGreg Roach    monthLabels[11] = nov;
30771239cb6SGreg Roach    monthLabels[12] = dec;
30871239cb6SGreg Roach    daysOfWeek[0] = sun;
30971239cb6SGreg Roach    daysOfWeek[1] = mon;
31071239cb6SGreg Roach    daysOfWeek[2] = tue;
31171239cb6SGreg Roach    daysOfWeek[3] = wed;
31271239cb6SGreg Roach    daysOfWeek[4] = thu;
31371239cb6SGreg Roach    daysOfWeek[5] = fri;
31471239cb6SGreg Roach    daysOfWeek[6] = sat;
31571239cb6SGreg Roach
31671239cb6SGreg Roach    if (day >= 0 && day < 7) {
31771239cb6SGreg Roach      weekStart = day;
31871239cb6SGreg Roach    }
3192cf1b3d7SGreg Roach  };
32071239cb6SGreg Roach
32106fe1eb5SGreg Roach  /**
32206fe1eb5SGreg Roach   * @param {string} dateDivId
32306fe1eb5SGreg Roach   * @param {string} dateFieldId
32406fe1eb5SGreg Roach   * @returns {boolean}
32506fe1eb5SGreg Roach   */
3262cf1b3d7SGreg Roach  webtrees.calendarWidget = function (dateDivId, dateFieldId) {
3272cf1b3d7SGreg Roach    let dateDiv = document.getElementById(dateDivId);
3282cf1b3d7SGreg Roach    let dateField = document.getElementById(dateFieldId);
32971239cb6SGreg Roach
33071239cb6SGreg Roach    if (dateDiv.style.visibility === 'visible') {
33171239cb6SGreg Roach      dateDiv.style.visibility = 'hidden';
33271239cb6SGreg Roach      return false;
33371239cb6SGreg Roach    }
33471239cb6SGreg Roach    if (dateDiv.style.visibility === 'show') {
33571239cb6SGreg Roach      dateDiv.style.visibility = 'hide';
33671239cb6SGreg Roach      return false;
33771239cb6SGreg Roach    }
33871239cb6SGreg Roach
33971239cb6SGreg Roach    /* Javascript calendar functions only work with precise gregorian dates "D M Y" or "Y" */
3402cf1b3d7SGreg Roach    let greg_regex = /((\d+ (JAN|FEB|MAR|APR|MAY|JUN|JUL|AUG|SEP|OCT|NOV|DEC) )?\d+)/i;
3412cf1b3d7SGreg Roach    let date;
34271239cb6SGreg Roach    if (greg_regex.exec(dateField.value)) {
34371239cb6SGreg Roach      date = new Date(RegExp.$1);
34471239cb6SGreg Roach    } else {
34571239cb6SGreg Roach      date = new Date();
34671239cb6SGreg Roach    }
34771239cb6SGreg Roach
3482cf1b3d7SGreg Roach    dateDiv.innerHTML = calGenerateSelectorContent(dateFieldId, dateDivId, date);
34971239cb6SGreg Roach    if (dateDiv.style.visibility === 'hidden') {
35071239cb6SGreg Roach      dateDiv.style.visibility = 'visible';
35171239cb6SGreg Roach      return false;
35271239cb6SGreg Roach    }
35371239cb6SGreg Roach    if (dateDiv.style.visibility === 'hide') {
35471239cb6SGreg Roach      dateDiv.style.visibility = 'show';
35571239cb6SGreg Roach      return false;
35671239cb6SGreg Roach    }
35771239cb6SGreg Roach
35871239cb6SGreg Roach    return false;
3592cf1b3d7SGreg Roach  };
36071239cb6SGreg Roach
36106fe1eb5SGreg Roach  /**
36206fe1eb5SGreg Roach   * @param {string} dateFieldId
36306fe1eb5SGreg Roach   * @param {string} dateDivId
36406fe1eb5SGreg Roach   * @param {Date} date
36506fe1eb5SGreg Roach   * @returns {string}
36606fe1eb5SGreg Roach   */
3672cf1b3d7SGreg Roach  function calGenerateSelectorContent (dateFieldId, dateDivId, date) {
3682cf1b3d7SGreg Roach    let i, j;
3692cf1b3d7SGreg Roach    let content = '<table border="1"><tr>';
3702cf1b3d7SGreg Roach    content += '<td><select class="form-control" id="' + dateFieldId + '_daySelect" onchange="return webtrees.calUpdateCalendar(\'' + dateFieldId + '\', \'' + dateDivId + '\');">';
37171239cb6SGreg Roach    for (i = 1; i < 32; i++) {
37271239cb6SGreg Roach      content += '<option value="' + i + '"';
37371239cb6SGreg Roach      if (date.getDate() === i) {
37471239cb6SGreg Roach        content += ' selected="selected"';
37571239cb6SGreg Roach      }
37671239cb6SGreg Roach      content += '>' + i + '</option>';
37771239cb6SGreg Roach    }
37871239cb6SGreg Roach    content += '</select></td>';
3792cf1b3d7SGreg Roach    content += '<td><select class="form-control" id="' + dateFieldId + '_monSelect" onchange="return webtrees.calUpdateCalendar(\'' + dateFieldId + '\', \'' + dateDivId + '\');">';
38071239cb6SGreg Roach    for (i = 1; i < 13; i++) {
38171239cb6SGreg Roach      content += '<option value="' + i + '"';
38271239cb6SGreg Roach      if (date.getMonth() + 1 === i) {
38371239cb6SGreg Roach        content += ' selected="selected"';
38471239cb6SGreg Roach      }
38571239cb6SGreg Roach      content += '>' + monthLabels[i] + '</option>';
38671239cb6SGreg Roach    }
38771239cb6SGreg Roach    content += '</select></td>';
3882cf1b3d7SGreg Roach    content += '<td><input class="form-control" type="text" id="' + dateFieldId + '_yearInput" size="5" value="' + date.getFullYear() + '" onchange="return webtrees.calUpdateCalendar(\'' + dateFieldId + '\', \'' + dateDivId + '\');" /></td></tr>';
38971239cb6SGreg Roach    content += '<tr><td colspan="3">';
39071239cb6SGreg Roach    content += '<table width="100%">';
39171239cb6SGreg Roach    content += '<tr>';
39271239cb6SGreg Roach    j = weekStart;
39371239cb6SGreg Roach    for (i = 0; i < 7; i++) {
39471239cb6SGreg Roach      content += '<td ';
39571239cb6SGreg Roach      content += 'class="descriptionbox"';
39671239cb6SGreg Roach      content += '>';
39771239cb6SGreg Roach      content += daysOfWeek[j];
39871239cb6SGreg Roach      content += '</td>';
39971239cb6SGreg Roach      j++;
40071239cb6SGreg Roach      if (j > 6) {
40171239cb6SGreg Roach        j = 0;
40271239cb6SGreg Roach      }
40371239cb6SGreg Roach    }
40471239cb6SGreg Roach    content += '</tr>';
40571239cb6SGreg Roach
4062cf1b3d7SGreg Roach    let tdate = new Date(date.getFullYear(), date.getMonth(), 1);
4072cf1b3d7SGreg Roach    let day = tdate.getDay();
40871239cb6SGreg Roach    day = day - weekStart;
4092cf1b3d7SGreg Roach    let daymilli = 1000 * 60 * 60 * 24;
41071239cb6SGreg Roach    tdate = tdate.getTime() - (day * daymilli) + (daymilli / 2);
41171239cb6SGreg Roach    tdate = new Date(tdate);
41271239cb6SGreg Roach
41371239cb6SGreg Roach    for (j = 0; j < 6; j++) {
41471239cb6SGreg Roach      content += '<tr>';
41571239cb6SGreg Roach      for (i = 0; i < 7; i++) {
41671239cb6SGreg Roach        content += '<td ';
41771239cb6SGreg Roach        if (tdate.getMonth() === date.getMonth()) {
41871239cb6SGreg Roach          if (tdate.getDate() === date.getDate()) {
41971239cb6SGreg Roach            content += 'class="descriptionbox"';
42071239cb6SGreg Roach          } else {
42171239cb6SGreg Roach            content += 'class="optionbox"';
42271239cb6SGreg Roach          }
42371239cb6SGreg Roach        } else {
42471239cb6SGreg Roach          content += 'style="background-color:#EAEAEA; border: solid #AAAAAA 1px;"';
42571239cb6SGreg Roach        }
4262cf1b3d7SGreg Roach        content += '><a href="#" onclick="return webtrees.calDateClicked(\'' + dateFieldId + '\', \'' + dateDivId + '\', ' + tdate.getFullYear() + ', ' + tdate.getMonth() + ', ' + tdate.getDate() + ');">';
42771239cb6SGreg Roach        content += tdate.getDate();
42871239cb6SGreg Roach        content += '</a></td>';
4292cf1b3d7SGreg Roach        let datemilli = tdate.getTime() + daymilli;
43071239cb6SGreg Roach        tdate = new Date(datemilli);
43171239cb6SGreg Roach      }
43271239cb6SGreg Roach      content += '</tr>';
43371239cb6SGreg Roach    }
43471239cb6SGreg Roach    content += '</table>';
43571239cb6SGreg Roach    content += '</td></tr>';
43671239cb6SGreg Roach    content += '</table>';
43771239cb6SGreg Roach
43871239cb6SGreg Roach    return content;
43971239cb6SGreg Roach  }
44071239cb6SGreg Roach
44106fe1eb5SGreg Roach  /**
44206fe1eb5SGreg Roach   * @param {string} dateFieldId
44306fe1eb5SGreg Roach   * @param {number} year
44406fe1eb5SGreg Roach   * @param {number} month
44506fe1eb5SGreg Roach   * @param {number} day
44606fe1eb5SGreg Roach   * @returns {boolean}
44706fe1eb5SGreg Roach   */
4482cf1b3d7SGreg Roach  function calSetDateField (dateFieldId, year, month, day) {
4492cf1b3d7SGreg Roach    let dateField = document.getElementById(dateFieldId);
4502cf1b3d7SGreg Roach    dateField.value = (day < 10 ? '0' : '') + day + ' ' + monthShort[month + 1] + ' ' + year;
45171239cb6SGreg Roach    return false;
45271239cb6SGreg Roach  }
45371239cb6SGreg Roach
45406fe1eb5SGreg Roach  /**
45506fe1eb5SGreg Roach   * @param {string} dateFieldId
45606fe1eb5SGreg Roach   * @param {string} dateDivId
45706fe1eb5SGreg Roach   * @returns {boolean}
45806fe1eb5SGreg Roach   */
4592cf1b3d7SGreg Roach  webtrees.calUpdateCalendar = function (dateFieldId, dateDivId) {
4602cf1b3d7SGreg Roach    let dateSel = document.getElementById(dateFieldId + '_daySelect');
46171239cb6SGreg Roach    if (!dateSel) {
46271239cb6SGreg Roach      return false;
46371239cb6SGreg Roach    }
4642cf1b3d7SGreg Roach    let monthSel = document.getElementById(dateFieldId + '_monSelect');
46571239cb6SGreg Roach    if (!monthSel) {
46671239cb6SGreg Roach      return false;
46771239cb6SGreg Roach    }
4682cf1b3d7SGreg Roach    let yearInput = document.getElementById(dateFieldId + '_yearInput');
46971239cb6SGreg Roach    if (!yearInput) {
47071239cb6SGreg Roach      return false;
47171239cb6SGreg Roach    }
47271239cb6SGreg Roach
4732cf1b3d7SGreg Roach    let month = parseInt(monthSel.options[monthSel.selectedIndex].value, 10);
47471239cb6SGreg Roach    month = month - 1;
47571239cb6SGreg Roach
4762cf1b3d7SGreg Roach    let date = new Date(yearInput.value, month, dateSel.options[dateSel.selectedIndex].value);
4772cf1b3d7SGreg Roach    calSetDateField(dateFieldId, date.getFullYear(), date.getMonth(), date.getDate());
47871239cb6SGreg Roach
4792cf1b3d7SGreg Roach    let dateDiv = document.getElementById(dateDivId);
48071239cb6SGreg Roach    if (!dateDiv) {
48171239cb6SGreg Roach      alert('no dateDiv ' + dateDivId);
48271239cb6SGreg Roach      return false;
48371239cb6SGreg Roach    }
4842cf1b3d7SGreg Roach    dateDiv.innerHTML = calGenerateSelectorContent(dateFieldId, dateDivId, date);
48571239cb6SGreg Roach
48671239cb6SGreg Roach    return false;
4872cf1b3d7SGreg Roach  };
48871239cb6SGreg Roach
48906fe1eb5SGreg Roach  /**
49006fe1eb5SGreg Roach   * @param {string} dateFieldId
49106fe1eb5SGreg Roach   * @param {string} dateDivId
49206fe1eb5SGreg Roach   * @param {number} year
49306fe1eb5SGreg Roach   * @param {number} month
49406fe1eb5SGreg Roach   * @param {number} day
49506fe1eb5SGreg Roach   * @returns {boolean}
49606fe1eb5SGreg Roach   */
4972cf1b3d7SGreg Roach  webtrees.calDateClicked = function (dateFieldId, dateDivId, year, month, day) {
4982cf1b3d7SGreg Roach    calSetDateField(dateFieldId, year, month, day);
4992cf1b3d7SGreg Roach    webtrees.calendarWidget(dateDivId, dateFieldId);
50071239cb6SGreg Roach    return false;
5012cf1b3d7SGreg Roach  };
50271239cb6SGreg Roach
50306fe1eb5SGreg Roach  /**
5042cf1b3d7SGreg Roach   * Persistent checkbox options to hide/show extra data.
5052cf1b3d7SGreg Roach   * @param {string} element_id
50671239cb6SGreg Roach   */
5072cf1b3d7SGreg Roach  webtrees.persistentToggle = function (element_id) {
508efd89170SGreg Roach    const element = document.getElementById(element_id);
509efd89170SGreg Roach    const key = 'state-of-' + element_id;
510efd89170SGreg Roach    const state = localStorage.getItem(key);
51171239cb6SGreg Roach
512*adbf37b7SGreg Roach    if (element instanceof HTMLInputElement && element.type === 'checkbox') {
51364490ee2SGreg Roach      // Previously selected?
51464490ee2SGreg Roach      if (state === 'true') {
5152cf1b3d7SGreg Roach        element.click();
51671239cb6SGreg Roach      }
51771239cb6SGreg Roach
51864490ee2SGreg Roach      // Remember state for the next page load.
5192cf1b3d7SGreg Roach      element.addEventListener('change', function () {
5202cf1b3d7SGreg Roach        localStorage.setItem(key, element.checked);
5212cf1b3d7SGreg Roach      });
522*adbf37b7SGreg Roach    }
5232cf1b3d7SGreg Roach  };
52471239cb6SGreg Roach
52506fe1eb5SGreg Roach  /**
5262cf1b3d7SGreg Roach   * @param {Element} field
52706fe1eb5SGreg Roach   * @param {string} pos
52806fe1eb5SGreg Roach   * @param {string} neg
52906fe1eb5SGreg Roach   */
5302cf1b3d7SGreg Roach  function reformatLatLong (field, pos, neg) {
53171239cb6SGreg Roach    // valid LATI or LONG according to Gedcom standard
53271239cb6SGreg Roach    // pos (+) : N or E
53371239cb6SGreg Roach    // neg (-) : S or W
5342cf1b3d7SGreg Roach    let txt = field.value.toUpperCase();
53571239cb6SGreg Roach    txt = txt.replace(/(^\s*)|(\s*$)/g, ''); // trim
53671239cb6SGreg Roach    txt = txt.replace(/ /g, ':'); // N12 34 ==> N12.34
53771239cb6SGreg Roach    txt = txt.replace(/\+/g, ''); // +17.1234 ==> 17.1234
53871239cb6SGreg Roach    txt = txt.replace(/-/g, neg); // -0.5698 ==> W0.5698
53971239cb6SGreg Roach    txt = txt.replace(/,/g, '.'); // 0,5698 ==> 0.5698
54071239cb6SGreg Roach    // 0°34'11 ==> 0:34:11
54171239cb6SGreg Roach    txt = txt.replace(/\u00b0/g, ':'); // °
54271239cb6SGreg Roach    txt = txt.replace(/\u0027/g, ':'); // '
54371239cb6SGreg Roach    // 0:34:11.2W ==> W0.5698
54471239cb6SGreg Roach    txt = txt.replace(/^([0-9]+):([0-9]+):([0-9.]+)(.*)/g, function ($0, $1, $2, $3, $4) {
5452cf1b3d7SGreg Roach      let n = parseFloat($1);
54671239cb6SGreg Roach      n += ($2 / 60);
54771239cb6SGreg Roach      n += ($3 / 3600);
54871239cb6SGreg Roach      n = Math.round(n * 1E4) / 1E4;
54971239cb6SGreg Roach      return $4 + n;
55071239cb6SGreg Roach    });
55171239cb6SGreg Roach    // 0:34W ==> W0.5667
55271239cb6SGreg Roach    txt = txt.replace(/^([0-9]+):([0-9]+)(.*)/g, function ($0, $1, $2, $3) {
5532cf1b3d7SGreg Roach      let n = parseFloat($1);
55471239cb6SGreg Roach      n += ($2 / 60);
55571239cb6SGreg Roach      n = Math.round(n * 1E4) / 1E4;
55671239cb6SGreg Roach      return $3 + n;
55771239cb6SGreg Roach    });
55871239cb6SGreg Roach    // 0.5698W ==> W0.5698
5592cf1b3d7SGreg Roach    txt = txt.replace(/(.*)(NSEW])$/g, '$2$1');
56071239cb6SGreg Roach    // 17.1234 ==> N17.1234
56171239cb6SGreg Roach    if (txt && txt.charAt(0) !== neg && txt.charAt(0) !== pos) {
56271239cb6SGreg Roach      txt = pos + txt;
56371239cb6SGreg Roach    }
56471239cb6SGreg Roach    field.value = txt;
56571239cb6SGreg Roach  }
56671239cb6SGreg Roach
56706fe1eb5SGreg Roach  /**
5682cf1b3d7SGreg Roach   * @param {Element} field
5692cf1b3d7SGreg Roach   */
5702cf1b3d7SGreg Roach  webtrees.reformatLatitude = function (field) {
5712cf1b3d7SGreg Roach    return reformatLatLong(field, 'N', 'S');
5722cf1b3d7SGreg Roach  };
5732cf1b3d7SGreg Roach
5742cf1b3d7SGreg Roach  /**
5752cf1b3d7SGreg Roach   * @param {Element} field
5762cf1b3d7SGreg Roach   */
5772cf1b3d7SGreg Roach  webtrees.reformatLongitude = function (field) {
5782cf1b3d7SGreg Roach    return reformatLatLong(field, 'E', 'W');
5792cf1b3d7SGreg Roach  };
5802cf1b3d7SGreg Roach
5812cf1b3d7SGreg Roach  /**
58206fe1eb5SGreg Roach   * Initialize autocomplete elements.
58306fe1eb5SGreg Roach   * @param {string} selector
58406fe1eb5SGreg Roach   */
5852cf1b3d7SGreg Roach  webtrees.autocomplete = function (selector) {
58671239cb6SGreg Roach    // Use typeahead/bloodhound for autocomplete
58771239cb6SGreg Roach    $(selector).each(function () {
588efd89170SGreg Roach      const that = this;
58971239cb6SGreg Roach      $(this).typeahead(null, {
59071239cb6SGreg Roach        display: 'value',
5915e6816beSGreg Roach        limit: 0,
59271239cb6SGreg Roach        source: new Bloodhound({
59371239cb6SGreg Roach          datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
59471239cb6SGreg Roach          queryTokenizer: Bloodhound.tokenizers.whitespace,
59571239cb6SGreg Roach          remote: {
59671239cb6SGreg Roach            url: this.dataset.autocompleteUrl,
597f4abaf12SGreg Roach            replace: function (url, uriEncodedQuery) {
598f4abaf12SGreg Roach              if (that.dataset.autocompleteExtra) {
599efd89170SGreg Roach                const extra = $(document.querySelector(that.dataset.autocompleteExtra)).val();
600efd89170SGreg Roach                return url.replace('QUERY', uriEncodedQuery) + '&extra=' + encodeURIComponent(extra);
601f4abaf12SGreg Roach              }
602efd89170SGreg Roach              return url.replace('QUERY', uriEncodedQuery);
603f4abaf12SGreg Roach            },
604efd89170SGreg Roach            wildcard: 'QUERY'
60571239cb6SGreg Roach          }
60671239cb6SGreg Roach        })
60771239cb6SGreg Roach      });
60871239cb6SGreg Roach    });
6092cf1b3d7SGreg Roach  };
6102cf1b3d7SGreg Roach}(window.webtrees = window.webtrees || {}));
61171239cb6SGreg Roach
61271239cb6SGreg Roach// Send the CSRF token on all AJAX requests
61371239cb6SGreg Roach$.ajaxSetup({
61471239cb6SGreg Roach  headers: {
61571239cb6SGreg Roach    'X-CSRF-TOKEN': $('meta[name=csrf]').attr('content')
61671239cb6SGreg Roach  }
61771239cb6SGreg Roach});
61871239cb6SGreg Roach
6194ed7dff1SGreg Roach/**
6204ed7dff1SGreg Roach * Initialisation
6214ed7dff1SGreg Roach */
6224ed7dff1SGreg Roach$(function () {
6232cf1b3d7SGreg Roach  // Page elements that load automatically via AJAX.
62471239cb6SGreg Roach  // This prevents bad robots from crawling resource-intensive pages.
625efd89170SGreg Roach  $('[data-ajax-url]').each(function () {
62671239cb6SGreg Roach    $(this).load($(this).data('ajaxUrl'));
62771239cb6SGreg Roach  });
62871239cb6SGreg Roach
62971239cb6SGreg Roach  // Autocomplete
6302cf1b3d7SGreg Roach  webtrees.autocomplete('input[data-autocomplete-url]');
63171239cb6SGreg Roach
63271239cb6SGreg Roach  // Select2 - activate autocomplete fields
633bdbdb10cSGreg Roach  const lang = document.documentElement.lang;
634bdbdb10cSGreg Roach  const select2_languages = {
635bdbdb10cSGreg Roach    'zh-Hans': 'zh-CN',
636efd89170SGreg Roach    'zh-Hant': 'zh-TW'
637bdbdb10cSGreg Roach  };
638efd89170SGreg Roach  $('select.select2').select2({
639bdbdb10cSGreg Roach    language: select2_languages[lang] || lang,
640aee7167dSGreg Roach    // Needed for elements that are initially hidden.
641efd89170SGreg Roach    width: '100%',
642896a5721SGreg Roach    // Do not escape - we do it on the server.
64371239cb6SGreg Roach    escapeMarkup: function (x) {
6448ec20abdSGreg Roach      return x;
645efd89170SGreg Roach    }
646896a5721SGreg Roach  });
647896a5721SGreg Roach
648896a5721SGreg Roach  // If we clear the select (using the "X" button), we need an empty value
649896a5721SGreg Roach  // (rather than no value at all) for (non-multiple) selects with name="array[]"
650efd89170SGreg Roach  $('select.select2:not([multiple])')
651efd89170SGreg Roach    .on('select2:unselect', function (evt) {
652efd89170SGreg Roach      $(evt.delegateTarget).html('<option value="" selected></option>');
653bdbdb10cSGreg Roach    });
65471239cb6SGreg Roach
65571239cb6SGreg Roach  // Datatables - locale aware sorting
65671239cb6SGreg Roach  $.fn.dataTableExt.oSort['text-asc'] = function (x, y) {
657efd89170SGreg Roach    return x.localeCompare(y, document.documentElement.lang, { sensitivity: 'base' });
65871239cb6SGreg Roach  };
65971239cb6SGreg Roach  $.fn.dataTableExt.oSort['text-desc'] = function (x, y) {
660efd89170SGreg Roach    return y.localeCompare(x, document.documentElement.lang, { sensitivity: 'base' });
66171239cb6SGreg Roach  };
66271239cb6SGreg Roach
66371239cb6SGreg Roach  // DataTables - start hidden to prevent FOUC.
66471239cb6SGreg Roach  $('table.datatables').each(function () {
6654843b94fSGreg Roach    $(this).DataTable();
6664843b94fSGreg Roach    $(this).removeClass('d-none');
6674843b94fSGreg Roach  });
6684843b94fSGreg Roach
6694843b94fSGreg Roach  // Save button state between pages
670efd89170SGreg Roach  document.querySelectorAll('[data-toggle=button][data-persist]').forEach((element) => {
6714843b94fSGreg Roach    // Previously selected?
672efd89170SGreg Roach    if (localStorage.getItem('state-of-' + element.dataset.persist) === 'T') {
6734843b94fSGreg Roach      element.click();
6744843b94fSGreg Roach    }
6754843b94fSGreg Roach    // Save state on change
676efd89170SGreg Roach    element.addEventListener('click', (event) => {
6774843b94fSGreg Roach      // Event occurs *before* the state changes, so reverse T/F.
678efd89170SGreg Roach      localStorage.setItem('state-of-' + event.target.dataset.persist, event.target.classList.contains('active') ? 'F' : 'T');
6794843b94fSGreg Roach    });
6804843b94fSGreg Roach  });
68171239cb6SGreg Roach
68271239cb6SGreg Roach  // Activate the on-screen keyboard
6832cf1b3d7SGreg Roach  let osk_focus_element;
68471239cb6SGreg Roach  $('.wt-osk-trigger').click(function () {
68571239cb6SGreg Roach    // When a user clicks the icon, set focus to the corresponding input
68671239cb6SGreg Roach    osk_focus_element = document.getElementById($(this).data('id'));
68771239cb6SGreg Roach    osk_focus_element.focus();
68871239cb6SGreg Roach    $('.wt-osk').show();
68971239cb6SGreg Roach  });
69071239cb6SGreg Roach  $('.wt-osk-script-button').change(function () {
69171239cb6SGreg Roach    $('.wt-osk-script').prop('hidden', true);
69271239cb6SGreg Roach    $('.wt-osk-script-' + $(this).data('script')).prop('hidden', false);
69371239cb6SGreg Roach  });
69471239cb6SGreg Roach  $('.wt-osk-shift-button').click(function () {
69571239cb6SGreg Roach    document.querySelector('.wt-osk-keys').classList.toggle('shifted');
69671239cb6SGreg Roach  });
69771239cb6SGreg Roach  $('.wt-osk-keys').on('click', '.wt-osk-key', function () {
6982cf1b3d7SGreg Roach    let key = $(this).contents().get(0).nodeValue;
6992cf1b3d7SGreg Roach    let shift_state = $('.wt-osk-shift-button').hasClass('active');
7002cf1b3d7SGreg Roach    let shift_key = $('sup', this)[0];
70171239cb6SGreg Roach    if (shift_state && shift_key !== undefined) {
70271239cb6SGreg Roach      key = shift_key.innerText;
70371239cb6SGreg Roach    }
7040d2905f7SGreg Roach    webtrees.pasteAtCursor(osk_focus_element, key);
70571239cb6SGreg Roach    if ($('.wt-osk-pin-button').hasClass('active') === false) {
70671239cb6SGreg Roach      $('.wt-osk').hide();
70771239cb6SGreg Roach    }
70871239cb6SGreg Roach  });
70971239cb6SGreg Roach
71071239cb6SGreg Roach  $('.wt-osk-close').on('click', function () {
71171239cb6SGreg Roach    $('.wt-osk').hide();
71271239cb6SGreg Roach  });
71371239cb6SGreg Roach});
7147adfb8e5SGreg Roach
715b3a775f6SGreg Roach// Convert data-confirm and data-post-url attributes into useful behavior.
716efd89170SGreg Roachdocument.addEventListener('click', (event) => {
717a7a3d6dbSGreg Roach  const target = event.target.closest('a,button');
7187adfb8e5SGreg Roach
7197adfb8e5SGreg Roach  if (target === null) {
7207adfb8e5SGreg Roach    return;
7217adfb8e5SGreg Roach  }
7227adfb8e5SGreg Roach
723efd89170SGreg Roach  if ('confirm' in target.dataset && !confirm(target.dataset.confirm)) {
7247adfb8e5SGreg Roach    event.preventDefault();
7257adfb8e5SGreg Roach    return;
7267adfb8e5SGreg Roach  }
7277adfb8e5SGreg Roach
728efd89170SGreg Roach  if ('postUrl' in target.dataset) {
729efd89170SGreg Roach    const token = document.querySelector('meta[name=csrf]').content;
730ea101122SGreg Roach
731ea101122SGreg Roach    fetch(target.dataset.postUrl, {
732ea101122SGreg Roach      method: 'POST',
733ea101122SGreg Roach      headers: {
734ea101122SGreg Roach        'X-CSRF-TOKEN': token,
735ea101122SGreg Roach        'X-Requested-with': 'XMLHttpRequest',
736ea101122SGreg Roach      },
7372cf1b3d7SGreg Roach    }).then(() => {
738ea101122SGreg Roach      if ('reloadUrl' in target.dataset) {
739ea101122SGreg Roach        // Go somewhere else.  e.g. home page after logout.
740ea101122SGreg Roach        document.location = target.dataset.reloadUrl;
741ea101122SGreg Roach      } else {
742ea101122SGreg Roach        // Reload the current page. e.g. change language.
7437adfb8e5SGreg Roach        document.location.reload();
7447adfb8e5SGreg Roach      }
745cb8f307bSGreg Roach    }).catch((error) => {
746ea101122SGreg Roach      alert(error);
747ea101122SGreg Roach    });
7487adfb8e5SGreg Roach  }
7497adfb8e5SGreg Roach});
750