) . '){kind=icon}
Distance Calculator';
20 | }
21 |
22 | add_shortcode( 'ci_distance_calculator', 'display_ci_distance_calculator' );
--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
1 | # Distance Calculator Widget for WordPress
2 |
3 | These calculators find the distance between two points on a 2D plane, in a 3D space, as well as along the surface of the Earth with Lambert’s formulas.
4 |
5 | 
6 |
7 | ## Installation
8 |
9 | 1. [Download](https://github.com/pub-calculator-io/distance-calculator/archive/refs/heads/master.zip) the ZIP file of this repository.
10 | 2. Upload the /distance-calculator-master/ folder to the /wp-content/plugins/ directory.
11 | 3. Activate the [Distance Calculator](https://www.calculator.io/distance-calculator/ "Distance Calculator Homepage") plugin through the "Plugins" menu in WordPress.
12 |
13 | ## Usage
14 | * Add the shortcode `[ci_distance_calculator]` to your page, post or sidebar.
15 | * Or add the following code: `` to your template where you would like the Distance Calculator to appear.
16 |
17 | ## Libraries in Use
18 | 1. https://mathjs.org/
19 | 2. https://katex.org/
20 | 3. https://github.com/aFarkas/lazysizes
21 | 4. https://github.com/RobinHerbots/Inputmask
22 | 5. https://air-datepicker.com/
23 | 6. https://www.chartjs.org/
24 |
--------------------------------------------------------------------------------
/assets/js/themes.js:
--------------------------------------------------------------------------------
1 | const setActiveThemeButton = (theme) => {
2 | document.querySelectorAll('.header-popup__button').forEach(button => {
3 | if(button.classList.contains(`${theme}-theme`)) button.classList.add('header-popup__button--active')
4 | else button.classList.remove('header-popup__button--active')
5 | })
6 | }
7 |
8 | switch (localStorage.getItem('theme')) {
9 | case 'light':
10 | document.documentElement.classList = '';
11 | console.log('Theme: Light');
12 | localStorage.setItem('theme', 'light');
13 | window.addEventListener('DOMContentLoaded', () => {
14 | setActiveThemeButton('light')
15 | })
16 | break;
17 | case 'dark':
18 | document.documentElement.classList = 'dark';
19 | console.log('Theme: Dark');
20 | localStorage.setItem('theme', 'dark');
21 | window.addEventListener('DOMContentLoaded', () => {
22 | setActiveThemeButton('dark')
23 | })
24 | break;
25 | case 'system':
26 | default:
27 | document.documentElement.classList = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : '';
28 | console.log('Theme: System');
29 | localStorage.setItem('theme', 'system');
30 | window.addEventListener('DOMContentLoaded', () => {
31 | setActiveThemeButton('system')
32 | })
33 | }
--------------------------------------------------------------------------------
/ci_distance_calculator.php:
--------------------------------------------------------------------------------
1 | Distance Calculator';
20 | }
21 |
22 |
23 | add_shortcode( 'ci_distance_calculator', 'display_calcio_ci_distance_calculator' );
--------------------------------------------------------------------------------
/readme.txt:
--------------------------------------------------------------------------------
1 | === CI Distance calculator ===
2 | Contributors: calculatorio
3 | Tags: distance formula calculator, calculate distance between points, point-to-point distance online, Pythagorean theorem calculator, coordinate distance calculator, find distance in 2D, Euclidean distance tool, math distance calculator, online distance solver, geometry distance computation
4 | Requires at least: 5.0
5 | Tested up to: 6.4.0
6 | Stable tag: 1.0.0
7 | License: GPLv2 or later
8 | License URI: https://www.gnu.org/licenses/gpl-2.0.html
9 |
10 | These calculators find the distance between two points on a 2D plane, in a 3D space, as well as along the surface of the Earth with Lambert’s formulas.
11 |
12 | [https://www.calculator.io/distance-calculator/](https://www.calculator.io/distance-calculator/)
13 |
14 | == Usage ==
15 |
16 | Add the Distance Calculator shortcode to your page, post or sidebar:
17 |
18 | `[ci_distance_calculator]`
19 |
20 | Add the following code to your template where you would like the Distance Calculator to appear:
21 |
22 | ``
23 |
24 | == Screenshots ==
25 |
26 | 1. The Distance Calculator Input Form.
27 |
28 | == Installation ==
29 |
30 | 1. Upload the Distance Calculator /ci_distance_calculator/ folder to the /wp-content/plugins/ directory.
31 | 2. Activate the Distance Calculator plugin through the "Plugins" menu in WordPress.
32 |
33 | == Changelog ==
34 |
35 | = 1.0.0 =
36 | * Initial release of Distance Calculator
37 |
--------------------------------------------------------------------------------
/assets/js/fractions.js:
--------------------------------------------------------------------------------
1 | const Fractions = {
2 | // helpers
3 | isCorrectMixed(whole, num, denom){
4 | return !(!whole && !num && !denom || !num && denom || num && !denom);
5 | },
6 | buildFrac(whole, num, denom){
7 | whole = Number(whole);
8 | num = Number(num);
9 | denom = Number(denom);
10 | return num && denom ?
11 | math.fraction(
12 | (math.sign(whole) || 1) * (math.sign(num) || 1) * (math.sign(denom) || 1) *
13 | (math.abs(whole) * math.abs(denom) + math.abs(num)), math.abs(denom)
14 | ) :
15 | math.fraction(whole, 1)
16 | ;
17 | },
18 | getFracPart(frac){
19 | return frac.d != 1 ? {
20 | num: frac.n % frac.d, denom: frac.d,
21 | } : '';
22 | },
23 | getWholePart(frac){
24 | const sign = frac.s == -1 ? '-' : '';
25 | const wholePart = (frac.n - frac.n % frac.d) / frac.d;
26 | if(wholePart == 0 && this.getFracPart(frac)) return sign;
27 | return sign + wholePart;
28 | },
29 | getChartData(frac){
30 | const fracPart = this.getFracPart(frac);
31 | const wholePart = this.getWholePart(frac);
32 | return fracPart ? [fracPart.num, fracPart.denom-fracPart.num] : (wholePart == 0 ? [0,1]:[1,0]);
33 | },
34 | outputFrac(frac, prefix){
35 | const isWhole = frac.d == 1;
36 | const sign = frac.s == -1 ? '-' : '';
37 | _(prefix+'Whole').classList[!isWhole && !sign ? 'add':'remove']('hidden');
38 | _(prefix+'Whole').innerText = sign + (isWhole ? frac.n : '');
39 | _(prefix+'Frac').classList[isWhole?'add':'remove']('hidden');
40 | _(prefix+'Num').innerText = frac.n;
41 | _(prefix+'Denom').innerText = frac.d;
42 | },
43 | outputMixed(frac, prefix){
44 | const fracPart = this.getFracPart(frac);
45 | const wholePart = this.getWholePart(frac);
46 | _(prefix+'Whole').classList[!wholePart?'add':'remove']('hidden');
47 | _(prefix+'Whole').innerText = wholePart;
48 | _(prefix+'Frac').classList[!fracPart?'add':'remove']('hidden');
49 | _(prefix+'Num').innerText = fracPart.num;
50 | _(prefix+'Denom').innerText = fracPart.denom;
51 | }
52 | }
53 |
--------------------------------------------------------------------------------
/assets/js/dropdown-icon.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 |
3 | const setSelect = (list, index) => {
4 | list.forEach(item => {
5 | item.classList.remove('dropdown-select--selected')
6 | })
7 | list[index].classList.add('dropdown-select--selected')
8 | }
9 |
10 | const setValue = (input, value, index) => {
11 | if(index !== undefined) {
12 | setTab(index)
13 | }
14 | input.innerHTML = value
15 | }
16 |
17 | const setTab = (index) => {
18 | document.querySelectorAll(`[data-tab]`)?.forEach(element => {
19 | if(element.getAttribute('data-tab') == index) {
20 | element.classList.add('tab--active');
21 | } else {
22 | element.classList.remove('tab--active');
23 | element.classList.remove('tab--active')
24 | }
25 | })
26 | }
27 |
28 | const DROPDOWN_WRAPPER = document.querySelectorAll('.dropdown-wrapper')
29 |
30 |
31 | DROPDOWN_WRAPPER.forEach(wrapper => {
32 | // CLOSE DROPDOWN WHEN CLICK OUTSIDE
33 | window.addEventListener('click', (e) => {
34 | if(!(e.composedPath().includes(wrapper))) {
35 | wrapper.classList.remove('dropdown-wrapper--active')
36 | }
37 | })
38 |
39 | const DROPDOWN_FIELD = wrapper.querySelector('.input-field')
40 | const DROPDOWN_VALUE = wrapper.querySelector('.input-field__text')
41 | const DROPDOWN_SELECTS = wrapper.querySelectorAll('.dropdown-select')
42 | // DEFAULT TAB
43 | setTab(0)
44 |
45 | // OPEN DROPDOWN WHEN CLICK ON INPUT
46 | DROPDOWN_FIELD.addEventListener('click', () => {
47 | // CLOSE OTHERS DROPDOWN
48 | if(!wrapper.classList.contains('dropdown-wrapper--active')) {
49 | DROPDOWN_WRAPPER.forEach(wrapper => {wrapper.classList.remove('dropdown-wrapper--active')})
50 | }
51 | // OPEN THIS DROPDOWN
52 | wrapper.classList.toggle('dropdown-wrapper--active')
53 | })
54 |
55 | // SET EVENT LISTENERS FOR SELECT
56 | DROPDOWN_SELECTS.forEach((select, index) => {
57 | const SELECT_VALUE = select.innerHTML
58 | select.addEventListener('click', () => {
59 | wrapper.classList.remove('dropdown-wrapper--active')
60 |
61 | // SET SELECT FOR DROPDOWN
62 | setSelect(DROPDOWN_SELECTS, index)
63 |
64 | // SET VALUE FOR DROPDOWN
65 | if(select.classList.contains('dropdown-select--tab')) {
66 | // IF DROPDOWN IS DROPDOWN TAB : example due-date-calculator dropdown "Calculate based on"
67 | setValue(DROPDOWN_VALUE,SELECT_VALUE, index)
68 | } else {
69 | setValue(DROPDOWN_VALUE,SELECT_VALUE)
70 | }
71 | })
72 | })
73 | })
--------------------------------------------------------------------------------
/assets/js/datepicker.js:
--------------------------------------------------------------------------------
1 | document.querySelectorAll('.datepicker_us').forEach((datepicker) => {
2 | new AirDatepicker(datepicker, {
3 | dateFormat: 'MM/dd/yyyy',
4 | autoClose: true,
5 | onSelect: function(event){
6 | return updateDate(event.datepicker.$el);
7 | },
8 | // visible: true,
9 | prevHtml:
10 | '',
11 | nextHtml:
12 | '',
13 | locale: {
14 | months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
15 | monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
16 | days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
17 | daysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
18 | daysMin: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
19 | },
20 | });
21 | });
22 |
23 | document.querySelectorAll('.datepicker').forEach((datepicker) => {
24 | new AirDatepicker(datepicker, {
25 | dateFormat: 'yyyy-MM-dd',
26 | autoClose: true,
27 | onSelect: function(event){
28 | return updateDate(event.datepicker.$el);
29 | },
30 | // visible: true,
31 | prevHtml:
32 | '',
33 | nextHtml:
34 | '',
35 | locale: {
36 | months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
37 | monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
38 | days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
39 | daysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
40 | daysMin: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
41 | },
42 | });
43 | });
--------------------------------------------------------------------------------
/assets/js/calculator.js:
--------------------------------------------------------------------------------
1 | function calculate() {
2 | const x1 = input.get('2d_x_1').number().val();
3 | const x2 = input.get('2d_x_2').number().val();
4 | const y1 = input.get('2d_y_1').number().val();
5 | const y2 = input.get('2d_y_2').number().val();
6 |
7 | if (!input.valid()) return;
8 |
9 | const distance = Math.sqrt(Math.pow((x2 - x1), 2) + Math.pow((y2 - y1), 2));
10 |
11 | _('result').innerHTML = roundTo(distance);
12 | }
13 |
14 | function calculate3d() {
15 | const x1 = input.get('3d_x_1').number().val();
16 | const x2 = input.get('3d_x_2').number().val();
17 | const y1 = input.get('3d_y_1').number().val();
18 | const y2 = input.get('3d_y_2').number().val();
19 | const z1 = input.get('3d_z_1').number().val();
20 | const z2 = input.get('3d_z_2').number().val();
21 |
22 | if (!input.valid()) return;
23 |
24 | const distance = Math.sqrt(Math.pow((x2 - x1), 2) + Math.pow((y2 - y1), 2) + Math.pow((z2 - z1), 2));
25 |
26 | _('result').innerHTML = roundTo(distance);
27 | }
28 |
29 | function calculateLatLong() {
30 | const lat1 = input.get('lat_long_lat_1').number().gte(-90).lte(90).val();
31 | const lon1 = input.get('lat_long_long_1').number().gte(-180).lte(180).val();
32 | const lat2 = input.get('lat_long_lat_2').number().gte(-90).lte(90).val();
33 | const lon2 = input.get('lat_long_long_2').number().gte(-180).lte(180).val();
34 |
35 | if (!input.valid()) return;
36 |
37 | const distance = calculateDistance(lat1, lon1, lat2, lon2);
38 |
39 | _('result').innerHTML = roundTo(distance) + ' km or ' + roundTo(distance * 0.621371) + ' mi';
40 |
41 | function calculateDistance(lat1, lon1, lat2, lon2) {
42 | const earthRadius = 6371; // Radius of the Earth in kilometers
43 |
44 | // Convert latitude and longitude from degrees to radians
45 | const lat1Rad = toRadians(lat1);
46 | const lon1Rad = toRadians(lon1);
47 | const lat2Rad = toRadians(lat2);
48 | const lon2Rad = toRadians(lon2);
49 |
50 | // Haversine formula
51 | const dLat = lat2Rad - lat1Rad;
52 | const dLon = lon2Rad - lon1Rad;
53 | const a =
54 | Math.sin(dLat / 2) * Math.sin(dLat / 2) +
55 | Math.cos(lat1Rad) * Math.cos(lat2Rad) * Math.sin(dLon / 2) * Math.sin(dLon / 2);
56 | const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
57 | return earthRadius * c;
58 | }
59 |
60 | function toRadians(degrees) {
61 | return degrees * (Math.PI / 180);
62 | }
63 | }
--------------------------------------------------------------------------------
/assets/js/lib/chartjs/helpers.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * Chart.js v4.0.1
3 | * https://www.chartjs.org
4 | * (c) 2022 Chart.js Contributors
5 | * Released under the MIT License
6 | */
7 | export { H as HALF_PI, b2 as INFINITY, P as PI, b1 as PITAU, b4 as QUARTER_PI, b3 as RAD_PER_DEG, T as TAU, b5 as TWO_THIRDS_PI, R as _addGrace, X as _alignPixel, a2 as _alignStartEnd, p as _angleBetween, b6 as _angleDiff, _ as _arrayUnique, a8 as _attachContext, as as _bezierCurveTo, ap as _bezierInterpolation, ax as _boundSegment, an as _boundSegments, a5 as _capitalize, am as _computeSegments, a9 as _createResolver, aK as _decimalPlaces, aV as _deprecated, aa as _descriptors, ah as _elementsEqual, N as _factorize, aO as _filterBetween, I as _getParentNode, q as _getStartAndCountOfVisiblePoints, W as _int16Range, aj as _isBetween, ai as _isClickEvent, M as _isDomSupported, C as _isPointInArea, S as _limitValue, aN as _longestText, aP as _lookup, B as _lookupByKey, V as _measureText, aT as _merger, aU as _mergerIf, ay as _normalizeAngle, y as _parseObjectDataRadialScale, aq as _pointInLine, ak as _readValueToProps, A as _rlookupByKey, w as _scaleRangesChanged, aG as _setMinAndMaxByKey, aW as _splitKey, ao as _steppedInterpolation, ar as _steppedLineTo, aB as _textX, a1 as _toLeftRightCenter, al as _updateBezierControlPoints, au as addRoundedRectPath, aJ as almostEquals, aI as almostWhole, Q as callback, af as clearCanvas, Y as clipArea, aS as clone, c as color, j as createContext, ad as debounce, h as defined, aE as distanceBetweenPoints, at as drawPoint, aD as drawPointLegend, F as each, e as easingEffects, O as finiteOrDefault, a$ as fontString, o as formatNumber, D as getAngleFromPoint, aR as getHoverColor, G as getMaximumSize, z as getRelativePosition, az as getRtlAdapter, a_ as getStyle, b as isArray, g as isFinite, a7 as isFunction, k as isNullOrUndef, x as isNumber, i as isObject, aQ as isPatternOrGradient, l as listenArrayEvents, aM as log10, a4 as merge, ab as mergeIf, aH as niceNum, aF as noop, aA as overrideTextDirection, J as readUsedSize, Z as renderText, r as requestAnimFrame, a as resolve, f as resolveObjectKey, aC as restoreTextDirection, ae as retinaScale, ag as setsEqual, s as sign, aY as splineCurve, aZ as splineCurveMonotone, K as supportsEventListenerOptions, L as throttled, U as toDegrees, n as toDimension, a0 as toFont, aX as toFontString, b0 as toLineHeight, E as toPadding, m as toPercentage, t as toRadians, av as toTRBL, aw as toTRBLCorners, ac as uid, $ as unclipArea, u as unlistenArrayEvents, v as valueOrDefault } from './chunks/helpers.segment.js';
8 | //# sourceMappingURL=helpers.js.map
9 |
--------------------------------------------------------------------------------
/assets/js/lib/katex/auto-render.min.js:
--------------------------------------------------------------------------------
1 | !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("katex")):"function"==typeof define&&define.amd?define(["katex"],t):"object"==typeof exports?exports.renderMathInElement=t(require("katex")):e.renderMathInElement=t(e.katex)}("undefined"!=typeof self?self:this,(function(e){return function(){"use strict";var t={771:function(t){t.exports=e}},r={};function n(e){var i=r[e];if(void 0!==i)return i.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)};var i={};return function(){n.d(i,{default:function(){return s}});var e=n(771),t=n.n(e),r=function(e,t,r){for(var n=r,i=0,a=e.length;nHour
22 | 23 |:
25 |Minute
27 | 28 |Hour
22 | 23 |:
25 |Minute
27 | 28 |:
30 |Second
32 | 33 |(parentContext: P, context: T): P extends null ? T : P & T;
339 |
340 | /**
341 | * @alias Chart.helpers.math
342 | * @namespace
343 | */
344 | declare const PI: number;
345 | declare const TAU: number;
346 | declare const PITAU: number;
347 | declare const INFINITY: number;
348 | declare const RAD_PER_DEG: number;
349 | declare const HALF_PI: number;
350 | declare const QUARTER_PI: number;
351 | declare const TWO_THIRDS_PI: number;
352 | declare const log10: (x: number) => number;
353 | declare const sign: (x: number) => number;
354 | declare function almostEquals(x: number, y: number, epsilon: number): boolean;
355 | /**
356 | * Implementation of the nice number algorithm used in determining where axis labels will go
357 | */
358 | declare function niceNum(range: number): number;
359 | /**
360 | * Returns an array of factors sorted from 1 to sqrt(value)
361 | * @private
362 | */
363 | declare function _factorize(value: number): number[];
364 | declare function isNumber(n: unknown): n is number;
365 | declare function almostWhole(x: number, epsilon: number): boolean;
366 | /**
367 | * @private
368 | */
369 | declare function _setMinAndMaxByKey(array: Record There was an error with your calculation. Result d = 26.19637
Should be ${resultType}.`:'')
121 | + (args.length != 0 ? `
Args: ${args.join(', ')}.`:'')
122 | );
123 | }
124 | return result;
125 | };
126 |
127 | // allows to show accurate results with fixed precision/length (instead of using BigNumber)
128 | window.format = number => math.format(number,{precision:7})
129 |
130 | window.input = {
131 | box: $('#error-box'),
132 | list: $('#error-list'),
133 | value: null,
134 | elementId: null,
135 | shown: false,
136 | processed: false,
137 | silent: false,
138 | reset: function(){
139 | this.shown = false;
140 | this.box.classList.remove('calculator-result--error-active');
141 | $$('.input-field--error')?.forEach(el => el.classList.remove('input-field--error'))
142 | $$('.calculator-result:not(.calculator-result--error)').forEach(el => el.classList.remove('calculator-result--hidden'))
143 | },
144 | error: function (inputId, message = `Incorrect value for "${inputId}"`, last = false) {
145 | if(this.silent) return;
146 | if(this.processed) this.reset();
147 | if(!Array.isArray(inputId)) inputId = [inputId];
148 | for(const inputIdItem of inputId) _(inputIdItem).parentNode.classList.add('input-field--error');
149 | if(!this.shown){
150 | this.processed = false;
151 | this.shown = true;
152 | this.list.innerHTML = '';
153 | this.box.classList.add('calculator-result--error-active');
154 | $$('.calculator-result:not(.calculator-result--error)').forEach(el => el.classList.add('calculator-result--hidden'))
155 | }
156 | const element = document.createElement('p');
157 | element.classList.add('calculator-error__item');
158 | element.innerHTML = message;
159 | this.list.append(element);
160 | if(last) this.processed = true;
161 | },
162 | // sometimes it's complicated to check input values
163 | // so we're checking `calc` result for an erroneous result, show exception and return
164 | // e.g.: try{calc(...);}catch(e){input.exception(field{s},e);return;}
165 | exception(inputId, message){
166 | if(typeof message != 'string'){
167 | let error = '';
168 | if(message instanceof Error){
169 | error = message.toString();
170 | }
171 | // default message
172 | if(Array.isArray(inputId) && inputId.length == 0){
173 | message = `${error}`;
174 | } else {
175 | message = `Value${Array.isArray(inputId)?'s':` "${this.get(inputId).value}"`} of "${inputId}" ${Array.isArray(inputId)?'are':'is'} invalid.
${error}`;
176 | }
177 | }
178 | return this.error(inputId, message, true);
179 | },
180 | valid: function(){
181 | if(!this.shown || this.processed) this.reset();
182 | this.processed = true;
183 | this.silent = false;
184 | return !this.shown;
185 | },
186 | get: function(elementId){
187 | this.elementId = elementId;
188 | let element = _(elementId);
189 | this.silent = false;
190 | if(element == null){
191 | this.value = null;
192 | } else {
193 | this.value = element.value;
194 | for (; element && element !== document; element = element.parentNode ) {
195 | if(element.classList.contains('related-item-hidden')) this.silent = true;
196 | }
197 | }
198 | return this;
199 | },
200 | index: function(){
201 | this.value = _(this.elementId).selectedIndex;
202 | return this;
203 | },
204 | checked: function(elementId){
205 | this.value = _(this.elementId).checked;
206 | return this;
207 | },
208 | split: function(separator){
209 | this.value = this.value.split(separator);
210 | return this;
211 | },
212 | replace: function(pattern, replacement){
213 | this.value = this.value.replace(pattern, replacement);
214 | return this;
215 | },
216 | default: function(value){
217 | if(!this.value) this.value = value;
218 | return this;
219 | },
220 | optional: function(value){
221 | if(!this.value) this.silent = true;
222 | return this;
223 | },
224 | gt: function(compare = 0, errorText = `The ${this.elementId} must be greater than ${compare}.`){
225 | if (this.value instanceof Date) {
226 | compare = compare instanceof Date ? compare : new Date(_(compare).value);
227 | if (this.value.getTime() <= compare.getTime()) this.error(this.elementId, errorText);
228 | } else {
229 | compare = isNaN(compare) ? Number(_(compare).value) : compare;
230 | if(this.value === '' || isNaN(Number(this.value)))
231 | this.error(this.elementId, `The ${this.elementId} must be a number.`);
232 | else
233 | if (Number(this.value) <= compare) this.error(this.elementId, errorText);
234 | }
235 | return this;
236 | },
237 | gte: function(compare = 0, errorText = `The ${this.elementId} must be greater than or equal to ${compare}.`){
238 | if (this.value instanceof Date) {
239 | compare = compare instanceof Date ? compare : new Date(_(compare).value);
240 | if (this.value.getTime() < compare.getTime()) this.error(this.elementId, errorText);
241 | } else {
242 | compare = isNaN(compare) ? Number(_(compare).value) : compare;
243 | if(this.value === '' || isNaN(Number(this.value)))
244 | this.error(this.elementId, `The ${this.elementId} must be a number.`);
245 | else
246 | if (Number(this.value) < compare) this.error(this.elementId, errorText);
247 | }
248 | return this;
249 | },
250 | lt: function(compare = 0, errorText = `The ${this.elementId} must be less than ${compare}.`){
251 | if (this.value instanceof Date) {
252 | compare = compare instanceof Date ? compare : new Date(_(compare).value);
253 | if (this.value.getTime() >= compare.getTime()) this.error(this.elementId, errorText);
254 | } else {
255 | compare = isNaN(compare) ? Number(_(compare).value) : compare;
256 | if(this.value === '' || isNaN(Number(this.value)))
257 | this.error(this.elementId, `The ${this.elementId} must be a number.`);
258 | else
259 | if (Number(this.value) >= compare) this.error(this.elementId, errorText);
260 | }
261 | return this;
262 | },
263 | lte: function(compare = 0, errorText = `The ${this.elementId} must be less than or equal to ${compare}.`){
264 | if (this.value instanceof Date) {
265 | compare = compare instanceof Date ? compare : new Date(_(compare).value);
266 | if (this.value.getTime() > compare.getTime()) this.error(this.elementId, errorText);
267 | } else {
268 | compare = isNaN(compare) ? Number(_(compare).value) : compare;
269 | if(this.value === '' || isNaN(Number(this.value)))
270 | this.error(this.elementId, `The ${this.elementId} must be a number.`);
271 | else
272 | if (Number(this.value) > compare) this.error(this.elementId, errorText);
273 | }
274 | return this;
275 | },
276 | integer: function(errorText = `The ${this.elementId} must be integer number (-3, -2, -1, 0, 1, 2, 3, ...).`){
277 | if (!this.value.match(/^-?(0|[1-9]\d*)$/)) this.error(this.elementId, errorText);
278 | return this;
279 | },
280 | _naturalRegexp: /^([1-9]\d*)$/,
281 | natural: function(errorText = `The ${this.elementId} must be a natural number (1, 2, 3, ...).`){
282 | if (!this.value.match(this._naturalRegexp)) this.error(this.elementId, errorText);
283 | return this;
284 | },
285 | natural_numbers: function(errorText = `The ${this.elementId} must be a set of natural numbers (1, 2, 3, ...).`){
286 | this.split(/[ ,]+/);
287 | if (!this.value.every(value=>value.match(this._naturalRegexp))) this.error(this.elementId, errorText);
288 | return this;
289 | },
290 | _mixedRegexp: /^(0|-?[1-9]\d*|-?[1-9]\d*\/[1-9]\d*|-?[1-9]\d*\s[1-9]\d*\/[1-9]\d*)$/,
291 | mixed: function(errorText = `The ${this.elementId} must be an integer/fraction/mixed number (1, 2/3, 4 5/6, ...).`){
292 | if (!this.value.match(this._mixedRegexp)) this.error(this.elementId, errorText);
293 | return this;
294 | },
295 | mixed_numbers: function(errorText = `The ${this.elementId} must be a set of integer/fraction/mixed numbers (1, 2/3, 4 5/6, ...).`){
296 | this.split(/,\s*/);
297 | if (!this.value.every(value=>value.match(this._mixedRegexp))) this.error(this.elementId, errorText);
298 | return this;
299 | },
300 | number: function(errorText = `The "${this.elementId}" must be a number.`){
301 | if(this.value === '' || isNaN(Number(this.value))) this.error(this.elementId, errorText);
302 | return this;
303 | },
304 | probability: function(errorText = `The "${this.elementId}" must be a number between 0 and 1.`){
305 | if(this.value === '' || isNaN(Number(this.value)) || Number(this.value) < 0 || Number(this.value) > 1)
306 | this.error(this.elementId, errorText);
307 | return this;
308 | },
309 | percentage: function(errorText = `The "${this.elementId}" must be a number between 0 and 100.`){
310 | if(this.value === '' || isNaN(Number(this.value)) || Number(this.value) < 0 || Number(this.value) > 100)
311 | this.error(this.elementId, errorText);
312 | return this;
313 | },
314 | numbers: function(errorText = `The ${this.elementId} must be a set of numbers.`){
315 | if (this.value.filter(value => isNaN(Number(value))).length) this.error(this.elementId, errorText);
316 | return this;
317 | },
318 | whole: function(errorText = `The ${this.elementId} must be a whole number.`){
319 | if (!this.value.match(/^(0|[1-9]\d*)$/)) this.error(this.elementId, errorText);
320 | return this;
321 | },
322 | positive: function(errorText = `The ${this.elementId} must be greater than 0.`){
323 | this.gt(0, errorText);
324 | return this;
325 | },
326 | nonZero: function(errorText = `The ${this.elementId} must be non-zero.`){
327 | if(this.value === '' || isNaN(Number(this.value)))
328 | this.error(this.elementId, `The ${this.elementId} must be a number.`);
329 | else
330 | if(Number(this.value) == 0) this.error(this.elementId, errorText);
331 | return this;
332 | },
333 | nonNegative: function(errorText = `The ${this.elementId} must be greater than or equal to 0.`){
334 | this.gte(0, errorText);
335 | return this;
336 | },
337 | negative: function(errorText = `The ${this.elementId} must be less than 0.`){
338 | this.lt(0, errorText);
339 | return this;
340 | },
341 | scientific: function(errorText = `The ${this.elementId} must be in scientific notation.`){
342 | if (!this.value.match(/^(-|\+)?((0|[1-9]\d*)(\.\d*)?|(\.\d+))((e|\s?(\*|x)\s?10\^)(-|\+)?(0|[1-9]\d*))?$/i)) this.error(this.elementId, errorText);
343 | return this;
344 | },
345 | periodic: function(errorText = `The ${this.elementId} must be regular or periodic number.`){
346 | if (this.value === '' || isNaN(Number(this.value)) && !this.value.match(/\.\d*\(\d+\)$/)) this.error(this.elementId, errorText);
347 | return this;
348 | },
349 | time: function(format = 'hh:mm:ss', errorText = `The ${this.elementId} must be in format ${format}.`){
350 | let regex = new RegExp("^" + format.replace(/[\:\-\/\\]/g, '\\$&').replace(/h|m|s/g, '\\d') + "$");
351 | if (!this.value.match(regex) || isNaN(this.value = new Date(`1900-01-01 ${this.value}`))) this.error(this.elementId, errorText);
352 | return this;
353 | },
354 | date: function(format = 'yyyy-mm-dd', errorText = `The ${this.elementId} is required field.`){
355 | let regex = new RegExp("^" + format.replace(/[\:\-\/\\]/g, '\\$&').replace(/y|m|d|h|s/g, '\\d') + "$");
356 | if (!this.value.match(regex) || isNaN(this.value = new Date(this.value))) this.error(this.elementId, errorText);
357 | this.value = convertTZ(this.value, "UTC");
358 | return this;
359 | },
360 | bool: function(){
361 | return !!this.value;
362 | },
363 | val: function(){
364 | if(this.value === '' || this.value === null) return null;
365 | return Number(this.value);
366 | },
367 | vals: function(){
368 | return this.value.map(value => Number(value));
369 | },
370 | raw: function(){
371 | return this.value;
372 | },
373 | group(name,ids){
374 | const result = ids.split('|')
375 | .reduce((result,ids)=>{
376 | const obj = ids.split('.').every(id=>_(name+id.match(/^[_a-zA-Z]+/)[0]).value) ?
377 | ids.split('.').reduce((obj,id)=>{
378 | let type = 'number';
379 | let getter = 'val';
380 | switch((id.match(/[^_a-zA-Z]+$/)||[])[0]){
381 | case '+': type = 'positive'; break;
382 | case '!0': type = 'nonZero'; break;
383 | case '#': getter = 'raw'; break;
384 | default: /* custom modificator */; break;
385 | }
386 | id = id.match(/^[_a-zA-Z]+/)[0];
387 | return {...obj, ...{
388 | [id]: input.get(name+id)[type]()[getter]()
389 | }};
390 | }, {}) : null;
391 | if(!result && !obj) return null;
392 | return {...result,...obj};
393 | }, null);
394 | return result;
395 | },
396 | }
397 |
398 | window.sysnumconv = function(element){
399 | const id = element.dataset.target;
400 | const metric = _(id);
401 | const imperial = _(id + "_imperial");
402 | if(window.isMetricSystem()){
403 | let value = metric.value;
404 | imperial.value = eval(imperial.dataset.formula).toFixed(2);
405 | } else {
406 | let value = imperial.value;
407 | metric.value = eval(metric.dataset.formula).toFixed(2);
408 | }
409 | };
410 |
411 | window.updateHeight = function(element){
412 | var id = element.dataset.target;
413 | var cm = _(id);
414 | var feet = _(id + "_ft");
415 | var inches = _(id + "_in");
416 | if(window.isMetricSystem()){
417 | feet.value = Math.floor(cm.value * 0.393701 / 12);
418 | inches.value = (cm.value * 0.393701 % 12).toFixed(2);
419 | } else {
420 | cm.value = ((feet.value * 30.48) + (inches.value * 2.54)).toFixed(2);
421 | }
422 | };
423 |
424 | window.setDate = function (id, suffix) {
425 | var date = new Date();
426 | var date_m = _(id);
427 | var date_us = _(id + "_us");
428 | date.setDate(date.getDate() + suffix);
429 | date_us.value = ("0" + (date.getMonth() + 1)).slice(-2) + '/' + ("0" + date.getDate()).slice(-2) + '/' + date.getFullYear();
430 | date_m.value = date.getFullYear() + '-' + ("0" + (date.getMonth() + 1)).slice(-2) + '-' + ("0" + date.getDate()).slice(-2);
431 | }
432 |
433 | window.updateDate = function(element){
434 | var id = element.dataset.target;
435 | var date_m = _(id);
436 | var date_us = _(id + "_us");
437 | if(window.isMetricSystem()){
438 | let date = new Date(Date.parse(date_m.value));
439 | date_us.value = ("0" + (date.getMonth() + 1)).slice(-2) + '/' + ("0" + date.getDate()).slice(-2) + '/' + date.getFullYear();
440 | } else {
441 | let date = new Date(Date.parse(date_us.value));
442 | date_m.value = date.getFullYear() + '-' + ("0" + (date.getMonth() + 1)).slice(-2) + '-' + ("0" + date.getDate()).slice(-2);
443 | }
444 | };
445 |
446 | window.switchTab = function (event, index) {
447 | if(index !== undefined && index !== null) {
448 | if(event.target.classList.contains('tab-item')) {
449 | $$(`.${event.target.classList[0]}`).forEach((tab, i) => {
450 | if(index === i) {
451 | tab.classList.add('tab-item--active')
452 | } else {
453 | tab.classList.remove('tab-item--active')
454 | }
455 | })
456 | }
457 | }
458 | $$(`[data-tab]`).forEach(element => {
459 | if(element.dataset.tab == event.selectedIndex || element.dataset.tab == index) {
460 | element.classList.add('tab--active')
461 | } else {
462 | element.classList.remove('tab--active')
463 | }
464 | })
465 | }
466 |
467 | window.setMaxLength = function(element, maxLength) {
468 | if(getComputedStyle(element).getPropertyValue('--fontStep') !== '') {
469 | element.style = `--maxWidth: ${Number(getComputedStyle(element).getPropertyValue('--fontStep').replace(/px/gi, '')) * (element.value.length === 0 ? 1 : element.value.length > maxLength ? maxLength : element.value.length) }px`
470 | }
471 | if(element.value.length > maxLength) {
472 | element.value = element.value.substring(0, maxLength);
473 | }
474 | }
475 |
476 | window.relatedToggle = function(element, related, action) {
477 | if(action === "disabled") {
478 | if(element.target.checked) {
479 | $$(`.related-to-${related}`)?.forEach(el => el.classList.remove('disabled'))
480 | } else {
481 | $$(`.related-to-${related}`)?.forEach(el => el.classList.add('disabled'))
482 | }
483 | } else {
484 | if(element.target.checked) {
485 | $$(`.related-to-${related}-a`)?.forEach(el => el.classList.add('related-item-hidden'))
486 | $$(`.related-to-${related}-b`)?.forEach(el => el.classList.remove('related-item-hidden'))
487 | } else {
488 | $$(`.related-to-${related}-a`)?.forEach(el => el.classList.remove('related-item-hidden'))
489 | $$(`.related-to-${related}-b`)?.forEach(el => el.classList.add('related-item-hidden'))
490 | }
491 | }
492 | }
493 |
494 | window.roundTo = function (num, decimals = 5) {
495 | if (typeof num !== 'number' || !isFinite(num)) return num;
496 | if (num.toString().includes('e')) {
497 | const splitted = num.toString().split('e');
498 | return roundTo(+splitted[0], decimals) + `e${splitted[1]}`;
499 | };
500 | return +(Math.round(num + `e+${decimals}`) + `e-${decimals}`);
501 | }
502 |
503 | window.delay = ms => new Promise(resolve => setTimeout(resolve, ms));
504 | window.generateRandomDigit = () => Math.floor(Math.random() * 10);
505 | window.convertTZ = (date, tzString) => new Date((typeof date === "string" ? new Date(date) : date).toLocaleString("en-US", {timeZone: tzString}));
506 | window.animateElement = async (element, isText) => {
507 | const originalText = element.innerHTML;
508 | let digitIndices = [];
509 | let originalDigits = [];
510 |
511 | [...originalText].forEach((char, index) => {
512 | if (!isNaN(parseInt(char, 10)) && char !== ' ') {
513 | digitIndices.push(index);
514 | originalDigits.push(char);
515 | }
516 | });
517 |
518 | for (let i = 0; i < 10; i++) {
519 | let textArray = [...originalText];
520 | digitIndices.forEach(index => {
521 | textArray[index] = generateRandomDigit();
522 | });
523 | element.innerHTML = textArray.join('');
524 | await delay(30);
525 | }
526 |
527 | digitIndices.forEach((index, digitIndex) => {
528 | let textArray = [...originalText];
529 | textArray[index] = originalDigits[digitIndex];
530 | element.innerHTML = textArray.join('');
531 | });
532 | };
533 | window.animateElements = function(){
534 | $$('.animate').forEach(async (element) => animateElement(element));
535 | $$('.animate-text').forEach(async (element) => animateElement(element, true));
536 | }
537 | window.plural = function (number, versions, options = { showNumber: true, localize: true, locale: null }) {
538 | const words = {
539 | zero: "",
540 | one: "",
541 | two: "",
542 | few: "",
543 | many: "",
544 | other: ""
545 | };
546 | const parts = versions.split(':');
547 | if (parts.length === 1) {
548 | Object.keys(words).forEach(key => words[key] = versions);
549 | } else {
550 | let i = 0;
551 | for (let key in words) {
552 | words[key] = parts[i] || parts[0];
553 | i++;
554 | }
555 | }
556 | const rule = new Intl.PluralRules(options.locale ?? window.locale).select(Math.floor(number));
557 | return `${options.showNumber ? `${options.localize ? number.toLocaleString(options.locale ?? window.locale) : number} ` : ''}${words[rule]}`;
558 | };
559 |
560 | window.numberToWords = function(num) {
561 | if (num === 0) return 'zero';
562 | const belowTwenty = [
563 | '', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine',
564 | 'ten', 'eleven', 'twelve', 'thirteen', 'fourteen', 'fifteen',
565 | 'sixteen', 'seventeen', 'eighteen', 'nineteen'];
566 |
567 | const tens = ['', '', 'twenty', 'thirty', 'forty', 'fifty', 'sixty', 'seventy', 'eighty', 'ninety'];
568 |
569 | const hundreds = [
570 | '', 'one hundred', 'two hundred', 'three hundred', 'four hundred', 'five hundred',
571 | 'six hundred', 'seven hundred', 'eight hundred', 'nine hundred'];
572 |
573 | const integerScales = [
574 | 'thousands:thousand:thousands:thousands:thousands:thousands', 'millions:million:millions:millions:millions:millions', 'billions:billion:billions:billions:billions:billions', 'trillions:trillion:trillions:trillions:trillions:trillions', 'quadrillions:quadrillion:quadrillions:quadrillions:quadrillions:quadrillions',
575 | 'quintillions:quintillion:quintillions:quintillions:quintillions:quintillions', 'sextillions:sextillion:sextillions:sextillions:sextillions:sextillions', 'septillions:septillion:septillions:septillions:septillions:septillions', 'octillions:octillion:octillions:octillions:octillions:octillions', 'nonillions:nonillion:nonillions:nonillions:nonillions:nonillions',
576 | 'decillions:decillion:decillions:decillions:decillions:decillions', 'undecillions:undecillion:undecillions:undecillions:undecillions:undecillions', 'duodecillions:duodecillion:duodecillions:duodecillions:duodecillions:duodecillions', 'tredecillions:tredecillion:tredecillions:tredecillions:tredecillions:tredecillions', 'quattuordecillions:quattuordecillion:quattuordecillions:quattuordecillions:quattuordecillions:quattuordecillions',
577 | 'quindecillions:quindecillion:quindecillions:quindecillions:quindecillions:quindecillions', 'sexdecillions:sexdecillion:sexdecillions:sexdecillions:sexdecillions:sexdecillions', 'septendecillions:septendecillion:septendecillions:septendecillions:septendecillions:septendecillions', 'octodecillions:octodecillion:octodecillions:octodecillions:octodecillions:octodecillions',
578 | 'novemdecillions:novemdecillion:novemdecillions:novemdecillions:novemdecillions:novemdecillions', 'vigintillions:vigintillion:vigintillions:vigintillions:vigintillions:vigintillions'];
579 |
580 | const decimalScales = [
581 | 'tenths:tenth:tenths:tenths:tenths:tenths', 'hundredths:hundredth:hundredths:hundredths:hundredths:hundredths', 'thousandths:thousandth:thousandths:thousandths:thousandths:thousandths', 'ten-thousandths:ten-thousandth:ten-thousandths:ten-thousandths:ten-thousandths:ten-thousandths', 'hundred-thousandths:hundred-thousandth:hundred-thousandths:hundred-thousandths:hundred-thousandths:hundred-thousandths', 'millionths:millionth:millionths:millionths:millionths:millionths',
582 | 'ten-millionths:ten-millionth:ten-millionths:ten-millionths:ten-millionths:ten-millionths', 'hundred-millionths:hundred-millionth:hundred-millionths:hundred-millionths:hundred-millionths:hundred-millionths', 'billionths:billionth:billionths:billionths:billionths:billionths', 'ten-billionths:ten-billionth:ten-billionths:ten-billionths:ten-billionths:ten-billionths', 'hundred-billionths:hundred-billionth:hundred-billionths:hundred-billionths:hundred-billionths:hundred-billionths',
583 | 'trillionths:trillionth:trillionths:trillionths:trillionths:trillionths', 'ten-trillionths:ten-trillionth:ten-trillionths:ten-trillionths:ten-trillionths:ten-trillionths', 'hundred-trillionths:hundred-trillionth:hundred-trillionths:hundred-trillionths:hundred-trillionths:hundred-trillionths', 'quadrillionths:quadrillionth:quadrillionths:quadrillionths:quadrillionths:quadrillionths', 'ten-quadrillionths:ten-quadrillionth:ten-quadrillionths:ten-quadrillionths:ten-quadrillionths:ten-quadrillionths',
584 | 'hundred-quadrillionths:hundred-quadrillionth:hundred-quadrillionths:hundred-quadrillionths:hundred-quadrillionths:hundred-quadrillionths', 'quintillionths:quintillionth:quintillionths:quintillionths:quintillionths:quintillionths', 'ten-quintillionths:ten-quintillionth:ten-quintillionths:ten-quintillionths:ten-quintillionths:ten-quintillionths', 'hundred-quintillionths:hundred-quintillionth:hundred-quintillionths:hundred-quintillionths:hundred-quintillionths:hundred-quintillionths',
585 | 'sextillionths:sextillionth:sextillionths:sextillionths:sextillionths:sextillionths', 'septillionths:septillionth:septillionths:septillionths:septillionths:septillionths', 'octillionths:octillionth:octillionths:octillionths:octillionths:octillionths', 'nonillionths:nonillionth:nonillionths:nonillionths:nonillionths:nonillionths', 'decillionths:decillionth:decillionths:decillionths:decillionths:decillionths',
586 | 'undecillionths:undecillionth:undecillionths:undecillionths:undecillionths:undecillionths', 'duodecillionths:duodecillionth:duodecillionths:duodecillionths:duodecillionths:duodecillionths', 'tredecillionths:tredecillionth:tredecillionths:tredecillionths:tredecillionths:tredecillionths', 'quattuordecillionths:quattuordecillionth:quattuordecillionths:quattuordecillionths:quattuordecillionths:quattuordecillionths', 'quindecillionths:quindecillionth:quindecillionths:quindecillionths:quindecillionths:quindecillionths',
587 | 'sexdecillionths:sexdecillionth:sexdecillionths:sexdecillionths:sexdecillionths:sexdecillionths', 'septendecillionths:septendecillionth:septendecillionths:septendecillionths:septendecillionths:septendecillionths', 'octodecillionths:octodecillionth:octodecillionths:octodecillionths:octodecillionths:octodecillionths', 'novemdecillionths:novemdecillionth:novemdecillionths:novemdecillionths:novemdecillionths:novemdecillionths', 'vigintillionths:vigintillionth:vigintillionths:vigintillionths:vigintillionths:vigintillionths'];
588 |
589 | let chunks = [];
590 | let currentNum = BigInt(Math.floor(num));
591 |
592 | while (currentNum > 0n) {
593 | chunks.unshift(currentNum % 1000n);
594 | currentNum = currentNum / 1000n;
595 | }
596 |
597 | if (chunks.length === 0) chunks.push(0n); // Handle numbers less than 1
598 |
599 | let integerWords = chunks.map((chunk, index) => {
600 | chunk = Number(chunk);
601 | if (chunk === 0) return '';
602 | const hundred = Math.floor(chunk / 100);
603 | const tenUnit = chunk % 100;
604 | const ten = Math.floor(tenUnit / 10);
605 | const unit = tenUnit % 10;
606 |
607 | let chunkText = '';
608 |
609 | if (hundred > 0) chunkText += hundreds[hundred] + ' ';
610 | if (tenUnit >= 20) {
611 | chunkText += tens[ten] + ' ';
612 | if (unit > 0) chunkText += belowTwenty[unit];
613 | } else if (tenUnit > 0) {
614 | chunkText += belowTwenty[tenUnit];
615 | }
616 |
617 | if (chunk > 0 && index < chunks.length - 1) {
618 | let scale = integerScales[chunks.length - index - 2];
619 | return chunkText.trim() + ' ' + plural(chunk, scale, {showNumber: false});
620 | }
621 | return chunkText.trim();
622 | }).join(' ').trim();
623 |
624 | let decimalPart = (num - Math.floor(num)).toFixed(num.toString().split('.')?.[1]?.length).toString().slice(2);
625 | let decimalLength = decimalPart > 0 ? decimalPart.toString().replace('-', '').length : 0;
626 |
627 | return (integerWords.length > 0 ? integerWords : 'zero') + (decimalLength > 0 ? ' point ' + numberToWords(decimalPart) + ' ' + plural(decimalPart, decimalScales[decimalLength-1], {showNumber: false}) : '');
628 | }
629 |
630 | window.toSentenceCase = function(str){
631 | const firstLetter = str.substr(0, 1);
632 | return firstLetter.toUpperCase() + str.substr(1).toLowerCase();
633 | }
634 |
635 | window.toTitleCase = function(str) {
636 | return str.toLowerCase().split(' ').map(function(word) {
637 | return (word.charAt(0).toUpperCase() + word.slice(1));
638 | }).join(' ');
639 | }
640 |
641 | window.setCookie = function(key, value){
642 | const date = new Date();
643 | date.setTime(date.getTime() + (10 * 365 * 24 * 60 * 60 * 1000));
644 | document.cookie = `${key}=${value};expires=${date.toUTCString()};path=/`;
645 | }
646 |
647 | window.getCookie = function(key) {
648 | let nameEQ = key + "=";
649 | let ca = document.cookie.split(';');
650 | for (let i = 0; i < ca.length; i++) {
651 | let c = ca[i];
652 | while (c.charAt(0) === ' ') c = c.substring(1);
653 | if (c.indexOf(nameEQ) === 0) {
654 | return decodeURIComponent(c.substring(nameEQ.length, c.length));
655 | }
656 | }
657 | return null;
658 | }
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |