deblan-mirror/editor.js
deblan-mirror/editor.js
1
0
Fork 0
mirror of https://github.com/codex-team/editor.js synced 2026-03-18 00:19:53 +01:00
Code Issues Projects Releases Wiki Activity

Move enabling confirmation state to separate method

Browse source
This commit is contained in:
Tanya Fomina 2022-08-12 12:24:28 +03:00
commit 5fc72f591e
1 changed files with 38 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

63
src/components/utils/popover.ts
View file

@ -503,32 +503,9 @@ export default class Popover extends EventsDispatcher<PopoverEvent> {
const clickedItem = this.items[itemIndex];
this.cleanUpConfirmationState();
if (clickedItem.confirmation) {
/** Save root item requiring confirmation to restore original state on popover hide */
if (this.itemRequiringConfirmation === null) {
this.itemRequiringConfirmation = clickedItem;
}
const newItemData = {
...clickedItem,
...clickedItem.confirmation,
} as PopoverItem;
/** Prevent confirmation loop */
if (newItemData.confirmation === clickedItem.confirmation) {
delete newItemData.confirmation;
}
this.items[itemIndex] = newItemData;
const confirmationStateItemEl = this.createItem(newItemData as PopoverItem);
confirmationStateItemEl.classList.add(Popover.CSS.itemConfirmation);
itemEl.parentElement.replaceChild(confirmationStateItemEl, itemEl);
this.reactivateFlipper(
this.flippableElements,
this.flippableElements.indexOf(confirmationStateItemEl)
);
this.enableConfirmationStateForItem(clickedItem as PopoverItemWithConfirmation, itemEl, itemIndex);
return;
}
@ -540,6 +517,42 @@ export default class Popover extends EventsDispatcher<PopoverEvent> {
}
}
/**
* Enables confirmation state for specified item.
* Replaces item element in popover so that is becomes highlighted in a special way
*
* @param item - item to enable confirmation state for
* @param itemEl - html element corresponding to the item
* @param itemIndex - index of the item in all items list
*/
private enableConfirmationStateForItem(item: PopoverItemWithConfirmation, itemEl: HTMLElement, itemIndex: number): void {
/** Save root item requiring confirmation to restore original state on popover hide */
if (this.itemRequiringConfirmation === null) {
this.itemRequiringConfirmation = item;
}
const newItemData = {
...item,
...item.confirmation,
} as PopoverItem;
/** Prevent confirmation loop */
if (newItemData.confirmation === item.confirmation) {
delete newItemData.confirmation;
}
this.items[itemIndex] = newItemData;
const confirmationStateItemEl = this.createItem(newItemData as PopoverItem);
confirmationStateItemEl.classList.add(Popover.CSS.itemConfirmation);
itemEl.parentElement.replaceChild(confirmationStateItemEl, itemEl);
this.reactivateFlipper(
this.flippableElements,
this.flippableElements.indexOf(confirmationStateItemEl)
);
}
/**
* Brings popover item in confirmation state to its original state
*/