HabTM可视化

我正在寻找一种方法,使habtm网站上的关系更美丽。 默认情况下,它们显示在一个长列表中。要同时选择多个,必须持有CTRL。

我可以想象一个拖放系统,两个表相邻。正确表格中的所有内容都被视为已选定。 https://imgur.com/a/VmMHQjd

不幸的是,我不知道怎样才能做好。到目前为止,我唯一的方法是从cakephp自动创建一个表并创建第二个空表。

如果打开页面,JavaScript将隐藏未选中的CAKEPHP表中的所有内容(这将是正确的表)。然后,在仍然空着的表中,脚本将编写对另一个表隐藏的所有内容。

如果现在单击一个表中的一个对象,JavaScript会将其隐藏在该表中,并将其显示在另一个表中,并且(去)选择它。

这个实现听起来相当困难,而且在我看来很容易出错。 你有什么好主意我可以在这里做什么吗?可能是个插件或者其他什么东西?不幸的是,我在搜索中找不到任何关于这个的信息。但我不能想象没有人处理这个问题,因为CAKEPHP的HABTM表示不是那么好。