Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 | 11x 11x 11x 11x 11x 5x 6x 11x 11x 11x 7x 7x 1x 1x 1x 1x 1x 1x 1x 1x 3x 3x 3x 3x 3x 6x | import { ELEMENT_IDS, HELPER_TEXT_SERVICE_PING_DISABLED, HELPER_TEXT_SERVICE_PING_ENABLED, HELPER_TEXT_OPTIONAL_METRICS_DISABLED, HELPER_TEXT_OPTIONAL_METRICS_ENABLED, } from './constants'; export function setHelperText(checkbox) { const helperTextId = document.getElementById(ELEMENT_IDS.HELPER_TEXT); const servicePingFeaturesLabel = document.getElementById(ELEMENT_IDS.SERVICE_PING_FEATURES_LABEL); const servicePingFeaturesCheckbox = document.getElementById( ELEMENT_IDS.USAGE_PING_FEATURES_ENABLED, ); const optionalMetricsServicePingCheckbox = document.getElementById( ELEMENT_IDS.OPTIONAL_METRICS_IN_SERVICE_PING, ); if (optionalMetricsServicePingCheckbox) { helperTextId.textContent = checkbox.checked ? HELPER_TEXT_OPTIONAL_METRICS_ENABLED : HELPER_TEXT_OPTIONAL_METRICS_DISABLED; } else { helperTextId.textContent = checkbox.checked ? HELPER_TEXT_SERVICE_PING_ENABLED : HELPER_TEXT_SERVICE_PING_DISABLED; } servicePingFeaturesLabel.classList.toggle('gl-cursor-not-allowed', !checkbox.checked); servicePingFeaturesCheckbox.disabled = !checkbox.checked; if (!checkbox.checked) { servicePingFeaturesCheckbox.disabled = true; servicePingFeaturesCheckbox.checked = false; } } export function checkOptionalMetrics(servicePingCheckbox) { const optionalMetricsServicePingCheckbox = document.getElementById( ELEMENT_IDS.OPTIONAL_METRICS_IN_SERVICE_PING, ); const servicePingFeaturesCheckbox = document.getElementById( ELEMENT_IDS.USAGE_PING_FEATURES_ENABLED, ); optionalMetricsServicePingCheckbox.disabled = !servicePingCheckbox.checked; Eif (!servicePingCheckbox.checked) { optionalMetricsServicePingCheckbox.disabled = true; optionalMetricsServicePingCheckbox.checked = false; servicePingFeaturesCheckbox.disabled = true; servicePingFeaturesCheckbox.checked = false; } } export function initOptionMetricsState() { const servicePingCheckbox = document.getElementById(ELEMENT_IDS.USAGE_PING_ENABLED); const optionalMetricsServicePingCheckbox = document.getElementById( ELEMENT_IDS.OPTIONAL_METRICS_IN_SERVICE_PING, ); if (servicePingCheckbox && optionalMetricsServicePingCheckbox) { checkOptionalMetrics(servicePingCheckbox); servicePingCheckbox.addEventListener('change', () => { checkOptionalMetrics(servicePingCheckbox); }); } } export default function initSetHelperText() { const servicePingCheckbox = document.getElementById(ELEMENT_IDS.USAGE_PING_ENABLED); const optionalMetricsServicePingCheckbox = document.getElementById( ELEMENT_IDS.OPTIONAL_METRICS_IN_SERVICE_PING, ); const checkbox = optionalMetricsServicePingCheckbox || servicePingCheckbox; setHelperText(checkbox); checkbox.addEventListener('change', () => { setHelperText(checkbox); }); } |