Gen 2 of KEditor

Changes:

• Add button at bottom of container or content area to allow user to add container or component
• When click Add button, a modal will be showed. The snippet will be depends on which Add button. Can be container, sub container or component.
• Remove snippets list in sidebar
• When click on setting icon, will show sidebar with setting forms

Related to https://github.com/Kademi/kademi-dev/issues/2922

[bradmac]

I actually had a new user tell me today they were using the EDM editor (original keditor) and couldnt figure out why they couldnt add a component to the screen. I explained they needed to add a container first.

That was a developer, so this really confirms to me that users initially dont understand the difference between containers and components. So just an add button which shows a filtered list of what they can add is really important.

So I think the best option is:

• have a single button at each point where something can be inserted. This should just be a simple plus icon.
• when thats clicked display a full screen modal with all of the things that can be inserted at that location.

Additionally, i think it would be nice to allow components to be added at a top level, and just wrap them in a col-12 container. Its a very common use case, especially for edms.

[bradmac]

And i think its important to make the add buttons partially transparent, so they dont distract from the content

Instead we want partially transparent buttons at the end of each container the user can click or tap to insert,

Eg with opacity 0.2