` +
+ ` ondrop="on_ext_drop('${esc(num)}', event)"` +
+ ` oncontextmenu="on_ext_contextmenu(event, '${esc(num)}')">` +
`
` +
`
${esc(num)}
` +
@@ -1813,6 +2607,7 @@ function build_group_filter_buttons(group_keys) {
const targets = [
document.getElementById('group_filter_buttons'),
document.getElementById('group_filter_buttons_calls'),
+ document.getElementById('group_filter_buttons_parked'),
document.getElementById('group_filter_buttons_conferences'),
document.getElementById('group_filter_buttons_agents'),
].filter(Boolean);
@@ -1855,6 +2650,7 @@ function toggle_group_filter(btn) {
apply_extension_filters();
apply_calls_filters();
+ apply_parked_filters();
apply_conferences_filters();
apply_agents_filters();
}
@@ -1922,6 +2718,36 @@ function apply_conferences_filters() {
}
}
+function apply_parked_filters() {
+ const container = document.getElementById('parked_container');
+ if (!container) return;
+ const table = container.querySelector('table.list');
+ if (!table) return;
+
+ const filter_text = (((document.getElementById('parked_text_filter') || {}).value) || '').trim().toLowerCase();
+ let visible_count = 0;
+ table.querySelectorAll('tr.list-row').forEach(row => {
+ const group_key = row.getAttribute('data-group-key') || '';
+ const group_ok = matches_group_filter(group_key);
+ const text_ok = !filter_text || (row.textContent || '').toLowerCase().indexOf(filter_text) !== -1;
+ const show = group_ok && text_ok;
+ row.style.display = show ? '' : 'none';
+ if (show) visible_count++;
+ });
+
+ let empty = container.querySelector('.op-empty-filter-result');
+ if (visible_count === 0) {
+ if (!empty) {
+ empty = document.createElement('p');
+ empty.className = 'text-muted op-empty-filter-result';
+ empty.textContent = text['label-no_parked_calls'] || 'No parked calls';
+ container.appendChild(empty);
+ }
+ } else if (empty) {
+ empty.remove();
+ }
+}
+
function apply_agents_filters() {
const container = document.getElementById('agents_container');
if (!container) return;
@@ -2073,6 +2899,7 @@ function render_extensions_tab() {
if (all.length === 0) {
if (my_container) my_container.innerHTML = '';
container.innerHTML = `
${esc(text['label-no_extensions'] || 'No extensions found.')}
`;
+ render_parked_side_card();
set_filter_bar_visibility(false);
return;
}
@@ -2136,6 +2963,7 @@ function render_extensions_tab() {
my_container.innerHTML = '';
}
}
+ render_parked_side_card();
// Render other groups into the main container
let html = '';
@@ -2201,11 +3029,16 @@ function on_drag_call(uuid, event) {
dragged_call_source_extension = null;
dragged_extension = null; // Not dragging an extension
dragged_eavesdrop_uuid = null;
+ dragged_parked_uuid = null;
event.dataTransfer.setData('text/plain', uuid);
event.dataTransfer.effectAllowed = 'move';
set_drag_visual_state(true);
}
+function can_drop_into_parked_box() {
+ return !!(dragged_call_uuid || dragged_eavesdrop_uuid === null && dragged_extension === null && dragged_parked_uuid === null);
+}
+
/**
* Called when dragging an idle extension (for call origination).
* @param {string} ext_number
@@ -2232,13 +3065,87 @@ function on_ext_dragstart(ext_number, event) {
}
dragged_eavesdrop_uuid = null;
+ dragged_parked_uuid = null;
+ set_drag_visual_state(true);
+}
+
+/**
+ * Called on dragstart of a parked call row; stores the parked UUID.
+ * @param {string} uuid
+ * @param {DragEvent} event
+ */
+function on_drag_parked(uuid, event) {
+ dragged_parked_uuid = uuid;
+ dragged_call_uuid = null;
+ dragged_call_source_extension = null;
+ dragged_extension = null;
+ dragged_eavesdrop_uuid = null;
+ event.dataTransfer.setData('text/plain', uuid);
+ event.dataTransfer.effectAllowed = 'move';
set_drag_visual_state(true);
}
function on_drag_end() {
+ dragged_parked_uuid = null;
+ document.querySelectorAll('.op-parked-drop-over').forEach(el => el.classList.remove('op-parked-drop-over'));
set_drag_visual_state(false);
}
+function on_parked_dragover(event) {
+ const can_drop = !!dragged_call_uuid;
+ if (!can_drop) return;
+ event.preventDefault();
+ event.dataTransfer.dropEffect = 'move';
+ const target = event.currentTarget;
+ if (target) target.classList.add('op-parked-drop-over');
+}
+
+function on_parked_dragleave(event) {
+ const target = event.currentTarget;
+ if (target) target.classList.remove('op-parked-drop-over');
+}
+
+function on_parked_drop(event) {
+ event.preventDefault();
+ const target = event.currentTarget;
+ if (target) target.classList.remove('op-parked-drop-over');
+ set_drag_visual_state(false);
+
+ if (!dragged_call_uuid || !park_destination) return;
+
+ const uuid = dragged_call_uuid;
+ const source_ext = dragged_call_source_extension;
+ dragged_call_uuid = null;
+ dragged_call_source_extension = null;
+ dragged_eavesdrop_uuid = null;
+ dragged_extension = null;
+ dragged_parked_uuid = null;
+
+ const payload = { uuid, destination: park_destination, context: domain_name };
+ // Determine whether to use -bleg based on call type.
+ // For internal ext-to-ext calls: transfer the dragged extension's own
+ // channel into the parking lot (no -bleg), so the dragged ext is parked
+ // and the other internal extension is freed.
+ // For inbound external calls: use -bleg to park the external caller
+ // and free the local extension.
+ if (source_ext) {
+ const call = calls_map.get(uuid);
+ const caller_num = (call && (call.caller_caller_id_number || call.caller_id_number || '')).toString().trim();
+ const is_internal = caller_num !== '' && extensions_map.has(caller_num);
+ if (!is_internal) {
+ payload.bleg = true;
+ }
+ }
+ send_action('transfer', payload)
+ .then(() => {
+ // Multiple retries: FreeSWITCH may need time to complete the park
+ setTimeout(load_parked_snapshot, 600);
+ setTimeout(load_parked_snapshot, 1500);
+ setTimeout(load_parked_snapshot, 3000);
+ })
+ .catch(console.error);
+}
+
function set_drag_visual_state(is_dragging) {
if (!document || !document.body) return;
document.body.classList.toggle('op-dragging', !!is_dragging);
@@ -2302,12 +3209,12 @@ function submit_ext_dial(ext_number, event) {
*/
function on_ext_dragover(event) {
const can_receive_originate = event.currentTarget.dataset.canReceiveOriginate === 'true';
- const can_drop = dragged_call_uuid || dragged_eavesdrop_uuid || (dragged_extension && can_receive_originate);
+ const can_drop = dragged_call_uuid || dragged_parked_uuid || dragged_eavesdrop_uuid || (dragged_extension && can_receive_originate);
if (!can_drop) return;
event.preventDefault();
// Determine drop effect based on what's being dragged
- event.dataTransfer.dropEffect = dragged_call_uuid ? 'move' : 'copy';
+ event.dataTransfer.dropEffect = (dragged_call_uuid || dragged_parked_uuid) ? 'move' : 'copy';
event.currentTarget.classList.add('op-ext-drop-over');
}
@@ -2321,6 +3228,25 @@ function on_ext_drop(ext_number, event) {
event.currentTarget.classList.remove('op-ext-drop-over');
set_drag_visual_state(false);
+ // When an extension block is dropped onto a ringing target, show the
+ // action chooser modal regardless of whether the source ext has a call.
+ const target_is_ringing = event.currentTarget.classList.contains('op-ext-ringing');
+ const target_call_uuid = event.currentTarget.dataset.callUuid || '';
+ const from_ext_block = dragged_extension || (dragged_call_uuid && dragged_call_source_extension) || '';
+
+ if (target_is_ringing && target_call_uuid && from_ext_block) {
+ const from_ext = dragged_extension || dragged_call_source_extension;
+ dragged_call_uuid = null;
+ dragged_call_source_extension = null;
+ dragged_extension = null;
+ dragged_eavesdrop_uuid = null;
+ dragged_parked_uuid = null;
+ if (from_ext && from_ext !== ext_number) {
+ show_ringing_action_modal(target_call_uuid, from_ext, ext_number);
+ return;
+ }
+ }
+
// Determine what was dropped and perform the appropriate action
if (dragged_call_uuid) {
// Transfer an existing call to the destination extension
@@ -2329,6 +3255,7 @@ function on_ext_drop(ext_number, event) {
dragged_call_uuid = null;
dragged_call_source_extension = null;
dragged_eavesdrop_uuid = null;
+ dragged_parked_uuid = null;
dragged_extension = null;
if (!uuid || !ext_number) return;
if (source_ext && source_ext === ext_number) return;
@@ -2336,7 +3263,26 @@ function on_ext_drop(ext_number, event) {
// leg; use -bleg so FreeSWITCH transfers the *other* leg (the caller).
const payload = { uuid, destination: ext_number, context: domain_name };
if (source_ext) payload.bleg = true;
- send_action('transfer', payload)
+ const action = get_transfer_action_from_button();
+ send_action(action, payload)
+ .catch(console.error);
+ } else if (dragged_parked_uuid) {
+ const uuid = dragged_parked_uuid;
+ dragged_parked_uuid = null;
+ dragged_call_uuid = null;
+ dragged_call_source_extension = null;
+ dragged_eavesdrop_uuid = null;
+ dragged_extension = null;
+ if (!uuid || !ext_number) return;
+ // Remove from parked map immediately for responsive UI
+ remove_parked_call_by_uuid(uuid);
+ render_parked_side_card();
+ render_parked_tab();
+ send_action('transfer', { uuid, destination: ext_number, context: domain_name })
+ .then(() => {
+ setTimeout(load_parked_snapshot, 600);
+ setTimeout(load_parked_snapshot, 1500);
+ })
.catch(console.error);
} else if (dragged_eavesdrop_uuid) {
// Eavesdrop an existing call using dropped extension as destination
@@ -2344,6 +3290,7 @@ function on_ext_drop(ext_number, event) {
dragged_eavesdrop_uuid = null;
dragged_call_uuid = null;
dragged_call_source_extension = null;
+ dragged_parked_uuid = null;
dragged_extension = null;
if (!uuid || !ext_number) return;
send_action('eavesdrop', { uuid, destination: ext_number, destination_extension: ext_number })
@@ -2358,8 +3305,10 @@ function on_ext_drop(ext_number, event) {
dragged_extension = null;
dragged_eavesdrop_uuid = null;
dragged_call_source_extension = null;
- const can_receive_originate = event.currentTarget.dataset.canReceiveOriginate === 'true';
+ dragged_parked_uuid = null;
if (!from_ext || !ext_number || from_ext === ext_number) return; // Ignore self-drop
+
+ const can_receive_originate = event.currentTarget.dataset.canReceiveOriginate === 'true';
if (!can_receive_originate) {
show_toast(text['label-extension_unavailable'] || 'Destination extension is unavailable.', 'warning');
return;