Návrh seznamu s možností řazení

Ahoj,
Potřeboval bych poradit s návrhem formulářového prvku se složitější logikou. Má jít o seznam, který půjde řadit, půjdou do něj přidávat a mazat položky.

Podle Návodu jsem byl schopen vytvořit třídu, které předám asociativní pole a ona z něj vykreslí seznam. Javascriptem se dá posouvat a aktuální stav je zachycen v hidden inputu. Při odeslání formuláře se původní pole přerovná podle toho stavu z inputu a getValue tedy pak už vrací správně seřazené pole.

Teď bych potřeboval vyřešit přidávání nových položek tomu seznamu.
Vykreslit pod seznam tlačítko, na které když se klepne, zobrazí se modální okno (bootstrap – modal) v kterém by byl formulář pro přidání nové položky. Nevím jak k tomu vhodně přistoupit. Je potřeba updatovat pole, co si třída interně drží. Zároveň nechci přijít o už seřazené pole. Tak nějak jsem si myslel, že k tomu budou vhodné signály. Ale ty jsou pro komponenty a co je tohle, to nevím.

Z jaké strany byste mi na to dporučili jít?

Zde je můj dosavadní výtvor
https://gist.github.com/…7bfbb0f758f9