47 lines
1.7 KiB
TypeScript
47 lines
1.7 KiB
TypeScript
import { Snippet, SnippetScope } from '../types/Snippet'
|
|
import { isNetworkAdmin } from '../utils/general'
|
|
|
|
export type SuccessCallback = (response: { success: boolean, data?: unknown }) => void
|
|
|
|
const sendSnippetRequest = (query: string, onSuccess?: SuccessCallback) => {
|
|
const request = new XMLHttpRequest()
|
|
request.open('POST', window.ajaxurl, true)
|
|
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded charset=UTF-8')
|
|
|
|
request.onload = () => {
|
|
const success = 200
|
|
const errorStart = 400
|
|
if (success > request.status || errorStart <= request.status) return
|
|
// eslint-disable-next-line no-console
|
|
console.info(request.responseText)
|
|
|
|
onSuccess?.(JSON.parse(request.responseText))
|
|
}
|
|
|
|
request.send(query)
|
|
}
|
|
|
|
/**
|
|
* Update the data of a given snippet using AJAX
|
|
* @param field
|
|
* @param row
|
|
* @param snippet
|
|
* @param successCallback
|
|
*/
|
|
export const updateSnippet = (field: keyof Snippet, row: Element, snippet: Partial<Snippet>, successCallback?: SuccessCallback) => {
|
|
const nonce = document.getElementById('code_snippets_ajax_nonce') as HTMLInputElement | null
|
|
const columnId = row.querySelector('.column-id')
|
|
|
|
if (!nonce || !columnId?.textContent || !parseInt(columnId.textContent, 10)) {
|
|
return
|
|
}
|
|
|
|
snippet.id = parseInt(columnId.textContent, 10)
|
|
snippet.shared_network = Boolean(row.className.match(/\bshared-network-snippet\b/))
|
|
snippet.network = snippet.shared_network || isNetworkAdmin()
|
|
snippet.scope = row.getAttribute('data-snippet-scope') as SnippetScope | null ?? snippet.scope
|
|
|
|
const queryString = `action=update_code_snippet&_ajax_nonce=${nonce.value}&field=${field}&snippet=${JSON.stringify(snippet)}`
|
|
sendSnippetRequest(queryString, successCallback)
|
|
}
|