\n
\n ${warningMessage}\n `;\n\n if (unavailableClasses.size() > 0) {\n tab.prepend('
');\n puppetKlassesTab.prepend(warning);\n } else {\n puppetKlassesTab.find('#puppetclasses_unavailable_warning').remove();\n tab.find('.pficon-warning-triangle-o').remove();\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/foreman_hostgroups.js","import { uniq, set } from 'lodash';\nimport * as table from './hosts/tableCheckboxes';\n\nexport default {\n table,\n registerPluginAttributes,\n getAttributesToPost,\n copyRegistrationCommand,\n checkPXELoaderCompatibility,\n pxeCompatibility,\n};\n\nconst pluginEditAttributes = {\n architecture: [],\n os: [],\n medium: [],\n image: [],\n};\n\nexport function registerPluginAttributes(componentType, attributes) {\n if (pluginEditAttributes[componentType] !== undefined) {\n const combinedAttributes = pluginEditAttributes[componentType].concat(\n attributes\n );\n pluginEditAttributes[componentType] = uniq(combinedAttributes);\n }\n}\n\nexport function getAttributesToPost(componentType) {\n const defaultAttributes = {\n architecture: ['architecture_id', 'organization_id', 'location_id'],\n os: ['operatingsystem_id', 'organization_id', 'location_id'],\n medium: ['medium_id', 'operatingsystem_id', 'architecture_id'],\n image: ['medium_id', 'operatingsystem_id', 'architecture_id', 'model_id'],\n };\n let attrsToPost = defaultAttributes[componentType];\n\n if (attrsToPost === undefined) {\n return [];\n }\n if (pluginEditAttributes[componentType] !== undefined) {\n attrsToPost = attrsToPost.concat(pluginEditAttributes[componentType]);\n }\n return uniq(attrsToPost);\n}\n\nexport function copyRegistrationCommand() {\n const commandText = document.getElementById('registration_command')\n .textContent;\n const tmpElement = document.createElement('textarea');\n\n tmpElement.textContent = commandText;\n document.body.appendChild(tmpElement);\n tmpElement.select();\n document.execCommand('copy');\n document.body.removeChild(tmpElement);\n}\n\nclass PXECompatibilityCheck {\n constructor(regexp, compatibleLoadersFunc) {\n this.__regexp = regexp;\n this.__compatibleLoadersFunc = compatibleLoadersFunc;\n }\n\n isCompatible(osTitle, pxeLoader) {\n const os = this.__regexp.exec(osTitle);\n\n if (os == null) {\n return null;\n }\n\n const supportedLoaders = this.__compatibleLoadersFunc(os);\n if (supportedLoaders != null) {\n return supportedLoaders.indexOf(pxeLoader) > -1;\n }\n return null;\n }\n}\n\n/* eslint-disable no-unused-vars */\nconst PXE_BIOS = 'PXELinux BIOS';\nconst PXE_UEFI = 'PXELinux UEFI';\nconst GRUB_UEFI = 'Grub UEFI';\nconst GRUB2_UEFI = 'Grub2 UEFI';\nconst GRUB2_UEFI_SB = 'Grub2 UEFI SecureBoot';\n\nexport const pxeCompatibility = {};\n\n// Ubuntu 10.x or older and Grub1\n// Ubuntu 11.x or newer and Grub2\nset(\n pxeCompatibility,\n 'ubuntu',\n new PXECompatibilityCheck(/ubuntu[^\\d]*(\\d+)(?:[.]\\d+)?/, os => {\n if (os[1] <= '10') {\n return [PXE_BIOS, GRUB_UEFI];\n } else if (os[1] > '10') {\n return [PXE_BIOS, GRUB2_UEFI, GRUB2_UEFI_SB];\n }\n return null;\n })\n);\n\n// RHEL 6.x and Grub1\n// RHEL 7.x and Grub2\nset(\n pxeCompatibility,\n 'rhel',\n new PXECompatibilityCheck(\n /(?:red[ ]*hat|rhel|cent[ ]*os|scientific|oracle)[^\\d]*(\\d+)(?:[.]\\d+)?/,\n os => {\n if (os[1] === '6') {\n return [PXE_BIOS, GRUB_UEFI];\n } else if (os[1] >= '7') {\n return [PXE_BIOS, GRUB2_UEFI, GRUB2_UEFI_SB];\n }\n return null;\n }\n )\n);\n\n// Debian 2-6 and Grub1\n// Debian 7+ and Grub2\nset(\n pxeCompatibility,\n 'debian',\n new PXECompatibilityCheck(/debian[^\\d]*(\\d+)(?:[.]\\d+)?/, os => {\n if (os[1] >= '2' && os[1] <= '6') {\n return [PXE_BIOS, GRUB_UEFI];\n } else if (os[1] > '6') {\n return [PXE_BIOS, GRUB2_UEFI, GRUB2_UEFI_SB];\n }\n return null;\n })\n);\n\nexport function checkPXELoaderCompatibility(osTitle, pxeLoader) {\n if (pxeLoader === 'None' || pxeLoader === '') {\n return null;\n }\n let compatible = null;\n\n // eslint-disable-next-line no-param-reassign\n osTitle = osTitle.toLowerCase();\n Object.values(pxeCompatibility).forEach(check => {\n const compatibleCheck = check.isCompatible(osTitle, pxeLoader);\n\n if (compatibleCheck != null) {\n compatible = compatibleCheck;\n }\n });\n return compatible;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/foreman_hosts.js","/* eslint-disable jquery/no-serialize */\n/* eslint-disable jquery/no-show */\n/* eslint-disable jquery/no-class */\n/* eslint-disable jquery/no-ajax */\n/* eslint-disable jquery/no-hide */\n\nimport $ from 'jquery';\nimport { notify, clear } from './foreman_toast_notifications';\n\nexport function testConnection(item, url) {\n const data = $('form').serialize();\n\n $('#test_connection_indicator').show();\n $(item).addClass('disabled');\n clear();\n $.ajax({\n url,\n type: 'put',\n data,\n success(result, textstatus, xhr) {\n notify({ message: result.message, type: 'success' });\n },\n error(xhr) {\n const error = $.parseJSON(xhr.responseText).message;\n\n notify({ message: error, type: 'danger' });\n },\n complete(result) {\n $('#test_connection_indicator').hide();\n $(item).removeClass('disabled');\n },\n });\n}\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/foreman_http_proxies.js","/* eslint-disable jquery/no-data */\n/* eslint-disable jquery/no-find */\n/* eslint-disable jquery/no-class */\n/* eslint-disable jquery/no-closest */\n/* eslint-disable jquery/no-val */\n/* eslint-disable jquery/no-sizzle */\n/* eslint-disable jquery/no-text */\n\nimport $ from 'jquery';\n\nconst matcherFieldChanged = (element, currentValue) => {\n const { initialValue } = $(element).data();\n\n const popover = $(element)\n .closest('td')\n .find('a.warn-field-changed');\n\n if (initialValue === currentValue) {\n $(element).removeClass('matcher-field-changed');\n $(popover).removeClass('warn-show');\n } else {\n $(element).addClass('matcher-field-changed');\n $(popover).addClass('warn-show');\n }\n};\n\nexport const matcherKeyChanged = element => {\n const currentValue = $(element)\n .find(':selected')\n .text();\n\n matcherFieldChanged(element, currentValue);\n};\n\nexport const matcherValueChanged = element => {\n const currentValue = $(element).val();\n\n matcherFieldChanged(element, currentValue);\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/foreman_lookup_keys.js","/* eslint-disable jquery/no-toggle */\n\nimport $ from 'jquery';\n\nexport function nfsVisibility(osFamily, nfsRequired) {\n $('#nfs-section').toggle(nfsRequired.includes(osFamily.value));\n}\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/foreman_medium.js","/* eslint-disable jquery/no-show */\n\nimport $ from 'jquery';\nimport URI from 'urijs';\nimport { push } from 'connected-react-router';\nimport store from './react_app/redux';\nimport * as LayoutActions from './react_app/components/Layout/LayoutActions';\nimport { deprecate } from './react_app/common/DeprecationService';\n\nexport const visit = url => {\n window.location.href = url;\n};\n\nexport const reloadPage = () => {\n window.location.reload();\n};\n\n/**\n * Push a new url to foreman's react router\n * @param {String} url - the base url i.e `/hosts`\n * @param {Object} searchQuery - the query params, i.e {'per_page': 4, 'page': 2}\n */\nexport const pushUrl = (url, queryParams = {}) => {\n const urlWithQueries = new URI(url).search(queryParams).toString();\n return store.dispatch(push(urlWithQueries));\n};\n\nexport const showLoading = () => {\n store.dispatch(LayoutActions.showLoading());\n};\n\nexport const hideLoading = () => {\n store.dispatch(LayoutActions.hideLoading());\n};\n\nexport const changeLocation = loc => {\n deprecate('changeLocation', 'Context', '2.6');\n};\n\nexport const changeOrganization = org => {\n deprecate('changeOrganization', 'Context', '2.6');\n};\n\nexport const changeActive = active => {\n store.dispatch(LayoutActions.changeActiveMenu({ title: active }));\n};\n\nexport function showContent(layout, unsubscribe) {\n const content = () => {\n $('#content').show();\n unsubscribe();\n };\n // workaround for pages with no layout object\n if (layout.items.length && !layout.isLoading) {\n content();\n } else if ($('#layout').length === 0) content();\n}\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/foreman_navigation.js","/* eslint-disable jquery/no-val */\n\nimport $ from 'jquery';\n\nexport function autofillSshKeyName() {\n const name = $('#ssh_key_name');\n const comment = $('#ssh_key_key')\n .val()\n .match(/^\\S+ \\S+ (.+)\\n?$/);\n\n if (name.val() === '' && comment && comment.length >= 1) {\n return name.val(comment[1]).change();\n }\n\n return true;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/foreman_ssh_keys.js","import { get } from 'lodash';\nimport store from './react_app/redux';\nimport actionsList from './foreman_actions';\n\n/**\n * invoke an action\n * @param {String} actionName is the name of the action registered in foreman_actionsList\n * @param {args} args action's arguments\n */\nexport const dispatch = (actionName, ...args) => {\n if (!actionsList[actionName]) {\n throw new ReferenceError(\n `Dispatch failed: action ${actionName} doesn't exist`\n );\n }\n return store.dispatch(actionsList[actionName](...args));\n};\n\n/**\n * Observe a state from the store for changes\n * @param {String} state a sub object of the store\n * @param {Function} onChange a callback to run when the store has been changed\n * @return {Function} unsubscribe function\n */\nexport function observeStore(state, onChange) {\n let currentState;\n\n function handleChange() {\n const nextState = select(state);\n if (nextState !== currentState) {\n currentState = nextState;\n onChange(currentState, unsubscribe);\n }\n }\n\n const unsubscribe = store.subscribe(handleChange);\n handleChange();\n return unsubscribe;\n}\n\nfunction select(state) {\n const stateObj = get(store.getState(), state);\n\n if (stateObj === undefined) {\n throw new Error(`State ${state} does not exist`);\n }\n\n return stateObj;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/foreman_store.js","/* eslint-disable jquery/no-val */\n/* eslint-disable jquery/no-trigger */\n/* eslint-disable jquery/no-each */\n/* eslint-disable jquery/no-toggle */\n/* eslint-disable jquery/no-find */\n/* eslint-disable jquery/no-closest */\n/* eslint-disable jquery/no-is */\n/* eslint-disable func-names */\n\nimport $ from 'jquery';\n\nimport store from './react_app/redux';\nimport { actions as TemplateActions } from './react_app/components/TemplateGenerator';\n\nexport function initTypeChanges() {\n // update the hidden input which serves as template\n // and also all existing inputs in case of editing\n $('select.input_type_selector').each(function() {\n updateVisibilityAfterInputTypeChange($(this));\n });\n\n // every additional input that's added through \"Add Input\" button will also be handled\n $(document).on('change', 'select.input_type_selector', function() {\n updateVisibilityAfterInputTypeChange($(this));\n });\n}\n\nfunction updateVisibilityAfterInputTypeChange(select) {\n const fieldset = select.closest('fieldset');\n fieldset.find('div.custom_input_type_fields').hide();\n fieldset.find(`div.${select.val()}_input_type`).show();\n}\n\nexport const toggleEmailFields = checkbox => {\n const $checkbox = $(checkbox);\n $checkbox\n .closest('form')\n .find('.email-fields')\n .toggle($checkbox.is(':checked'));\n};\n\nexport const generateTemplate = (url, templateInputData) => {\n store.dispatch(TemplateActions.generateTemplate(url, templateInputData));\n};\n\nexport const pollReportData = url => {\n store.dispatch(TemplateActions.pollReportData(url));\n};\n\nexport const inputValueOnchange = input => {\n const searchValue = input.value === 'search';\n const plainValue = input.value === 'plain';\n const inputId = input.dataset.item;\n const $fields = $(input).closest('.fields');\n\n $fields.find(`.resource-type-${inputId}`).toggle(searchValue);\n $fields.find(`.input-options-${inputId}`).toggle(plainValue);\n $fields.find(`.input-hidden-value-${inputId}`).toggle(plainValue);\n};\n\nexport function snippetChanged(item) {\n const checked = $(item).is(':checked');\n\n $('#kind_selector').toggle(!checked);\n $('#snippet_message').toggle(checked);\n $('#association').toggle(!checked);\n if (checked) {\n $('#ptable_os_family').val('');\n $('#ptable_os_family').trigger('change');\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/foreman_template_inputs.js","import store from './react_app/redux';\n\nimport * as ToastActions from './react_app/redux/actions/toasts';\n\nconst isStickyType = type => !['success', 'info'].includes(type);\n\n/**\n * Notify the user with a toast-notification\n */\nexport const notify = ({ message, type, link, sticky = isStickyType(type) }) =>\n store.dispatch(\n ToastActions.addToast({\n type,\n message,\n sticky,\n link,\n })\n );\n\n/**\n * Clear all toast notifications\n */\nexport const clear = () => store.dispatch(ToastActions.clearToasts());\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/foreman_toast_notifications.js","/* eslint-disable jquery/no-val */\n/* eslint-disable jquery/no-find */\n/* eslint-disable jquery/no-text */\n/* eslint-disable jquery/no-ajax */\n/* eslint-disable jquery/no-each */\n/* eslint-disable jquery/no-class */\n\nimport $ from 'jquery';\nimport { sprintf, translate as __ } from './react_app/common/I18n';\n\nimport { showLoading, hideLoading } from './foreman_navigation';\n\nexport * from './react_app/common/DeprecationService';\n\nexport function showSpinner() {\n showLoading();\n}\n\nexport function hideSpinner() {\n hideLoading();\n}\n\nexport function iconText(name, innerText, iconClass) {\n let icon = `
`;\n\n if (innerText !== '') {\n icon += `
${innerText}`;\n }\n return icon;\n}\n\nexport function activateDatatables() {\n const language = {\n searchPlaceholder: __('Filter...'),\n emptyTable: __('No data available in table'),\n info: sprintf(\n __('Showing %s to %s of %s entries'),\n '_START_',\n '_END_',\n '_TOTAL_'\n ),\n infoEmpty: __('Showing 0 to 0 of 0 entries'),\n infoFiltered: sprintf(__('(filtered from %s total entries)'), '_MAX_'),\n lengthMenu: sprintf(__('Show %s entries'), '_MENU_'),\n loadingRecords: __('Loading...'),\n processing: __('Processing...'),\n search: __('Search:'),\n zeroRecords: __('No matching records found'),\n paginate: {\n first: __('First'),\n last: __('Last'),\n next: __('Next'),\n previous: __('Previous'),\n },\n aria: {\n sortAscending: __(': activate to sort column ascending'),\n sortDescending: __(': activate to sort column descending'),\n },\n };\n $('[data-table=inline]')\n .not('.dataTable')\n .DataTable({\n language,\n dom: \"<'row'<'col-md-6'f>r>t<'row'<'col-md-6'i><'col-md-6'p>>\",\n });\n\n $('[data-table=server]')\n .not('.dataTable')\n .each((i, el) => {\n const url = el.getAttribute('data-source');\n\n $(el).DataTable({\n language,\n processing: true,\n serverSide: true,\n ordering: false,\n ajax: url,\n dom: \"<'row'<'col-md-6'f>r>t<'row'<'col-md-6'><'col-md-6'p>>\",\n });\n });\n}\n\nexport function activateTooltips(elParam = 'body') {\n const el = $(elParam);\n\n el.tooltip({\n selector: '[rel=\"twipsy\"],*[title]:not(*[rel],.fa,.pficon)',\n container: 'body',\n trigger: 'hover',\n });\n // Ellipsis have to be initialized for each element for title() to work\n el.find('.ellipsis').tooltip({\n container: 'body',\n title() {\n return this.scrollWidth > this.clientWidth ? this.textContent : null;\n },\n });\n}\n\nexport function initTypeAheadSelect(input) {\n input.select2({\n ajax: {\n url: input.data('url'),\n dataType: 'json',\n quietMillis: 250,\n data: (term, page) => ({\n q: term,\n scope: input.data('scope'),\n }),\n results: data => ({\n results: data.map(({ id, name }) => ({ id, text: name })),\n }),\n cache: true,\n },\n initSelection(element, callback) {\n $.ajax(input.data('url'), {\n data: {\n scope: input.data('scope'),\n },\n dataType: 'json',\n }).done(data => {\n if (data.length > 0) {\n // eslint-disable-next-line standard/no-callback-literal\n callback({ id: data[0].id, text: data[0].name });\n }\n });\n },\n width: '400px',\n });\n}\n\n// generates an absolute, needed in case of running Foreman from a subpath\nexport { foremanUrl } from './react_app/common/helpers';\n\nexport const setTab = () => {\n const urlHash = document.location.hash.split('?')[0];\n if (urlHash.length) {\n const tabContent = $(urlHash);\n const parentTab = tabContent.closest('.tab-pane');\n if (parentTab.exists()) {\n $(`.nav-tabs a[href=\"#${parentTab[0].id}\"]`).tab('show');\n }\n $(`.nav-tabs a[href=\"${urlHash}\"]`).tab('show');\n }\n};\n\nexport function highlightTabErrors() {\n const errorFields = $('.tab-content .has-error');\n errorFields.parents('.tab-pane').each(function fn() {\n $(`a[href=\"#${this.id}\"]`).addClass('tab-error');\n });\n $('.tab-error')\n .first()\n .click();\n $('.nav-pills .tab-error')\n .first()\n .click();\n errorFields\n .first()\n .find('.form-control')\n .focus();\n}\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/foreman_tools.js","import {\n updateOptions as updateTypeAheadSelectOptions,\n updateSelected as updateTypeAheadSelectSelected,\n} from './react_app/components/common/TypeAheadSelect/TypeAheadSelectActions';\nimport store from './react_app/redux';\n\nexport const updateOptions = (options, id) => {\n store.dispatch(updateTypeAheadSelectOptions(options, id));\n};\n\nexport const updateSelected = (selected, id) => {\n store.dispatch(updateTypeAheadSelectSelected(selected, id));\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/foreman_type_ahead_select.js","/* eslint-disable jquery/no-toggle */\n/* eslint-disable jquery/no-ajax */\n/* eslint-disable jquery/no-hide */\n/* eslint-disable jquery/no-show */\n/* eslint-disable jquery/no-html */\n/* eslint-disable jquery/no-closest */\n\nimport $ from 'jquery';\nimport { escape } from 'lodash';\nimport { notify } from './foreman_toast_notifications';\n\nexport function initInheritedRoles() {\n $('#inherited-roles .dropdown-menu a')\n .click(({ target }) => {\n $('#roles_tab li').hide();\n $(`#roles_tab li[data-id = '${target.getAttribute('data-id')}']`).show();\n $(target)\n .closest('.dropdown')\n .children('.btn')\n .html(`${escape(target.text)}
`);\n })\n .first()\n .click();\n}\n\nfunction getSelectValues({ options = [] }) {\n return Object.values(options)\n .filter(opt => opt.selected)\n .map(opt => [opt.value, opt.text]);\n}\n\nexport function taxonomyAdded(taxonomies, type) {\n const selected = [['', ''], ...getSelectValues(taxonomies)];\n const defaults = document.getElementById(`user_default_${type}_id`);\n\n defaults.innerHTML = selected\n .map(opt => `
`)\n .join('');\n}\n\n/* eslint-disable no-undef */\nexport function testMail(item, url, param = {}) {\n const button = $(item);\n const spinner = $('#test_indicator');\n\n button.addClass('disabled');\n spinner.show();\n\n $.ajax({\n url,\n type: 'put',\n data: param,\n success: ({ message }) => notify({ message, type: 'success' }),\n error: ({ responseText }) =>\n notify({\n message: JSON.parse(responseText).message,\n type: 'danger',\n }),\n complete: () => {\n spinner.hide();\n button.removeClass('disabled');\n },\n });\n}\n\nexport function authSourceSelected(param) {\n const id = param.selectedOptions[0].textContent;\n $('#password').toggle(id === 'INTERNAL');\n}\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/foreman_users.js","import { getValue, setValue } from '../react_app/common/SessionStorage';\n\nexport const getHostQuery = () => getValue('hostQuery');\nexport const setHostQuery = value => setValue('hostQuery', value);\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/hosts/HostsSessionStorage.js","/* eslint-disable jquery/no-param */\n/* eslint-disable jquery/no-load */\n/* eslint-disable jquery/no-hide */\n/* eslint-disable jquery/no-show */\n/* eslint-disable jquery/no-find */\n/* eslint-disable jquery/no-text */\n/* eslint-disable jquery/no-data */\n/* eslint-disable jquery/no-val */\n/* eslint-disable jquery/no-attr */\n/* eslint-disable jquery/no-is */\n/* eslint-disable jquery/no-html */\n/* eslint-disable jquery/no-each */\n/* eslint-disable jquery/no-submit */\n/* eslint-disable jquery/no-in-array */\n\nimport $ from 'jquery';\n\nimport {\n sprintf,\n ngettext as n__,\n translate as __,\n} from '../react_app/common/I18n';\nimport { getURIsearch } from '../react_app/common/urlHelpers';\nimport { foremanUrl } from '../foreman_tools';\nimport * as sessionStorage from './HostsSessionStorage';\n\n// Array contains list of host ids\nconst cookieName = `_ForemanSelected${window.location.pathname.replace(\n /\\//,\n ''\n)}`;\nlet foremanSelectedHosts = readFromCookie();\n\n// triggered by a host checkbox change\nexport function hostChecked({ id, checked }) {\n const multipleAlert = $('#multiple-alert');\n const cid = parseInt(id.replace('host_ids_', ''), 10);\n if (checked) addHostId(cid);\n else {\n rmHostId(cid);\n if (multipleAlert.length) {\n multipleAlert.hide('slow');\n multipleAlert.data('multiple', false);\n }\n }\n $.cookie(cookieName, JSON.stringify(foremanSelectedHosts), {\n secure: window.location.protocol === 'https:',\n });\n toggleActions();\n updateCounter();\n return false;\n}\n\nfunction addHostId(id) {\n if ($.inArray(id, foremanSelectedHosts) === -1) foremanSelectedHosts.push(id);\n}\n\nfunction rmHostId(id) {\n const pos = $.inArray(id, foremanSelectedHosts);\n if (pos >= 0) foremanSelectedHosts.splice(pos, 1);\n}\n\nfunction readFromCookie() {\n try {\n const r = $.cookie(cookieName);\n if (r) return $.parseJSON(r);\n return [];\n } catch (err) {\n removeForemanHostsCookie();\n return [];\n }\n}\n\nfunction toggleActions() {\n const dropDownContainer = $('#submit_multiple');\n const dropdown = dropDownContainer.find('a');\n const disabledMessage = __('Please select hosts to perform action on.');\n if (foremanSelectedHosts.length === 0) {\n dropdown.addClass('disabled');\n dropdown.attr('disabled', 'disabled');\n dropDownContainer.attr('title', disabledMessage);\n } else {\n dropdown.removeClass('disabled');\n dropdown.removeAttr('disabled');\n dropDownContainer.removeAttr('title');\n }\n}\n\n// setups checkbox values upon document load\n$(document).on('ContentLoad', () => {\n if (window.location.pathname !== foremanUrl('/hosts')) return;\n\n const hostQuery = sessionStorage.getHostQuery();\n const uriSearch = getURIsearch();\n\n // clear selected hosts if new search occurs\n if (uriSearch !== '' && hostQuery !== uriSearch) {\n cleanHostsSelection();\n sessionStorage.setHostQuery(uriSearch);\n return;\n }\n sessionStorage.setHostQuery(uriSearch);\n\n for (let i = 0; i < foremanSelectedHosts.length; i++) {\n const cid = `host_ids_${foremanSelectedHosts[i]}`;\n const boxes = $(`#${cid}`);\n if (boxes && boxes[0]) boxes[0].checked = true;\n }\n toggleActions();\n updateCounter();\n $('#search-form').submit(() => {\n resetSelection();\n });\n\n // updates the form URL based on the action selection\n $('#confirmation-modal .secondary').click(() => {\n $('#confirmation-modal').modal('hide');\n });\n});\n\nfunction removeForemanHostsCookie() {\n $.removeCookie(cookieName);\n}\n\nexport function resetSelection() {\n removeForemanHostsCookie();\n foremanSelectedHosts = [];\n}\n\nfunction cleanHostsSelection() {\n $('.host_select_boxes').each((index, box) => {\n box.checked = false;\n hostChecked(box);\n });\n resetSelection();\n toggleActions();\n updateCounter();\n return false;\n}\n\nexport function multipleSelection() {\n const { total } = paginationMetaData();\n const alertText = sprintf(\n n__(\n 'Single host is selected in total',\n 'All
%d hosts are selected.',\n total\n ),\n total\n );\n const undoText = __('Undo selection');\n const multpleAlert = $('#multiple-alert');\n multpleAlert\n .find('.text')\n .html(\n `${alertText}
${undoText}`\n );\n multpleAlert.data('multiple', true);\n $('.select_count').html(total);\n}\n\nexport function undoMultipleSelection() {\n const pagination = paginationMetaData();\n const alertText = sprintf(\n n__(\n 'Single host on this page is selected.',\n 'All %s hosts on this page are selected.',\n pagination.perPage\n ),\n pagination.perPage\n );\n const selectText = sprintf(\n n__('Select this host', 'Select all
%s hosts', pagination.total),\n pagination.total\n );\n const multpleAlert = $('#multiple-alert');\n multpleAlert\n .find('.text')\n .html(\n `${alertText}
${selectText}`\n );\n multpleAlert.data('multiple', false);\n $('.select_count').html(pagination.perPage);\n}\n\nexport function toggleCheck() {\n const pagination = paginationMetaData();\n const multpleAlert = $('#multiple-alert');\n const checked = $('#check_all').is(':checked');\n $('.host_select_boxes').each((index, box) => {\n box.checked = checked;\n hostChecked(box);\n });\n if (checked && pagination.perPage - pagination.total < 0) {\n multpleAlert.show('slow');\n multpleAlert.data('multiple', false);\n } else if (!checked) {\n multpleAlert.hide('slow');\n multpleAlert.data('multiple', false);\n cleanHostsSelection();\n }\n return false;\n}\n\nexport function toggleMultipleOkButton({ value }) {\n const btn = $('#confirmation-modal .btn-primary');\n if (value !== 'disabled') btn.removeClass('disabled').attr('disabled', false);\n else btn.addClass('disabled').attr('disabled', true);\n}\n\nexport function submitModalForm() {\n if (!$('#keep_selected').is(':checked')) removeForemanHostsCookie();\n if (isMultple()) {\n const query = $('
')\n .attr('type', 'hidden')\n .attr('name', 'search')\n .val(getURIsearch());\n $('#confirmation-modal form').append(query);\n }\n $('#confirmation-modal form').submit();\n $('#confirmation-modal').modal('hide');\n}\n\nfunction isMultple() {\n return $('#multiple-alert').data('multiple');\n}\n\nfunction getBulkParam() {\n return isMultple()\n ? { search: getURIsearch() }\n : { host_ids: foremanSelectedHosts };\n}\n\nexport function buildModal(element, url) {\n const data = getBulkParam();\n const title = $(element).attr('data-dialog-title');\n $('#confirmation-modal .modal-header h4').text(title);\n $('#confirmation-modal .modal-body')\n .empty()\n .append(\"
\");\n $('#confirmation-modal').modal();\n $('#confirmation-modal .modal-body').load(\n `${url} #content`,\n data,\n (response, status, xhr) => {\n $('#loading').hide();\n $('#submit_multiple').val('');\n if (isMultple()) $('#multiple-modal-alert').show();\n const b = $('#confirmation-modal .btn-primary');\n if ($(response).find('#content form select').length > 0)\n b.addClass('disabled').attr('disabled', true);\n else b.removeClass('disabled').attr('disabled', false);\n }\n );\n return false;\n}\n\nexport function buildRedirect(url) {\n const data = getBulkParam();\n const redirectUrl = url.includes('?')\n ? `${url}&${$.param(data)}`\n : `${url}?${$.param(data)}`;\n\n window.location.replace(redirectUrl);\n}\n\nfunction paginationMetaData() {\n const total = Number(\n document.getElementsByClassName('pagination-pf-items-total')[0].textContent\n );\n const perPage = Number(\n document.getElementById('pagination-row-dropdown').textContent\n );\n return { total, perPage };\n}\n\nfunction updateCounter() {\n const item = $('#check_all');\n if (foremanSelectedHosts)\n $('.select_count').text(foremanSelectedHosts.length);\n let title = '';\n if (item.prop('checked') && foremanSelectedHosts)\n title = `${foremanSelectedHosts.length} - ${item.attr('uncheck-title')}`;\n else title = item.attr('check-title');\n\n item.attr('data-original-title', title);\n item.tooltip({\n trigger: 'hover',\n });\n return false;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/hosts/tableCheckboxes.js","/* eslint-disable jquery/no-each */\n/* eslint-disable jquery/no-ready */\n/* eslint-disable no-param-reassign */\n/* eslint-disable func-names */\n\nimport $ from 'jquery';\n\nconst megabyte = 1024 * 1024;\nconst gigabyte = 1024 * megabyte;\n\n$(() => {\n $.widget('ui.limitedSpinner', $.ui.spinner, {\n options: {\n softMaximum: 0,\n min: 1,\n errorTarget: null,\n },\n validate() {\n return this._validate();\n },\n _validate() {\n if (this.options.softMaximum !== 0) {\n this.options.errorTarget.toggle(\n this.value() > this.options.softMaximum\n );\n }\n },\n _spin(step, event) {\n const result = this._super(step, event);\n\n this._validate();\n return result;\n },\n });\n\n $.widget('ui.byteSpinner', $.ui.limitedSpinner, {\n options: {\n step: 1,\n min: 1,\n incremental: false,\n valueTarget: null,\n },\n updateValueTarget() {\n this.options.valueTarget.val(this.value());\n },\n _gigabyteSpin(step) {\n if (step > 0) {\n if (step % gigabyte === 0) {\n step = gigabyte;\n } else {\n step = gigabyte - (this.value() % gigabyte);\n }\n } else if (step < 0) {\n if (this.value() % gigabyte === 0) {\n step = -1 * gigabyte;\n } else {\n step = -1 * (this.value() % gigabyte);\n }\n }\n return step;\n },\n _megabyteSpin(step) {\n const megabyteStep = step * 256 * megabyte;\n\n if (this.value() + megabyteStep > gigabyte) {\n step = gigabyte - this.value();\n } else if (this.value() + megabyteStep < megabyte) {\n step *= this.value() - megabyte;\n } else if (this.value() === megabyte && step > 0) {\n step = 255 * megabyte;\n } else {\n step = megabyteStep;\n }\n return step;\n },\n _spin(step, event) {\n let result = null;\n\n if (\n (this.value() > gigabyte && step < 0) ||\n (this.value() >= gigabyte && step > 0)\n ) {\n step = this._gigabyteSpin(step);\n } else {\n step = this._megabyteSpin(step);\n }\n\n result = this._super(step, event);\n this.updateValueTarget();\n\n return result;\n },\n _parse(value) {\n if (typeof value === 'string') {\n if (value.match(/gb$/i)) {\n return parseFloat(value) * gigabyte;\n } else if (value.match(/mb$/i) || parseInt(value, 10) < megabyte) {\n return parseInt(value, 10) * megabyte;\n }\n }\n return value;\n },\n // prints value with unit, if it's multiple of gigabytes use GB, otherwise format in MB\n _format: value =>\n value % gigabyte === 0\n ? `${value / gigabyte} GB`\n : `${value / megabyte} MB`,\n });\n});\n\nexport function initAll(selection = null) {\n // might be called with Event-argument, if used as EventHandler\n window.tfm.tools.deprecate(\n 'initAll()',\n 'react memory and cpu components',\n '3.0'\n );\n if (\n selection !== null &&\n typeof selection === 'object' &&\n (selection.hasOwnProperty('originalEvent') ||\n selection.constructor === $.Event)\n ) {\n selection = null;\n }\n initByte(selection);\n initCounter(selection);\n}\n\nexport function initCounter(selection = null) {\n // Do not initialize form_templates\n window.tfm.tools.deprecate('initCounter()', 'react cpu component', '3.0');\n $('input.counter_spinner', selection)\n .not('.form_template input.counter_spinner')\n .each(function() {\n const field = $(this);\n const errorMessage = field.closest('.form-group').find('.maximum-limit');\n let min = field.data('min');\n min = typeof min === 'number' ? min : 1;\n\n field.limitedSpinner({\n softMaximum: field.data('softMax'),\n errorTarget: errorMessage,\n min,\n });\n\n field.change(() => {\n field.limitedSpinner('validate');\n });\n\n field\n .parents('div.form-group')\n .find('label a')\n .popover();\n });\n}\n\nexport function initByte(selection = null) {\n // Do not initialize form_templates\n window.tfm.tools.deprecate('initByte()', 'react memory component', '3.0');\n $('input.byte_spinner', selection)\n .not('.form_template input.byte_spinner')\n .each(function() {\n const field = $(this);\n const errorMessage = field.closest('.form-group').find('.maximum-limit');\n const valueTarget = field\n .closest('.form-group')\n .find('.real-hidden-value');\n\n field.byteSpinner({\n valueTarget,\n softMaximum: field.data('softMax'),\n errorTarget: errorMessage,\n });\n\n field.change(() => {\n field.byteSpinner('updateValueTarget');\n field.byteSpinner('validate');\n });\n\n field\n .parents('div.form-group')\n .find('label a')\n .popover();\n });\n}\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/jquery.ui.custom_spinners.js","import React from 'react';\nimport forceSingleton from '../../common/forceSingleton';\n\nexport const getForemanContext = contextData =>\n forceSingleton('Context', () => React.createContext(contextData));\nexport const useForemanContext = () => React.useContext(getForemanContext());\n\nconst useForemanMetadata = () => useForemanContext().metadata;\n\nexport const useForemanVersion = () => useForemanMetadata().version;\nexport const useForemanSettings = () => useForemanMetadata().UISettings;\nexport const useForemanDocUrl = () => useForemanMetadata().docUrl;\nexport const useForemanOrganization = () => useForemanMetadata().organization;\nexport const useForemanLocation = () => useForemanMetadata().location;\nexport const useForemanUser = () => useForemanMetadata().user;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/Root/Context/ForemanContext.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ConnectedRouter } from 'connected-react-router';\nimport { ApolloProvider } from '@apollo/client';\nimport history from '../history';\nimport { getForemanContext } from '../Root/Context/ForemanContext';\nimport Layout, { propTypes as LayoutPropTypes } from '../components/Layout';\nimport AppSwitcher from '../routes';\n\nimport apolloClient from './apollo';\n\nconst ReactApp = ({ layout, metadata, toasts }) => {\n const contextData = { metadata, toasts };\n const ForemanContext = getForemanContext(contextData);\n\n return (\n
\n
\n \n \n \n \n \n \n \n \n
\n );\n};\n\nReactApp.propTypes = {\n layout: LayoutPropTypes.data.isRequired,\n metadata: PropTypes.object.isRequired,\n toasts: PropTypes.array.isRequired,\n};\n\nexport default ReactApp;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/Root/ReactApp.js","import { ApolloClient, ApolloLink, InMemoryCache, from } from '@apollo/client';\nimport { BatchHttpLink } from '@apollo/client/link/batch-http';\n\nimport { foremanUrl } from '../common/helpers';\n\nconst batchLink = new BatchHttpLink({ uri: foremanUrl('/api/graphql') });\n\nconst authLink = new ApolloLink((operation, forward) => {\n operation.setContext({\n headers: {\n 'X-CSRF-Token': document\n .querySelector('meta[name=csrf-token]')\n .getAttribute('content'),\n },\n });\n return forward(operation);\n});\n\nconst client = new ApolloClient({\n link: from([authLink, batchLink]),\n cache: new InMemoryCache(),\n});\n\nexport default client;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/Root/apollo.js","/* eslint-disable no-console, max-len */\n\nexport const deprecate = (oldMethod, newMethod, version) => {\n if (process.env.NODE_ENV !== 'production')\n console.warn(\n `DEPRECATION WARNING: you are using deprecated ${oldMethod}, it will be removed in Foreman ${version}. Use ${newMethod} instead.`\n );\n};\nexport const deprecateObjectProperty = (obj, oldProp, newProp, version) => {\n const oldPropPointer = obj[oldProp];\n\n Object.defineProperty(obj, oldProp, {\n get: () => {\n deprecate(oldProp, newProp, version);\n return oldPropPointer;\n },\n });\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/common/DeprecationService.js","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect, useRef } from 'react';\nimport EmptyPage from '../routes/common/EmptyPage';\nimport LoadingPage from '../routes/common/LoadingPage';\n\n/**\n * HOC that runs a function on the initial mount of the component using useEffect\n * @param {Function} callback - function to run\n */\nexport const callOnMount = callback => WrappedComponent => componentProps => {\n // fires callback onMount, [] means don't listen to any props change\n useEffect(() => {\n callback(componentProps);\n }, []);\n\n return
;\n};\n\n/**\n * HOC that runs a function onPopState if search query has changed,\n * assuming the component has withRouter\n * @param {Function} callback - function to run\n */\nexport const callOnPopState = callback => WrappedComponent => componentProps => {\n const didMount = useRef(false);\n const {\n history: { action },\n location: { search },\n } = componentProps;\n useEffect(() => {\n if (action === 'POP' && didMount.current) {\n callback(componentProps);\n } else {\n didMount.current = true;\n }\n }, [search, action]);\n\n return
;\n};\n\n/**\n * HOC That renders a component based on its state\n *\n * the following root Component props are required\n * { isLoading, hasData, hasError }\n *\n * If the default Error and Empty Components are used\n * the following props are also required:\n *\n * { message: { type, text }}\n * @param {ReactElement} Component - Component to render\n * @param {ReactElement} LoadingComponent - Component to render if Loading\n * @param {ReactElement} ErrorComponent - Component to render if Error\n * @param {ReactElement} EmptyComponent - Component to render if no Data exists\n */\nexport const withRenderHandler = ({\n Component,\n LoadingComponent = LoadingPage,\n ErrorComponent = EmptyPage,\n EmptyComponent = EmptyPage,\n}) => componentProps => {\n const { isLoading, hasData, hasError } = componentProps;\n\n if (isLoading && !hasData) return
;\n if (hasError) return
;\n if (hasData) return
;\n return
;\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/common/HOC.js","import Jed from 'jed';\nimport { addLocaleData } from 'react-intl';\nimport forceSingleton from './forceSingleton';\n\nclass IntlLoader {\n constructor(locale, timezone) {\n this.fallbackIntl = !global.Intl;\n\n // eslint-disable-next-line prefer-destructuring\n this.locale = locale.split('-')[0];\n this.timezone = this.fallbackIntl ? 'UTC' : timezone;\n this.ready = this.init();\n }\n\n async init() {\n await this.fetchIntl();\n addLocaleData(\n await import(\n /* webpackChunkName: 'react-intl/locale/[request]' */ `react-intl/locale-data/${this.locale}`\n )\n );\n return true;\n }\n\n async fetchIntl() {\n if (this.fallbackIntl) {\n global.Intl = await import(/* webpackChunkName: \"intl\" */ 'intl');\n await import(\n /* webpackChunkName: 'intl/locale/[request]' */ `intl/locale-data/jsonp/${this.locale}`\n );\n }\n }\n}\n\nconst htmlElemnt = document.getElementsByTagName('html')[0];\nconst langAttr = htmlElemnt.getAttribute('lang') || 'en';\nconst timezoneAttr = htmlElemnt.getAttribute('data-timezone') || 'UTC';\n\nexport const intl = forceSingleton(\n 'Intl',\n () => new IntlLoader(langAttr, timezoneAttr)\n);\n\nconst cheveronPrefix = () => (window.I18N_MARK ? '\\u00BB' : '');\nconst cheveronSuffix = () => (window.I18N_MARK ? '\\u00AB' : '');\n\nexport const documentLocale = () => langAttr;\n\nconst getLocaleData = () => {\n const locales = window.locales || {};\n const locale = documentLocale().replace(/-/g, '_');\n\n if (locales[locale] === undefined) {\n // eslint-disable-next-line no-console\n console.log(\n `could not load translations for ${locale} locale, falling back to default locale.`\n );\n return { domain: 'app', locale_data: { app: { '': {} } } };\n }\n\n return locales[locale];\n};\n\nexport const jed = forceSingleton('Jed', () => new Jed(getLocaleData()));\n\nexport const translate = (...args) =>\n `${cheveronPrefix()}${jed.gettext(...args)}${cheveronSuffix()}`;\nexport const ngettext = (...args) =>\n `${cheveronPrefix()}${jed.ngettext(...args)}${cheveronSuffix()}`;\n\nexport const { sprintf } = jed;\n\nconst i18n = {\n translate,\n ngettext,\n jed,\n sprintf,\n intl,\n};\nexport default i18n;\n\nwindow.__ = translate;\nwindow.n__ = ngettext;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/common/I18n.js","import ReactDOM from 'react-dom';\nimport store from '../redux';\nimport componentRegistry from '../components/componentRegistry';\n\nexport { default as registerReducer } from '../redux/reducers/registerReducer';\n\nexport function mount(component, selector, data, flattenData = false) {\n const reactNode = document.querySelector(selector);\n if (reactNode) {\n ReactDOM.unmountComponentAtNode(reactNode);\n\n mountNode(component, reactNode, data, flattenData);\n } else {\n // eslint-disable-next-line no-console\n console.log(\n `Cannot find '${selector}' element for mounting the '${component}'`\n );\n }\n}\n\nfunction mountNode(component, reactNode, data, flattenData) {\n ReactDOM.render(\n componentRegistry.markup(component, {\n data,\n store,\n flattenData,\n }),\n reactNode\n );\n}\n\n/**\n * This is a html tag (Web component) that can be used for mounting react component from ComponentRegistry.\n */\nclass ReactComponentElement extends HTMLElement {\n static get observedAttributes() {\n return ['data-props'];\n }\n\n get componentName() {\n return this.getAttribute('name');\n }\n get reactProps() {\n return this.dataset.props !== '' ? JSON.parse(this.dataset.props) : {};\n }\n set reactProps(newProps) {\n this.dataset.props = JSON.stringify(newProps);\n }\n get mountPoint() {\n if (!this._mountPoint) {\n this._mountPoint = this;\n }\n\n return this._mountPoint;\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n switch (name) {\n case 'data-props':\n // if this is not the initial prop set\n if (oldValue !== null) this._render();\n break;\n default:\n // We don't know how to react to default attribute change\n }\n }\n\n connectedCallback() {\n this._render();\n }\n\n disconnectedCallback() {\n try {\n ReactDOM.unmountComponentAtNode(this.mountPoint);\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error(\n `Unable to unmount foreman-react-component: ${this.componentName}`,\n error\n );\n }\n }\n\n _render() {\n try {\n mountNode(this.componentName, this, this.reactProps, true);\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error(\n `Unable to mount foreman-react-component: ${this.componentName}`,\n error\n );\n }\n }\n}\n\nif (!window.customElements.get('foreman-react-component')) {\n window.customElements.define(\n 'foreman-react-component',\n ReactComponentElement\n );\n}\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/common/MountingService.js","if (!window.sessionStorage) {\n window.sessionStorage = {\n getItem: () => {},\n setItem: () => {},\n };\n}\n\nexport const getValue = key => {\n const value = window.sessionStorage.getItem(key) || 'null';\n\n return JSON.parse(value);\n};\n\nexport const setValue = (key, value) =>\n window.sessionStorage.setItem(key, JSON.stringify(value));\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/common/SessionStorage.js","/**\n * Whether or not the page is focused (beeing used atm)\n * @return {boolean}\n */\nexport const doesDocumentHasFocus = () =>\n document.hasFocus ? document.hasFocus() : true;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/common/document.js","/**\n * Force a single instance to protect from code duplication.\n *\n * WARNING: Code duplications happen because of an issue with the build process,\n * so this method might be removed once the issue would be fixed.\n * See: https://projects.theforeman.org/issues/27195\n *\n * @param {String} key A unique-key to save the instance.\n * @param {Function} create A function to create an instance.\n * @return {*} Single Instance,\n * returned by the create method or from the cache.\n */\nconst forceSingleton = (key, create) => {\n window.tfm_forced_singletons = window.tfm_forced_singletons || {};\n\n if (!window.tfm_forced_singletons[key]) {\n window.tfm_forced_singletons[key] = create();\n }\n\n return window.tfm_forced_singletons[key];\n};\n\nexport default forceSingleton;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/common/forceSingleton.js","import { snakeCase, camelCase, debounce } from 'lodash';\nimport URI from 'urijs';\nimport { translate as __ } from './I18n';\n\n/**\n * Our API returns non-ISO8601 dates\n * This method converts those strings into ISO8601 format\n * @param {String} date - non-ISO date to convert\n */\nexport const isoCompatibleDate = date => {\n if (\n typeof date === 'string' &&\n date.match(/\\d{4}-\\d\\d-\\d\\d\\s\\d\\d:\\d\\d:\\d\\d\\s[+-]?\\d{4}/)\n ) {\n // we've matched a date in the format: 2019-03-14 15:39:27 -0400\n return date.replace(/\\s/, 'T').replace(/\\s/, '');\n }\n\n return date;\n};\n\n/**\n * Add a debounce timeout for your methods.\n * @param {Object} context - the context where your method is running.\n * @param {Number} time - the amount of debounce time in miliseconds.\n * @param {Array} methods - Array that contains the methods to run on.\n */\nexport const debounceMethods = (context, time, methods) => {\n methods.forEach(method => {\n const methodName = method.name || method;\n const methodTime = method.time || time;\n // eslint-disable-next-line no-param-reassign\n context[methodName] = debounce(context[methodName], methodTime);\n });\n};\n\n/**\n * Bind your methods to run in a specific context.\n * @param {Object} context - the context where your method should run.\n * @param {Array} methods - Array that contains the methods to run on.\n */\nexport const bindMethods = (context, methods) => {\n methods.forEach(method => {\n // eslint-disable-next-line no-param-reassign\n context[method] = context[method].bind(context);\n });\n};\n\n/**\n * Removes slashes from the beggining and end of the path\n * @param {String} path - the path that should be removed of slashes\n */\nexport const removeLastSlashFromPath = path => {\n if (!path || path.length < 2) return path;\n const lastCharIndex = path.length - 1;\n return path[lastCharIndex] === '/' ? path.slice(0, -1) : path;\n};\n/**\n * An empty function which is usually used as a default function.\n */\nexport const noop = Function.prototype;\n\n/**\n * Opens the link in a new window.\n * @param {String} url - the path to open in a new window.\n */\nexport const newWindowOnClick = url => event => {\n event.preventDefault();\n const newWindow = window.open(url, '_blank');\n newWindow.opener = null;\n};\n\n/**\n * Clear the spaces in both sides of a string and erase multiple spaces.\n * @param {String} string - the string which should be trimmed.\n */\nexport const clearSpaces = string => string.trim().replace(/\\s\\s+/, ' ');\n\nexport const getDisplayName = Component =>\n Component.displayName || Component.name || 'Component';\n/**\n * Use I18n to translate an object of strings\n * @param {Object.
} obj - the object to translate\n * @returns {Object.} a translated object\n */\nexport const translateObject = obj =>\n Object.assign({}, ...Object.entries(obj).map(([k, v]) => ({ [k]: __(v) })));\n\n/**\n * Use I18n to translate an array of strings\n * @param {Array.} arr - the array to translate\n * @returns {Array.} a translated array\n */\nexport const translateArray = arr => arr.map(str => __(str));\n\n/**\n * Return the query in URL as Objects where keys are\n * the parameters and the values are the parameters' values.\n * @param {String} url - the URL\n */\nexport const getURIQuery = url => new URI(url).query(true);\n\n/**\n * Transform object keys to snake case\n */\nexport const propsToSnakeCase = ob =>\n propsToCase(snakeCase, 'propsToSnakeCase only takes objects', ob);\n\n/**\n * Transform object keys to camel case\n */\nexport const propsToCamelCase = ob =>\n propsToCase(camelCase, 'propsToCamelCase only takes objects', ob);\n\nconst propsToCase = (casingFn, errorMsg, ob) => {\n if (typeof ob !== 'object') throw Error(errorMsg);\n\n return Object.keys(ob).reduce((memo, key) => {\n memo[casingFn(key)] = ob[key];\n return memo;\n }, {});\n};\n\n/**\n * Transform object keys to camel case, works for nested objects\n */\nexport const deepPropsToCamelCase = obj =>\n deepPropsToCase(camelCase, 'propsToCamelCase only takes objects')(obj);\n\n/**\n * Transform object keys to snake case, works for nested objects\n */\nexport const deepPropsToSnakeCase = obj =>\n deepPropsToCase(snakeCase, 'propsToSnakeCase only takes objects')(obj);\n\nconst deepPropsToCase = (casingFn, errorMsg) => obj => {\n if (typeof obj !== 'object' || obj === null) {\n return obj;\n }\n if (Array.isArray(obj)) {\n return obj.map(deepPropsToCase(casingFn, errorMsg));\n }\n const transformed = propsToCase(casingFn, errorMsg, obj);\n return Object.keys(transformed).reduce((memo, key) => {\n memo[key] = deepPropsToCase(casingFn, errorMsg)(transformed[key]);\n return memo;\n }, {});\n};\n\n/**\n * Check if a string is a positive integer\n * @param {String} value - the string\n */\nexport const stringIsPositiveNumber = value => {\n const reg = new RegExp('^[0-9]+$');\n return reg.test(value);\n};\n\n/**\n * Get manual url based on version\n * @param {String} section - section id for foreman documetation\n */\nexport const getManualURL = section => foremanUrl(`/links/manual/${section}`);\nexport const getWikiURL = section => foremanUrl(`/links/wiki/${section}`);\n\n/**\n * Transform the Date object to date string accepted in the server\n * @param {Date}\n * @returns {string}\n */\nexport const formatDate = date => formatDateTime(date).split(' ')[0];\n\n/**\n * Transform the Date object to datetime string accepted in the server\n * @param {Date}\n * @returns {string}\n */\nexport const formatDateTime = date => {\n const zeroPadding = n => (n < 10 ? `0${n}` : n);\n const { year, month, day, hour, minutes } = {\n year: date.getFullYear(),\n month: zeroPadding(date.getMonth() + 1),\n day: zeroPadding(date.getDate()),\n hour: zeroPadding(date.getHours()),\n minutes: zeroPadding(date.getMinutes()),\n };\n\n return `${year}-${month}-${day} ${hour}:${minutes}:00`;\n};\n\n// generates an absolute, needed in case of running Foreman from a subpath\nexport const foremanUrl = path => `${window.URL_PREFIX}${path}`;\n\nexport default {\n isoCompatibleDate,\n bindMethods,\n noop,\n debounceMethods,\n clearSpaces,\n newWindowOnClick,\n getDisplayName,\n translateObject,\n translateArray,\n propsToCamelCase,\n propsToSnakeCase,\n deepPropsToCamelCase,\n deepPropsToSnakeCase,\n stringIsPositiveNumber,\n getManualURL,\n formatDate,\n formatDateTime,\n foremanUrl,\n getWikiURL,\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/common/helpers.js","import { useEffect, useRef } from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport uuid from 'uuid/v1';\nimport {\n selectAPIResponse,\n selectAPIStatus,\n} from '../../../redux/API/APISelectors';\nimport { APIActions } from '../../../redux/API';\n\n/**\n * A custom hook that creates an API request\n * @param {string} method the API method (i.e 'post', 'get' etc)\n * @param {string} url the url for the API request\n * @param {object} options adding optional props to the API call, for more details go to the `apiRequest` function in `redux/API`\n * @return {object} returns an object that contains the response, status, key and 'setUrl' for setting the url dynamically\n */\n\nexport const useAPI = (method, url, options) => {\n const dispatch = useDispatch();\n const keyRef = useRef(options?.key);\n\n useEffect(() => {\n if (!keyRef.current) keyRef.current = uuid();\n }, []);\n\n useEffect(() => {\n if (url && method) {\n dispatch(\n APIActions[method]({\n url,\n ...options,\n key: keyRef.current,\n })\n );\n }\n }, [dispatch, url, method, options]);\n\n const response = useSelector(state =>\n selectAPIResponse(state, keyRef.current)\n );\n const status = useSelector(state => selectAPIStatus(state, keyRef.current));\n\n return { response, status, key: keyRef.current };\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/common/hooks/API/APIHooks.js","import React from 'react';\nimport { IntlProvider } from 'react-intl';\nimport { intl } from './I18n';\nimport { getDisplayName } from './helpers';\n\nconst i18nProviderWrapperFactory = (\n initialNow,\n timezone\n) => WrappedComponent => {\n const wrappedName = getDisplayName(WrappedComponent);\n\n class I18nProviderWrapper extends React.Component {\n constructor(props) {\n super(props);\n this.state = { i18nLoaded: false };\n\n // eslint-disable-next-line promise/prefer-await-to-then\n intl.ready.then(() => {\n this.setState({ i18nLoaded: true });\n });\n }\n\n render() {\n if (!this.state.i18nLoaded) {\n return ;\n }\n return (\n \n \n \n );\n }\n }\n I18nProviderWrapper.displayName = `I18nProviderWrapper(${wrappedName})`;\n\n return I18nProviderWrapper;\n};\n\nexport { i18nProviderWrapperFactory };\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/common/i18nProviderWrapperFactory.js","export const KEYCODES = {\n ENTER: 13,\n FWD_SLASH: 47,\n BACK_SLASH: 46,\n ESC: 27,\n TAB_KEY: 9,\n};\nexport default KEYCODES;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/common/keyCodes.js","import URI from 'urijs';\n\nimport { visit } from '../../foreman_navigation';\n\n/**\n * Build a url from given controller, action and id\n * @param {String} controller - the controller\n * @param {String} action - the action\n */\nexport const urlBuilder = (controller, action, id = undefined) =>\n `/${controller}/${id ? `${id}/` : ''}${action}`;\n\n/**\n * Build a url with search query\n * @param {String} base - the base url\n * @param {String} searchQuery - the search query\n */\nexport const urlWithSearch = (base, searchQuery) =>\n `/${base}?search=${searchQuery}`;\n\n/**\n * Get updated URI\n */\nexport const getURI = () => new URI(window.location.href);\n\n/**\n * Get updated page param\n */\nexport const getURIpage = () => Number(getURI().query(true).page) || 1;\n/**\n * Get updated perPage param\n */\nexport const getURIperPage = () => Number(getURI().query(true).per_page);\n/**\n * Get updated searchQuery param\n */\nexport const getURIsearch = () => getURI().query(true).search || '';\n\n/**\n * Get updated sort param\n */\nexport const getURIsort = () => {\n const sortString = getURI().query(true).order;\n if (!sortString) {\n return {};\n }\n const [by, order] = sortString.split(' ');\n return { by, order };\n};\n\n/**\n * Get updated URI params\n */\nexport const getParams = () => ({\n page: getURIpage(),\n perPage: getURIperPage() || null,\n searchQuery: getURIsearch(),\n sort: getURIsort(),\n});\n\n/**\n * Get updated Stringified params\n */\nexport const stringifyParams = ({\n page = 1,\n perPage = 25,\n searchQuery = '',\n sort = {},\n}) => {\n const uri = getURI();\n if (searchQuery !== '')\n uri.search({ page, per_page: perPage, search: searchQuery });\n else uri.search({ page, per_page: perPage });\n\n if (sort.by && sort.order) {\n uri.setSearch('order', `${sort.by} ${sort.order}`);\n }\n\n return uri.search();\n};\n\n/**\n * change current query and trigger navigation\n * @param {URI} uri - URI object\n * @param {Object} newQuery - Query Object\n * @param {Function} navigateTo - navigate func\n */\nexport const changeQuery = (newQuery, navigateTo, uri = getURI()) => {\n uri.setQuery(newQuery);\n if (navigateTo) navigateTo(uri.toString());\n else visit(uri.toString());\n};\n\nexport const exportURL = () => {\n const url = getURI();\n url.addQuery('format', 'csv');\n return `${url.pathname()}${url.search()}`;\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/common/urlHelpers.js","import React from 'react';\n\nimport { Router } from 'react-router-dom';\nimport history from '../history';\nimport AppSwitcher from '../routes';\n\nconst withReactRoutes = Component => props => (\n \n \n \n \n \n);\n\nexport default withReactRoutes;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/common/withReactRoutes.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { translate as __ } from '../../common/I18n';\nimport EmptyState from '../common/EmptyState';\nimport { foremanUrl } from '../../common/helpers';\n\nexport const WelcomeArchitecture = ({ canCreate }) => {\n const action = canCreate && {\n title: __('Create Architecture'),\n url: foremanUrl('/architectures/new'),\n };\n const content = __(`Each entry represents a particular hardware architecture, most commonly x86_64 or i386.\n Foreman also supports the Solaris operating system family, which includes sparc based systems.`);\n const description = (\n <>\n {__(\n 'Before you proceed to using Foreman you should provide information about one or more architectures.'\n )}\n \n {__(\n 'Each architecture can also be associated with more than one operating system and a selector block is provided to allow you to select valid combinations.'\n )}\n \n );\n\n return (\n \n );\n};\n\nWelcomeArchitecture.propTypes = {\n canCreate: PropTypes.bool,\n};\n\nWelcomeArchitecture.defaultProps = {\n canCreate: false,\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/Architectures/Welcome.js","import React from 'react';\nimport { Col } from 'patternfly-react';\nimport PropTypes from 'prop-types';\n\nconst ActionLinks = ({ allowedActions }) => (\n \n {allowedActions &&\n allowedActions.map(\n ({ url, css_class: CssClassString, disabled, name, title }, index) => (\n \n {name || title}\n \n )\n )}\n \n);\n\nActionLinks.propTypes = {\n allowedActions: PropTypes.arrayOf(\n PropTypes.shape({\n url: PropTypes.string,\n title: PropTypes.string,\n name: PropTypes.string,\n css_class: PropTypes.string,\n disabled: PropTypes.bool,\n })\n ),\n};\n\nActionLinks.defaultProps = {\n allowedActions: [],\n};\n\nexport default ActionLinks;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AuditsList/ActionLinks.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport DiffContainer from '../DiffView/DiffContainer';\nimport { translate as __ } from '../../common/I18n';\n\nconst renderListItems = items =>\n items &&\n items.map((item, index) =>\n item && typeof item === 'string' && item.length > 0 ? (\n \n | {item} | \n
\n ) : null\n );\n\nconst renderCols = changeArr =>\n changeArr &&\n changeArr.map(({ css_class: CssClassStr, id_to_label: idToLabel }, index) => (\n 1\n ? `col-6 col-md-4 ${CssClassStr}`\n : `col-12 col-md-8 ${CssClassStr}`\n }\n >\n \n \n ));\n\nconst renderTableRows = changeEntries =>\n changeEntries &&\n changeEntries.map(({ name, change }, index) => (\n \n | \n {name} \n | \n {renderCols(change)}\n
\n ));\n\nconst showAuditChanges = (\n actionDisplayName,\n auditedChangesWithIdToLabel,\n details\n) => {\n const tableClasses = 'table table-bordered table-hover';\n\n if (['add', 'remove'].includes(actionDisplayName) && details.length > 0) {\n return (\n \n {renderListItems(details)}\n \n );\n }\n\n if (auditedChangesWithIdToLabel.length > 0) {\n return (\n \n {renderTableRows(auditedChangesWithIdToLabel)}\n
\n );\n }\n return null;\n};\n\nclass ExpansiveView extends React.Component {\n showTemplateDiffIfAny() {\n const { template } = this.props.auditedChanges;\n if (template && template[0] !== template[1]) {\n return ;\n }\n return null;\n }\n\n render() {\n const {\n comment,\n actionDisplayName,\n auditedChangesWithIdToLabel,\n details,\n } = this.props;\n\n return (\n \n {this.showTemplateDiffIfAny()}\n {showAuditChanges(\n actionDisplayName,\n auditedChangesWithIdToLabel,\n details\n )}\n {comment && (\n
\n
\n {__('Comments')}\n
\n
{comment}
\n
\n )}\n
\n \n {__('Request UUID')}\n \n \n \n \n fetchAndPush({ searchQuery: `request_uuid = ${requestUuid}` })\n }\n title={__(\n 'HTTP request UUID, clicking will filter audits for this request. It can also be used for searching in application logs.'\n )}\n >\n {requestUuid}\n \n \n \n
\n \n);\n\nShowInlineRequestUuid.propTypes = {\n fetchAndPush: PropTypes.func.isRequired,\n requestUuid: PropTypes.string.isRequired,\n id: PropTypes.number.isRequired,\n};\n\nexport default ShowInlineRequestUuid;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AuditsList/ShowInlineRequestUuid.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Col } from 'patternfly-react';\nimport ShowTaxonomyInline from './ShowTaxonomyInline';\nimport { translate as __ } from '../../common/I18n';\n\nconst ShowOrgsLocs = ({ orgs, locs }) => (\n \n \n \n \n);\n\nShowOrgsLocs.propTypes = {\n orgs: PropTypes.array,\n locs: PropTypes.array,\n};\n\nShowOrgsLocs.defaultProps = {\n orgs: [],\n locs: [],\n};\n\nexport default ShowOrgsLocs;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AuditsList/ShowOrgsLocs.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col } from 'patternfly-react';\n\nconst ShowTaxonomyInline = ({ displayLabel, items }) => {\n const listItems = items.map(\n ({ name, url, disabled, css_class: addCSS }, index) => (\n \n {name}\n \n )\n );\n\n return (\n \n \n {displayLabel}\n \n \n {items && listItems}\n \n
\n );\n};\n\nShowTaxonomyInline.propTypes = {\n displayLabel: PropTypes.string,\n items: PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string,\n url: PropTypes.string,\n css_class: PropTypes.string,\n disabled: PropTypes.bool,\n })\n ),\n};\n\nShowTaxonomyInline.defaultProps = {\n displayLabel: '',\n items: [],\n};\n\nexport default ShowTaxonomyInline;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AuditsList/ShowTaxonomyInline.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport EllipsisWithTooltip from 'react-ellipsis-with-tooltip';\nimport { translate as __ } from '../../common/I18n';\n\nconst UserDetails = ({ isAuditLogin, userInfo, remoteAddress }) => {\n const {\n search_path: searchPath,\n display_name: UserDisplayName,\n audit_path: auditPath,\n } = userInfo;\n\n const linkProps = {\n href: searchPath,\n title: __('Filter audits for this user only'),\n className: 'user-info',\n };\n\n if (isAuditLogin) {\n return (\n \n \n \n {UserDisplayName}\n \n \n \n {__('Logged-in')}\n \n \n );\n }\n\n return (\n \n \n \n {UserDisplayName}\n \n \n {remoteAddress ? (\n ({remoteAddress})\n ) : null}\n \n );\n};\n\nUserDetails.propTypes = {\n userInfo: PropTypes.shape({\n search_path: PropTypes.string,\n display_name: PropTypes.string,\n audit_path: PropTypes.string,\n }).isRequired,\n isAuditLogin: PropTypes.bool,\n remoteAddress: PropTypes.string,\n};\n\nUserDetails.defaultProps = {\n isAuditLogin: false,\n remoteAddress: undefined,\n};\n\nexport default UserDetails;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AuditsList/UserDetails.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ListView, Row } from 'patternfly-react';\nimport SearchLink from './SearchLink';\nimport ShowInlineRequestUuid from './ShowInlineRequestUuid';\nimport ShowOrgsLocs from './ShowOrgsLocs';\nimport ActionLinks from './ActionLinks';\nimport ExpansiveView from './ExpansiveView';\nimport UserDetails from './UserDetails';\nimport { translate as __ } from '../../common/I18n';\nimport ShortDateTime from '../common/dates/ShortDateTime';\nimport './audit.scss';\n\nconst isAuditLogin = auditedChanges => {\n let name;\n try {\n [name] = Object.keys(auditedChanges);\n } catch (e) {\n name = '';\n }\n return name === 'last_login_on';\n};\n\nconst description = actionDisplayName => (\n \n {actionDisplayName}\n \n);\n\nconst renderAdditionalInfoItems = items =>\n items &&\n items.map((item, index) => (\n {item}\n ));\n\nconst renderTimestamp = date => (\n \n \n \n);\n\nconst renderResourceLink = (auditTitle, auditTitleUrl, id) => {\n if (auditTitleUrl) {\n return (\n \n );\n }\n return auditTitle;\n};\n\nconst AuditsList = ({ data: { audits }, fetchAndPush }) => {\n const initExpanded = audits.length === 1;\n return (\n \n {audits.map(\n ({\n id,\n created_at: createdAt,\n audited_type_name: auditedTypeName,\n audit_title: auditTitle,\n audit_title_url: auditTitleUrl,\n audited_changes: auditedChanges,\n user_info: userInfo,\n remote_address: remoteAddress,\n action_display_name: actionDisplayName,\n affected_organizations: affectedOrganizations,\n affected_locations: affectedLocations,\n allowed_actions: allowedActions,\n request_uuid: requestUuid,\n comment,\n audited_changes_with_id_to_label: auditedChangesWithIdToLabel,\n details,\n }) => (\n \n }\n description={description(actionDisplayName)}\n stacked={false}\n hideCloseIcon\n initExpanded={initExpanded}\n >\n \n \n \n
\n\n \n \n
\n\n \n \n )\n )}\n \n );\n};\nAuditsList.propTypes = {\n data: PropTypes.shape({\n audits: PropTypes.array.isRequired,\n }).isRequired,\n fetchAndPush: PropTypes.func.isRequired,\n};\n\nexport default AuditsList;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AuditsList/index.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { translate as __ } from '../../common/I18n';\nimport EmptyState from '../common/EmptyState';\nimport { foremanUrl, getManualURL } from '../../common/helpers';\n\nexport const WelcomeAuthSource = ({ canCreate }) => {\n const content = __(\n `The authentication process currently requires an LDAP provider, such as FreeIPA, OpenLDAP or Microsoft's Active Directory.`\n );\n const description = (\n <>\n {__(\n 'Foreman can use LDAP based service for user information and authentication.'\n )}\n \n \n {__('Learn more about LDAP authentication in the documentation.')}\n \n
\n {__(\n 'Foreman can use External service for user information and authentication.'\n )}\n
\n \n {__('Learn more about External authentication in the documentation.')}\n \n \n );\n const action = canCreate && {\n title: __('Create LDAP Authentication Source'),\n url: foremanUrl('auth_source_ldaps/new'),\n };\n\n return (\n \n );\n};\n\nWelcomeAuthSource.propTypes = {\n canCreate: PropTypes.bool,\n};\n\nWelcomeAuthSource.defaultProps = {\n canCreate: false,\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AuthSource/Welcome.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { TypeAheadSelect } from 'patternfly-react';\nimport classNames from 'classnames';\nimport Immutable from 'seamless-immutable';\nimport { bindMethods, debounceMethods, noop } from '../../common/helpers';\nimport AutoCompleteMenu from './components/AutoCompleteMenu';\nimport AutoCompleteSearchButton from './components/AutoCompleteSearchButton';\nimport AutoCompleteError from './components/AutoCompleteError';\nimport AutoCompleteAux from './components/AutoCompleteAux';\nimport AutoCompleteFocusShortcut from './components/AutoCompleteFocusShortcut';\nimport { STATUS } from '../../constants';\nimport { TRIGGERS } from './AutoCompleteConstants';\nimport { KEYCODES } from '../../common/keyCodes';\nimport { translate as __ } from '../../common/I18n';\nimport './auto-complete.scss';\n\nclass AutoComplete extends React.Component {\n constructor(props) {\n super(props);\n bindMethods(this, [\n 'handleClear',\n 'handleInputChange',\n 'handleResultsChange',\n 'handleInputFocus',\n 'getResults',\n 'windowKeyPressHandler',\n 'handleKeyDown',\n ]);\n this._typeahead = React.createRef();\n debounceMethods(this, 500, ['handleLoading']);\n }\n\n componentDidMount() {\n window.addEventListener('keypress', this.windowKeyPressHandler);\n const {\n controller,\n searchQuery,\n disabled,\n error,\n id,\n url,\n initialUpdate,\n } = this.props;\n\n initialUpdate({ searchQuery, controller, id, disabled, error, url });\n }\n\n componentDidUpdate(prevProps) {\n this.handleLoading();\n const { searchQuery, trigger } = this.props;\n const { RESET, CONTROLLER_CHANGED } = TRIGGERS;\n if (trigger === RESET || trigger === CONTROLLER_CHANGED) {\n this.handleClear();\n }\n if (prevProps.searchQuery !== searchQuery) {\n const typeahead = this._typeahead && this._typeahead.current;\n typeahead && typeahead.setState({ text: searchQuery });\n }\n }\n\n windowKeyPressHandler(e) {\n const { useKeyShortcuts, handleSearch } = this.props;\n const instance = this._typeahead.current.getInstance();\n const { ENTER, FWD_SLASH, BACK_SLASH } = KEYCODES;\n const { tagName } = e.target;\n const didEventCameFromInput = tagName === 'INPUT' || tagName === 'TEXTAREA';\n\n /**\n Disable this functionality if the event came from an input,\n or if the 'useKeyShortcuts' is falsy.\n */\n if (didEventCameFromInput || !useKeyShortcuts) {\n return;\n }\n\n switch (e.charCode) {\n case ENTER: {\n handleSearch();\n break;\n }\n case FWD_SLASH:\n case BACK_SLASH: {\n const {\n focus,\n state: { showMenu },\n } = instance;\n const isMenuHidden = !showMenu;\n if (isMenuHidden) {\n e.preventDefault();\n focus();\n }\n break;\n }\n default: {\n break;\n }\n }\n }\n\n getResults(searchQuery, trigger, id) {\n const { getResults, controller, url } = this.props;\n getResults({\n url,\n searchQuery,\n controller,\n trigger,\n id,\n });\n }\n\n handleInputFocus({ target: { value } }) {\n const { id, results } = this.props;\n if (results.length === 0) {\n this.getResults(value, TRIGGERS.INPUT_FOCUS, id);\n }\n }\n\n handleInputChange(searchQuery) {\n const { id } = this.props;\n this.getResults(searchQuery, TRIGGERS.INPUT_CHANGE, id);\n }\n\n // Gets the first result from an array of selected results.\n handleResultsChange({ 0: result }) {\n const { id } = this.props;\n if (!result) {\n return;\n }\n this.getResults(result, TRIGGERS.ITEM_SELECT, id);\n /**\n * HACK: I had no choice but to call to an inner function,\n * due to lack of design in react-bootstrap-typeahead.\n */\n this._typeahead.current.getInstance()._showMenu();\n }\n\n handleKeyDown({ keyCode }) {\n const instance = this._typeahead.current.getInstance();\n switch (keyCode) {\n case KEYCODES.ENTER: {\n if (!instance.state.activeItem) {\n this.props.handleSearch();\n }\n break;\n }\n case KEYCODES.ESC: {\n instance.blur();\n break;\n }\n default: {\n break;\n }\n }\n }\n\n handleClear() {\n const { id } = this.props;\n this._typeahead.current.getInstance().clear();\n this.getResults('', TRIGGERS.INPUT_CLEAR, id);\n }\n\n handleLoading() {\n const { status } = this.props;\n const typeahead = this._typeahead && this._typeahead.current;\n const isLoading = status === STATUS.PENDING;\n typeahead && typeahead.setState({ isLoading });\n }\n\n componentWillUnmount() {\n window.removeEventListener('keypress', this.windowKeyPressHandler);\n const { resetData, controller, id } = this.props;\n resetData(controller, id);\n }\n\n render() {\n const {\n id,\n error,\n name,\n value,\n searchQuery,\n inputProps,\n placeholder,\n results,\n useKeyShortcuts,\n disabled,\n } = this.props;\n /** Using a 3rd party library (react-bootstrap-typeahead) that expects a mutable array. */\n const options = Immutable.isImmutable(results)\n ? results.asMutable()\n : results;\n\n return (\n \n
(\n \n )}\n inputProps={{\n className: classNames(\n 'search-input',\n useKeyShortcuts ? 'use-shortcuts' : ''\n ),\n spellCheck: 'false',\n 'data-autocomplete-id': id,\n autoComplete: 'off',\n name,\n ...inputProps,\n }}\n />\n \n \n \n {error}
\n);\n\nAutoCompleteError.propTypes = {\n error: PropTypes.string,\n};\n\nAutoCompleteError.defaultProps = {\n error: null,\n};\n\nexport default AutoCompleteError;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AutoComplete/components/AutoCompleteError.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport UUID from 'uuid/v1';\nimport classNames from 'classnames';\nimport { OverlayTrigger, Tooltip } from 'patternfly-react';\nimport { translate as __ } from '../../../common/I18n';\n\nconst AutoCompleteFocusShortcut = ({ useKeyShortcuts }) => {\n const tooltip = useKeyShortcuts && (\n {__(\"Press ' / ' to focus on search\")}\n );\n return (\n \n \n /\n \n \n );\n};\n\nAutoCompleteFocusShortcut.propTypes = {\n useKeyShortcuts: PropTypes.bool,\n};\n\nAutoCompleteFocusShortcut.defaultProps = {\n useKeyShortcuts: false,\n};\n\nexport default AutoCompleteFocusShortcut;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AutoComplete/components/AutoCompleteFocusShortcut.js","import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { groupBy } from 'lodash';\nimport { TypeAheadSelect } from 'patternfly-react';\nimport SubstringWrapper from '../../common/SubstringWrapper';\n\nconst { Menu, MenuItem } = TypeAheadSelect;\nconst { Divider, Header } = Menu;\n\nconst AutoCompleteMenu = ({ results, menuProps }) => {\n if (results && results.length === 0) {\n return null;\n }\n\n let itemIndex = 0;\n const grouped = groupBy(results, r => r.category);\n const getMenuItemsByCategory = category =>\n grouped[category].map(result => {\n const item = (\n \n );\n itemIndex += 1;\n return item;\n });\n const items = Object.keys(grouped)\n .sort()\n .map(category => (\n \n {!!itemIndex && }\n \n {getMenuItemsByCategory(category)}\n \n ));\n return ;\n};\n\nAutoCompleteMenu.propTypes = {\n results: PropTypes.array,\n menuProps: PropTypes.object,\n};\n\nAutoCompleteMenu.defaultProps = {\n results: [],\n menuProps: {},\n};\n\nexport default AutoCompleteMenu;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AutoComplete/components/AutoCompleteMenu.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, Col, Icon } from 'patternfly-react';\nimport { translate as __ } from '../../../common/I18n';\n\nconst SearchButton = ({ className, children, ...props }) => (\n \n);\n\nSearchButton.propTypes = {\n className: PropTypes.string,\n children: PropTypes.node,\n};\n\nSearchButton.defaultProps = {\n className: '',\n children: __('Search'),\n};\n\nexport default SearchButton;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AutoComplete/components/AutoCompleteSearchButton.js","import { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport * as actions from './AutoCompleteActions';\nimport reducer from './AutoCompleteReducer';\nimport AutoComplete from './AutoComplete';\nimport {\n selectAutocompleteError,\n selectAutocompleteResults,\n selectAutocompleteSearchQuery,\n selectAutocompleteStatus,\n selectAutocompleteIsDisabled,\n selectAutocompleteUrl,\n selectAutocompleteTrigger,\n} from './AutoCompleteSelectors';\n\nconst mapStateToProps = (state, ownProps) => {\n const { id } = ownProps;\n return {\n error: selectAutocompleteError(state, id, ownProps),\n results: selectAutocompleteResults(state, id, ownProps),\n searchQuery: selectAutocompleteSearchQuery(state, id, ownProps),\n status: selectAutocompleteStatus(state, id, ownProps),\n disabled: selectAutocompleteIsDisabled(state, id, ownProps),\n url: selectAutocompleteUrl(state, id, ownProps),\n trigger: selectAutocompleteTrigger(state, id, ownProps),\n };\n};\n\nconst mapDispatchToProps = dispatch => bindActionCreators(actions, dispatch);\n\nexport const reducers = { autocomplete: reducer };\n\nexport default connect(mapStateToProps, mapDispatchToProps)(AutoComplete);\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/AutoComplete/index.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport EllipisWithTooltip from 'react-ellipsis-with-tooltip';\nimport { Dropdown, MenuItem, Spinner, Icon } from 'patternfly-react';\nimport { PlusIcon } from '@patternfly/react-icons';\nimport SearchModal from './components/SearchModal';\nimport Bookmark from './components/Bookmark';\nimport DocumentationUrl from '../common/DocumentationLink';\nimport { STATUS } from '../../constants';\nimport { noop } from '../../common/helpers';\nimport { sprintf, translate as __ } from '../../../react_app/common/I18n';\nimport history from '../../history';\nimport { stringifyParams } from '../../common/urlHelpers';\n\nconst Bookmarks = props => {\n const loadBookmarks = () => {\n const { bookmarks, status, url, controller, getBookmarks } = props;\n\n if (bookmarks.length === 0 && status !== STATUS.PENDING) {\n getBookmarks(url, controller);\n }\n };\n\n const manageBookmarks = controller => {\n const query = stringifyParams({ searchQuery: `controller=${controller}` });\n history.push({ pathname: '/bookmarks', search: query });\n };\n\n const {\n controller,\n url,\n canCreate,\n bookmarks,\n errors,\n status,\n documentationUrl,\n onBookmarkClick,\n setModalOpen,\n setModalClosed,\n } = props;\n\n return (\n \n \n \n \n \n \n \n {canCreate && (\n \n )}\n \n \n {status === STATUS.PENDING && (\n \n \n \n )}\n {status === STATUS.RESOLVED &&\n ((bookmarks.length > 0 &&\n bookmarks.map(({ name, query }) => (\n \n ))) || )}\n {status === STATUS.ERROR && (\n \n )}\n \n {canCreate && (\n manageBookmarks(controller)}\n >\n {__('Manage Bookmarks')}\n \n )}\n \n \n \n \n );\n};\n\nBookmarks.propTypes = {\n controller: PropTypes.string.isRequired,\n onBookmarkClick: PropTypes.func.isRequired,\n url: PropTypes.string.isRequired,\n canCreate: PropTypes.bool,\n bookmarks: PropTypes.array,\n errors: PropTypes.string,\n status: PropTypes.string,\n documentationUrl: PropTypes.string,\n getBookmarks: PropTypes.func,\n setModalOpen: PropTypes.func.isRequired,\n setModalClosed: PropTypes.func.isRequired,\n};\n\nBookmarks.defaultProps = {\n canCreate: false,\n bookmarks: [],\n errors: '',\n status: null,\n documentationUrl: '',\n getBookmarks: noop,\n};\n\nexport default Bookmarks;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/Bookmarks/Bookmarks.js","import URI from 'urijs';\nimport { get } from '../../redux/API';\nimport { BOOKMARKS } from './BookmarksConstants';\n\nconst _getBookmarks = (url, controller) =>\n get({\n key: BOOKMARKS,\n url,\n payload: { controller },\n });\n\nexport const getBookmarks = (url, controller) => {\n const uri = new URI(url);\n\n // eslint-disable-next-line camelcase\n uri.setSearch({ search: `controller=${controller}`, per_page: 'all' });\n\n return _getBookmarks(uri.toString(), controller);\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/Bookmarks/BookmarksActions.js","export const BOOKMARKS = 'BOOKMARKS';\nexport const BOOKMARKS_REQUEST = 'BOOKMARKS_REQUEST';\nexport const BOOKMARKS_SUCCESS = 'BOOKMARKS_SUCCESS';\nexport const BOOKMARKS_FAILURE = 'BOOKMARKS_FAILURE';\nexport const BOOKMARKS_FORM_SUBMITTED = 'BOOKMARKS_FORM_SUBMITTED';\n\nexport const BOOKMARKS_MODAL = 'bookmarksModal';\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/Bookmarks/BookmarksConstants.js","import Immutable from 'seamless-immutable';\nimport {\n BOOKMARKS_REQUEST,\n BOOKMARKS_SUCCESS,\n BOOKMARKS_FAILURE,\n BOOKMARKS_FORM_SUBMITTED,\n} from './BookmarksConstants';\nimport { STATUS } from '../../constants';\n\nexport const initialState = Immutable({});\n\nconst sortByName = (a, b) => {\n if (a.name < b.name) {\n return -1;\n }\n if (a.name > b.name) {\n return 1;\n }\n // names must be equal\n return 0;\n};\n\nexport default (state = initialState, { type, payload, response }) => {\n switch (type) {\n case BOOKMARKS_REQUEST:\n return state.set(payload.controller, {\n results: [],\n errors: null,\n status: STATUS.PENDING,\n });\n case BOOKMARKS_SUCCESS:\n return state\n .setIn([payload.controller, 'results'], response.results)\n .setIn([payload.controller, 'status'], STATUS.RESOLVED);\n case BOOKMARKS_FORM_SUBMITTED:\n return state.setIn(\n [payload.data.controller, 'results'],\n [...state[payload.data.controller].results, payload.data].sort(\n sortByName\n )\n );\n case BOOKMARKS_FAILURE:\n return state\n .setIn([payload.controller, 'errors'], response)\n .setIn([payload.controller, 'status'], STATUS.ERROR);\n default:\n return state;\n }\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/Bookmarks/BookmarksReducer.js","const selectBookmarkState = state => state.bookmarks;\n\nconst selectBookmarksSubState = (state, controller) =>\n selectBookmarkState(state)[controller];\n\nconst selectBookmarksStateByController = (\n state,\n controller,\n attr,\n defaultValue\n) => {\n const bookmarksState = selectBookmarksSubState(state, controller);\n return bookmarksState ? bookmarksState[attr] : defaultValue;\n};\n\nexport const selectBookmarksStatus = (state, controller) =>\n selectBookmarksStateByController(state, controller, 'status', 'RESOLVED');\n\nexport const selectBookmarksResults = (state, controller) =>\n selectBookmarksStateByController(state, controller, 'results', []);\n\nexport const selectBookmarksErrors = (state, controller) =>\n selectBookmarksStateByController(state, controller, 'errors', null);\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/Bookmarks/BookmarksSelectors.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { MenuItem } from 'patternfly-react';\nimport EllipisWithTooltip from 'react-ellipsis-with-tooltip';\n\nconst Bookmark = ({ text, query, onClick }) => (\n \n);\n\nBookmark.propTypes = {\n onClick: PropTypes.func.isRequired,\n text: PropTypes.string.isRequired,\n query: PropTypes.string.isRequired,\n};\n\nexport default Bookmark;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/Bookmarks/components/Bookmark.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as Yup from 'yup';\n\nimport { noop } from '../../../../common/helpers';\nimport ForemanForm from '../../../common/forms/ForemanForm';\nimport TextField from '../../../common/forms/TextField';\nimport { translate as __ } from '../../../../../react_app/common/I18n';\nimport { maxLengthMsg, requiredMsg } from '../../../common/forms/validators';\n\nconst BookmarkForm = ({\n url,\n submitForm,\n controller,\n onCancel,\n initialValues,\n setModalClosed,\n bookmarks,\n}) => {\n const existsNamesRegex = new RegExp(\n `^(?!(${bookmarks.map(({ name }) => name).join('|')})$).+`\n );\n const bookmarkFormSchema = Yup.object().shape({\n name: Yup.string()\n .max(...maxLengthMsg(254))\n .required(requiredMsg())\n .matches(existsNamesRegex, {\n excludeEmptyString: true,\n message: __('name already exists'),\n }),\n query: Yup.string()\n .max(...maxLengthMsg(4096))\n .required(requiredMsg()),\n });\n\n const handleSubmit = (values, actions) =>\n submitForm({\n url,\n values: { ...values, controller },\n item: 'Bookmarks',\n message: __('Bookmark was successfully created.'),\n successCallback: setModalClosed,\n actions,\n });\n\n return (\n \n \n \n \n \n );\n};\n\nBookmarkForm.propTypes = {\n onCancel: PropTypes.func,\n submitForm: PropTypes.func.isRequired,\n controller: PropTypes.string.isRequired,\n initialValues: PropTypes.object.isRequired,\n url: PropTypes.string.isRequired,\n setModalClosed: PropTypes.func.isRequired,\n bookmarks: PropTypes.array,\n};\n\nBookmarkForm.defaultProps = {\n onCancel: noop,\n bookmarks: [],\n};\n\nexport default BookmarkForm;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/Bookmarks/components/BookmarkForm/BookmarkForm.js","import { connect } from 'react-redux';\nimport BookmarkForm from './BookmarkForm';\nimport { submitForm } from '../../../../redux/actions/common/forms';\nimport { selectAutocompleteSearchQuery } from '../../../AutoComplete/AutoCompleteSelectors';\n\nconst mapStateToProps = (state, { controller }) => ({\n initialValues: {\n public: true,\n query: selectAutocompleteSearchQuery(state, 'searchBar', { controller }),\n },\n});\n\nconst mapDispatchToProps = {\n submitForm,\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(BookmarkForm);\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/Bookmarks/components/BookmarkForm/index.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport ForemanModal from '../../ForemanModal';\nimport { BOOKMARKS_MODAL } from '../BookmarksConstants';\nimport { translate as __ } from '../../../common/I18n';\nimport { noop } from '../../../common/helpers';\nimport BookmarkForm from './BookmarkForm';\n\nconst SearchModal = ({\n setModalClosed,\n onEnter,\n title,\n controller,\n url,\n bookmarks,\n}) => (\n \n \n \n);\n\nSearchModal.propTypes = {\n controller: PropTypes.string.isRequired,\n url: PropTypes.string.isRequired,\n title: PropTypes.string,\n onEnter: PropTypes.func,\n setModalClosed: PropTypes.func.isRequired,\n bookmarks: PropTypes.array,\n};\n\nSearchModal.defaultProps = {\n title: __('Create Bookmark'),\n onEnter: noop,\n bookmarks: [],\n};\n\nexport default SearchModal;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/Bookmarks/components/SearchModal.js","import { connect } from 'react-redux';\nimport { BOOKMARKS_MODAL } from './BookmarksConstants';\nimport * as bookmarksActions from './BookmarksActions';\nimport { bindForemanModalActionsToId } from '../ForemanModal/ForemanModalActions';\nimport { selectIsModalOpen } from '../ForemanModal/ForemanModalSelectors';\nimport Bookmarks from './Bookmarks';\nimport reducer from './BookmarksReducer';\nimport {\n selectBookmarksStatus,\n selectBookmarksResults,\n selectBookmarksErrors,\n} from './BookmarksSelectors';\n\nconst mapStateToProps = (state, { controller }) => ({\n errors: selectBookmarksErrors(state, controller),\n bookmarks: selectBookmarksResults(state, controller),\n status: selectBookmarksStatus(state, controller),\n isModalOpen: selectIsModalOpen(state, BOOKMARKS_MODAL),\n});\n\nconst boundModalActions = bindForemanModalActionsToId({ id: BOOKMARKS_MODAL });\n\nconst mapDispatchToProps = {\n ...bookmarksActions,\n ...boundModalActions, // gives us setModalOpen and setModalClosed\n};\n\nexport const reducers = { bookmarks: reducer };\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Bookmarks);\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/Bookmarks/index.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { BreadcrumbSwitcher } from 'patternfly-react';\n\nimport { noop } from '../../common/helpers';\nimport Breadcrumb from './components/Breadcrumb';\nimport './BreadcrumbBar.scss';\n\nclass BreadcrumbBar extends React.Component {\n handleOpen() {\n const {\n resource,\n loadSwitcherResourcesByResource,\n currentPage,\n resourceUrl,\n resourceSwitcherItems,\n } = this.props;\n const isUrlFormatValid = resourceSwitcherItems.length\n ? resourceSwitcherItems[0].url ===\n resource.switcherItemUrl?.replace(':id', resourceSwitcherItems[0].id)\n : true;\n if (\n !currentPage ||\n resourceUrl !== resource.resourceUrl ||\n !isUrlFormatValid\n ) {\n loadSwitcherResourcesByResource(resource);\n }\n }\n\n render() {\n const {\n breadcrumbItems,\n isSwitchable,\n resource,\n currentPage,\n totalPages,\n resourceSwitcherItems,\n isLoadingResources,\n hasError,\n isSwitcherOpen,\n toggleSwitcher,\n closeSwitcher,\n loadSwitcherResourcesByResource,\n searchQuery,\n removeSearchQuery,\n searchDebounceTimeout,\n onSwitcherItemClick,\n titleReplacement,\n } = this.props;\n\n const isTitle = breadcrumbItems.length === 1;\n const options = ({ pageIncrement }) => ({\n searchQuery,\n page: Number(currentPage) + pageIncrement,\n });\n\n const handleSwitcherItemClick = (e, href) => {\n closeSwitcher();\n onSwitcherItemClick(e, href);\n };\n\n return (\n \n \n {isSwitchable && (\n toggleSwitcher()}\n onHide={() => closeSwitcher()}\n onOpen={() => this.handleOpen()}\n onSearchChange={event =>\n loadSwitcherResourcesByResource(resource, {\n searchQuery: event.target.value,\n })\n }\n onNextPageClick={() =>\n loadSwitcherResourcesByResource(\n resource,\n options({ pageIncrement: 1 })\n )\n }\n onPrevPageClick={() =>\n loadSwitcherResourcesByResource(\n resource,\n options({ pageIncrement: -1 })\n )\n }\n searchValue={searchQuery}\n onSearchClear={() => removeSearchQuery(resource)}\n searchDebounceTimeout={searchDebounceTimeout}\n onResourceClick={handleSwitcherItemClick}\n />\n )}\n \n {!isTitle &&
}\n
\n );\n }\n}\n\nBreadcrumbBar.propTypes = {\n isSwitchable: PropTypes.bool,\n resource: PropTypes.shape({\n nameField: PropTypes.string,\n resourceUrl: PropTypes.string,\n switcherItemUrl: PropTypes.string,\n resourceFilter: PropTypes.string,\n }),\n breadcrumbItems: Breadcrumb.propTypes.items,\n searchDebounceTimeout: PropTypes.number,\n searchQuery: PropTypes.string,\n currentPage: PropTypes.number,\n totalPages: PropTypes.number,\n resourceSwitcherItems: BreadcrumbSwitcher.propTypes.resources,\n resourceUrl: PropTypes.string,\n isLoadingResources: PropTypes.bool,\n hasError: PropTypes.bool,\n isSwitcherOpen: PropTypes.bool,\n titleReplacement: PropTypes.string,\n toggleSwitcher: PropTypes.func,\n closeSwitcher: PropTypes.func,\n loadSwitcherResourcesByResource: PropTypes.func,\n onSwitcherItemClick: PropTypes.func,\n removeSearchQuery: PropTypes.func,\n};\n\nBreadcrumbBar.defaultProps = {\n isSwitchable: false,\n resource: {},\n breadcrumbItems: [],\n searchQuery: '',\n currentPage: null,\n totalPages: 1,\n resourceSwitcherItems: [],\n resourceUrl: null,\n isLoadingResources: false,\n hasError: false,\n isSwitcherOpen: false,\n searchDebounceTimeout: 300,\n titleReplacement: null,\n toggleSwitcher: noop,\n closeSwitcher: noop,\n loadSwitcherResourcesByResource: noop,\n onSwitcherItemClick: noop,\n removeSearchQuery: noop,\n};\n\nexport default BreadcrumbBar;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/BreadcrumbBar/BreadcrumbBar.js","import { flatten, get } from 'lodash';\nimport { translate as __ } from '../../common/I18n';\nimport { API } from '../../redux/API';\n\nimport {\n BREADCRUMB_BAR_TOGGLE_SWITCHER,\n BREADCRUMB_BAR_CLOSE_SWITCHER,\n BREADCRUMB_BAR_RESOURCES_REQUEST,\n BREADCRUMB_BAR_RESOURCES_SUCCESS,\n BREADCRUMB_BAR_RESOURCES_FAILURE,\n BREADCRUMB_BAR_CLEAR_SEARCH,\n BREADCRUMB_BAR_UPDATE_TITLE,\n} from './BreadcrumbBarConstants';\n\nexport const toggleSwitcher = () => ({\n type: BREADCRUMB_BAR_TOGGLE_SWITCHER,\n});\n\nexport const closeSwitcher = () => ({\n type: BREADCRUMB_BAR_CLOSE_SWITCHER,\n});\n\nexport const removeSearchQuery = resource => dispatch => {\n dispatch({\n type: BREADCRUMB_BAR_CLEAR_SEARCH,\n });\n loadSwitcherResourcesByResource(resource)(dispatch);\n};\n\nexport const updateBreadcrumbTitle = title => ({\n type: BREADCRUMB_BAR_UPDATE_TITLE,\n payload: title,\n});\n\nexport const loadSwitcherResourcesByResource = (\n resource,\n { page = 1, searchQuery = '' } = {}\n) => async dispatch => {\n const { resourceUrl, nameField, switcherItemUrl } = resource;\n const options = { page, searchQuery };\n const beforeRequest = () =>\n dispatch({\n type: BREADCRUMB_BAR_RESOURCES_REQUEST,\n payload: { resourceUrl, options },\n });\n\n const onRequestSuccess = response =>\n dispatch({\n type: BREADCRUMB_BAR_RESOURCES_SUCCESS,\n payload: { ...formatResults(response), resourceUrl },\n });\n\n const onRequestFail = error =>\n dispatch({\n type: BREADCRUMB_BAR_RESOURCES_FAILURE,\n payload: { error, resourceUrl },\n });\n\n const formatResults = ({ data }) => {\n const switcherItems = flatten(Object.values(data.results)).map(result => {\n const itemName = get(result, nameField);\n return {\n name: __(itemName),\n id: result.id,\n href: switcherItemUrl\n .replace(':id', result.id)\n .replace(':name', itemName),\n };\n });\n\n return {\n items: switcherItems,\n page: Number(data.page),\n pages: Number(data.subtotal) / Number(data.per_page),\n };\n };\n beforeRequest();\n try {\n const response = await API.get(\n resourceUrl,\n {},\n {\n page,\n per_page: 10,\n search: createSearch(nameField, searchQuery, resource.resourceFilter),\n }\n );\n return onRequestSuccess(response);\n } catch (error) {\n return onRequestFail(error);\n }\n};\n\nexport const createSearch = (nameField, searchQuery, resourceFilter) => {\n let query = '';\n if (resourceFilter) {\n query += resourceFilter;\n }\n\n if (query && searchQuery) {\n query += ` AND ${simpleNameQuery(nameField, searchQuery)}`;\n } else {\n query += simpleNameQuery(nameField, searchQuery);\n }\n\n return query;\n};\n\nconst simpleNameQuery = (nameField, searchQuery) =>\n searchQuery ? `${[nameField]}~${searchQuery}` : '';\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/BreadcrumbBar/BreadcrumbBarActions.js","export const BREADCRUMB_BAR_TOGGLE_SWITCHER = 'BREADCRUMB_BAR_TOGGLE_SWITCHER';\nexport const BREADCRUMB_BAR_CLOSE_SWITCHER = 'BREADCRUMB_BAR_CLOSE_SWITCHER';\nexport const BREADCRUMB_BAR_RESOURCES_REQUEST =\n 'BREADCRUMB_BAR_RESOURCES_REQUEST';\nexport const BREADCRUMB_BAR_RESOURCES_SUCCESS =\n 'BREADCRUMB_BAR_RESOURCES_SUCCESS';\nexport const BREADCRUMB_BAR_RESOURCES_FAILURE =\n 'BREADCRUMB_BAR_RESOURCES_FAILURE';\nexport const BREADCRUMB_BAR_CLEAR_SEARCH = 'BREADCRUMB_BAR_DELETE_SEARCH';\nexport const BREADCRUMB_BAR_UPDATE_TITLE = 'BREADCRUMB_BAR_UPDATE_TITLE';\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/BreadcrumbBar/BreadcrumbBarConstants.js","import Immutable from 'seamless-immutable';\n\nimport {\n BREADCRUMB_BAR_TOGGLE_SWITCHER,\n BREADCRUMB_BAR_CLOSE_SWITCHER,\n BREADCRUMB_BAR_RESOURCES_REQUEST,\n BREADCRUMB_BAR_RESOURCES_SUCCESS,\n BREADCRUMB_BAR_RESOURCES_FAILURE,\n BREADCRUMB_BAR_CLEAR_SEARCH,\n BREADCRUMB_BAR_UPDATE_TITLE,\n} from './BreadcrumbBarConstants';\n\nconst initialState = Immutable({\n resourceSwitcherItems: [],\n isLoadingResources: false,\n isSwitcherOpen: false,\n resourceUrl: null,\n requestError: null,\n currentPage: null,\n searchQuery: '',\n pages: null,\n titleReplacement: null,\n});\n\nexport default (state = initialState, action) => {\n const { payload } = action;\n\n switch (action.type) {\n case BREADCRUMB_BAR_CLEAR_SEARCH:\n return state.set('searchQuery', '');\n\n case BREADCRUMB_BAR_UPDATE_TITLE:\n return state.set('titleReplacement', payload);\n\n case BREADCRUMB_BAR_RESOURCES_REQUEST:\n return state\n .set('resourceSwitcherItems', [])\n .set('resourceUrl', payload.resourceUrl)\n .set('requestError', null)\n .set('isLoadingResources', true)\n .set('searchQuery', payload.options.searchQuery);\n\n case BREADCRUMB_BAR_RESOURCES_SUCCESS:\n return state\n .set('resourceSwitcherItems', payload.items)\n .set('resourceUrl', payload.resourceUrl)\n .set('currentPage', payload.page)\n .set('pages', payload.pages)\n .set('requestError', null)\n .set('isLoadingResources', false);\n\n case BREADCRUMB_BAR_RESOURCES_FAILURE:\n return state\n .set('resourceSwitcherItems', [])\n .set('requestError', payload.error)\n .set('resourceUrl', payload.resourceUrl)\n .set('isLoadingResources', false);\n\n case BREADCRUMB_BAR_TOGGLE_SWITCHER:\n return state.set('isSwitcherOpen', !state.isSwitcherOpen);\n\n case BREADCRUMB_BAR_CLOSE_SWITCHER:\n return state.set('isSwitcherOpen', false);\n\n default:\n return state;\n }\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/BreadcrumbBar/BreadcrumbBarReducer.js","export const selectBreadcrumbBar = state => state.breadcrumbBar;\nexport const selectResourceSwitcherItems = state =>\n selectBreadcrumbBar(state).resourceSwitcherItems;\nexport const selectResourceUrl = state =>\n selectBreadcrumbBar(state).resourceUrl;\nexport const selectIsSwitcherOpen = state =>\n selectBreadcrumbBar(state).isSwitcherOpen;\nexport const selectIsLoadingResources = state =>\n selectBreadcrumbBar(state).isLoadingResources;\nexport const selectHasError = state =>\n selectBreadcrumbBar(state).requestError != null;\nexport const selectCurrentPage = state =>\n selectBreadcrumbBar(state).currentPage;\nexport const selectTotalPages = state => selectBreadcrumbBar(state).pages;\nexport const selectSearchQuery = state =>\n selectBreadcrumbBar(state).searchQuery;\nexport const selectRemoveSearchQuery = state =>\n selectBreadcrumbBar(state).removeSearchQuery;\nexport const selectTitleReplacement = state =>\n selectBreadcrumbBar(state).titleReplacement;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/BreadcrumbBar/BreadcrumbBarSelector.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport {\n Breadcrumb as PfBreadcrumb,\n BreadcrumbItem,\n} from '@patternfly/react-core';\nimport EllipsisWithTooltip from 'react-ellipsis-with-tooltip';\nimport './Breadcrumbs.scss';\n\nconst Breadcrumb = ({\n items,\n isTitle,\n titleReplacement,\n children,\n ...props\n}) => {\n if (isTitle) {\n return (\n \n
{items[0].caption}
\n \n );\n }\n\n return (\n \n {items.map((item, index) => {\n const active = index === items.length - 1;\n const { caption, url, onClick } = item;\n const { icon, text } = caption || {};\n\n const overrideTitle = active && titleReplacement;\n const itemTitle = overrideTitle || text || caption || '';\n\n if (!icon && !itemTitle) return null;\n\n const inner = active ? (\n \n {itemTitle}\n \n ) : (\n itemTitle\n );\n\n return (\n \n {icon && 
}{' '}\n {inner}\n {active && children}\n \n );\n })}\n \n );\n};\n\nBreadcrumb.propTypes = {\n children: PropTypes.node,\n titleReplacement: PropTypes.string,\n isTitle: PropTypes.bool,\n items: PropTypes.arrayOf(\n PropTypes.shape({\n caption: PropTypes.oneOfType([\n PropTypes.string.isRequired,\n PropTypes.shape({\n icon: PropTypes.shape({\n url: PropTypes.string,\n alt: PropTypes.string,\n }),\n text: PropTypes.string,\n }),\n ]),\n url: PropTypes.string,\n })\n ),\n};\n\nBreadcrumb.defaultProps = {\n children: null,\n isTitle: false,\n items: [],\n titleReplacement: null,\n};\n\nexport default Breadcrumb;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/BreadcrumbBar/components/Breadcrumb.js","import { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\n\nimport * as actions from './BreadcrumbBarActions';\nimport reducer from './BreadcrumbBarReducer';\n\nimport {\n selectResourceSwitcherItems,\n selectIsSwitcherOpen,\n selectResourceUrl,\n selectIsLoadingResources,\n selectHasError,\n selectCurrentPage,\n selectTotalPages,\n selectSearchQuery,\n selectRemoveSearchQuery,\n selectTitleReplacement,\n} from './BreadcrumbBarSelector';\n\nimport BreadcrumbBar from './BreadcrumbBar';\n\n// map state to props\nconst mapStateToProps = state => ({\n resourceSwitcherItems: selectResourceSwitcherItems(state),\n isSwitcherOpen: selectIsSwitcherOpen(state),\n resourceUrl: selectResourceUrl(state),\n isLoadingResources: selectIsLoadingResources(state),\n hasError: selectHasError(state),\n currentPage: selectCurrentPage(state),\n totalPages: selectTotalPages(state),\n searchQuery: selectSearchQuery(state),\n removeSearchQuery: selectRemoveSearchQuery(state),\n titleReplacement: selectTitleReplacement(state),\n});\n\n// map action dispatchers to props\nconst mapDispatchToProps = dispatch => bindActionCreators(actions, dispatch);\n\n// export reducers\nexport const reducers = { breadcrumbBar: reducer };\n\n// export connected component\nexport default connect(mapStateToProps, mapDispatchToProps)(BreadcrumbBar);\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/BreadcrumbBar/index.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Card, Modal } from 'patternfly-react';\nimport { isEqual } from 'lodash';\nimport classNames from 'classnames';\nimport ElipsisWithTooltip from 'react-ellipsis-with-tooltip';\nimport DonutChart from '../common/charts/DonutChart';\nimport BarChart from '../common/charts/BarChart';\nimport Loader from '../common/Loader';\nimport MessageBox from '../common/MessageBox';\nimport { translate as __ } from '../../common/I18n';\nimport './ChartBox.css';\n\nclass ChartBox extends React.Component {\n constructor(props) {\n super(props);\n this.state = { showModal: false };\n }\n shouldComponentUpdate(nextProps, nextState) {\n return (\n !isEqual(this.props.chart, nextProps.chart) ||\n !isEqual(this.state, nextState)\n );\n }\n\n openModal = () => {\n this.setState({ showModal: true });\n };\n\n closeModal = () => {\n this.setState({ showModal: false });\n };\n\n render() {\n const { chart, type, config, title, status, className } = this.props;\n const components = {\n donut: DonutChart,\n bar: BarChart,\n };\n const Chart = components[type];\n const dataFiltered = chart.data && chart.data.filter(arr => arr[1] !== 0);\n const hasChartData = dataFiltered && dataFiltered.length > 0;\n const headerProps = hasChartData\n ? {\n onClick: this.openModal,\n title: this.props.tip,\n 'data-toggle': 'tooltip',\n 'data-placement': 'top',\n }\n : {};\n const chartProps = {\n searchUrl:\n chart.search && !chart.search.match(/=$/) ? chart.search : null,\n data: chart.data ? chart.data : undefined,\n key: `${chart.id}-chart`,\n };\n\n const barChartProps = {\n ...chartProps,\n xAxisLabel: chart.xAxisLabel,\n yAxisLabel: chart.yAxisLabel,\n };\n\n const chartPropsForType = {\n donut: chartProps,\n bar: barChartProps,\n };\n\n const panelChart = ;\n const error = (\n \n );\n\n return (\n \n \n \n {title} \n \n \n \n {[panelChart, error]}\n {this.state.showModal && (\n \n \n {title}\n \n \n \n \n \n )}\n \n \n );\n }\n}\n\nChartBox.propTypes = {\n status: PropTypes.string.isRequired,\n title: PropTypes.node,\n className: PropTypes.string,\n config: PropTypes.string,\n noDataMsg: PropTypes.string,\n errorText: PropTypes.string,\n type: PropTypes.oneOf(['donut', 'bar']).isRequired,\n chart: PropTypes.object,\n tip: PropTypes.string,\n};\n\nChartBox.defaultProps = {\n title: '',\n className: '',\n config: 'regular',\n noDataMsg: __('No data available'),\n errorText: '',\n chart: {},\n tip: '',\n};\n\nexport default ChartBox;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/ChartBox/ChartBox.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col } from 'patternfly-react';\nimport classNames from 'classnames';\nimport ChartBox from '../ChartBox/ChartBox';\nimport { translate as __ } from '../../common/I18n';\nimport { STATUS } from '../../constants';\n\nimport './ConfigReports.scss';\n\nconst ConfigReports = props => {\n const {\n metricsChartData,\n statusChartData,\n metricsData: { tableData, tableClasses, total },\n } = props.data;\n\n const createRow = ([name, value], i) => (\n \n | {name} | \n {value} | \n
\n );\n\n const chartBoxProps = {\n className: 'report-chart',\n noDataMsg: __('No data available'),\n status: STATUS.RESOLVED,\n config: 'medium',\n };\n\n return (\n \n \n \n \n\n \n \n \n \n \n {tableData.map((metric, i) => createRow(metric, i))}\n \n \n | {__('Total')} | \n {total} | \n
\n \n
\n \n
\n );\n};\n\nConfigReports.propTypes = {\n data: PropTypes.shape({\n metricsChartData: PropTypes.array,\n statusChartData: PropTypes.array,\n metricsData: PropTypes.shape({\n tableData: PropTypes.array,\n total: PropTypes.number,\n tableClasses: PropTypes.string,\n }),\n }).isRequired,\n};\n\nexport default ConfigReports;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/ConfigReports/ConfigReports.js","import React from 'react';\nimport { Modal, Icon, Button } from 'patternfly-react';\nimport PropTypes from 'prop-types';\n\nimport { noop } from '../../../common/helpers';\nimport DiffView from '../../DiffView/DiffView';\nimport DiffRadioButtons from '../../DiffView/DiffRadioButtons';\n\nimport './diffmodal.scss';\n\nconst DiffModal = ({\n title,\n oldText,\n newText,\n diff,\n isOpen,\n toggleModal,\n diffViewType,\n changeViewType,\n}) => (\n \n \n {title}
\n \n \n \n \n \n \n \n \n
\n \n \n);\n\nDiffModal.propTypes = {\n title: PropTypes.string,\n diff: PropTypes.string,\n oldText: PropTypes.string,\n newText: PropTypes.string,\n diffViewType: PropTypes.oneOf(['split', 'unified']),\n isOpen: PropTypes.bool,\n changeViewType: PropTypes.func,\n toggleModal: PropTypes.func,\n};\n\nDiffModal.defaultProps = {\n title: '',\n diff: '',\n oldText: '',\n newText: '',\n diffViewType: 'split',\n isOpen: false,\n changeViewType: noop,\n toggleModal: noop,\n};\n\nexport default DiffModal;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/ConfigReports/DiffModal/DiffModal.js","import {\n DIFF_MODAL_TOGGLE,\n DIFF_MODAL_CREATE,\n DIFF_MODAL_VIEWTYPE,\n} from './DiffModalConstants';\n\nexport const toggleModal = () => ({\n type: DIFF_MODAL_TOGGLE,\n});\n\nexport const changeViewType = viewType => dispatch => {\n dispatch({\n type: DIFF_MODAL_VIEWTYPE,\n payload: {\n diffViewType: viewType,\n },\n });\n};\n\nexport const createDiff = (diff, title) => dispatch => {\n dispatch({\n type: DIFF_MODAL_CREATE,\n payload: {\n diff,\n title,\n isOpen: true,\n },\n });\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/ConfigReports/DiffModal/DiffModalActions.js","export const DIFF_MODAL_TOGGLE = 'DIFF_MODAL_TOGGLE';\nexport const DIFF_MODAL_CREATE = 'DIFF_MODAL_CREATE';\nexport const DIFF_MODAL_VIEWTYPE = 'DIFF_MODAL_VIEWTYPE';\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/ConfigReports/DiffModal/DiffModalConstants.js","import Immutable from 'seamless-immutable';\nimport {\n DIFF_MODAL_TOGGLE,\n DIFF_MODAL_CREATE,\n DIFF_MODAL_VIEWTYPE,\n} from './DiffModalConstants';\n\nconst initialState = Immutable({\n isOpen: false,\n diff: '',\n title: '',\n diffViewType: 'split',\n});\n\nexport default (state = initialState, action) => {\n switch (action.type) {\n case DIFF_MODAL_TOGGLE:\n return state.set('isOpen', !state.isOpen);\n case DIFF_MODAL_VIEWTYPE:\n return state.set('diffViewType', action.payload.diffViewType);\n case DIFF_MODAL_CREATE:\n return state.merge(action.payload);\n\n default:\n return state;\n }\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/ConfigReports/DiffModal/DiffModalReducer.js","import { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\n\nimport * as actions from './DiffModalActions';\nimport reducer from './DiffModalReducer';\n\nimport DiffModal from './DiffModal';\n\n// map state to props\nconst mapStateToProps = ({ diffModal }) => ({\n isOpen: diffModal.isOpen,\n diff: diffModal.diff,\n title: diffModal.title,\n diffViewType: diffModal.diffViewType,\n});\n\n// map action dispatchers to props\nconst mapDispatchToProps = dispatch => bindActionCreators(actions, dispatch);\n\n// export reducers\nexport const reducers = { diffModal: reducer };\n\n// export connected component\nexport default connect(mapStateToProps, mapDispatchToProps)(DiffModal);\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/ConfigReports/DiffModal/index.js","import React from 'react';\nimport { translate as __ } from '../../common/I18n';\nimport EmptyState from '../common/EmptyState';\nimport { getManualURL, getWikiURL } from '../../common/helpers';\n\nexport const WelcomeConfigReports = () => {\n const content = __(`If you wish to configure Puppet to forward its reports to Foreman, \n please follow setting up reporting and\n e-mail reporting`);\n const description = (\n <>\n {__(\"You don't seem to have any reports.\")}\n \n \n );\n return (\n \n );\n};\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/ConfigReports/Welcome.js","export const SPLIT = 'split';\nexport const UNIFIED = 'unified';\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/DiffView/DiffConsts.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { bindMethods } from '../../common/helpers';\n\nimport DiffView from './DiffView';\nimport DiffRadioButtons from './DiffRadioButtons';\nimport './diffview.scss';\n\nclass DiffContainer extends React.Component {\n constructor(props) {\n super(props);\n bindMethods(this, ['changeState']);\n this.state = {\n viewType: 'split',\n };\n }\n\n changeState(viewType) {\n this.setState({ viewType });\n }\n\n render() {\n const { patch, oldText, newText, className } = this.props;\n const { viewType } = this.state;\n return (\n \n );\n }\n}\n\nDiffContainer.propTypes = {\n oldText: PropTypes.string,\n newText: PropTypes.string,\n patch: PropTypes.string,\n className: PropTypes.string,\n};\n\nDiffContainer.defaultProps = {\n oldText: '',\n newText: '',\n patch: '',\n className: '',\n};\n\nexport default DiffContainer;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/DiffView/DiffContainer.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { ButtonGroup, Button } from 'patternfly-react';\nimport { translate as __ } from '../../common/I18n';\nimport { SPLIT, UNIFIED } from './DiffConsts';\n\nconst btnClass = (stateView, btnView) =>\n classNames('diff-button', { active: stateView === btnView });\n\nconst radioButton = (stateView, btnView, changeState) => (\n \n {btnView}\n \n);\n\nconst DiffRadioButtons = ({ stateView, changeState }) => (\n \n \n {radioButton(stateView, __('split'), () => {\n changeState(SPLIT);\n })}\n {radioButton(stateView, __('unified'), () => {\n changeState(UNIFIED);\n })}\n \n
\n);\n\nDiffRadioButtons.propTypes = {\n stateView: PropTypes.string.isRequired,\n changeState: PropTypes.func.isRequired,\n};\n\nexport default DiffRadioButtons;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/DiffView/DiffRadioButtons.js","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { parseDiff, Diff } from 'react-diff-view';\nimport { formatLines, diffLines } from 'unidiff';\nimport './diffview.scss';\n\nconst getDiff = (oldText, newText) => {\n const diffText = formatLines(diffLines(oldText, newText), { context: 3 });\n // these two lines are faked to mock git diff output\n const header = ['diff --git a/a b/b', 'index 0000000..1111111 100644'];\n return `${header.join('\\n')}\\n${diffText}`;\n};\n\nconst DiffView = ({ oldText, newText, viewType, patch }) => {\n // old,new Text\n if (patch === '') {\n const gitDiff = getDiff(oldText, newText);\n const files = parseDiff(gitDiff);\n const { hunks, type } = files[0];\n return hunks && ;\n }\n // Patch\n const files = parseDiff(\n patch\n .split('\\n')\n .slice(1)\n .join('\\n')\n );\n // eslint-disable-next-line react/prop-types\n const renderFile = ({ oldRevision, newRevision, type, hunks }) => (\n \n );\n\n return {files.map(renderFile)}
;\n};\n\nDiffView.propTypes = {\n // None are required because only one can be used at a time: (old + new || patch)\n oldText: PropTypes.string,\n newText: PropTypes.string,\n viewType: PropTypes.string.isRequired,\n patch: PropTypes.string,\n};\n\nDiffView.defaultProps = {\n oldText: '',\n newText: '',\n patch: '',\n};\n\nexport default DiffView;\n\n\n\n// WEBPACK FOOTER //\n// ./webpack/assets/javascripts/react_app/components/DiffView/DiffView.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ToastNotification } from 'patternfly-react';\n\nimport { noop } from '../../common/helpers';\nimport DiffView from '../DiffView/DiffView';\nimport EditorView from './components/EditorView';\nimport EditorNavbar from './components/EditorNavbar';\nimport EditorModal from './components/EditorModal';\nimport {\n EDITOR_THEMES,\n EDITOR_KEYBINDINGS,\n EDITOR_MODES,\n} from './EditorConstants';\nimport './editor.scss';\n\nclass Editor extends React.Component {\n componentDidMount() {\n const {\n data: { hosts, templateClass, locked, template, type },\n initializeEditor,\n isMasked,\n isRendering,\n readOnly,\n previewResult,\n selectedView,\n showError,\n } = this.props;\n\n const initializeData = {\n hosts,\n isMasked,\n templateClass,\n isRendering,\n locked,\n readOnly,\n previewResult,\n selectedView,\n showError,\n template,\n type,\n };\n initializeEditor(initializeData);\n }\n\n render() {\n const {\n data: {\n name,\n isSafemodeEnabled,\n renderPath,\n safemodeRenderPath,\n showHide,\n showImport,\n showPreview,\n showHostSelector,\n template,\n title,\n },\n changeDiffViewType,\n changeEditorValue,\n changeSetting,\n changeTab,\n diffViewType,\n dismissErrorToast,\n editorName,\n errorText,\n fetchAndPreview,\n filteredHosts,\n hosts,\n importFile,\n isFetchingHosts,\n isLoading,\n isMasked,\n isMaximized,\n isRendering,\n isSearchingHosts,\n isSelectOpen,\n keyBinding,\n mode,\n onHostSearch,\n onHostSelectToggle,\n onSearchClear,\n previewResult,\n previewTemplate,\n readOnly,\n renderedEditorValue,\n revertChanges,\n searchQuery,\n selectedHost,\n selectedView,\n showError,\n theme,\n toggleMaskValue,\n toggleModal,\n toggleRenderView,\n value,\n } = this.props;\n\n const editorViewProps = {\n value: isRendering ? previewResult : value,\n mode: isRendering ? 'Text' : mode,\n theme,\n keyBinding,\n onChange: isRendering ? noop : changeEditorValue,\n readOnly: readOnly || isRendering,\n isMasked,\n };\n const editorNameTab = {\n input: `${editorName}Code`,\n preview: `${editorName}Preview`,\n };\n\n return (\n \n
dismissErrorToast()}\n >\n {errorText}\n \n \n \n \n \n \n